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

,

  • http://www.desainstudio.com ajir

    wow!
    so cool bro.. :D

    • http://desaindigital.com Jeprie

      Trims.

  • gil7x

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

    • http://desaindigital.com Jeprie

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

  • gil7x

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

    • http://desaindigital.com Jeprie

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

  • http://zonanarsis.com narsis

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

    • http://desaindigital.com Jeprie

      kan udah jadi wallpaper.

  • gil7x

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

  • gil7x

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

  • http://painthink.com habieb

    keren bro, aku suka tulisannya yang warna-warni

  • http://xeptoc.deviantart.com/ xeptoc

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

    • http://desaindigital.com Jeprie

      Halo juga. Sama-sama.

  • http://www.freshfluo.blogspot.com Vincent Hadi Wijaya

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

  • http://www.umy.ac.id/ ijjal

    wah typography ya?? keren

  • zakie

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

    • http://desaindigital.com Mohammad Jeprie

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

  • zakie

    makasih mas..

  • deeyah

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

    • http://desaindigital.com Jeprie

      Silakan dicoba. Semoga berhasil.

  • jago

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

  • ones

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

    • http://desaindigital.com Jeprie

      Di samping ada link RSS.

  • udung

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

  • Erwin

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

    • http://desaindigital.com Jeprie

      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.

  • Erwin

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

    • http://desaindigital.com Jeprie

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

  • http://kaskus.us Johannes Agustin

    bagus benar tuts nya…

  • http://www.rudhens.blogspot.com dudek

    saya berhasil mencontoh nya…
    xixixixi
    ty mas…

  • http://- murizag

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

  • http://- rizagagaga

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

    • http://desaindigital.com Jeprie

      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.

  • chicty

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

    • http://desaindigital.com Jeprie

      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.

  • http://dukundesign.blogspot.com/ mbah dukun

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

  • munajat

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

    • http://desaindigital.com/ Mohammad Jeprie

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