Membuat Efek Bayangan pada Teks dengan Photoshop
Jika Anda sering berselancar (browsing) di internet, tentunya begitu banyak bentuk design dari situs-situs yang Anda kunjungi. Beberapa diantaranya banyak yang menggunakan gambar, animasi bahkan flash untuk menarik perhatian pengunjung. Salah satu bagian dari situs yang selalu menjadi hal menarik untuk dilihat adalah bagian header situs. Ya, bagian ini menjadi sangat penting karena di bagian inilah, identitas suatu situs disampaikan. Karena begitu pentingnya, sehingga banyak yang menggunakan tulisan atau gambar dengan efek tertentu. Dan untuk membuat efek pada tulisan, gambar atau logo sebagian besar menggunakan Adobe Photoshop.
Pada tutorial kali ini, kita akan mencoba membuat teks dengan efek bayangan yang banyak digunakan pada situs-situs web 2.0. Yuk kita mulai…
1. Buatlah file baru melalui menu File > New. Ukuran file dapat diatur sesuai kebutuhan Anda. Dalam tutorial ini file dibuat dengan ukuran lebar (width) 500px dan tinggi (height) 200px serta background warna putih (white).
2. Buatlah tulisan dengan Horizontal Type Tool. Selanjutnya atur font, ukuran dan warna teks.
3. Pada panel layer, klik kanan pada layer tulisan dan pilih sub menu Duplicate Layer…
4. Geser tulisan pada kanvas ke bawah dengan Move Tool
5. Balik tulisan yang dibawah dengan menu Edit > Transform > Flip Vertical dan sesuaikan posisi tepat di bawah tulisan.
6. Pada layer tulisan bawah, klik kanan dan pilih sub-menu Rasterize Type.
7. Pilih Marquee Tool dan pilih (select) tulisan bawah (lihat gambar).
8. Pilih menu Select > Feather dan masukkan nilai 8px.
9. Tekan tombol Delete dan lihat hasilnya.
Download tutorial : membuat-tulisan-efek-bayangan-air (PDF, 310 KB), Link Alternatif (PDF)
Semoga bermanfaat
Popularity: 10% [?]
Situs yang menyajikan informasi, tutorial praktis dan buku gratis di bidang teknologi informasi, komputer dan internet berbahasa Indonesia secara gratis untuk semua.
May 20th, 2008 at 10:08
cie ilee…reflection ne pa???hhee2!!!tapi saya biasanya pke cara yang laen pa?tapi cara bapa saya akn coba!ky enk jg caranya!he2!
May 21st, 2008 at 07:42
#agitama
banyak jalan menuju ke blok-m kan? hehe2x… kalo ada jalan lain, alangkah baiknya di-share agar banyak orang yg bisa lewat ke jalan tsb.
May 31st, 2008 at 12:34
hwaaaa2!!
!!
ada di situs or di friendster saya!!hwee2
http://h1.ripway.com/agitama/agitamaProfile/index.html
May 31st, 2008 at 19:05
#agitama
wah, banyak juga tutorialnya… tadi dah aku download smua. thx n terus berkarya ya
June 2nd, 2008 at 19:46
haa222 just inovasi pak…..!!tapi dsana masih kurang saya permulus!cuz biar yang membaca tutor sendiri yang mandiri!!haa2!!
!!saya juga banyak belajar dari bapak!!hwwee22!!
June 29th, 2008 at 15:05
KALAU BISA LEBIH LENGKAP DONG
N SAYA MOHON BANG ET TOLONG KIRIMIN TRIK2 PHOTHOSHOP KE EMAIL SAYA
August 7th, 2008 at 08:40
trimakasih atas info nya sangat bermanfaat
bayuprads last blog post..The unusual suspects
January 23rd, 2010 at 16:38
kalau membuat bayangan benda..caranya gimana ya pak..misalnya kita masukin gambar gelas..trus mau taruh bayangannya………mksih infonya
January 23rd, 2010 at 21:17
#we care
caranya pada dasarnya sama, baik untuk tulisan maupun object. bedanya kalo object spt gelas, ya tinggal diseleksi (pake magic wand atau marquee tool) baru dilakukan langkah yang sama spt pada teks.
March 19th, 2010 at 14:01
waduh website yang bagus dan memberikan banya ide,cayoo suhu…..