Pages

November 18, 2011

Create Simple Ribbon Using Photoshop

Hello

Di dalam post kali ini, kita akan buat sebuah ribbon yang menarik di tepi kotak. Kita akan pelajari step menggunakan Pen Tool dan sebagainya. Mulakan sekarang



Step 1

File > New atau Ctrl+N & buatkan size canvas 600x600. OK
 
 

Step 2

Buat new layer agar setiap langkah tidak akan mengganggu layer yang lain. Kemudian, gunakan Rounded Rectangle Tool (U). Pastikan radiusnya sebanyak 20px. Rujuk rajah bawah

  
Step 3

Tarik cursor dari atas ke bawah sambil hold SHIFT key untuk mendapatkan size rectangle yang sempurna. Rujuk rajah bawah 

 
Step 4

Tukarkan warna rounded rectangle tadi dengan warna kesukaan anda. rujuk rajah bawah

 
Step 5

Double Click pada layer rounded rectangle tadi, akan keluar pop-up Layer Style. Tandakan pada bahagian Inner Shadow & Stroke. Setkan butiran Inner Shadow & Stroke seperti rajah bawah



Step 6
Ulang step 2 tetapi dengan menggunakan Rectangle Tool (U). Gunakan warna merah bagi membuat ribbon. Rujuk rajah bawah

Step 7

Tekan Ctrl+T untuk free transform rectangle tersebut. Ubah kedudukan rectangle merah di posisi hujung kotak. Rujuk rajah bawah
Step 8

Gunakan Direction Tool & lalukan di atas rectangle merah untuk mengubah path rectangle tersebut. Rujuk rajah bawah dengan teliti


Step 9

Pastikan anda mendapat bentuk ribbon yang sempurna dihujung bucu kotak biru anda. Kemudian, gunakan Pen Tool (P) & buat sebuah fold dibelakang ribbon merah. pastikan layer Pen Tool berada di bawah sekali. Rujuk rajah bawah dengan teliti


Step 10

Pastikan layer fold hitam ini berada di bawah sekali bagi meletakkanya dibelakang kotak biru & ribbon merah. Sekali lagi, gunakan Pen Tool, buatkan sebuah shadow dibawah ribbon seperti rajah di bawah. Kurangkan Opacity kepada 50%


Step 12

Tuliskan sesuatu sebagai contoh NEW. Anda juga boleh tuliskan apa apa di atas kotak biru. Kemudian, Ctrl+T untuk Free Trasnform & alihkan kedudukan NEW di dalam ribbon merah. Rujuk rajah bawah


Step 13

Kemaskan hasil kerja anda dengan perkataan perkataan yang menarik agar tidak ada kekosongan di dalam kotak biru.

Produk




Walaupun hasilnya ini tidak begitu menarik, namun teknik yang digunakan amatlah mudah & membuahkan hasil yang berbaloi. Teknik ini digunakan oleh setiap pereka grafik di luar sana

Kami berharap, anda dapat lakukan hasil yang lebih menarik daripada ini. Trimas & selamat mencuba




2 comments:

Emmet said...

wah,tutorial yang perfect,thanks bro
:D

semutsengal said...

wooo,

abam hebat !!