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.
Source Yang Digunakan
- Model Topeng Masker Gas dari falln-stocks
- Tekstur Grunge yang sangat populer dari Princes-of-Shadows
Tutorial
Langkah 1: Membuat Latar dan Menambah Model
Ambil model topeng gas. Buat path di sekelilingnya dengan tool pen.
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.
Langkah 3
Paste tekstur grunge di belakang si model.
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.
Langkah 5
Ubah opacity layer ke 60%.
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.
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.
Langkah 8
Sambil menahan Ctrl klik layer model bertopeng. Sekarang Anda akan memiliki seleksi yang berdasarkan pada isi layer.
Langkah 9
Dengan tool marquee geser seleksi menjauh dari sumber cahaya.
Langkah 10
Buat layer baru. Isi dengan hitam. Klik Filter > Blur > Gaussian Blur. Seperti bisa Anda lihat, ini akan menjadi bayangan di dinding.
Langkah 11
Ubah opacity layer ke 40%. Ini akan membuat bayangan terlihat lebih lembut lagi.
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.
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.
Langkah 14
Turunkan opacity ke 25%.
Langkah 15
Tahan Shift + Ctrl lalu klik semua thumbnail layer kata-kata besar yang tadi kita buat. Segera, Anda akan menghasilkan seleksi berbentuk sepertinya.
Langkah 16
Gandakan teks-teks kecil dengan menggesernya ke atas ikon new layer. Kembalikan opacity layer ke 100%. Click Add Layer Mask icon.
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.
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.
Langkah 19
Klik Layer > Create Clipping Mask. Ini akan memotong warna yang tadi kita buat dan memasukkannya ke dalam teks. Unik bukan?
Langkah 20
Ulangi langkah 18 dan 19 ke huruf-huruf yang lain. Ini yang saya peroleh sekarang.
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!
wow!
so cool bro..
Trims.
tutorial yang bagus mas….!
btw forum nya g jadi di bikin mas??
padahal saya dah daftar.hehe
Trims.
Forum tidak banyak bermanfaat. Ngurusnya juga sulit, habis energi buat update-nya.
oh begituu…
mas tolong kalo ada waktu di bikinin tutorial painting atw realistic image na dong mas.
berminat banget nih.
terimakasih
Sudah jadi tinggal di-publish. Rencananya akan dimuat di 1stwebdesigner.com. Tunggu saja!
keren mas jep!! kalo di jadiin poster keren!!
kan udah jadi wallpaper.
GREAT!!
kalo bisa di muat disini juga mas,,,
Tutorial lengkap ada di http://www.1stwebdesigner.com/tutorials/create-surreal-photo-manipulation-photoshop-tutorial/
Tidak bisa dimuat di sini karena kontrak artikelnya bersifat ekslusif, hanya untuk 1stwebdesigner.
oohh bgitu mas,hebat nih dah bisa publish d web intrnsional…
two thumbs up deh bwt mas jeprie!!!!:)
keren bro, aku suka tulisannya yang warna-warni
halo..
makasi yah buat tutorial nya..
Halo juga. Sama-sama.
Wah, cadas mas. Tutorialnya keren dan mudah dimengerti.
makasih.
wah typography ya?? keren
langkah 15 ko saya ga bisa ya mas??
mohon bantuannya..
Dari panel Layers, sambil menahan shift+ctrl click thumbnail setiap layer teks.
makasih mas..
keren jg…
patut dicoba ne!!!hehehe….
trims!:D
Silakan dicoba. Semoga berhasil.
nice info mas jeprie..
boleh minta tutorial cara membuat tulisan dengan latar belakang sebuah foto/gambar gak..?
mantap gan tutorialnya, by the way ada mailist nys gak?
Di samping ada link RSS.
makasih ya mas tutorialnya.
saya juga ingin seperti mas jago desaign !!!
Saya masih belum paham pada langkah 17 . .
sudah saya coba berkali” g bisa kk . .
itu biar tulisan terlihat bergaris garis gimana ya ?
mohon pencerahanya
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.
file psdnya tidak bisa dibuka masbro . .file corrupt
upload lagi donk file PSDnya
Seingat saya filenya tidak bermasalah, coba download ulang. Saya tidak punya waktu untuk mengupload lagi.
bagus benar tuts nya…
saya berhasil mencontoh nya…
xixixixi
ty mas…
saya kurang mengerti dari step 15 .. jadi mentok deh di step 15 .. kesananya ngerti ..
untuk langkah 15 saya kurang mengerti mas, setelah itu apa yg harus dilakukan.
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.
mas, itu bisa langsung pake drop shadow kan ya bikin bayangannya?
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.
tutorial menarik, makasih gan dah berbagi… sukses selalu