Di era digital seperti saat ini,penggunaan icon pada pembuatan desain tak terhindarkan.
Hampir setiap hari kita di hadapkan dengan ikon.Dari awal kita mulai membuka smartphone akan banyak kita jumpai ikon-ikon aplikasi.
Ikon dalam era digital perananya sangat penting,karena dari sebuah ikon dapat mencerminkan dari bisnis kita.
Seorang desainer grafis tentu sangat di butuhkan keahlianya dalam pembuatan ikon.Itu lah mengapa saya membuat tutorial photoshop membuat Ikon PNG.
Hampir setiap hari kita di hadapkan dengan ikon.Dari awal kita mulai membuka smartphone akan banyak kita jumpai ikon-ikon aplikasi.
Ikon dalam era digital perananya sangat penting,karena dari sebuah ikon dapat mencerminkan dari bisnis kita.
Seorang desainer grafis tentu sangat di butuhkan keahlianya dalam pembuatan ikon.Itu lah mengapa saya membuat tutorial photoshop membuat Ikon PNG.
![]() |
Source: Google Images |
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.
Komentar
Posting Komentar