27 Mar 2013

Efek Teks 3D


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.

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


Step 2
Bikin Teks menggunakan Text tool (T) atau dengan logo vektor anda.


Step 3
Klik layer teks/logo 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/logo 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 'omphestudio bawah' (untuk layer teks bagian bawah) dan 'omphestudio atas' (untuk layer teks bagian atas).

Step 5
Duplikasi kedua layer teks tersebut dan posisikan seperti gambar dibawah. Kemudian klik ikon mata pada layer 'omphestudio atas' dan layer 'omphestudio bawah' untuk menyembunyikannya sementara.


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


Step 7
Di layer palette, klik pada layer 'omphestudio atas copy', kemudian scroll-down kebawah, tahan tombol Shift dan klik pada layer 'omphestudio bawah copy'. Sekarang semua layer dari 'omphestudio atas copy' sampai layer 'omphestudio 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 'omphestudio 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 'omphestudio atas copy' sampai layer 'omphestudio 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 'omphestudio (merged).


Step 10
Tampilkan kembali layer 'omphestudio 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 'omphestudio (merged) untuk mengambil seleksi dari layer tersebut. Sementara seleksi aktif, buat layer baru diatasnya (klik ikon New 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 gradiasi dari #e0e0e0, #4a5154, #e0e0e0, dan #020202. Dan atur settingannya seperti gambar dibawah.


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


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


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


Step 16
Selanjutnya, klik layer 'omphestudio bawah' dan tekan tombol Ctrl+J untuk membuat duplikasinya. Sekarang geser hasil duplikasi tersebut ('omphestudio 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 'omphestudio 3d text'.


Step 18
Duplikasi layer 'omphestudio 3d text'. Kemudian klik pada layer 'omphestudio 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! :)

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...