Photo to Vector

Iseng aja mengisi waktu luang di rumah, manfaatin waktu buat belajar merubah Photo ke gambar kartun atau photo to vector. Hasilnya seadanya masih belum maksimal, karena buatnya juga iseng. :D

Fuji Hastuti_Photo to Vector Cartoon adobe illustrator
!Done

Fuji Hastuti_Photo to Vector Cartoon adobe illustrator
Process

Photo to Vector Cartoon adobe illustrator
Original Photo

photo to vector photoshop line art illustrator cartoon free coreldraw android ios drawing tutorial iphone converter action file adobe convert ipad gimp black and white background booth border banner baby best conversion corel cs6 cs5 cc creator camera collage draw design frame corner album effect editor edges eps exhibition format frames filter freepik film props graphic gallery grid icon photography graphics photorealistic halftone holder how in make illustration turn image change kartun live trace lines logo lens layout lense like lab maker manipulation mask mount no outline ornament of portrait program psd png paper quality reel realistic roll real retro raster rec service sketch shape stock strip studio shutter symbol silhouette shoot images slide scrapbook sticker shadow vectortuts template into tag templates tabs transform vintage with wall your picture

Photo to Vector

Kontras pada Tipografi | Desain Layout

Sebelum lanjut pada pembahasan kontras pada tifografi (typography) desain layout kita pahami dulu istilah tifografi dalam dunia desain. Tifografi (seni cetak atau tata huruf) secara umum adalah teknik memilih dan menata huruf atau bidang huruf dengan pengaturan pada ruang yang tersedia, untuk menciptakan kesan tertentu, guna kenyamanan membaca semaksimal mungkin. Tifografi dikenal pula dengan seni rupa huruf (typeface design), yaitu karya atau desain yang menggunakan pengaturan huruf sebagai elemen utama.

Kontras pada Tipografi | Desain Layout

Kontras atau kekontrasan pada desain layout merupakan bagian penting karena kekontrasan akan memberikan daya tarik tersendiri. Semakin kita fokus terhadap apa yang kita kerjakan, kekontrasan akan memberikan variasi yang kian melebar dan akan memberikan loncatan-loncatan ide yang tidak terduga sebelumnya.

Kontras pada Tipografi | Desain Layout

Penekanan kontras pada tifografi desain layout | indesign bisa dengan menambahkan pengaturan pada tinggi pendek huruf, jenis huruf (font), tebal kurus huruf (normal, bold, italic, underline) atau dengan style yang menurut kita menarik dan memberi penekanan pada sebuah obyek desain.

Seringkali kita lupa memberikan penekanan tifografi saat mengerjakan layout dengan materi yang banyak, padahal dengan memberikan style pada huruf, seperti UPPERCASE, lowercase, Title Case pada bagian-bagian tertentu akan memberikan kekontrasan huruf dan variasi yang tidak membosankan pada sebuah layout. Kontras juga akan menjadikan sebuah desain yang berbeda secara visual bila ditempatkan secara tepat.

Selain memberikan style pada huruf, kontras juga bisa dengan memberi warna pada bagian tertentu. Umumnya warna ditambahkan pada Judul halaman, bisa juga ditambahkan pada area lain yang membutuhkan penekanan sehingga desain akan lebih menarik.

Contoh kekontrasan pada layout

contoh kekontrasan pada huruf | typography

contoh kekontrasan pada huruf | typography

contoh kekontrasan pada huruf | typography

contoh kekontrasan pada huruf | typography

contoh kekontrasan pada huruf | typography

contoh kekontrasan pada huruf | typography

contoh kekontrasan pada huruf | typography

contoh kekontrasan pada huruf | typography

Law Firm Company Profile Sample Design

Mufakat Law Firm Profile Company Design

Ini merupakan contoh desain Company Profile firma hukum (law firm) bisa dijadikan sebagai inspirasi, inspiration dalam pembuatan sebuah karya desain. Design dibuat menggunakan software desain pembuatan layout indesign, dan untuk software pengolah gambar menggunakan illustrator dan photoshop. Bisa juga menggunakan software pengolah design lainnya seperti Coreldraw yang nantinya berformat .cdr tapi saya lebih suka menggunakan Illustrator karena terintegrasi dengan sofware adobe lainnya.

