Cara Membuat Flat Design dan Efek Long Shadow dengan Photoshop


Pada kesempatan kali ini saya akan berbagi tutorial tentang Cara Membuat Flat Design dan Effect Long Shadow dengan Photoshop. Saya menggunakan Photoshop CS 4. Flat Design juga dapat dibuat dengan Photoshop CS6 maupun Adobe Photoshop CC yang terbaru. Semua teknik pembuatannya sama saja.
Flat Design atau desain datar adalah desain yang sedang trending saat ini. Karena terlihat simple dimata dan mudah dibuat maka banyak para desainer yang mencoba mempelajari  seni desain ini. Sebenarnya flat design juga pernah pernah populer di tahun 1940an yang berasal dari Swiss.
Nah sebelum kalian membuat flat design, kalian harus persiapkan bahan-bahannya terlebih dahulu

Bahan - Bahan


Langkah  1: Membuat Background

Buat lembar kerja baru, 1000 x 1000 pixels di mode RGB, 72 DPI. Sekarang siapkan bahan-bahannya. Instal font FullTilt Boogie NF


Maka akan muncul lembar kerja baru, Selanjutnya buat Layer baru dengan cara memilih layer pada menu kemudian pilih New Layer atau bisa kalian tekan Shift + Ctrl + N dan bisa juga dengan  meng-klik tombol Create New Layer pada bagian bawah menu layers


Setelah selesai membuat layer baru, selanjutnya ganti warna background color dengan cara meng-klik pada Set Color Background kemudian pilih warna yang akan kalian gunakan sebagai background, Sebaiknya gunakan warna yang soft light agar hasil desain kalian lebih bagus. Disini saya gunakan warna biru sebagai background


Setelah memilih warna background langkah selanjutnya yaitu menekan Ctrl + Backspace untuk merubah warna background menjadi warna yang kalian pilih tadi.


Langkah 2 : Membuat Text

Buat text dengan menggunakan Horizontal Type Tool kemudian ganti fontnya menjadi FullTilt Boogie NF dengan ukuran 110 pt dengan warna hitam. Kalian dapat menulis kata apapun, Saya gunakan kata "Dans" untuk membuat contoh Flat Desain.


Setelah selesai membuat text langkah selanjutnya yaitu Menduplikat text tadi Dengan cara Klik kanan kemudian pilih Duplicate Layer atau dengan menekan Ctrl + J


Maka sekarang pada menu layers terdapat 2 text. Pada Duplicate text tadi ganti warnanya menjadi warna putih.


Kemudian pada Text 1 yang berwarna Hitam Tekan Ctrl + T dan ubah rotasinya menjadi -45˚

Kemudian pada text yang sudah kita ubah rotasinya tekan Ctrl Alt (Ditahan) + untuk memperbanyak jumlah layer yang arahnya menuju ke kanan. Buat copy text tadi sampai 200

      Kemudian untuk menyatukan semua copy text tadi tekan Shift + Klik kanan pada Text yang asli, tapi sebelumnya kita harus klik copy text yang terakhir baru kita klik text yang asli


      Kemudian setelah mem-block layer copy text tekan Ctrl + E atau klik kanan kemudian pilih Merge Layers.

      Lalu ganti rotasinya lagi menjadi 45˚. Kemudian atur copy text tadi agar pas dengan text yang berwarna putih

      Setelah dirasa pas copy text dengan Text Duplicate, pada duplikat text lagi dengan cara Menekan Ctrl + J atau klik kanan kemudian pilih Duplicate Layer. Kemudian Atur Posisinya agar menutupi bagian bawah copy text.



      Kemudian block copy text tadi lalu klik kanan lalu pilih Merge Layers atau dengan menekan Ctrl + E


      Maka akan menjadikan objek yang tadinya 2 menjadi 1, Setelah text copy tadi sudah disatukan selanjutnya ubah Fillnya menjadi 20%, kalian bisa mengganti sesuai keinginan.


      Untuk yang mau Download File PSDnya Silahkan Download Disini

      Nahh gimana? Mudah bukan? Jika kalian sudah mengikuti tutorial diatas. Diharapkan kalian juga dapat meng-improve tentang desain ini agar karya yang dihasilkan lebih baik.
      Bagi kalian yang mau bertanya silahkan tanyakan di kolom komentar pada post ini.
      Yupp, sekian postingan tentang cara membuat flat design keren di photoshop semoga bermanfaat dan Semoga terus berkarya!

      2 Responses to "Cara Membuat Flat Design dan Efek Long Shadow dengan Photoshop"

      Iklan Atas Artikel

      Iklan Tengah Artikel 1

      Iklan Tengah Artikel 2

      Iklan Bawah Artikel