Photoshop Tutorial – Graphic Design

Photoshop tutorial, Graphic Design, web design, web programming, design graphic, logo design, Advertising Design, Free e-book, politic, history, SEO, desain indonesia

Photoshop Tutorial – 3D Cracked Text Effect


Dalam Tutorial kali ini kita akan mencoba membuat text efek 3D dengan tekstur kasar seperti tanah retak, batu, kayu tembok dll. Anda dapat menggunakan images lain sesuai selera. Langsung saja meluncur ke langkah tutorialnya.

Buat dokumen baru dengan ukuran 1024px x 768px, Buka image “cracked wall texture.jpg”. Image dapat di download di sini. Anda bisa bereksperiman dengan image yang lain. Sambil menekan tombol Shift + Alt, drag image ke dokumen. Ini akan membuat image berada tepat di tengah dokumen

Pilih text tool, ketikkan kata yang kita inginkan. Dalam tutorial ini saya menggunakan font Handvetica. Anda dapat mendownloadnya di sini.

Double klick pada layer text ini dan berikan beberapa efek berikut:

Drop Shadow

Inner Shadow

Bevel and Emboss

Gradient Overlay

Untuk sementara kita mendapatkan image seperti berikut.

Belum bosen kan? OK, kita lanjutkan lagi. Buat seleksi di luar area teks. Banyak cara untuk melakukannya. Salah satunya yaitu sambil menahan tombol Ctrl, klik pada layer text di panel Layer. Lalu tekan Ctrl + Shift + I atau Select -> Inverse untuk membalik seleksi.

Buka image “cracked stone texture.jpg”, anda dapat mendownloadnya si dini. Sambil menahan tombol Shift + Alt, drag image ini ke dokumen. lalu tekan delete. Ubah Blending Modenya menjadi overlay.

Buat Layer baru, tekan CTRL + Shift + I untuk membalik seleksi. Select -> Modify -> Smooth, isikan nilai 10 pada isian Sample Radius. Select -> Modify -> Contract, isikan nilai 2 pada isian Contract by. Lalu Edit -> Fill -> Color. Saya menggunakan warna #D88606 untuk colornya. Ubah Blending modenya menjadi Overlay dan Opacity 50%.

Copy atau Duplikat Layer 3 lalu ubah Opacitynya menjadi 100%. Pilih Eraser Tool dengan opacity 20% – 40%. Sapukan pada area seleksi bagian atas seperti gambar berikut.

Buang seleksi dengan menekan Ctrl + D atau Select -> Deselect. Buat layer baru di atas Layer 1 (Layer image cracked wall) Ubah Blending modenya menjadi Overlay. Pilih brush Tool dengan warna # D88606 dan Opacity 20%. Sapukan pada area di sekitar teks secara tidak beraturan sampai mendapatkan hasil yang anda inginkan.

Buat layer baru di atas Layer 4 Ubah Blending modenya menjadi Vivid Light. Pilih brush Tool dengan warna # C37A08 dan Opacity 20%. Sapukan pada area di sekitar teks secara tidak beraturan sampai mendapatkan hasil yang anda inginkan.

Selesai sudah tutorialnya. Anda bisa bereksperimen dengan menambahhkan beberapa sapuan brush menggunakan mode Vivid Light atau Overlay. Selamat mencoba

20 responses to “Photoshop Tutorial – 3D Cracked Text Effect

  1. Q March 31, 2011 at 9:37 am

    thankz for nice tutorial,,,,,,

  2. azis January 25, 2011 at 2:50 pm

    terima kasih tutorialnya, keren dah

  3. suhanri January 21, 2011 at 10:18 am

    Thanks y….
    tutor na mnarik..

  4. memoriz September 30, 2010 at 10:55 am

    kk tutorial di atas tidak terlalu jelas

    tolong share ke email/FB ku cara-cara yang lebih jelas lagi yaa. . . . .

    di memoriz_of_rosary@yahoo.com

  5. irenk September 27, 2010 at 8:17 pm

    @poetra: tentu BISA bro. anggap image background itu sebagai Background Layer, sama saja kok.

  6. poetra Giallorossi September 26, 2010 at 11:40 am

    Ilmu yang bermanfaat ni gan… :))
    Apakah tutorial ini bisa di gunakan pada background layers…??
    makasih atas info’a….

  7. official anang blog August 14, 2010 at 3:35 pm

    aku coba ga….
    tutorialnya sangat menarik

  8. reza June 30, 2010 at 3:10 pm

    ada yang lebih rumit n keren gak omm…..
    saya mau bisa yang lebihh…
    makasih omm

  9. Roy Gracer May 20, 2010 at 5:27 pm

    lumayan bosss…..

  10. Bara April 2, 2010 at 5:46 pm

    wa… keren om!

  11. mussoli March 24, 2010 at 11:05 pm

    makasih nih , saya mau coba tips nya, makasih. Salam kenal

  12. irenk March 22, 2010 at 12:31 am

    @arya: OK mas ntar saya kasih download link untuk hasil akhirnya. maturnuwun…

  13. Arya March 21, 2010 at 7:02 pm

    Wow menarik sekali! Ga ada download link buat hasil akhirnya mas?

  14. irenk March 17, 2010 at 4:55 pm

    waduh! iya neh… kelupaan.
    ni download di sini
    http://www.4shared.com/file/242979258/71c9fd0e/handvetica.html

    atau di sini aja
    http://www.dafont.com/handvetica.font

    googlingjg banyak kok. mksh ya…

  15. Dhony March 17, 2010 at 1:06 am

    btw mana mas font Handvetica.?
    kok gak ada downloadnya?

    Thanks

%d bloggers like this: