Top Menu

Dapatkan buku The Power of Photoshop. Disertai bonus video tutorial. Harga: Rp 78.800 Rp 54.500

Membuat Manipulasi Foto disertai Efek Teks Berwarna

Di tutorial ini, kita akan belajar cara pembuatan teks yang dibuat dari banyak teks secara mudah menggunakan Photoshop. Dalam tutorial ini, selain tipografi kita juga membahas teknik-teknik manipulasi foto. Di akhir tutorial ini, Anda bisa men-download file PSD dan beberapa wallpaper.

Preview

Sebelum mulai, lihat dulu gambar yang akan kita buat di bawah.

membuat manipulasi foto disertai efek teks berwarna

Source Yang Digunakan

Tutorial

Langkah 1: Membuat Latar dan Menambah Model

Ambil model topeng gas. Buat path di sekelilingnya dengan tool pen.

membuat manipulasi foto disertai efek teks berwarna
membuat manipulasi foto disertai efek teks berwarna

Tekan Ctrl + Enter untuk mengubah path menjadi seleksi.

Langkah 2

Copy model dan paste ke file baru berukuran 1280×800 px. Tekan Ctrl + T, klik kanan dan pilih Flip Horizontal.

membuat manipulasi foto disertai efek teks berwarna

Langkah 3

Paste tekstur grunge di belakang si model.

membuat manipulasi foto disertai efek teks berwarna

Langkah 4

Buat layer baru di atas tekstur grunge. Tekan D lalu Ctrl + Delete untuk mengisinya dengan putih.

Klik Filter > Render > Lighting Effects. Gunakan setting di bawah. Langkah ini akan menambahkan sumber cahaya ke dalam scene gambar.

membuat manipulasi foto disertai efek teks berwarna

Langkah 5

Ubah opacity layer ke 60%.

membuat manipulasi foto disertai efek teks berwarna

Langkah 6

Alt-click ikon New Layer. Akan muncul kotak dialog New Layer. Pilih Use Previous Layer, blending mode Overlay, dan Fill with. Klik OK.

membuat manipulasi foto disertai efek teks berwarna

Langkah 7

Dengan tool burn lukis area-areayang ditandai dengan panah-panah di bawah untuk membuatnya lebih gelap. Lakukan hal yang sama dengan tool dodge untuk menerangkan area yang lain.

membuat manipulasi foto disertai efek teks berwarna
membuat manipulasi foto disertai efek teks berwarna

Langkah 8

Sambil menahan Ctrl klik layer model bertopeng. Sekarang Anda akan memiliki seleksi yang berdasarkan pada isi layer.

membuat manipulasi foto disertai efek teks berwarna

Langkah 9

Dengan tool marquee geser seleksi menjauh dari sumber cahaya.

membuat manipulasi foto disertai efek teks berwarna

Langkah 10

Buat layer baru. Isi dengan hitam. Klik Filter > Blur > Gaussian Blur. Seperti bisa Anda lihat, ini akan menjadi bayangan di dinding.

membuat manipulasi foto disertai efek teks berwarna

Langkah 11

Ubah opacity layer ke 40%. Ini akan membuat bayangan terlihat lebih lembut lagi.

membuat manipulasi foto disertai efek teks berwarna

Langkah 12: Menambahkan Teks

Klik semua ikon mata di depan layer. Untuk sementara, kita akan menyembunyikan semua layer agar bisa lebih fokus pada teks.

Buat teks menggunakan tool type. Seperti bisa Anda lihat, semua kata berada di layer terpisah. Ukurannya juga bervariasi. Saya buat kata FIGHT lebih besar untuk membuatnya terlihat lebih menonjol. Saya lakukan hal sebaliknya untuk kata AFRAID. Begitu selesai membuat kata-kata ini, pilih semua layer teks dan tekan Ctrl + G untuk mengumpulkan semuanya ke dalam sebuah group. Satu hal lagi, jangan khawatir tentang warnanya, gunakan warna apapun yang Anda mau.

membuat manipulasi foto disertai efek teks berwarna

Langkah 13

Berikutnya, kita perlu menambahkan banyak kata. Klik dan geser untuk membuat sebuah kotak teks. Anda bisa saja menggunakan kata-kata acak seperti lorem ipsum tapi saya lebih suka menggunakan teks betulan agar yang melihat punya sesuatu untuk dibaca. Karena gambar ini terinspirasi dari perang, saya pergi ke wikipedia edisi inggris dan membuka artikel tentang perang dunia. Saya copy artikel tertulis di sana. Kemudian, saya paste semua beberapa kali ke dalam teks box. Saya menggunakan alignment justify untuk memastikan bahwa teks muat dengan tepat ke dalam text box. Gunakan ukuran teks sangat kecil seperti 5 atau 6.

membuat manipulasi foto disertai efek teks berwarna

Langkah 14

Turunkan opacity ke 25%.

membuat manipulasi foto disertai efek teks berwarna

Langkah 15

Tahan Shift + Ctrl lalu klik semua thumbnail layer kata-kata besar yang tadi kita buat. Segera, Anda akan menghasilkan seleksi berbentuk sepertinya.

membuat manipulasi foto disertai efek teks berwarna

Langkah 16

Gandakan teks-teks kecil dengan menggesernya ke atas ikon new layer. Kembalikan opacity layer ke 100%. Click Add Layer Mask icon.

membuat manipulasi foto disertai efek teks berwarna

Langkah 17

Klik ikon mata di depan group teks. Teks besar menghilang tapi kita masih melihat teks-teks kecil muncu dan membetuk kata yang sama.

membuat manipulasi foto disertai efek teks berwarna

Langkah 18

Buat layer baru di atas teks yang lebih kecil. Dengan tool lasso buat seleksi mengelilingi W. Isi seleksi ini dengan warna apa pun yang Anda suka.

membuat manipulasi foto disertai efek teks berwarna

Langkah 19

Klik Layer > Create Clipping Mask. Ini akan memotong warna yang tadi kita buat dan memasukkannya ke dalam teks. Unik bukan?

membuat manipulasi foto disertai efek teks berwarna

Langkah 20

Ulangi langkah 18 dan 19 ke huruf-huruf yang lain. Ini yang saya peroleh sekarang.

membuat manipulasi foto disertai efek teks berwarna

Hasil Akhir

Akhirnya teks sudah selesai dan kita tinggal mengaktifkan kembali layer-layer tersembunyi dengan klik ikon mata di depannya. Saya harap Anda menikmati tutorial ini sebagaimana saya menikmati proses pembuatannya. Jangan lupa untuk menuliskan komentar Anda di bawah!

membuat manipulasi foto disertai efek teks berwarna

Download Wallpaper dan File PSD

Download Wallpaper dan File PSD

,

