Preview

Berikut adalah hasil yang akan kita peroleh.

Detail Tutorial

• Tingkat Kesulitan: Pemula, Menengah
• Software yang Digunakan: Adobe Illustrator
• Teknik yang Dipelajari: Projeksi Isometrik, Pembuatan Guide, Editing Shape, Dasar Tipografi
• Lama Pengerjaan: 45 menit

Tutorial

Langkah 1: Mengatur Preference Illustrator

Untuk mempermudah pembuatan guide untuk proyeksi isometrik terlebih dahulu kita perlu mengatur setting Preferences Illustrator. Tekan Ctrl + K untuk membuka kotak dialog Preferences. Di pilihan General ubah Keyboard Increment ke 1 cm.

Langkah 2: Membuat Bentuk Dasar Teks

Sebelum membuat tampilan tiga dimensinya, untuk mempermudah kita mulai dengan membuat tampilan teks dalam dua dimensi. Langkah awal kita akan membuat guide. Buat garis vertikal lalu tekan Alt + Panah Kiri untuk menduplikasinya. Tekan Ctrl + D untuk mengulangi proses duplikasi. Lakukan terus hingga kita peroleh cukup banyak garis.

Langkah 3

Seleksi semua garis lalu tekan Ctrl + C dan Ctrl + F untuk menduplikasinya. Putar garis 90°.

Langkah 4

Seleksi semua garis. Klik View > Guides > Make Guides (Ctrl + 5) untuk mengubah garis-garis tadi menjadi guide.

Langkah 5

Kita mulai dengan membuat huruf T. Untuk ukurannya, kita gunakan proporsi standar 5:3. Di sini saya buat huruf T seperti di bawah.

Langkah 6

Di bawah untuk huruf Y. Masih dengan proporsi yang sama, 5:3.

Langkah 7

Di bawah adalah tampilan seluruh huruf.

Langkah 8: Membuat Grid Isometrik

Setelah selesai mendesain huruf, berikutnya adalah mempersiapkan grid isometrik. Buat layer baru khusus untuk menyimpan grid isometrik. Aktifkan tool Line lalu klik sekali pada kanvas. Gunakan sudut 30°.

Langkah 9

Tekan Alt + Panah Kanan untuk menduplikasi garis lalu tekan Ctrl + D untuk mengulangi proses duplikasi tadi.

Di bawah adalah tampilan garis yang diperoleh. Pastikan tinggi garis melebihi ukuran kanvas.

Langkah 10

Seleksi semua garis, klik kanan dan pilih Reflect. Pilih Vertical dan klik Copy.

Langkah 11

Seleksi semua garis lalu tekan Ctrl + 5 untuk mengubahnya menjadi Guides.

Langkah 12

Untuk mempermudah proses menggambar selanjutnya, pastikan untuk mengaktifkan Snap to Point dari menu View.

Langkah 13

Jika Guides yang diperoleh sulit dilihat Anda bisa mengubah warnanya melalui kotak dialog Preferences (Ctrl + K).

Langkah 14: Belajar Membuat Balok Isometrik

Sebelum maju ke projek tipografi mari kita mulai dengan belajar menggambar balok sederhana. Gunakan tool Persegi untuk membuat sebuah persegi empat.

Langkah 15

Aktifkan tool Direct Selection lalu geser titik-titik ujungnya satu per satu hingga menempel pada bidang.

Langkah 16

Ulangi proses ini untuk membuat sisi yang lain.

Langkah 17

Saya temukan bahwa penggunaan Guide di Illustrator tidak begitu akurat. Illustrator entah kenapa tidak memiliki fitur Snap to Guide tapi hanya Snap to Point. Ini membuat titik Anda mungkin sekali menempel secara tidak tepat. Anda bisa melihatnya pada titik yang ditandai di bawah.

Langkah 18

Untuk memperbaikinya, Anda perlu men-zoom gambar ke tampilan maksimal lalu menggeser titik tersebut secara manual ke posisi sebenarnya.

Langkah 19: Menggambar Teks Tiga Dimensi

Setelah memahami teknik dasar menggambar isometrik barulah kita masuk ke proses menggambar teks. Gambar bagian depan huruf T dengan proporsi sama dengan sketsa yang kita buat di Langkah 5.