Pembuatan desain company profile ini desainnya tidak ramai tapi dibuat sesederhana mungkin tanpa mengabaikan unsur estetika dan konten. Desain dibuat lebih fokus ke profil dan jenis perusahaan. Penggunaan warna yang tidak banyak membuat desain ini lebih nyaman untuk dinikmati dan dibaca.

Cover

Law Firm Company Profile Sample Design
Designer Supo Wahono
Contact contact

Isi

Law Firm Company Profile Sample Design
Law Firm Company Profile Sample Design
Law Firm Company Profile Sample Design

Tahap Pembuatan Company Pofile

software : indesign

Tahap Pembuatan Company Pofile

Tag Kondisional Blogger 2018

Secara sederhana, arti tag kondisional adalah tag yang digunakan untuk menyimpan dan mengatur elemen-elemen di mana akan ditampilkan atau disembunyikan fungsinya menempatkan komponen, baik itu css, html ataupun widget blogger pada halaman tertentu, sesuai kebutuhan. Misalnya kita akan menempatkan style h1/h2 pada halaman posting berbeda dengan h1/h2 yang ada di halaman utama/homepage, maka untuk membedakannya kita menggunakan tag kondisional. Begitu juga untuk menampilkan widget di halaman tertentu, bisa menggunakan tag kondisional.

Tag Kondisional Blogger 2018

Berikut tag kondisional blogger terbaru menggantikan tag kondisional versi lama

Tag Kondisional Halaman Utama/Homepage


Versi baru

<b:if cond='data:view.isHomepage'> … </b:if>

Versi lama

<b:if cond='data:blog.url == data:blog.homepageUrl'> … </b:if>

Tag Kondisional Halaman Index


Versi baru

<b:if cond='data:view.isMultipleItems'> … </b:if>

Versi lama

<b:if cond='data:blog.pageType == "index"'> … </b:if>

Tag Kondisional Halaman Item


Versi baru

<b:if cond='data:view.isSingleItem'> … </b:if>

Versi lama

<b:if cond='data:blog.pageType in ["item", "static_page"]'> … </b:if>

Tag Kondisional Halaman Postingan


Versi baru

<b:if cond='data:view.isPost'> … </b:if>

Versi lama

<b:if cond='data:blog.pageType == "item"'> … </b:if>

Tag Kondisional Halaman Statis


contoh halaman statis blogger : halaman about-us, halaman privacy policy, dll.

Versi baru

<b:if cond='data:view.isPage'> … </b:if>

Versi lama

<b:if cond='data:blog.pageType == "static_page"'> … </b:if>

Tag Kondisional Halaman Label


Versi baru

<b:if cond='data:view.isLabelSearch'> … </b:if>

Versi lama

<b:if cond='data:blog.searchLabel'> … </b:if>

Tag Kondisional Halaman Arsip


Versi baru

<b:if cond='data:view.isArchive'> … </b:if>

Versi lama

<b:if cond='data:blog.pageType == "archive"'> … </b:if>

Tag Kondisional Halaman Pencarian


Versi baru

<!-- Termasuk halaman pencarian label -->
<b:if cond='data:view.isSearch'> … </b:if>

<!-- Hanya halaman pencarian -->
<b:if cond='data:view.isSearch and !data:view.isLabelSearch'> … </b:if>

Versi lama

<b:if cond='data:blog.searchQuery'> … </b:if>

Tag Kondisional Halaman Kesalahan / Error 404


Versi baru

<b:if cond='data:view.isError'> … </b:if>

Versi lama

<b:if cond='data:blog.pageType == "error_page"'> … </b:if>

Tag Kondisional Halaman Pratinjau


Versi baru

<b:if cond='data:view.isPreview'> … </b:if>

Versi lama

<!-- Tidak ada -->

sumber : www.arlinadzgn

Desain Kalender 2018 style #1

Desain Kalender Indonesia 2018

