Membuat Icon PNG dengan Photoshop - Di zaman yang kian modern ini, mata kita tidak akan pernah lepas dari yang namanya icon. Hampir setiap saat mata kita dihadapkan pada yang namanya icon. Mulai dari icon aplikasi di smartphone, komputer, sampai icon-icon yang sering muncul di televisi. Hampir setiap hari, sebuah icon baru juga muncul bersamaan dengan hadirnya sebuah aplikasi baru. Peranan seorang desainer grafis tentu amat dibutuhkan di dalam pembuatan sebuah icon. Proses pengkreasian sebuah icon terkadang amat berpengaruh terhadap kesuksesan sebuah aplikasi. Terkadang seorang desainer grafis membutuhkan pengetahuan desain yang baik untuk bisa menciptakan sebuah icon yang efektif dan sesuai dengan kebutua\han dan keinginan dari sang programer. Itulah alasan mengapa pada kesempatan ini s aya mencoba memberikan sebuah tutorial sederhana tentang cara membuat sebuah icon calendar dengan menggunakan adobe photoshop.
Source: Google Images |
Pada tutorial photoshop yang diberikan dalam postingan kali ini, anda akan diajarkan untuk membuat sebuah icon berbentuk calendar dengan mengikuti langkah-langkah sederhana. Harapannya adalah agar anda memiliki pengetahuan dasar di dalam pembuatan sebuah icon sehingga nantinya anda bisa mengkreasikan sendiri desain icon sesuai dengan kreatifitas dan imajinasi anda.
Tutorial Cara Mudah Membuat Icon PNG dengan Photoshop
Langkah Pertama
Seperti biasa, hal pertama yang perlu dilakukan adalah membuat sebuah dokumen photoshop baru. buatlah dokumen dengan ukuran kurang lebih 1200x700 px. kemudian anda dapat memberi warna background sesuai selera anda.
Langkah Kedua
sekarang kita mulai membuat gambar dasar untuk icon. pilih Rounded Rectangle Tool dan aturlah radiusnya menjadi 40 px. gambarlah sebuah kotak tepat ditengah-tengah background. jangan lupa untuk menekan tombol Shift ketika menarik gambar kotak tersebut agar bentuknya sempurna. berilah warna putih.
Source: Google Images |
Langkah Ketiga
tambahkan Drop Shadow dan Stroke pada blending moda (klik kanan pada layer > pilih blending option) atur angka-angka pada Drop Shadowdan Stroke shingga menghasilkan gambar yang kurang lebih seperti ini:
Source: Google Images |
Langkah Keempat
tambahkan efek lembaran kertas calendar. caranya amat mudah anda tinggal menduplikasi layer sebelumnya (CTRL + J) kemudian geser dengan Move Tool sedikit ke atas. jangan lupa untuk menghilangkan efek Drop Shadow dan Ubah warna Stroke menjadi Putih. Ulangi sampai anda mendapatkan beberapa lembar kertas.
Source: Google Images |
Langkah Kelima
Untuk membuat calendar menjadi lebih real, tambahkan efek border pada bagian atas icon. Pilih Rectangle Tool kemudian gambar kotak seperti yang ada pada gambar berikut ini, pilih warna sesuka anda.
Source: Google Images |
Langkah Keenam
Turunkan opacity dari layer tersebut, lalu hapus bagian-bagian yang keluar gambar dengan mneggunakan Eraser Toolataupun anda bisa melakukan seleksi terlebih dahulu menggunakan Pen Tool. Kembalikan Opacity menjadi 100%. Tambahkan efek Drop Shadow dan Stroke sama seperti pada langkah ketiga agar gambar smakin menyatu.
Source: Google Images |
Langkah Ketujuh
Tambahkan efek garis putus-putus. Sebelumnya kita harus membuat brush terlebih dahulu. Tenang saja, caranya tidak terlalu sulit. Buatlah sebuah Layer baru, kemudian klik Brush Tool dan pilih brush yang bentuknya bulat, atur ukurannya sekitar 4 pixel. Pilih menu Window>Brush kemudian klik pada pilihan Dual Brush dan atur Diameter menjadi 10px, Spacing menjadi 250%, Scatter 0 dan Count menjadi 10. Brushsudah siap untuk digunakan, buat sebuah garis lurus dengan menggunakan Brush Tool. jangan lupa untuk menekan tombol Shift agar garis yang anda buat tidak miring atau melengkung.
Source: Google Images |
Langkah Kedelapan
Sekarang anda tinggal menambahkan tulisan tanggal, bulan, dan hari. dan icon calendar pun selesai dan bisa anda gunakan. silahkan anda menyimpannya dalam format PNG.
Source: Google Images |
Kira-kira begitulah Tutorial Cara Mudah Membuat Icon PNG dengan Photoshop. Sebenarnya akan lebih mudah apabila anda membuat icon ini dengan menggunakan aplikasi CorelDraw. Tapi untuk menambah kemampuan editing anda dengan photoshop, tidak ada salahnya untuk mempelajari teknik sederhana untuk membuat icon anda sendiri dengan menggunakan software adobe photoshop.