Senin, 22 Oktober 2012

Tipografi wajah dengan photoshop

Tipografi Wajah dengan PhotoshopBeberapa waktu yang lalu, saya sempat posting sebuah artwork sederhana berupa tipografi wajah di Desain Studio. Ternyata banyak yang request agar karya tersebut dibikinkan tutorialnya. Dan Kali ini, saya berkesempatan untuk membuat tutorial tersebut. Sebuah tutorial photoshopyang sangat sederhana yang diharapkan dapat memberi penjelasan secara rinci mengenai proses pembuatan karya tipografi wajah. Mudah-mudahan dari tutorial ini, pembaca bisa berimprovisasi menciptakan artwork yang fantastis sesuai dengan fantasi dan imajinasi kreatif masing-masing.Check it out! :)


Sebelum memulai, berikut link download gambar dan brush yang akan kita gunakan pada tutorial kali ini :
¤ Foto wajah Megan Fox
¤ Brushes Scrambled Letters


STEP 1
Persiapkan gambar yang ingin dibuat tipografi wajah. Buka gambar tersebut di photoshop, dan secara otomatis, layer gambar tersebut menjadi layer 'background'. klik ganda pada layer 'background' untuk mengubahnya menjadi layer biasa, dan ubah nama layer tersebut menjadi 'face'.

Tipografi Wajah dengan Photoshop

STEP 2
Pada tutorial kali ini, kita hanya membutuhkan bagian wajah. Jadi crop gambar wajah menggunakan Pen tool (P). Untuk cara cropping gambar menggunakan Pen tool, lihat tutorial ini : Menghapus background di Photoshop.

Tipografi Wajah dengan PhotoshopTipografi Wajah dengan Photoshop

STEP 3
Buat layer baru dan beri nama dengan 'background'. Kemudian, posisikan layer 'background' diposisi paling bawah. Tekan tombol Ctrl + D di keyboard untuk mengembalikan warna foreground-background menjadi hitam putih. Jika sudah, gunakan Paint Bucket tool untuk mengisi layer background menggunakan warna hitam.

Tipografi Wajah dengan Photoshop

STEP 4
Buatlah sebuah layer baru dan beri nama layer dengan 'tipografi'. Kemudian pastikan warna foreground adalah putih seperti gambar dibawah.

Tipografi Wajah dengan Photoshop

STEP 5
Setelah kamu mendownload dan menginstall Scrambled Letters brush di link diatas, maka sekarang ada banyak pilihan brush berupa kumpulan huruf-huruf yang bisa digunakan. Pastikan layer 'tipografi' aktif, dan mulai sapukan brush dengan menggunakan Brush tool (B) pada bagian wajah.

Tipografi Wajah dengan PhotoshopTipografi Wajah dengan Photoshop

STEP 6
Ulangi menyapukan brush ke dokumen tapi pastikan brush yang disapukan berbeda-beda jenisnya sampai kumpulan brush telah dirasa cukup untuk membentuk sebuah wajah.

Tipografi Wajah dengan Photoshop

STEP 7
Jika sudah, tekan dan tahan tombol Ctrl di keyboard, kemudian klik pada thumbail layer 'tipografi' agar seluruh bentuk pada layer tersebut terseleksi.

Tipografi Wajah dengan Photoshop

STEP 8
Sementara seleksi aktif, klik layer 'face' untuk mengaktifkannya. Lalu tekan Ctrl + C (Copy) kemudian Ctrl + V (paste).

Tipografi Wajah dengan Photoshop

STEP 9
Langkah diatas menciptakan sebuah layer baru lagi bernama 'layer 1'. Sembunyikan (hide) layer 'face' dan layer 'tipografi' untuk melihat dengan jelas bahwa 'layer 1' adalah kumpulan tipografi yang membentuk suatu objek wajah seperti gambar dibawah.

Tipografi Wajah dengan Photoshop

STEP 10
Tapi kita belum selesai sampai disini, kita perlu membuat suasana lebih dramatis dengan membuat efek huruf-huruf yang keluar dari wajah, seperti terbawa angin. Untuk itu, buat sebuah layer lagi, beri nama dengan 'tipografi 2' sapukan beberapa Brush scrambled letters di samping wajah seperti pada gambar dibawah.

Tipografi Wajah dengan Photoshop

STEP 11
Klik ganda pada layer 'tipografi 2' untuk membuka jendela layer style. Pada jendela layer style, pilihgradient overlay dan atur settingan didalamnya seperti gambar dibawah. Langkah ini untuk membuat kumpulan huruf tambahan pada layer 'tipografi 2' mempunyai gradasi dari terang ke gelap sehingga menunjukkan kedalaman agar artwork terlihat lebih realistis.

