Membuat Manipulasi Foto disertai Efek Teks Berwarna

12 Mar

Membuat Manipulasi Foto disertai Efek Teks Berwarna

This post is also available in: English

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. Sebelum mulai, lihat dulu gambar yang akan kita buat di bawah.

membuat manipulasi foto disertai efek teks berwarna

Source Yang Digunakan

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 drag untuk membuat sebuah text box. 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 ctrl lalu klik semua 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

Kesimpulan

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 Gratis Wallpaper dan File PSD

Saya sedang baik kali ini. Di sini Anda akan menemukan file psd tutorial ini dan gambar dalam format wallpaper.

Related posts:

24 Responses to “Membuat Manipulasi Foto disertai Efek Teks Berwarna”

  1. ajir 13. Mar, 2010 at 5:44 pm #

    wow!
    so cool bro.. :D

  2. gil7x 14. Mar, 2010 at 7:46 pm #

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

    • Jeprie 14. Mar, 2010 at 8:42 pm #

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

  3. gil7x 14. Mar, 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. Mar, 2010 at 10:05 pm #

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

  4. narsis 15. Mar, 2010 at 2:43 pm #

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

    • Jeprie 16. Mar, 2010 at 7:09 am #

      kan udah jadi wallpaper.

  5. gil7x 15. Mar, 2010 at 2:48 pm #

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

  6. gil7x 16. Mar, 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. Mar, 2010 at 3:08 pm #

    keren bro, aku suka tulisannya yang warna-warni

  8. xeptoc 01. Apr, 2010 at 8:40 pm #

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

    • Jeprie 01. Apr, 2010 at 10:21 pm #

      Halo juga. Sama-sama.

  9. Vincent Hadi Wijaya 05. Apr, 2010 at 5:07 pm #

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

  10. ijjal 08. Apr, 2010 at 8:52 am #

    wah typography ya?? keren

  11. zakie 23. Apr, 2010 at 10:02 am #

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

    • Mohammad Jeprie 23. Apr, 2010 at 10:20 am #

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

  12. zakie 23. Apr, 2010 at 10:53 am #

    makasih mas..

  13. deeyah 10. Jun, 2010 at 12:41 pm #

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

    • Jeprie 10. Jun, 2010 at 7:24 pm #

      Silakan dicoba. Semoga berhasil.

  14. jago 28. Jun, 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. Jun, 2010 at 10:44 pm #

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

    • Jeprie 29. Jun, 2010 at 6:42 am #

      Di samping ada link RSS.

Leave a Reply

Get Adobe Flash playerPlugin by wpburn.com wordpress themes