Dalam rangka memeriahkan HUT RI ke 62, saya akan
coba membuat  sebuah tutorial pembuatan icon bendera
Indonesia dengan model desain Web 2.0 yang populer.

Tutorial ini diharapkan dapat juga membantu kita untuk
dasar pembuatan icon-icon yang lain yang akan membuat
situs kita semakin menarik dan terasa lezat..

Siapkan Photoshop CS2 - 3 kita, dan ikuti langkah-langkah berikut ini. 

 

1. Langkah pertama adalah mempersiapkan canvas kita di Photoshop dengan ukuran 500px X 500px atau lebih, semakin besar akan semakin baik dan semakin jelas detail yang ingin ditampilkan.

  

2. Carilah atau buat gambar bendera dan pastikan posisi bendera tersbut sudah di tengah.

  

3. Dengan menggunakan tools seleksi lingkaran (marquee tool), buat lingkaran di tengah-tengah bendera tersebut kemudian kita copy dan paste-kan kedalam kanvas

   

4. Selanjutnya kita akan menambahkan tiga efek untuk memberi hasil glossy pada bendera kita ini, efek tersebut adalah : Inner Glow, Bevel and Emboss dan Stroke.

Pada Inner Glow, set warna putih dan size = 20.

  

Pada Bevelset size = 200 dan mainkan slider opacity 
sesuai dengan kenginan untuk membuat bayangan pada bagian bawah bendera 

  

Pada Stroke, pilihlah warna yang sesuai dan tebal / size yang kita inginkan.

   

5. Setelah selesai dengan efek, siapkan layer pada kanvas kita dan buatlah dua buah layar baru. 
Kemudian ubah layer-layer tersebut menjadi Clipping Mask yang akan digunakan untuk menyesuaikan
opacity pada gambar kita.

  

6. Pastikan warna default pada photoshop adalah hitam / putih (tekan 'D')
Pilih layer clipping mask pertama yang letaknya berada tepat di atas gambar bendera tadi
dan kembali gunakan tool seleksi lingkaran (marquee tool) untuk menyeleksi bagian atas gambar
serta warnai seleksi tersebut dengan warna putih ( Crtl + Backspace ) untuk membuat cahaya di atas.
Sesuaikan tingkat opacity-nya dengan menggeser layar master opacity.

7. Pilih layer clipping mask kedua yang letaknya berada di paling atas gambar bendera tadi
dan kembali gunakan tool seleksi lingkaran (marquee tool) untuk menyeleksi bagian bawah gambar
serta warnai seleksi tersebut dengan warna hitam ( Crtl + Backspace ) untuk membuat bayangan di bawah.
Sesuaikan tingkat opacity-nya dengan menggeser layar master opacity.

8. Pilih kedua layer clipping masks kita tadi (menekan shift + klik pada layer yang dipilih),
dan gunakan Move Tool ('V') dengan memastikan 'Show Transform Control' sudah ditandai.
Perkecil gambar tersebut agar kanvas kita cukup untuk dua buah gambar bendera atas dan bawah.
Kemudian putar perlahan-lahan ke arah kiri atau sesuai dengan keinginan.

 

9. Sekarang saatnya kita membuat bayangan pada dasar bendera kita. Sebelumnya merge seluruh
layer kita, kecuali layer backgound (kalau ada), dan copy layer hasil merge tersebut.
Flip layer kopian tersebut secara vertikal dan letakan tepat dibawah bendera kita.

 

10. pilih layer kopian tersebut dan buatlah Layer Mask dengan meng-klik icon layer mask atau menu
Layer -> Layer Mask -> Reveal All.
Gunakan Gradient Tool ('G') untuk membuat gradasi pada layer mask kita tadi sehingga gambar akan
terlihat menghilang sebagian, sesuaikan gradiasi tersebut seperti yang kita inginkan.

 
Nah selesai sudah bendera lingkaran yang cantik dan menarik.  Silahkan berkreasi sendiri 
untuk membuat gambar-gambar lain dengan efek Web 2.0 ini.

Saya harap tutorial ini dapat berguna bagi kita semua. Salam Joomla Indonesia.