Langkah 20

Berikutnya menggambar sisi teks.

Langkah 21

Lakukan proses ini pada huruf-huruf yang lain.

Langkah 22

Anda bisa berhenti di sini dan memberikan warna pada huruf.

Di bawah adalah tampilan hitam putih.

Langkah 23

Kita akan melanjutkan menambah Stroke di sekeliling teks. Efek ini biasa digunakan dalam gambar karakter kartun. Duplikasi semua huruf dan sembunyikan teks asli. Caranya dengan seleksi semua huruf lalu tekan Ctrl + A. Buat layer baru lalu tekan Ctrl + F. Klik ikon mata di depan layer huruf yang asli.

Seleksi huruf T lalu gabungkan dengan klik Unite di Pathfinder.

Langkah 24

Hapus garis tambahan yang mungkin dihasilkan proses ini.

Langkah 25

Ulangi proses yang sama pada huruf-huruf yang lain.

Langkah 26

Ini adalah hasil yang diperoleh.

Langkah 27

Kosongkan Fill lalu naikkan Weight Stroke hingga 3 pt.

Langkah 28

Munculkan kembali teks asli.

Langkah 29

Sepintas terlihat bagus tapi jika dilihat lebih dekat ada beberapa detail yang tidak logis. Salah satunya adalah garis Stroke menutupi huruf. Untuk memperbaikinya geser layer Stroke ke belakang huruf.

Langkah 30

Mungkin sekali sebagian Stroke masih menutupi teks.

Langkah 31

Untuk memperbaikinya, Anda perlu mengatur posisi huruf agar yang di depan berada di posisi lebih atas.

Hasil Akhir

Ini adalah hasil yang kita peroleh. Semoga tutorial sederhana ini membantu Anda memahami cara menggambar dengan metode isometrik.

Download Link

Related posts:

• Menyatukan Teks 3 Dimensi ke Dalam Foto Nyata
• 15 Gambar Isometrik untuk Menginspirasi Anda
• Membuat Teks 3D Bermotif Bunga
• Membuat Manipulasi Foto disertai Efek Teks Berwarna
• Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Tutorial ini ditulis ekslusif untuk Hongkiat.

Preview

Berikut adalah hasil akhir yang diperoleh.

Sebagian Langkah dalam Tutorial

Tutorial ini tidak sekadar meniru efek teks yang ada di film. Dalam tutorial ini, kita akan menggunakan membuat sendiri teks yang mirip dengan karakter teks Avenger. Kita akan melakukannya secara manual di Illustrator. Proses selanjutnya adalah memberi kesan tiga dimensi memberi kombinasi layer style dan tekstur di Photoshop.

Link Tutorial

Related posts:

• Membuat Manipulasi Foto disertai Efek Teks Berwarna
• Membuat Tipografi Custom “Loops” dengan Photoshop dan Illustrator
• Membuat Teks 3D Bermotif Bunga
• Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop
• Menggambar Blackberry Torch dengan Photoshop dan Illustrator

Preview

Sebelum memulai, lihat terlebih dahulu hasil akhir yang akan kita peroleh.

Detail Tutorial

• Tingkat Kesulitan: Pemula, Menengah
• Software yang Digunakan: Adobe Photoshop
• Teknik yang Dipelajari: Melukis Highlight dan Shadow, Layer Mask, Layer Style
• Lama Pengerjaan: 30 menit

Resource yang Dibutuhkan

Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource berikut:

• Lion Pride dari Dhany Syamsuddin

Tutorial

Langkah 1: Mempersiapkan Foto

Ambil gambar singa lalu potong dengan tool crop hingga tersisa bagian kepala seperti di bawah.

Langkah 2: Menambah Teks

Tambahkan teks LION.

Langkah 3

Klik kanan layer teks dan pilih Convert to Shape untuk mengubah teks menjadi shape. Mulai saat ini, teks tidak lagi bisa diedit. Kita melakukan ini agar bentuk teks dapat diedit dengan mudah.

Langkah 4

