Photoshop: Membuat letterpress efek untuk design header

// April 26th, 2010 // design

Bro and Sist, kali ini aku mau berbagi sedikit pengalaman penggunaan photoshop untuk menambah efek gambar pada blog. Karena photoshop adalah software yang perannya cukup dominan dalam web design. Ya, kali ini aku akan menjelaskan cara membuat efek Letterpress. Apa itu? Letterpress adalah efek yang biduat agar text seolah-olah menjorok kedalam, dan ya sesuai dengan namanya, text seperti dipress atau dicetak kedalam. Trus buat apa efek ini? Yoi, efek ini bisa digunakan untuk logo blog kita, atau untuk title/tagline di header. Contohnya, bisa dilihat di salah satu web yang aku design, Siapa Tahu Tentang Bogor. Well, daripada berlama-lama membahas apa itu letterpress, langsung saja kita mulai tahap demi tahap pembuatan letterpress effect ini, cekidot!

1. Buat new layer dengan ukuran 400px X 150 px. Ukuran ini bebas saja, tergantung dari kebutuhan, besar-kecilnya gambar yang akan dibuat. Kemudian beri warna background #687983 sehingga layer baru kita tampak seperti gambar 1 berikut:

2. Buat lah text apa saja dengan warna text #586B79, seperti gambar 2 dibawah ini:

3. Text yang telah dibuat, beri efek ‘drop shadow’ dengan parameter structure:
   • Blend Mode: Screen (color:#FFFFFF);
   • Opacity: 27%;
   • Angle: 88 Degres;
   • Distance: 1px;
   • Pread dan size : 0px;

Untuk lebih jelasnya, perhatikan gambar 3 dibawah ini:


4. Tambahkan efek ‘inner shadow’ pada text tadi, hingga text tampak seperti gambar 4, dan untuk paramenternya:
   • Blend Mode: Multiply (color:#000000);
   • Opacity: 44%;
   • Anlge: 88 Degres
   • Distance: 2px;
   • Choke: 0px;
   • Size: 1px;

5. Sentuhan terakhir, tambahkan efek gradient overlay untuk text tadi, dan parameternya :
   • Blend Mode: Normal;
   • Opacity: 100%;
   • Gradient: Warna tua gunakan #495A64 dan warna muda gunakan # 596C7A;
   • Style: Linear;
   • Angle: 90 Degres;
   • Scale: 100%

Yup! Selesai… gambar kita telah terbentuk sempurna dan itu terlihat seperti gambar 5 berikut:



Gimana nih, gampang kan? Oh ya, kalo ga mau repot bikin dari awal, aku kasih kasih bonus deh file .PSD nya, biar bisa langsung edit text-nya aja. Kalo ada yang kurang jelas, comment ya…