Tipografi Wajah dengan Photoshop

STEP 12
Buat layer mask untuk 'Layer 1', caranya klik ikon layer mask di bagian bawah layer palette. Klik thumbnail layer mask di 'layer 1' kemudian buat bentuk acak seperti gambar dibawah ini dengan Pen Tool (P). Sementara Pen tool aktif, klik kanan pada area kerja, lalu pilih Make Selection untuk mengubah garis kurva menjadi seleksi. Jika sudah, isi area yang terseleksi dengan warna hitam. Langkah ini akan membuat bagian tersebut menjadi tidak kelihatan sekaligus menciptakan efek acak yang membuat artwork lebih dramatis.

Tipografi Wajah dengan PhotoshopTipografi Wajah dengan Photoshop

STEP 13
Kamu bisa berimprovisasi menciptakan kesan acak melalui langkah diatas tadi. Semakin acak bentuk yang kamu buat, maka akan semakin kuat harmonisasi yang dikesankan dalam artwork.

Tipografi Wajah dengan Photoshop

STEP 14
Terakhir, kita masuk kedalam bagian pewarnaan. Buat sebuah layer baru diposisi paling atas layer-layer yang lain. Beri nama layer tersebut dengan 'warna'. Gunakan Gradient Tool (G) dan bukan Gradient editor. Pada Gradient Editor, atur settingan warna gradasi dari hijau ke orange seperti pada gambar dibawah.

Tipografi Wajah dengan Photoshop

STEP 15
Drag Gradient Tool (G) pada area kerja, kemudian ganti blending mode untuk layer 'warna' menjadi Color.

Tipografi Wajah dengan PhotoshopTipografi Wajah dengan Photoshop

Hasil Akhir
Beginilah hasil akhir dari tutorial tipografi wajah di photoshop. Mudah-mudahan dapat bermanfaat dan bisa dikembangkan dengan kreasi artwork kamu sendiri. Thanks for reading! :D

Tipografi Wajah dengan Photoshop



Membuat efek teks 3D dengan photoshop

Kali ini, kita akan membahas bagaimana caranya membuat efek teks tiga dimensi (3D) dengan menggunakan Photoshop. Tutorial ini sangat sederhana dan mudah dipahami. Fokus dasar tutorial adalah memahami bagaimana membuat bentuk tiga dimensi menggunakan penggabungan dari beberapa layer, serta bagaimana cara memberi kedalaman pada teks dengan pemberian warna dan shadow.

Lets get started!


Step 1
Buat dokumen baru di Photoshop (Ctrl+N) dengan pengaturan seperti gambar dibawah.




Step 2
Bikin Teks menggunakan Text tool (T).



Step 3
Klik layer Teks di layer palette, kemudian tekan tombol Ctrl+T (Transform tool) di keyboard. Klik kanan pada teks kemudian pilih Distort. Dengan menggunakan mode transform Distort, buat teks kedalam bentuk perspektif seperti gambar dibawah.



Step 4
Klik layer teks di layer palette kemudian tekan tombol Ctrl+J untuk menduplikasi layer teks. Posisikan layer teks hasil kopian sedikit keatas (drag sambil tahan tombol Shift). Untuk mempermudah pemahaman tutorial, ganti nama kedua layer tersebut dengan nama 'DESAIN STUDIO_bawah' (untuk layer teks bagian bawah) dan 'DESAIN STUDIO_atas' (untuk layer teks bagian atas).



Step 5
Duplikasi kedua layer teks tersebut dan posisikan seperti gambar dibawah. Kemudian klik ikon mata pada layer 'DESAIN STUDIO_atas' dan layer 'DESAIN STUDIO_bawah' untuk menyembunyikannya sementara.



Step 6
Langkah selanjutnya adalah menduplikasi 'DESAIN STUDIO_bawah copy' sebanyak 70 kali. Caranya, klik layer 'DESAIN STUDIO_bawah copy' di layer palette, kemudian tekan tombol Ctrl+J sebanyak 70 kali.



Step 7
Di layer palette, klik pada layer 'DESAIN STUDIO_atas copy', kemudian scroll-down kebawah, tahan tombolShift dan klik pada layer 'DESAIN STUDIO_bawah copy'. Sekarang semua layer dari 'DESAIN STUDIO_atas copy' sampai layer 'DESAIN STUDIO_bawah copy' sudah terseleksi. Klik kanan lalu pilih Link layers. Sekarang layer-layer tsb telah diberi tanda rantai yang artinya saling nge-link satu sama lain.