Lakukan proses transformasi dengan menekan Ctrl + T. Tahan Alt + Shift + Ctrl lalu geser pojok atas untuk mentransformasi dengan perspektif. Kita mengubah perspektif teks dari depan ke seperti ini karena dalam kondisi nyata, tampilan depan secara sempurna sangat jarang terjadi dan akan terlihat buatan.

Langkah 5

Beri Layer Style Gradient Overlay untuk menghindarkan kesan warna yang terlalu datar.

Langkah 6

Simapan teks dalam sebuah group. Beri layer mask lalu lukis gigi dan sebagian lidah sehingga bagian itu berada di depan teks. Di bawah Anda bisa melihat perbadingan layer mask dan hasilnya.

Langkah 7

Gandakan teks lalu simpan di bawah teks asli. Geser teks beberapa pixel ke kiri bawah.

Langkah 8

Edit beberapa bagian teks dengan menambahkan ttik baru untuk memberi kesan bentuk teks 3 dimensi.
Di bawah adalah tampilan titik tambahan di huruf N dan I.

Langkah 9

Di bawah hasil dari tampilan teks tiga dimensi yang diperoleh.

Langkah 10

Buat layer baru di atas teks kedua dan ubah menjadi Cliping Mask dengan menekan Ctrl + Alt + G. Lukis hitam di beberapa tempat untuk menggelapkan teks dan memperkuat kesan efek teks 3 dimensi. Lukis juga bayangan mulut singa pada teks.

Langkah 11

Lukis bayangan gigi pada teks.

Langkah 12

Tahan Ctrl lalu klik teks. Buat layer baru di atas teks lalu isi dengan gradasi radial dari putih ke hitam. Turunkan Opacity layer dan ubah blend mode layer ke Screen.

Langkah 13

Kita perlu memperkuat garis luar teks untuk membuatnya terlihat lebih tiga dimensi. Tahan Ctrl lalu klik teks paling depan. Klik kanan dan pilih Stroke. Pilih warna Stroke hitam.

Langkah 14

Beri filter Gaussian Blur.

Langkah 15

Hapus sebagian garis tadi.

Langkah 16

Ambil brush besar dengan hardness 0%. Lukis bayangan mulut pada teks. Buat teks terlihat berada jauh di dalam mulut. Lukis juga bayangan besar di belakang teks LION dengan Opacity sangat rendah, 10-15%.

Langkah 17

Lukis bayangan teks pada lidah.

Langkah 18

Dengan tool eyedropper, ambil warna kumis singa. Lukis sedikit kumis singa di depan huruf N. Gandakan kumis baru ini, ubah warnanya menjadi hitam lalu haluskan dengan Gaussian Blur. Geser ke bawah untuk menjadikannya bayangan kumis pada huruf.

Langkah 19

Lukis sedikit kilauan di bagian bawah huruf dekat lidah. Kilauan bisa berasal dari ludah singa atau hembusan nafasnya.

Langkah 20: Memperbaiki Warna

Ambil sebagian rambut singa dan simpan di depan huruf N. Hapus sebagian dengan tool eraser lembut. Lakukan proses ini hingga rambut terlihat berada di depan huruf.

Langkah 21: Memperbaiki Warna

Tambahkan Adjustment Layer Hue/Saturation, Levels, dan Color Balance dengan setting seperti di bawah.
Ambil sebagian rambut singa dan simpan di depan huruf N. Hapus sebagian dengan tool eraser lembut. Lakukan proses ini hingga rambut terlihat berada di depan huruf.

Langkah 22

Buat seleksi ellipse di tengah kanvas. Haluskan seleksi dengan klik Select > Modify > Feather Selection.

Langkah 23

Balikkan seleksi, Ctrl + Shift + I. Isi seleksi dengan hitam.

Langkah 23

Terakhir, turunkan Opacity layer ke 20%.

Hasil Akhir

Di bawah adalah hasil akhir tutorial yang kita peroleh. Seperti yang Anda lihat, yang kita lakukan sebetulnya tidak rumit. Kita mencoba bermain dengan highlight dan shadow seakurat mungkin dengan memperhitungkan kondisi real yang mungkin terjadi seperti ludah, hembusan nafas pada teks, atau tampilan perspektif teks. Kita juga mencoba menambahkan sebanyak mungkin detail seperti rambut dan sedikit kumis di depan huruf.

Related posts:

• Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik
• Membuat Manipulasi Foto disertai Efek Teks Berwarna
• Membuat Teks 3D Bermotif Bunga
• Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi
• Membuat Ulang Efek Teks Film Avenger dengan Photoshop dan Illustrator

Preview

Berikut adalah hasil akhir yang kita peroleh. Klik pada gambar untuk melihatnya di ukuran sebenarnya.

Tampilan 100%.

Detail Tutorial

• Tingkat Kesulitan: Pemula, Menengah
• Software yang Digunakan: Adobe Photoshop, Adobe Illustrator
• Teknik yang Dipelajari: Clipping Mask, Membuat Custom Shape, Menggabungkan Path di Illustrator
• Lama Pengerjaan: 30 menit

Resource yang Dibutuhkan

Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource berikut:

• Tekstur Beton dari Vandelay Premier
• Pixel Pattern dari PSDfreemium

Tutorial

Langkah 1: Mempersiapkan Bahan Dasar Karakter

Buka Illustrator dan buat file baru berukuran A4.

Langkah 2

Karakter teks yang kita buat terbuat dari bahan dasar lingkaran. Buat lingkaran dengan Stroke 40 pt. Kosongkan Fill.

Langkah 3

Klik File > Object > Expand. Pilih Stroke lalu klik OK. Klik kanan lingkaran yang sudah berubah menjadi donat dan pilih Ungroup.

Langkah 4

Gandakan hingga diperoleh 4 buah lingkaran. Kita akan membaginya sehingga diperoleh segmen 45 derajat, 90 derajat, dan 135 derajat.

Langkah 5

Sekarang kita mulai membuat segmen 45 derajat. Seleksi lalu hapus kedua titik di posisi jam 3 dan 6. Menggunakan tool pen, sambungkan kedua titik yang terpisah. Lakukan pada sisi yang lain hingga bentuk ini tertutup.

Langkah 6

Berikutnya adalah segmen 90 derajat. Hapus dua titik di posisi jam 3. Sammbungkan titik-titik yang terpotong.

Langkah 7

Untuk segmen 135 derajat. Kita perlu menghapus salah satu segmen garis di antara jam 3 dan 6.

Langkah 8

Inilah bentuk-bentuk dasar yang akan membentuk karakter.

Langkah 9: Karakter L

Buat garis dengan stroke 40 pt. Klik Object > Expand. Klik kanan dan pilih Ungroup.

Langkah 10

Ambil segmen 45 derajat. Putar segmen dan simpan di bawah persegi.

Langkah 11

Hapus segmen garis yang akan disatukan. Geser titik dari persegi hingga menyatu. Seleksi kedua titik yang menumpuk lalu klik ikon Connect di baris pilihan atau klik Objek > Path > Join.

Langkah 12

Buat lagi persegi untuk bagian ujung karakter L.

Langkah 13: Karakter O

Tambahkan dua O. Saya mengubah warna karakter agar dapat dengan mudah dibedakan.

Langkah 14: Karakter P

Ambil segmen 135 derajat.

Langkah 15

Tambahkan garis di bawahnya lalu gabungkan. Proses pembuatannya sama dengan proses pembuatan karakter L.

Langkah 16

Tambahkan lagi satu persegi di bagian atas karakter P.

Langkah 17: Karakter S

Terakhir, tambahkan segmen 45 derajat untuk karakter S. Inilah hasil akhir yang saya peroleh.

Langkah 18: Kembali ke Photoshop

Buat file baru dengan ukuran A4 di Photoshop.

Langkah 19: Mengambil Bentuk Vektor

Seleksi karakter di Illustrator lalu tekan Ctrl + C. Kembali ke Photoshop, tekan Ctrl + V untuk memasukkannya ke Photoshop. Pada pilihan Paste As pilih Path.

Langkah 20

Gandakan path dengan menggesernya ke atas ikon New Path. Hapus karakter-karakter lainnya hingga tersisa hanya satu karakter di setiap path.

Langkah 21: Menyiapkan Latar

Isi Background dengan gradasi dari abu-abu ke putih.

Langkah 22

Ambil tekstur beton dari Vandelay Premier lalu ubah blend mode layer ke Screen dan turunkan Opacity-nya.

