Hasil AkhirJika 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.

Teks2 300x125

3. Pada panel layer, klik kanan pada layer tulisan dan pilih sub menu Duplicate Layer…

Teks3 157x300

4. Geser tulisan pada kanvas ke bawah dengan Move Tool

Teks4 300x124

5. Balik tulisan yang dibawah dengan menu Edit > Transform > Flip Vertical dan sesuaikan posisi tepat di bawah tulisan.

Teks5 300x126

6. Pada layer tulisan bawah, klik kanan dan pilih sub-menu Rasterize Type.
7. Pilih Marquee Tool dan pilih (select) tulisan bawah (lihat gambar).

Teks7 300x125

8. Pilih menu Select > Feather dan masukkan nilai 8px.

Teks11Teks8 300x125

9. Tekan tombol Delete dan lihat hasilnya.

Teks9 300x125

Download tutorial : membuat-tulisan-efek-bayangan-air (PDF, 310 KB), Link Alternatif (PDF)

Semoga bermanfaat

Popularity: 7% [?]