Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Typography

Membuat Dari Awal Typografi Yang Dilukis Dengan Cahaya Dalam Photoshop

by
Read Time:8 minsLanguages:

Indonesian (Bahasa Indonesia) translation by Yosef Andreas (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating
Tutorial ini pertama kali diterbitkan di bulan April 2011 sebagai tutorial Premium Tuts+. Sekarang ini dapat dilihat secara gratis. Walaupun tutorial ini tidak menggunakan versi terbaru Adobe Photoshop, teknik dan prosesnya tetap relevan.

Jika kamu pernah berusaha untuk menuliskan kata menggunakan teknik fotografi lukisan cahaya tradisional, kamu mungkin tahu betapa menantangnya itu untuk membuat kata yang mudah dibaca. Di dalam tutorial ini, kami akan mendemonstrasikan bagaimana kamu dapat membuat tampilan serupa tanpa kamera dan tripod. Mari kita mulai!

1. Membuat Sketsa Komposisi

Langkah 1

Mari mulai dalam Photoshop. Jalankan program dan buat dokumen baru. Ketika membuat semuanya dari awal, selalu merupakan ide yang bagus untuk membuatnya sangat besar. Dengan cara itu format A2 dapat dipotong dan dilakukan crop dalam format lainnya yang diinginkan. Kita akan membuat ilustrasi tanpa tepi untuk sebuah A2 dan nantinya dilakukan crop ke dalam A3. Jadi buat sebuah dokumen baru dengan ukuran berikut: W: 42.5cm, H: 59.4cm, 300 dpi, CMYK.

Kita ingin keseluruhan bentuk untuk membentuk hati, jadi gambarkan sebuah hati dengan sangat cepat.

Sketch a heartSketch a heartSketch a heart

Langkah 2

Gunakan panduan untuk menggambar di dalam teks dengan sebuah tablet. Anggap ini sebagai sketsa. Jika kamu lebih nyaman melakukan itu pada kertas, lakukan dan scan itu.

Write the letters outWrite the letters outWrite the letters out

Langkah 3

Untuk langkah tunggal ini, saya akan berpindah ke Illustrator. Saya lebih nyaman dengan Illustrator ketika membuat huruf, namun itu sepenuhnya dapat juga dilakukan di dalam Photoshop. Setelah kamu selesai, Copy itu (Command/Control-C).

Working in IllustratorWorking in IllustratorWorking in Illustrator

2. Membuat Berbagai Garis

Langkah 1

Paste itu di dalam Photoshop sebagai Path (Command/Control-V, pilih Path di dalam dialog pop-up).

Pasting back into PhotoshopPasting back into PhotoshopPasting back into Photoshop

Langkah 2

Pilih Brush Tool (B) dan ubah brush ke 100% soft edged, 10 px diameter brush. Ambil Pen Tool (P), klik kanan dan pilih Stroke Path. Di dalam dialog pop-up, pastikan Simulate Pressure tidak dicentang dan tekan OK.

Change to a soft edged brushChange to a soft edged brushChange to a soft edged brush

Langkah 3

Pergi ke Filter > Blur > Motion Blur. Ubah arah ke angle 60 derajat dan strength ke 20. Tekan OK.

Apply Motion BlurApply Motion BlurApply Motion Blur

Langkah 4

Turunkan Opacity sekitar 50% dan duplikasikan itu. Terapkan Layer Mask (Layer > Layer Mask > Reveal All) dan mulai sembunyikan porsi dengan brush lembut, hitam, besar.

Apply a Layer MaskApply a Layer MaskApply a Layer Mask

Langkah 5

Pilih Pen Tool dan jiplak goresan cahaya pertamamu dalam Path Mode.

Trace the first light streakTrace the first light streakTrace the first light streak

Langkah 6

Seperti yang kamu lakukan sebelumnya, buat goresan pada jalur dengan brush 10 px. Kamu perlu melakukan ini secara tersendiri untuk menjaga tampilan tetap realistis. Ubah antara brush 5, 10 dan 15 px dan berbagai level Opacity.

Apply Stroke PathApply Stroke PathApply Stroke Path

Langkah 7

Setelah kamu menerapkan itu, kamu perlu menyembunyikan kedua ujung garis. Gunakan Layer Mask dan gambarkan dengan warna hitam pada tiap ujung.

Draw black on each endDraw black on each endDraw black on each end

Langkah 8

Gunakan garis bantu hanya sebagai panduan. Mulai tambahkan ketebalan pada huruf, namun pertahankan tampilan typeface klasik pada bagian atas dan bawah mangkuk tipis, dan tepi yang tebal.

Use the original lines as a guideUse the original lines as a guideUse the original lines as a guide

Langkah 9

Seiring kemajuan dengan huruf, coba untuk menebalkan sisi kiri pada tiap huruf. Melakukan itu akan mempertahankan jarak antara huruf.

Thicken the left side of each letterThicken the left side of each letterThicken the left side of each letter

Langkah 10

Ingatlah untuk memudarkan tiap akhir baris, jika tidak mereka tidak akan tampak nyata.

Fade out the endsFade out the endsFade out the ends

Langkah 11

Lakukan sepanjang huruf hingga kamu mencapai hasil yang serupa.

Half way throughHalf way throughHalf way through

3. Menambahkan Warna

Langkah 1

Sampai saat ini, merupakan ide bagus untuk menerapkan warna pada project. Di atas semua layer lainnya, buat sebuah Gradient Map Adjustment Layer (Layer > New Adjustment Layer > Gradient Map) Gunakan warna-warna berikut: #000000; #54000c; #d69f0a; #fffee9.

Gradient MapGradient MapGradient Map

Langkah 2

Biarkan Adjustment Layer tetap berada di atas. Sekarang setelah kita menyelesaikan garis, waktunya untuk menambahkan kilau. Ulangi proses pembuatan jalur, namun kali ini gunakan ukuran yang sangat besar (100–200 px) dan aktifkan Pressure Simulation. Sebagai warna, gunakan 50% gray (#8c8c8c). Ubah Layer Style ke Screen.

Apply Stroke PathApply Stroke PathApply Stroke Path

Langkah 3

Tutup semua porsi yang tebal pada huruf dengan kilau serupa.

Cover all the thicker portionsCover all the thicker portionsCover all the thicker portions

Langkah 4

Waktunya untuk menambahkan lebih banyak garis tebal, namun dengan mengaktifkan Pressure Simulation dan warna putih. Gunakan garis dengan lebar yang bervariasi (25–75 px).

Add even thicker linesAdd even thicker linesAdd even thicker lines

Langkah 5

Tambahkan garis putih halus tebal pada semua huruf.

Add thicker soft white linesAdd thicker soft white linesAdd thicker soft white lines

4. Menambahkan Lidah Api Pada Huruf

Langkah 1

Download gambar flare dan tempatkan itu di dalam projectmu. Putar itu hingga sudut sinar sebesar 90 derajat. Atur Layer Style ke Screen.

Add a flareAdd a flareAdd a flare

Langkah 2

Duplikasikan lidah api, dan gandakan ukurannya. Putar itu sebesar 45 derajat.

Duplicate the flareDuplicate the flareDuplicate the flare

Langkah 3

Pergi ke Filter > Blur > Gaussian Blur, dan gunakan sekitar 30 px untuk melembutkan lidah api kedua.

Soften the secondary flareSoften the secondary flareSoften the secondary flare

Langkah 4

Duplikasikan lidah api ini (kedua layer) dan tempatkan itu di sekitar gambar pada titik daya tarik.

Duplicate the flareDuplicate the flareDuplicate the flare

Langkah 5

Ulangi langkah sebelumnya untuk mendapatkan efek yang sama pada teks bawah.

Repeat the previous stepsRepeat the previous stepsRepeat the previous steps

Langkah 6

Buat beberapa garis lagi di sekitar gambar yang mengikuti jalur original hanya pada titik tertentu. Buat mereka berwarna putih, dan pada tingkat Opacity yang berbeda.

Add further linesAdd further linesAdd further lines

5. Menambahkan Bokeh

Langkah 1

Buka gambar cahaya blur dan tempatkan itu di dalam dokumen. Atur Layer Style ke Screen.

Add Bokeh to the compositionAdd Bokeh to the compositionAdd Bokeh to the composition

Langkah 2

Terapkan Layer Mask dan lakukan masking porsi gambar yang memiliki cahaya di bawah crop gambar. Pastikan semua cahaya yang tertinggal tidak terpotong.

Apply a Layer MaskApply a Layer MaskApply a Layer Mask
Apply a Layer MaskApply a Layer MaskApply a Layer Mask

6. Mempercantik Cahaya

Langkah 1

Untuk menambahkan sedikit kontras pada gambar cahaya, tambahkan Black and White Gradient Map Adjustment Layer dan buat itu sebagai Clipping Mask untuk gambar cahaya. Atur Layer Style ke Overlay.

Add contrastAdd contrastAdd contrast

Langkah 2

Duplikasikan gambar cahaya dan terapkan itu pada bagian yang berbeda pada gambar. Gunakan komposit dimana kamu menggabungkan titik besar dan kecil.

Duplicate the lights imageDuplicate the lights imageDuplicate the lights image

Langkah 3

Terapkan gambar pada titik daya tarik yang berbeda. Coba untuk tidak membuatnya terlalu berat.

Apply the image to points of interestApply the image to points of interestApply the image to points of interest

Langkah 4

Kita sekarang akan menggabungkan cahaya ini dengan brush custom untuk membuat sendiri. Buat sebuah brush baru, dan ubah pengaturan seperti yang tampak di bawah.

Create a New BrushCreate a New BrushCreate a New Brush

Langkah 5

Pertahankan Shape Dynamics dan ubah Scatter ke 550.

Create a New BrushCreate a New BrushCreate a New Brush

Langkah 6

Aktifkan Other Dynamics dan ubah pengaturan.

Create a New BrushCreate a New BrushCreate a New Brush

Langkah 7

Gunakan brush ini untuk menggambar cahaya blur yang lebih halus sepanjang huruf.

Apply the BrushApply the BrushApply the Brush

Langkah 8

Ulangi proses ini.

Repeat the ProcessRepeat the ProcessRepeat the Process

7. Menambahkan Noise

Langkah 1

Kita sekarang akan menambahkan beberapa noise tanpa merusak warna dan pencahayaan. Pilih 50% gray dan isi keseluruhan layer kosong dengan itu. Itu akan tampak coklat karena itu berada di bawah Gradient Map Layer.

Fill a layer with grayFill a layer with grayFill a layer with gray

Langkah 2

Pergi ke Filter > Noise > Add Noise dan tambahkan jumlah maksimal noise filter.

Add NoiseAdd NoiseAdd Noise

Langkah 3

Terapkan blur sebesar 0.8 px (Filter > Blur > Gaussian Blur).

Blur the noiseBlur the noiseBlur the noise

Langkah 4

Ubah Layer Style ke Vivid Light dan Opacity ke 5%.

Change the layer styleChange the layer styleChange the layer style

Langkah 5

Dan sebagai penyesuaian terakhir, pergi ke Layer > New Adjustment Layer > Photo Filter. Pilih merah.

Apply a Photo FilterApply a Photo FilterApply a Photo Filter

Kerja Bagus, Kamu Telah Selesai!

Kerja bagus! Silahkan membagikan hasil akhirmu di dalam komentar untuk ditunjukkan kepada yang lainnya.

End ResultEnd ResultEnd Result
One subscription.
Unlimited Downloads.
Get unlimited downloads