Cover


Desain Kalender Indonesia 2018 - Cover

Isi Kalender 2018


  • Desain Kalender Indonesia 2018 - Januari
  • Desain Kalender Indonesia 2018 - Februari
  • Desain Kalender Indonesia 2018 - Maret
  • Desain Kalender Indonesia 2018 - April
  • Desain Kalender Indonesia 2018 - Mei
  • Desain Kalender Indonesia 2018 - Juni
  • Desain Kalender Indonesia 2018 - Juli
  • Desain Kalender Indonesia 2018 - Agustus
  • Desain Kalender Indonesia 2018 - September
  • Desain Kalender Indonesia 2018 - Oktober
  • Desain Kalender Indonesia 2018 - Nopember
  • Desain Kalender Indonesia 2018 - Desember

Free Responsive Blogger Template Fast Loading SEO Friendly

Free Responsive Blogger Template Fast Loading SEO Friendly

1. Simplify Responsive Blogger Template


Simplify Responsive Blogger Template download

Features


Responsive, Google Testing Tool Validator, SEO Friendly, Dynamic Heading, Adsense, Valid Schema.org, High CTR, Personal Blog, 2 Column, Auto Read More with Thumbnail, Responsive Ad Slotm, Breadcrumbs, Related Posts with Thumb, Search Box, Social Share Button, Responsive Sticky Navigation, Back to Top Button, Shortcodes, Unlimited Page Numbered, Recent Post with Thumbnail, Custom Contact Form Widget, Responsive Sitemap Widget

Demo Download

2. Seoboost Blogger Template


Seoboost Blogger Template

Perfectly Seo Optimized

  • Meta Tags
  • Perfect On-Page Seo
  • Clean Code
  • Perfect Page Speed
  • Responsive Design

Featured


Fully Responsive Design, Fully SEO Optimized, Mobile Friendly Design, Support Youtube thumbnail, Advance Search Engine Optimization, Auto resize thumbnail image, Tabbed Menu, Well Online Documentation, Random posts, Recent Comments, Threaded Comment, Multiple comment system, Recent Post By Label, Related posts support, Ads Ready, Auto Author Image, Newsletter Subscription, Custom Error 404 Page, Blogger news templates, Compatible with major browsers (IE8+,Mozilla,Chrome,Safari)

Professional admin layout, help you easy work with blog layout.

Demo Download

3. Flexzine Blogger Template


Flexzine Blogger Template

Features


Responsive, SEO Friendly, Google Testing Tool Validator, Mobile Friendly, Custom 404 Page, Fast Loading, Minimal, Fashion, Elegant, White, Ads Ready, Clean Layout, Simple Design, Drop Down Menu, Social Sharing, HTML5 & CSS3, Browser Compatibility

Demo Download

4. Blazer Blogger template, responsive theme


Blazer Blogger template, responsive theme

Features:


Material design, 2 columns, 3 footer columns, Dropdown menu, Buttons page navigation, Right sidebar, Black colors, Responsive layout, Blogger comment form, Related posts, Serach box, much more

Demo Download

5. Faster Blogger Template


Faster Blogger Template

Features


Responsive, Google Testing Tool Validator, SEO Friendly, Mobile Friendly, 404 page, Loading Speed, 3 Types Of Post Layout, Auto Read More With Thumbnail, Ads Ready, Multi Dropdown Menu, Search Widget, Colourful Social Widgets, Related Posts with Thumbnail, Social Share Button, Whatsapp Sharing Button, mail Newsletter Widget True, Customized Comments, etailed Documentation, Widget Codes (Premium)

Demo Download

6. Marble - Responsive Blogger Template


Marble - Responsive Blogger Template

Features


Fully Responsive Design, SEO Optimized, Easy Admin Panel, Unlimited Colors, Ads Ready, Recent Posts Widget, Subscribe box, Related Posts, Social Share Buttons, Author Bio Box (Auto from Google+ profile), Google Comment, Search Box, Custom 404 Error page

Demo Download

Play with Sketch

Play with Sketch

Original Photo



Sketch