Dreams are renewable. No matter what our age or condition, there are still untapped possibilities within us and new beauty waiting to be born.

-Dale Turner-

Minggu, 05 Desember 2010

Membuat Tipografi Sederhana, ‘Nobody is Perfect, I am…’

Hasil Akhir dari Gambar

Sebelum memulai, mari terlebih dahulu kita lihat hasil akhir dari gambar yang akan kita buat. Versi yang lebih besar dapat dilihat disini.
tutorial tipografi dengan photoshop

Langkah 1

Jalankan photoshop dan buat dokumen baru ukuran 1920 x 1200 pixel, resolusi 300 ppi, warna RGB 8 bit dan Background Tansparent. Ubah warna foreground menjadi biru muda #46bbf1 dan warna backgound biru tua #024483. Pilih Gradient Tool, atur menjadi Radial Gradient dengan gradien warna Foreground to Background. Tarik garis gradient dari tengah sampai tepi kanvas.
tutorial tipografi dengan photoshop
akan kita dapatkan gambar seperti berikut,
tutorial tipografi dengan photoshop

Langkah 2

Buat tulisan ‘I am’ dengan masing-masing huruf satu layer. Disini saya menggunakan font Helvetica Rounded dengan warna text putih #FFFFFF dan ukuran font 158 pt. atur posisi masing-masnig huruf agar kelihatan menarik, tekan Ctrl+T untuk mengawali transformasi.
tutorial tipografi dengan photoshop

Langkah 3

Klik kanan pada layer I dan pilih Create Work Path. Buka window Paths, disitu kita mempunyai satu Work Path, klik dua kali untuk menyimpannya. Lakukan langkah yang sama untuk layer a dan m.

Langkah 4

Buat layer baru diatas layer I, a maupun m dan beri nama strip. Ganti warna Foreground menjadi hitam #000000. Pilih Brush Tool dan buka window brushes, atur brush seperti pada gambar.
tutorial tipografi dengan photoshop
Sekarang kita buat garis putus-putus yang membentuk tulisan ‘I am’. Pastikan layer strip aktif. Buka window paths, disitu kita mempunya tiga path dari langkah 3. Klik kanan pada Path 1 dan pilih Stroke Path, lakukan hal ini pada kedua path lainnya.
Setelah kita dapatkan garis putus-putusnya, ubah posisi layer strip sampai kita dapatkan gambar seperti berikut.
tutorial tipografi dengan photoshop

Langkah 5

Langkah beikutnya adalah memberi efek shadow pada tulisan. Klik dua kali layer I untuk memunculkan window Layer Style. Tambahkan Drop Shadow pada tulisan dengan warna #c6c7c8 dan atur seperti gambar berikut. Tekan OK setelah selesai.
tutorial tipografi dengan photoshop
Klik kanan pada layer I, pilih Copy Layer Style. Klik kanan pada layer a dan pilih Paste Layer Style, dengan begitu layer a akan memiliki layer style yang sama dengan layer I. Lakukan juga pada layer m, akan kita dapatkan hasil seperti beikut.
tutorial tipografi dengan photoshop

Langkah 6

Pada tahapan ini kita akan membuat bayangan dibelakang tulisan ‘I am’. Pertama buat layer baru di bawah layer I, a maupun m dan beri nama bayangan. Kita akan membuat seleksi dengan bantuan layer yang ada. Tekan Ctrl+Shift dan klik pada layer thumbnail I, a dan m, kita hasilkan seleksi berbentuk tulisan tersebut. Pada menu bar pilih Select > Modify > Expand, isi dengan 20 pixel. Penuhi area seleksi dengan warna hitam #000000 menggunakan Paint Bucket Tool. Ke menu bar lagi, pilih Filter > Blur > Gaussian Blur, atur radiusnya sebesar 50 pixel.
tutorial tipografi dengan photoshop
Ubah Opacity layer bayangan menjadi 70 % akan kita dapatkan gambar seperti berikut.
tutorial tipografi dengan photoshop

Langkah 7

Sekarang saatnya kita tambahkan tulisan pada wallpaper kita. Tekan X untuk menukar warna Foreground dengan Background, sehingga sekarang warna Foreground kita menjadi putih #FFFFFF. Saya memilih font akaDylan Plain untuk tulisan kali ini. Ketik nObOdY dengan huruf O, O dan Y berupa huruf kapital dan lainnya huruf kecil.
tutorial tipografi dengan photoshop

Langkah 8

Tambahkan layer baru dibawah layer nObOdy beri nama border 1. Buat seleksi seperti pada langkah 6, kali ini kita membuat seleksi membentuk layer nObOdY. Pilih Select > Modify > Expand dan isi dengan 10 pixel. Penuhi area seleksi dengan warna hijau muda #71d64d.
tutorial tipografi dengan photoshop
Tambahkan layer baru lagi dibawah layer border 1 dan beri nama border 2. Buat seleksi membentuk layer border 1. Ulangi langkah diatas tetapi kali ini kita gunakan warna putih #FFFFFF untuk memenuhi area seleksi.
tutorial tipografi dengan photoshop

Langkah 8

Buka gambar pin note dengan photoshop dan copy bagian kertasnya saja menggunakan trik seleksi yang kamu sukai dan paste pada dokumen yang sednag kita kerjakan. Perkecil ukuran gambar dan atur posisinya hingga seperti tampak pada gambar berikut. Tambahkan Drop Shadow pada layer.
tutorial tipografi dengan photoshop

Langkah 9

Langkah terahir diatas kertas pin kita tambahkan tulisan nobodi is perfect. Untuk membuat tulisan ini saya gunakan font Smudger LET dengan variasi ukuran 18 pt untuk ‘nobody’ dan ‘perfect’, serta 14 pt untuk kata ‘is’. Atur posisinya dan sesuaikan dengan posisi kertas.
tutorial tipografi dengan photoshop

Hasil Akhir

Inilah hasil akhir dari wallpaper yang kita buat. Silakan mencoba trik untuk membuat tulisan-tulisan lain, misal moto hidupmu, kata mutiara atau lainnya dan jangan lupa subscribe ke painthink RSS Feed.
tutorial tipografi dengan photoshop


sumber

0 komentar:

Posting Komentar