Step 8
Klik pada layer 'DESAIN STUDIO_atas copy' di layer palette kemudian aktifkan Select tool (V). Dibagian Align di Control Bar, klik pada ikon Distribute Horizontal Center dan Distribute Vertical Center (lihat gambar). Langkah ini untuk mengatur distribusi hasil kopian-kopian tadi agar membentuk sebuah shape 3d yang sesuai.



Step 9
Selanjutnya, seleksi semua layer dari layer 'DESAIN STUDIO_atas copy' sampai layer 'DESAIN STUDIO_bawah copy' lalu tekan tombol Ctrl+E di keyboard untuk menggabungkan layer-layer tadi menjadi satu layer (merged). Saya mengganti nama layer hasil penggabungan tadi dengan nama 'DESAIN STUDIO (merged)'.



Step 10
Tampilkan kembali layer 'DESAIN STUDIO_atas', klik ganda layer tsb untuk membuka jendela Layer Styles. Pada bagian Gradient Overlay, beri settingan seperti gambar dibawah dan beri warna gradient dengan warna #90591d dan #ecab65. Jika sudah klik OK untuk menutup Layer Styles.



Hasilnya..



Step 11
Selanjutnya, tekan dan tahan tombol Ctrl kemudian klik pada thumbnail layer 'DESAIN STUDIO_(merged)' untuk mengambil seleksi dari layer tersebut. Sementara seleksi aktif, buat layer baru diatasnya (klik ikonNew Layer) dan fill dengan warna #90591d. Ganti nama leyer menjadi 'warna'.



Step 12
Double-click layer 'warna' untuk membuka jendela Layer styles. Pada bagian Gradient Overlay, beri warna gradasi dari warna #e0e0e0, #4a5154, #e0e0e0, dan #020202. Dan atur settingannya seperti gambar dibawah.



Hasilnya..



Step 13
Klik pada layer 'background' dan fill dengan warna #90591d. Double-click layer 'background' untuk membukaLayer Styles. Dan pada bagian Gradient Overlay, atur settingannya seperti gambar dibawah.



Step 14
Tampilkan dan klik layer 'DESAIN STUDIO_bawah', kemudian pada Menu bar pilih Filter > Blur > Gaussian Blur. Atur settingan Gaussian Blur seperti gambar dibawah. Langkah ini dimaksudkan untuk menjadikan layer 'DESAIN STUDIO_bawah' sebagai shadow. Jika sudah, ubah Blending Mode layer 'DESAIN STUDIO_bawah' di layer palette menjadi Multiply dan Opacitynya menjadi 80%.



Step 15
Gunakan Select tool (V) untuk menggeser sedikit layer 'DESAIN STUDIO_bawah' seperti gambar dibawah.



Step 16
Selanjutnya, klik layer 'DESAIN STUDIO_bawah' dan tekan tombol Ctrl+J untuk membuat duplikasinya. Sekarang geser hasil duplikasi tersebut ('DESAIN STUDIO_bawah copy') sedikit ke kiri dan ubah Opacitynya menjadi 20% (lihat gambar).



Step 17
Seleksi semua layer (kecuali layer 'background') di layer palette kemudian tekan tombol Ctrl+E di keyboard untuk menggabungkannya. Hasil penggabungan tsb saya beri nama dengan 'DESAIN STUDIO 3D TEXT'.



Step 18
Duplikasi layer 'DESAIN STUDIO 3D TEXT'. Kemudian klik pada layer 'DESAIN STUDIO 3D TEXT copy' (hasil duplikasi) dan ubah Blending Modenya menjadi Hard Light, lalu pada Menu bar pilih Filter > Other > High Pass. Beri nilai 1,0 pada bagian Radius lalu klik OK.



HASIL AKHIR


Inilah efek teks 3D di tutorial kali ini. Semoga banyak tips dan tehnik bermanfaat yang bisa kamu pelajari disini. Tutorial ini ditujukan sebagai bahan pembelajaran, artinya kamu bisa berimprovisasi membuat efek teks 3D yang lebih menarik berdasarkan dari tutorial ini. Selamat mencoba! :)




Ikuti FACEBOOK dan TWITTER Desain Studio untuk mendapatkan update terbaru berupa tips, informasi, dan tutorial seputar desain grafis!

Check PR

Check Page Rank of your Web site pages instantly:

This page rank checking tool is powered by Page Rank Checker service