Saturday, April 1, 2017

TUTORIAL MEMBUAT GRADIEN BACKGROUND DI ADOBE PHOTOSHOP


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