Desain Icon Creative Suite

Sejak berada dalam satu set Creative Suite. Semua produk Adobe memiliki bentuk ikon yang seragam, terdiri dari dua buah huruf yang menunjukkan inisial nama program. Misalnya Ps untuk Photoshop, Id untuk InDesign, Fl untuk Flash dan seterusnya. Bentuk ikon ini terinspirasi dari tabel elemen periodik. Walau sederhana, desain ini menyampaikan ide yang tegas bahwa mulai saat ini semua produk Adobe telah terintegrasi ke dalam suatu sistem yang ampuh, creative suite. Di tutorial ini saya akan memperlihatkan cara pembuatan ikon-ikon program Creative Suite dengan Photoshop.

1. Mulai dengan membuat layer baru di dalam set folder bernama Ps. Klik dan geser dengan tool marquee persegi sambil menahan tombol shift untuk menghasilkan seleksi berbentuk kotak. Isi seleksi dengan warna. Terserah mau warna apa asalkan bukan hitam atau putih, kita bisa mengubahnya nanti.

   

2. Tambahkan layer style drop shadow dengan setting seperti di bawah. Angle: 90 derajat dan kosongkan use global light.

   

3. Beri juga layer style gradient overlay dengan gradasi hitam ke putih dengan setting seperti berikut.

   

4. Gandakan layer dengan shortcut ctrl+J. Di layer ini kita tidak butuh style drop shadow, hapus dengan cara menariknya ke atas ikon Delete Layer. Terakhir, turunkan opacity ke 32%.

   

5. Di layer baru ini ubah setting gradient overlay ke radial dan aktifkan reverse. Geser kursor ke atas gambar lalu klik dan geser hingga bagian terang ada di setengah bagian atas kotak.

   

6. Sambil menahan ctrl, klik thumbnail layer untuk membuat seleksi berdasarkan pada bentuk layer. Klik ikon Add Adjustment Layer dan pilih Hue/Saturation.

   

7. Adjustment layer akan kita gunakan sebagai pengontrol warna. Ingat di atas! Saya pernah bilang gunakan warna apa pun karena kita akan mengubahnya nanti. Nah, di sinilah pengaturan warna terjadi. Di setting Hue/Saturation aktifkan pilihan Colorize dan geser ketiga parameter hingga diperoleh warna yang menarik. Saya pilih biru di sini, sesuai dengan warna ikon program favorit kita, Photoshop.

   
   

8. Tambahkan teks di atas kotak. Saya menggunakan font Myriad Pro di sini karena bentuknya mirip dengan font yang digunakan dalam ikon Adobe Creative Suite. Font ini terinstall otomatis dengan Photoshop CS4, saya lupa lagi dengan Photoshop versi lainnya.

   

9. Tambahkan layer style Color Overlay pada teks. Pilih warna abu gelap.

   

10. Tambahkan juga Inner Shadow. Gunakan Angle 90 tanpa Global Light.

    

11. Sudah cukup bergaya Creative Suite bukan? Tapi saya merasa tampilan ini belum pas. Teks terlalu membaur dengan latar dan sulit dipisahkan, jadi saya tambahkan juga sedikit Outer Glow dengan opacity rendah, 8-10%.

    

12. Desain yang baik harus mudah diaplikasikan pada projek baru. Ingat ini! Misalkan kita ingin membuat ikon baru untuk keperluan lain tapi masih dengan gaya creative suite yang sama. Tidak perlu membuat lagi dari awal, tinggal klik dan geser set folder Ps ke atas ikon New Layer untuk membuat duplikasinya.

    

13. Aktifkan tool move lalu klik dan geser sambil menahan tombol shift untuk memindahkan posisi ikon baru.

    

14. Dari panel Layers ubah nama set folder dan ubah teks ikon. Jika Anda penasaran, saya menggunakan Mj.

    

15. Tentu saja kita mau warna yang berbeda. Masih ingat di mana tempat pengaturan warna? Ya, betul. Adjustment layer Hue/Saturation. Klik ganda adjustment layer dan ubah parameter Hue yang ada.

    

16. Akhirnya, kita memiliki satu lagi program baru di paket Creative Suite dengan inisial Mj.