Langkah 23: Menyatukan Karakter

Aktifkan path berisi huruf L. Klik ikon Adjustment Layers dan pilih Solid Color. Pilih warna merah.

Langkah 24

Ulangi terus dengan karakter lainnya.

Langkah 25: Menambahkan Kedalaman

Tahan Ctrl lalu klik thumbnail layer O pertama. Buat layer baru dan sisipkan di antara L dan O. Isi seleksi dengan hitam.

Langkah 26

Klik Filter > Blur > Gaussian Blur.

Langkah 27

Ubah layer menjadi Clipping Mask dengan menekan Ctrl + Alt + G.

Langkah 28

Ulangi proses ini dengan karakter berikutnya.

Langkah 29: Huruf S

Khusus untuk huruf S, beri Layer Style Gradient Overlay dengan gradasi dimulai dari warna O kedua. Turunkan Opacity layer ke 50% dan Fill ke 0%.

Langkah 30

Tahan Ctrl lalu klik path pertama yang berisi semua karakter Loops. Isi seleksi dengan hitam.

Langkah 31

Beri Layer Style Pattern Overlay dengan pola pixel dari PSDfreemium dan Stroke hitam.

Hasil Akhir

Di bawah adalah hasil akhir tutorial yang kita peroleh. Klik gambar untuk melihatnya di ukuran lebih besar.

Tampilan 100%.

Related posts:

• Membuat Ulang Efek Teks Film Avenger dengan Photoshop dan Illustrator
• Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop
• Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator
• Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop (Bagian 1)
• Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop (Bagian 2)

Preview

Berikut adalah illustrative lettering yang akan kita buat dalam tutorial ini. Kalimat yang digunakan adalah ucapan kutipan dari Jacky Chan.

Resource Yang Dibutuhkan:

1. Kertas Putih
2. Pensil 2B
3. Pensil HB
4. Penghapus Karet
5. Scanner
6. Adobe Photoshop
7. Adobe Illustrator
8. Tekstur Noise
9. Tekstur kertas

Tutorial

Langkah 1: Membuat Tulisan Tangan

Ambil selembar kertas putih. Siapkan pensil HB, pensil 2B, dan penghapus plastik.

Langkah 2

Dalam tahap sketsa, kita masih menggunakan pensil HB karena lebih tipis dan seandainya ada kesalahan mudah dihapus. Mulai dengan membuat sketsa posisi teks. Ini akan membantu kita dalam penempatan huruf-huruf.

Langkah 3

Dalam prakteknya, sketsa bisa dilabrak untuk menyesuaikan dengan kreativitas kita.

Langkah 4

Saya ingin menonjolkan Bruce Lee jadi tulisannya dibuat dengan ukuran besar.

Langkah 5

Begitu juga dengan Jacky Chan. Saya menulisnya dengan huruf berukuran besar.

Langkah 6

Inilah hasil akhir tulisan yang saya buat. Untuk memastikan tulisan ini bisa di-scan dengan mudah, tebalkan tulisan dengan pensil 2B lalu hapus bagian yang tidak diperlukan.

Langkah 7: Proses Scan

Saatnya untuk memasukkan teks ke komputer Anda. Caranya bisa berbeda tergantung pada tipe scanner yang Anda gunakan. Saya saat ini menggunakan scanner Epson TX111. Di Photoshop, klik File > Import > WIA Support. Atur settingnya jika perlu.

Langkah 8

Pilih tipe scanner yang digunakan.

Langkah 9: Tracing Tulisan

Buat file baru di Illustrator dengan ukuran A4.

Langkah 10

Paste gambar hasil scan ke atas kanvas.

Langkah 11

Klik ganda layer berisi gambar hasil scan. Pilih template. Ini akan mengunci gambar untuk kemudian digunakan sebagai panduan dalam proses tracing.

Langkah 12

Ambil tool pen. Secara manual, gambar ulang semua huruf dan karakter. Untuk memudahkan, kosongkan dulu setting Fill.

Langkah 13

Dalam kalimat ini, ada sebagian huruf yang sengaja saya lubangi. Misalnya huruf “O” di bawah. Untuk sekarang, tutup saja huruf-huruf yang berlubang ini.

