Membuat Ikon

Dalam ilmu komputer, ikon merupakan simbol grafis berupa gambar sederhana yang menyatakan suatu program, perintah, file data atau konsep dalam sebuah antarmuka pengguna grafis (graphical user interface). Gambar ini biasanya juga merepresentasikan suatu objek, orang, huruf, kegiatan, perasaan atau bahkan suatu abstraksi. Oleh sebab itu jarang kita temui sebuah ikon yang rumit dan penuh teks. Pada bab berikut Anda akan mempelajari trend desain ikon, cara membuat ikon serta mendapatkan penghasilan dari desain ikon.

Trend Desain Ikon

Desain ikon yang sedang digemari oleh masyarakat memiliki ciri-ciri di bawah ini:

  1. Berbentuk unik dan sederhana.
  2. Warna permen dengan kombinasi, gradasi, dan kontras yang menonjol
  3. Desain tiga dimensi yang terkesan lebih futuristik.
  4. Representasi suatu objek, kegiatan, perasaan dan sebagainya

Membuat Desain Ikon

Setelah mengetahui trend desain ikon maka Anda bisa menciptakan ikon-ikon yang menarik. Anda bisa mengimplementasikan langkah sederhana di bawah ini:

  1. Aktifkan jendela Photoshop Anda dengan klik Start > Adobe Photoshop CS5.
  2. Tekan menu File > New.
  3. Setelah itu aturlah Weight dan Height menjadi 600 pixels, dengan Resolution 72 pixels/inch lantas tekan OK.
  4. Buatlah dua buah garis acuan secara Horizontal dan Vertical dengan menekan menu View > New Guide.
  5. Letakkan tombol radio di opsi Horizontal dan tuliskan angka 50% pada Position lalu tekan OK.
  6. Klik menu View > New Guide lagi, lantas klik tombol radio di opsi Vertical dengan Position 50% dan tekan OK.
  7. Ambil  Ellipse Tool dari tool box lalu tekan dan tahan tombol Shift dan goreskan pointer Anda pada kanvas. Posisikan lingkaran yang Anda buat di tengah garis acuan dengan  Move Tool.
  8. Seketika muncul Layer Shape 1, klik kanan layer tersebut.
  9. Setelah itu pilih opsi Blending Options.
  10. Arahkan panah mouse pada Styles Outer Glow, lalu atur Opacity: 10%, Technique: Precise, Spread: 33%, Size: 18%. Masukkan warna hitam #080808 untuk glow tersebut.
  11. Berikutnya ke Styles Inner Glow. Pilih Blend Mode: Multiply, dengan Opacity: 50%, Size: 35 px dan warna hitam #080808.
  12. Kemudian pilih Styles Gradient Overlay. Atur Angle: 75° dan sorotkan pointer pada Gradient bar.
  13. Di kolom Presets bukalah koleksi Color Harmonies 1, lalu klik komposisi warna Yellow, Magenta, Teal.
  14. Klik slider Color Stop di sebelah kiri dan klik kotak Color.
  15. Masukkan warna biru #0f94f1. Dengan cara yang sama, di slider Color Stop input warna #0c4b86 dengan Location: 80% serta di sebelah kanan dengan warnan #083872 dengan Location: 97%.
  16. Kemudian tekan Styles Stroke. Atur Size: 1 px dan klik color bar lalu tuliskan kode warna #eeeeee kemudian tekan tombol OK.
  17. Hasil pengaturan Styles pada Blending Options.
  18. Buatlah Layer 1 dengan klik menu Layer > New > Layer.
  19. Selanjutnya arahkan pointer mouse pada  Brush Tool lalu pilih model tepi halus dengan Size: 300 px dan sapukan pada objek lingkaran.
  20. Tampilan sapuan brush Anda.
  21. Ciptakan Layer 2 lalu arahkan mouse pada layers Shape 1. Klik kanan lalu pilih opsi Rasterize Layer.
  22. Ambil  Rectangular Marquee Tool lalu klik kanan pada objek dan pilih opsi Load Selection.
  23. Pada dropdown Channel pilih Shape 1 Transparency lantas klik OK.
  24. Klik Layer 2 kemudian klik kanan pada objek lalu tekan Transform Selection.
  25. Pilih tombol Maintain aspect ratio dan atur W: 70% lantas tekan tombol Enter dua kali.
  26. Sorot  Gradient Tool, Anda bisa memilih koleksi Color Harmonies 1. Sapukan pada objek yang diseleksi. Untuk menghilangkan garis seleksi cukup tekan Ctrl+D.
  27. Klik kanan Layer 2 lalu pilih opsi Blending Options. Tekan Styles Gradient Overlay dan masukkan kombinasi empat warna di slider Color Stop. Dari kiri ke kanan #145164, #2859b2, #92a8cf, dan #e8e9f7.
  28. Tampilan objek lingkaran kedua.
  29. Tambahkan Layer 3 di panel Layers. Arahkan pointer ke Layer Shape 1 lalu ambil Rectangular Marquee Tool. Klik kanan pada kanvas dan tekan opsi Load Selection pilih Channel: Shape 1 Transparency lantas OK.
  30. Kembalilah ke Layer 3, klik kanan mouse lalu klik opsi Transform Selection. Tekan Maintain aspect ratio dan input W: 60% dan Enter dua kali.
  31. Ambil tombol  Gradient Tool dan sapukan ke objek lingkaran di Layer 3. Untuk menghilangkan garis seleksi tekan tombol Ctrl+D.
  32. Klik kanan Layer 3 lalu sorot opsi Blending Options. Pilih Styles Inner Shadow, atur Blend Mode: Multiply dan Size: 10 px.
  33. Lanjutkan ke Gradient Overlay, Ubah Blend Mode: Multiply. Setelah itu masukkan kode warna melalui slider Color Stop dari kiri ke kanan #73dffa | 17%, #61d3fd | 61%, #3cf8f6 | 87%, dan #d3f8ed | 100%.
  34. Tampilan objek lingkaran setelah diberi efek gradasi.
  35. Tekan  Horizontal Type Tool, dan ketikkan huruf Q dengan model font Cooper Black. Atur Inner Shadow dengan Distance: 10 px dan Size: 10 px.
  36. Untuk menghilangkan garis acuan, klik menu View > Clear Guides.

Menjual Desain Ikon

Setelah mahir membuat desain ikon, Anda pun bisa menjualnya di dunia maya. Salah satu situs yang menyediakan sarana ini adalah graphicriver.net, Anda bisa mengunjungi situsnya di http://graphicriver.net/category/icons. Berikutnya, klik menu Make Money kemudian pilih opsi Sell Your Work. Anda akan melewati lima tahap untuk menjual desain Anda, mulai menjadi member, membaca tutorial bagi penulis, menjawab kuis, memilih eksklusifitas, dan meng-upload desain ke website. Anda tinggal menekan link-link yang disediakan disetiap tahap. Harga jual desain ikon sendiri bermacam-macam, berkisar antara $2 hingga $11 per paket. Satu paket sendiri kadang berisi desain 6 sampai seratus ikon.

NB:

Dapatkan file langkah-langkah membuat ikon tersebut dalam bentuk PDFnya di sini.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: