Follow Dashboard
Tokens?
TITLE; Tutorial Made Sidebar Using Adobe PS
27 June 2011 | 10:23 PM | 12 comments
Hey guys, today eeda nak ajar buat sidebar yg macam eeda punya.
tengok bawah ni, ha inilah dia. comel tak? tak comel ke? haha.
this tutorial for a new beginner, eeda ajar step by step.
sila lah tengok elok2. yang dah pro tak payahla tengok. haha.

ini sidebar eeda yg lama. comel kan :D
lets begin. buka adobe photoshop anda.


Step 1


nampak height and weight dia kan? okay, biar je besar mana pon. nak tau kenapa? ha tunggu jela nanti dah siap baru tau. eda ajar crop. crop ni potong jadi kecik lah. korang nampak tak ada tulis 'Transparent' kat bawah tu. korang boleh pilih sama ada nak transparent atau white. depend okay, eeda selalu biar transparent je.


Step 2


tengok bahagian tepi, tekan yg eeda merahkan.


lepastu tengok dekat bahagian atas ada benda ni.
nampak apa yang eda merahkan? ikut je.


Step 3


step 2 dah siap? okay, lepas tu, buat je bentuk dia besar yang korang nak. tengok besar sidebar korang tu besar ke kecil. kalau kecil, pandai2 lah tengok besar mana tau. haa, mesti korang tanya kenapa warna hitam kan. okay tengok step bawah.

Step 4


tengok kat bahagian atas tu, nampak tak ada tulis color? okay tekan la yg kotak yg warna itam tuh.

Step 5

 pilih warna dekat anak panah tu. pilih la kaler ijau ke biru ke pink ke.

bahgian yg ada anak panah tu untuk adjust color jadi cerah atau gelap

Step 6


tengok bahagian kiri, dan tekan anak panah tu,

lepas tu, tengok bahagian atas pulak, 
nampak tak yg eda merahkan tu? okay, sila tekan.


Step 7

tekan T tu, and lepas tu tulis apa yg korang nak.

Step 8


dah habis tulis? okay lepastu tekan yg eda merah kan tu. ingat tau, 
lepas habis tulis baru tekan yg eda merahkan tu.

Step 9

cropping time, tengok bahagian tepi again,
 tekan yg eda merahkan.

crop ikut besar kotak sidebar yg korang buat tadi.

tengok bahagian atas, tekan yg eeda merahkan


Okayy dah siap, tekan file > save as

Lepastu upload gambar tu kat mana2, photobucket ke, blog ke. copy url, then letak kat blog .

Design > Add a gadget > HTML/javascript

letak code ni

  <center><img src="(code sidebar anda)"/>

and finishh :) You guys mesti wondering macam mana nak buat macam eeda punya, ada gambar rabbit kaler pink, lepastu tulisan ada shadow kn. haa, nanti eeda ajar kat tutorial yg berikutnya, tunggu okayyh. cuba buat ni kalau tak dapat, you can ask me :)


Old things | New things