Tip Dan Trik Dirgahayu RI ke 62 - Desain Bendera Web 2.0 
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 Bevel, set 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.
| Comments |
|
|
|
|
|
|
|
|
3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."
JUG Indonesia
Id-joomla.com adalah situs resmi Joomla User Group (JUG) Indonesia dan Joomla Translation Team
Download Terjemahan Joomla terakreditasi dari JoomlaCode dan laporkan bugs, ide dan saran nya di Sub Forum Hanacaraka
Login
Artikel
