[Tutorial] Membuat Illustration Flat Design Dengan Photoshop
– Sebelum mengawali ke cara menciptakan Illustration Flat Design menggunakan photoshop ada baiknya kalau kita mengetahui perihal apa itu dan sejarah dari Illustration Flat Design? Kamu mungkin pernah mendengar hal ini sebab Illustration Flat Design sendiri sempat booming sejak tahun 2013 sampai sekarang pun masih di gemari oleh para desainer.
Desain flat merupakan gaya modern minimalis dari antarmuka pengguna, yang mengesampingkan setiap jenis warna yang kompleks, highlight, bertekstur dan imbas gelap lainnya.
Tutorial Photoshop
Download Wallpaper
Sejarah Singkat
Desain flat dikenali sudah digunakan jauh sebelum menjadi tren besar di kalangan komunitas desain. Hal ini dikarenakan pada dikala itu teknologi yang belum bisa untuk membuat dan mendukung efek yang kompleks dan bertekstur. Seperti yang kita ketahui kini, flat desain mulai terkenal setelah Microsoft merilis produk dengan gaya rancangan Metro.
Metro sendiri adalah bahasa desain UI buatan Microsoft, yang artinya sederhana, bersih dan terbaru.
Illustration Flat Design makin meningkat dengan pemakaian banyak software selaku pembantu misalnya Photoshop, Adobe Illustrator, CorelDraw dan masih banyak lagi. Dan untuk kegunaan illustration flat design sendiri bisa kau gunakan untuk poster, flyer, website atau rancangan lainnya.
Membuat Illustration Flat Design Photoshop
STEP 1 : Tahap persiapan
1. Sebelum memulai pengerjaan Illustration Flat Design pastikan kamu sudah menyiapkan materi yang dibutuhkan ialah gambar/foto sesuai selera kamu. Untuk saya sendiri akan memakai foto panorama yang di mampu dari google. Setelah bahan sudah siap, langsung saja buka aplikasi Adobe Photoshop kau. Lalu masukkan foto ke dalam photoshop dengan cara klik File » Open / tekan CTRL + O.
2. Setelah itu Duplicate Layer terlebih dahulu sebelum lanjut ke tahap selanjutnya dengan cara klik Kanan Layer Foto » pilih Duplicate Layer / tekan CTRL + J
3. Pada tahap ini kita akan menggunakan fitur Shape Tool di Photoshop. Perlu kamu pahami di dalam Shape Tool terdapat beberapa pilihan opsi seperti : Rectangle tool, Ellips tool. Kali ini aku akan memakai Rectangle Tool untuk membuat Background Langit sebagai dasarannya dengan kode warna FFCAAA. Dan tentukan layer background langit berada di bawah layer foto. Seperti acuan yang sudah penulis tandai di bawah ini.
4. Bagi yang belum tahu perihal cara untuk memasukkan instruksi warnanya. Kamu cuma perlu klik Set foreground color kemudian akan muncul Color Picker, pada bab tengah bawah terdapat suatu arahan warna (Kamu tinggal ubah instruksi tersebut). Seperti acuan dibawah.
STEP 2 : Tahap pengerjaan
Sebelum membuat bentuk menggunakan Pentool. Perhatikan dulu foto/gambar yang kamu pilih, Mulailah membuat dari tempat foto yang pencahayaannya kurang/gelap terlebih dulu.
5. Pada tahap ke 5 dalam tahap pengerjaan ini kita akan memulai membuat bentuk sesuai gambar dengan aba-aba warna 2F122E. Seperti berikut contohnya …
6. Selanjutnya, kita akan melaksanakan hal yang sama seperti tahap sebelumnya akan tetapi untuk penyeleksian warnanya kita akan memakai warna yang lebih terperinci dan untuk membuat bentuknya sesuai kan dengan foto yang pencahayaannya lebih terperinci juga. Penulis menggunakan aba-aba warna 79042F. Dan untuk posisi layer ini berada dibawah layer tahap ke 5.
7. Untuk tahap ini sama seperti tahap ke 6 cuma saja membuat bentuk dengan foto yang pencahayaannya lebih terang dan penyeleksian warna yang dipakai sedikit lebih terang dari tahap ke 6 dengan instruksi warnanya AB1036. Dan posisi layer berada dibawah tahap ke 6.
8. Setelah itu, masih di tahap yang sama hanya membuat bentuk dan penyeleksian warna saja yang sedikit berlawanan. Yaitu mulai membuat bentuk dengan foto yang pencahayaannya lebih gelap dari tahap ke 6 dan ke 7 dengan aba-aba warna 550325. Untuk posisi layer tetap berada dibawah tahap ke 7.
9. Di tahap yang ke 9 ini, kita tetap melakukan seperti tahap sebelumnya. Mulai dengan menciptakan bentuk dari foto yang lebih jelas dari sebelumnya dan untuk pemilihan warnanya penulis memakai instruksi warna FF4430. Posisi layer berada sempurna dibawah tahap ke 8.
10. Pada tahap ini kita juga masih melakukan hal yang serupa mirip sebelumnya, yakni membuat bentuk dari foto yang pencahayaannya lebih terang dari sebelumnya dengan arahan warna FF573B. Posisi layer tetap dibawah tahap 9.
11. Untuk tahap ke 11 ini sama seperti sebelumnya akan tetapi isyarat warna yang dipakai sedikit lebih jelas adalah FDA44B. Posisi layer dibawah tahap 10.
12. Dan untuk tahap ini kita menciptakan bentuk awan. Untuk pemilihan warna awan sudah di tentukan berwarna lebih terang ialah untuk awan dengan kode warna FFBB95 dan posisi layer tetap berada dibawah tahap ke 11.
STEP 3 : Tahap Brush
Mulai tahap ini kita akan menggunakan Brush Tool dengan cara tekan B pada keyboard, untuk menciptakan efek cahaya semoga terlihat menawan. Penggunaan Brush pada tahap ini penulis akan menggunakan 2 tipe brush yaitu : Hard Round & Soft Round.
13. Yang pertama kita akan menggunakan Hard Round, atur Size : 8 px & Hardness : 90%. Setelah itu tekan CTRL + Klik pada layer tahap ke 5 (Untuk menyeleksi layer tahap ke 6) dan mulailah Brush pada bagian yang dirasa mempunyai cahaya pada foto.
14. Dan yang ke dua, kita akan menggunakan Soft Round, atur Size : 2200 px & Hardness : 0%. Untuk penggunaan brush ini berlainan dari sebelumnya, kita akan mengawali brush pada layer tahap 9 (STEP 2).
15. Selesai … sebelum menyaksikan hasil pembuatan. Matikan layer pada tahap ke 2 di (STEP 1) apalagi dahulu dengan klik Indicates layer visibility.
16. Berikut hasil dari panduan di atas.
17. Selesai.
Download file PSD di sini
Akhir kata,
Saya rasa, langkah – langkah dari bimbingan diatas ialah cara paling mudah dalam menciptakan flat design dengan photoshop. Mungkin masih banyak kekurangan dan jauh dari kata tepat ataupun perfect, namun diperlukan ini bisa menjadi langkah awal sehingga kedepannya dapat menciptakan rancangan yang lebih anggun lagi.
Untuk softwarenya, penulis sendiri memakai aplikasi Adobe Photoshop CS 6. Mungkin terlihat gampang jika dilihat dari cara membuatnya, namun proses pengerjaannya juga menyantap waktu yang relatif usang. Sekian bimbingan flat rancangan dari saya, supaya bisa menolong dan berguna.
Bagikan postingan ini apabila dirasa berkhasiat dan berfaedah. Terima kasih dan selamat menjajal !!