tutorial-photoshop-membuat-icon-download

Tutorial Photoshop: Membuat Icon Download

Tutorial Photoshop: Membuat Icon Download – Tidak terasa lama sekali kami vakum dalam mengisi blog ini. Pada kesempatan ini saya mencoba untuk membuat tutorial photoshop bagaimama membuat icon download yang smoothy. Di sini saya akan berbagi cara untuk membuat icon download ini dengan berbagai efek sederhananya. Selamat mengikuti dan semoga bermanfaat.. 🙂

Langkah 1 – Buat File Baru lalu Gunakan Pen Tool

Buka Photoshop dan buat dokumen baru (Command/Ctrl + N). Gunakan pengaturan berikut:

  • Resolution       : 72dpi
  • Color Mode     : RGB color
  • Dimensions     : 600Ă—600 px

Buat bentuk folder bagian depan berikut dengan menggunakan Pen tool (P) yang ada di sisi kiri aplikasi dan pastikan klik pada icon Shape Layer (di bawah antara tulisan Edit dan Image pada Menu) dan beri warna seperti gambar di bawah ini pada Layer>Layer Thumbnail.

tutorial-photoshop-membuat-icon-download-langkah-1
tutorial photoshop-membuat icon download – langkah 1

Langkah 2 – Membuat Shapes (bentuk) Menggunakan Pen Tool
Gambar  folder  bagian belakang menggunakan Pen Tool dengan menggunakan teknik gambar yang sama tetapi ditempatkan pada layer yang berbeda.

tutorial-photoshop-membuat-icon-download-langkah-2
tutorial photoshop membuat icon download – langkah 2

Langkah 3 – Menyelesaikan Bentuk Gambar

Setelah gambar folder selesai dibuat, tambahkan di atas gambar folder berupa shape (bentuk) kertas dan panah seperti pada gambar yang ditunjukkan di bawah tentunya juga dibuat dengan layer yang berbeda-beda. Sekarang kita punya 4 layer. Tiap bentuk (shape) punya layernya sendiri. Pastikan tiap layer diberi nama yang khas, di sini saya beri nama; folder depan, panah, kertas, folder belakang.

tutorial-photoshop-membuat-icon-download-langkah-3
tutorial photoshop membuat icon download – langkah 3

Langkah 4 – Menambahkan Efek Warna

Memberi Layer Style pada Layer “folder depan”. Opacity diturunkan menjadi 85%. Tambahkan efek dari Layer Blending Option (klik kanan pada layer>Blending Option) dan isi seperti pada gambar di bawah.

tutorial-photoshop-membuat-icon-download-langkah-4
tutorial photoshop membuat icon download – langkah 4

Memberi Layer Style pada Layer “kertas”. Opacity diturunkan menjadi 90%. Tambahkan efek dari Layer Blending Option (klik kanan pada layer>Blending Option) dan isi seperti pada gambar di bawah.

tutorial-photoshop-membuat-icon-download-langkah-4b
tutorial photoshop membuat icon download – langkah 4

Memberi Layer Style pada Layer “folder belakang”. Tambahkan efek dari Layer Blending Option (klik kanan pada layer>Blending Option) dan isi seperti pada gambar di bawah.

tutorial-photoshop-membuat-icon-download-langkah-4c
tutorial photoshop membuat icon download – langkah 4

Memberi Layer Style pada Layer “panah”. Tambahkan efek dari Layer Blending Option (klik kanan pada layer>Blending Option) dan isi seperti pada gambar di bawah.

tutorial-photoshop-membuat-icon-download-langkah-4d
tutorial photoshop membuat icon download – langkah 4

Langkah 5 – Menambahkan Refleksi
Tambahkan layer baru bernama “reflection.” Gunakan Pen Tools untuk menggambar refleksi seperti yang ditunjukkan. Pastikan Anda menggambar bentuk sebagai Path bukan Shape Layer (klik ikon Path di bawah tulisan Image pada Menu). Setelah menyelesaikan bentuk path, klik kanan di dalam bentuk tersebut dan “make selection” (feather 0). Pakai brush (master diameter sekitar 400, hardness 0) dan sapukan di sekitar bagian sebelah kanan seleksi yang telah dibuat tadi dengan refleksi warna putih. Ubah  blending mode>Overlay dan opacity>28%.

tutorial-photoshop-membuat-icon-download-langkah-5
tutorial photoshop membuat icon download – langkah 5

Langkah 6 – Efek Cahaya

Buat layer baru dengan nama “margins,”. Tambahkan efek cahaya pada tepi gambar dengan penekanan efek ikon 3 dimensi. Gunakan pen tool untuk membuat garis tepi di sekitar sudut dan semua tepi pada folder. Lalu, klik kanan tepat pada garis yang dibuat itu dan pilih stroke path>brush. Pengaturan brush harus diatur terlebih dahulu dengan ukuran 10 px master diameter, hardness 0. Hapus bagian ujung-ujungnya dengan brush dengan master diameter yang berukuran besar lalu rubah Blending Mode>Overlay dan Opacity>50%. Gunakan teknik yang sama untuk membuat efek cahaya pada kertas dan panah.

tutorial-photoshop-membuat-icon-download-langkah-6
tutorial photoshop membuat icon download – langkah 6

Langkah 7 – Bayangan

Buat layer baru (Command/Ctrl + Shift + N) untuk efek bayangan. Buat seleksi seperti yang telah dibuat pada langkah 5 untuk membuat refleksi. Isi seleksi dengan warna hitam dan kemudian samarkan bagian tepinya dengan menggunakan blur tool. Jika bayangan terlihat masih terlalu kuat, itu berarti kita harus menurunkan opacity pada layer menjadi 21%.

tutorial-photoshop-membuat-icon-download-langkah-7
tutorial photoshop membuat icon download – langkah 7

Langkah 8 – Menambahkan Text

Buat text dengan menggunakan jenis font apa saja yang disukai. Di sini, saya memilih font “Rockwell” Font size: 30, Layer Opacity: 90%. Kemudian untuk membuat tulisan seolah-olah tertulis di kertas yaitu klik kanan>skew, rubah seperti pada gambar di bawah.

tutorial-photoshop-membuat-icon-download-langkah-8
tutorial photoshop membuat icon download – langkah 8

Langkah 9 – Menambahkan Efek Refleksi dan Bayangan yang Terakhir

Tambahkan beberapa efek refleksi pada kertas dan panah dengan menggunakan teknik yang sama seperti yang telah ditunjukkan pada Langkah 5.

tutorial-photoshop-membuat-icon-download-langkah-9
tutorial photoshop membuat icon download – langkah 9

Final Preview

Berikut hasil dari tutorial di atas. Saya harap anda menyukai tutorial ini dan inilah hasilnya.

tutorial-photoshop-membuat-icon-download-final
tutorial photoshop membuat icon download – final

Leave a Reply

Your email address will not be published. Required fields are marked *