img.emoticon { padding: 0; margin: 0; border: 0; }

Sunday, October 11, 2009

Design

Tutorial Membuat Gradien Background
Publish: 21 Juli 2007 | Author & Copyright: Johan | Status: FREE tutorial

Tutorial membuat gradien background merupakan tutorial yang menarik. Pada tutorial kali ini kita akan belajar membuat gradien background namun bikinan sendiri...

Tanpa panjang dan lebar serta gak pake lama (GPL) ayo kita buat GRADIEN!!!

1. Jalankan program photoshop.
Caranya: Start --> All Program --> Adobe Photoshop

2. Buat Lembar kerja baru
Caranya: tekan [Ctrl] + [N]
Anda bisa membuat pengaturan anda sendiri, tapi
Disini saya atur seperti ini:
Name = Gradien
preset Sazes = 800 x 600
Width = 800
Height = 600
Resolution = 72 pixels/inch
Mode = RGB Color
Contents = Transparent (*recommended)
Tekan [ok]

2. Setelah itu klik Gradient Tool dengan gambar icon pada tool box sebelah kiri
photoshop dasar
Gradien Tool

3. Pada layar sebelah atas terdapat properties dari gradien
photoshop dasar

Klik kiri pada bagian yang saya beri lingkakaran sehingga muncul kotak dialog
Gradien Editor

ini adalah pengaturan normal pada komputer saya
photoshop dasar

4. Sekarang waktunya mengedit gradien yang diinginkan, sebagai contoh saya akan membuat gradien
"merah - hitam - merah - hitam - merah"
Caranya:
Ubah Name = merah - hitam - merah - hitam - merah
Gradien Type = Solid
Smoothness = 100%
photoshop dasar
Klik tanda lingkaran dengan no. 1
Lalu ke lingkaran no.2 dan pilih warna merah [OK]

Selanjutnya
photoshop dasar
Sama seperti langkah sebelumnya
namun kali ini pada no. 4 kalian pilih warna hitam [OK]

Selanjutnya
photoshop dasar
Yup masih sama namun kali ini pada no. 6 pilih warna merah

Selanjutnya
photoshop dasar
Sama, ubah warna no. 8 menjadi hitam

Selanjutnya
photoshop dasar
Sama, ubah warna no. 10 menjadi merah

Hasilnya:
photoshop dasar

Setelah itu klik tombol new pada dialog Gradien Editor tersebut
Dan Jadi deh........
Anda bisa mengembangkannya sendiri sesuai dengan kreatifitas anda


Sedikit tambahan
Coba dengan mode gradian yang anda buat
Ada 5 Macam mode gradien:
photoshop dasar

a. Linear Gradien
Gradien searah garis lurus
Pada Lembar kerja tahan klik kiri lalu sapukan dari kiri ke kanan, hasilnya:
photoshop dasar

b. Radial Gradien
Gradien seolah-olah muncul dari pusat suatu lingkaran
hasilnya:
photoshop dasar

c. Angle Gradien
Gradien dengan sudut tertentu namun tetap berpusat pada inti
Hasilnya:
photoshop dasar

d. Reflected Gradien
Sama seperti linear namun dengan effek terbalik
photoshop dasar

e. Diamond Gradien
Gradien dengan effek belah ketupat / diamond
Hasilnya:
photoshop dasar

Kegunaan:
Dengan menguasai teknik gradien maka akan membuat disain anda semakin atraktif dan nyata

SEMOGA BERMANFAAT

No comments:

Post a Comment