40 Responses to Membuat Manipulasi Foto disertai Efek Teks Berwarna

  1. ajir 13 March 2010 at 5:44 pm #

    wow!
    so cool bro.. :D

  2. gil7x 14 March 2010 at 7:46 pm #

    tutorial yang bagus mas….!
    btw forum nya g jadi di bikin mas??
    padahal saya dah daftar.hehe

    • Jeprie 14 March 2010 at 8:42 pm #

      Trims.
      Forum tidak banyak bermanfaat. Ngurusnya juga sulit, habis energi buat update-nya.

  3. gil7x 14 March 2010 at 8:47 pm #

    oh begituu…
    mas tolong kalo ada waktu di bikinin tutorial painting atw realistic image na dong mas.
    berminat banget nih.
    terimakasih

    • Jeprie 14 March 2010 at 10:05 pm #

      Sudah jadi tinggal di-publish. Rencananya akan dimuat di 1stwebdesigner.com. Tunggu saja!

  4. narsis 15 March 2010 at 2:43 pm #

    keren mas jep!! kalo di jadiin poster keren!!

    • Jeprie 16 March 2010 at 7:09 am #

      kan udah jadi wallpaper.

  5. gil7x 15 March 2010 at 2:48 pm #

    GREAT!!
    kalo bisa di muat disini juga mas,,,

  6. gil7x 16 March 2010 at 12:51 pm #

    oohh bgitu mas,hebat nih dah bisa publish d web intrnsional…
    two thumbs up deh bwt mas jeprie!!!!:)

  7. habieb 21 March 2010 at 3:08 pm #

    keren bro, aku suka tulisannya yang warna-warni

  8. xeptoc 1 April 2010 at 8:40 pm #

    halo..
    makasi yah buat tutorial nya..
    :)

    • Jeprie 1 April 2010 at 10:21 pm #

      Halo juga. Sama-sama.

  9. Vincent Hadi Wijaya 5 April 2010 at 5:07 pm #

    Wah, cadas mas. Tutorialnya keren dan mudah dimengerti.
    makasih. :)

  10. ijjal 8 April 2010 at 8:52 am #

    wah typography ya?? keren

  11. zakie 23 April 2010 at 10:02 am #

    langkah 15 ko saya ga bisa ya mas??
    mohon bantuannya..

    • Mohammad Jeprie 23 April 2010 at 10:20 am #

      Dari panel Layers, sambil menahan shift+ctrl click thumbnail setiap layer teks.

  12. zakie 23 April 2010 at 10:53 am #

    makasih mas..

  13. deeyah 10 June 2010 at 12:41 pm #

    keren jg…
    patut dicoba ne!!!hehehe….
    trims!:D

    • Jeprie 10 June 2010 at 7:24 pm #

      Silakan dicoba. Semoga berhasil.

  14. jago 28 June 2010 at 2:58 pm #

    nice info mas jeprie..
    boleh minta tutorial cara membuat tulisan dengan latar belakang sebuah foto/gambar gak..?

  15. ones 28 June 2010 at 10:44 pm #

    mantap gan tutorialnya, by the way ada mailist nys gak?

    • Jeprie 29 June 2010 at 6:42 am #

      Di samping ada link RSS.

  16. udung 26 August 2010 at 9:05 pm #

    makasih ya mas tutorialnya.
    saya juga ingin seperti mas jago desaign !!!

  17. Erwin 18 October 2010 at 10:35 pm #

    Saya masih belum paham pada langkah 17 . .
    sudah saya coba berkali” g bisa kk . .
    itu biar tulisan terlihat bergaris garis gimana ya ?
    mohon pencerahanya :)

    • Jeprie 19 October 2010 at 6:38 am #

      Saya rasa sudah cukup jelas. Klik ikon mata di depan group teks. Mungkin teks-nya belum disimpan dalam group. Silakan pelajari source file psd-nya.

  18. Erwin 31 October 2010 at 5:02 pm #

    file psdnya tidak bisa dibuka masbro . .file corrupt
    upload lagi donk file PSDnya :)

    • Jeprie 1 November 2010 at 3:11 pm #

      Seingat saya filenya tidak bermasalah, coba download ulang. Saya tidak punya waktu untuk mengupload lagi.

  19. Johannes Agustin 11 November 2010 at 7:59 pm #

    bagus benar tuts nya…

  20. dudek 19 January 2011 at 5:00 am #

    saya berhasil mencontoh nya…
    xixixixi
    ty mas…

  21. murizag 30 April 2011 at 5:20 pm #

    saya kurang mengerti dari step 15 .. jadi mentok deh di step 15 .. kesananya ngerti ..

  22. rizagagaga 30 April 2011 at 5:36 pm #

    untuk langkah 15 saya kurang mengerti mas, setelah itu apa yg harus dilakukan.

    • Jeprie 30 April 2011 at 7:42 pm #

      Ada kesalahan instruksi di langkah itu. Sudah diperbaiki.
      Buka panel Layers. Tahan Shift + Ctrl lalu klik thumbnail layer teks. Ini akan menghasilkan seleksi berbentuk teks.

  23. chicty 26 June 2011 at 1:00 pm #

    mas, itu bisa langsung pake drop shadow kan ya bikin bayangannya?

    • Jeprie 26 June 2011 at 1:40 pm #

      Bayangan orang maksudnya ya? Ya, bisa saja. Tapi biasanya Drop Shadow sedikit sulit dikontrol. Kalau dibuat secara manual kita bisa mengubahnya sesuai keperluan. Misalnya bisa menghapus sebagian bayangan yang tidak dibutuhkan.

  24. mbah dukun 25 July 2011 at 3:38 am #

    tutorial menarik, makasih gan dah berbagi… sukses selalu :)

  25. munajat 16 April 2013 at 2:10 pm #

    yg ga da penjelasan’a itu gimana bikin tulisan kecil2 nya itu lho,..

    • Mohammad Jeprie 17 April 2013 at 8:42 am #

      Klik dan geser untuk membuat sebuah kotak teks. Tulis kata-katanya.

  26. dennie 2 June 2014 at 7:23 am #

    langkah 15 koq nggak work ya ???? bisa dijelaskan lebih detail ga ? saya dah coba tapi huruf ga mau terseleksi . . . . . mohon pencerahannya . . . . . thanks

Tinggalkan komentar Anda.