Langkah 14

Ulangi juga hal yang sama dengan W.

Langkah 15

Khusus tulisan “I want to be”, itu dibuat dari garis panjang, bentuk path-nya tidak perlu ditutup.

Langkah 16

Inilah hasil trace yang saya peroleh.

Langkah 17

Seleksi semua teks yang penuh. Isi fill dengan putih dan stroke hitam.

Langkah 18

Perbaiki juga detail-detail kecil seperti posisi teks yang bertumpukan.

Langkah 19

Buat persegi dan simpan dibelakang semua huruf. Beri warna biru. Ini akan menjadi latar gambar.

Langkah 20

Bisa kita lihat bahwa teks-teks seperti D atau O saat ini tidak berlubang. Untuk memperbaikinya, seleksi huruf dan lubangnya lalu klik ikon Subtract.

Langkah 21

Ulangi pada huruf-huruf yang lain.

Langkah 22

Beri warna yang sama pada huruf dari satu kata, misalnya T, O, B, dan E dari “TO BE”. Ini akan membuat tulisan lebih mudah dibaca. Tulisan “Don’t Want” sengaja dibuat putih utuk memberi kesan tidak menyenangkan. Teks BRUCE LEE diberi kuning karena ini mengingatkan pada baju terkenal Bruce Lee di film Game of Death.

Langkah 23

Pindahkan gambar hasil scan ke atas. Gandakan teks dan simpan ke atas gambar. Kosongkan nilai Fill.

Langkah 24

Hapus sebagian huruf untuk membuatnya terpotong. Misalnya pada huruf “O” di bawah.

Langkah 25

Kadang Anda perlu memberi garis tambahan seperti pada huruf di bawah.

Langkah 26

Sembunyikan gambar hasil scan. Seleksi semua teks yang ada di bawah dan kosongkan Stroke.

Langkah 27

Perbaiki garis-garis yang menembus keluar teks.

Langkah 28

Inilah hasil yang diperoleh di Illustrator. Ekspor gambar ke format JPEG atau TIFF lalu buka di Photoshop.

Langkah 29: Menambahkan Tekstur

Ambil Tekstur Noise. Simpan ke atas gambar dan ubah blend mode layer ke Screen.

Langkah 30

Ambil lagi tekstur kertas. Kali ini ubah blend mode layer ke Multiply.

Langkah 31

Turunkan opacity layer agar tekstur terlihat lebih lembut. Buang area yang tidak dibutuhkan dengan tool crop.

Langkah 32: Menambahkan Jacky Chan

Sebetulnya, sampai saat ini gambar bisa dibilang selesai. Namun, saya tidak bisa menahan diri untuk tidak menambahkan Jacky Chan ke dalam gambar. Jadi, saya cari gambar Jacky dari Google. Ubah blend mode layer ke Multiply. Beri layer mask dan luis area yang tidak dibutuhkan dengan hitam. Turunkan opacity layer hingga 5%.

Langkah 33

Akhirnya, saya putar gambar Jacky sedikit.

Hasil Akhir

Berikut adalah hasil akhir yang kita peroleh.

Berikut adalah hasil yang saya peroleh sebelumnya. Di sini saya berhasil menahan diri untuk tidak menambahkan foto Jacky.

Bagaimana menurut Anda?

Ternyata setelah projek ini selesai, saya baru ingat bahwa sebetulnya nama yang benar bukan Jacky Chan tapi Jackie Chan. Sorry, Jackie!

Related posts:

• Karya Tipografi Tulisan Tangan dari Chris Piascik
• Membuat Ikon Gambar Tangan dengan Cara Manual
• Membuat Teks 3D Bermotif Bunga
• Membuat Ulang Efek Teks Film Avenger dengan Photoshop dan Illustrator
• Membuat Tipografi Custom “Loops” dengan Photoshop dan Illustrator

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!

Download Wallpaper dan File PSD

Related posts:

• Membuat Ulang Efek Teks Film Avenger dengan Photoshop dan Illustrator
• Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi
• Membuat Teks 3D Bermotif Bunga
• Membuat Gambar Indah dan Dramatis dengan Manipulasi Foto
• Menyatukan Teks 3 Dimensi ke Dalam Foto Nyata