Advertisement
  1. Design & Illustration
  2. Text Effects

Cara Membuat Efek Teks Grunge Menggunakan Displacement Map dalam Adobe Photoshop

Scroll to top
Read Time: 3 min

Indonesian (Bahasa Indonesia) translation by Adya Rosyada Yonas (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Dalam tutorial ini, Anda akan belajar cara membuat efek teks menggunakan displacement mapping dalam Adobe Photoshop.

Saya membuat Text Destroyer dengan efek teks tak terbatas menggunakan metode yang sama untuk portofolio GraphicRiver saya.

httpsgraphicrivernetitemtext-destroyer8197338httpsgraphicrivernetitemtext-destroyer8197338httpsgraphicrivernetitemtext-destroyer8197338

Aset Tutorial

Anda akan membutuhkan hal berikut untuk menyelesaikan tutorial ini:

  • ChunkFive Font
  • Texture 01 oleh Patrick Tomasso
  • Texture 02 oleh Bharath Suresh

1. Cara Mempersiapkan Dokumen

Langkah 1

Buka File> New dan buat file baru untuk digunakan. Gunakan pengaturan berikut: Lebar: 2000 px; Tinggi: 1500 px; 300 dpi.

Creating new documentCreating new documentCreating new document

Langkah 2

Klik T untuk membuka Horizontal Type Tool dan buat teks yang ingin Anda gunakan.

creating textcreating textcreating text

Langkah 3

Ubah warna teks ke # 633526 lalu klik ikon Warp Text dan gunakan pengaturan berikut: Style: Arc Lower; Bend: -11%.

Adding warp text effectAdding warp text effectAdding warp text effect

Langkah 4

Klik U dan pilih Rounded Rectangle, lalu buat bentuk dengan pengaturan berikut: Width: 1600; Height: 600; Radii: 20 px di setiap sisi.

Creating rectangleCreating rectangleCreating rectangle

Langkah 5

Klik U lagi dan buat Rectangle sederhana dengan pengaturan berikut: Width: 1900; Height: 1400; Color: # f7eac8; Stroke: 10px.

Creating second rectangleCreating second rectangleCreating second rectangle

Langkah 6

Klik G untuk membuka Paint Bucket Tool dan mengisi layer background dengan warna #ebdcbb.

Filling the background with colorFilling the background with colorFilling the background with color

Langkah 7

Pilih layer teks dan layer persegi panjang bulat, dan kemudian Klik kanan dan pilih Convert to Smart Object.

Creating Smart ObjectCreating Smart ObjectCreating Smart Object

Langkah 8

Konversikan persegi panjang kedua ke Smart Object seperti yang kita lakukan sebelumnya, dan kemudian Klik kanan pada Smart Object pertama dan pilih Duplicate.

Creating smart objectsCreating smart objectsCreating smart objects

2. Cara Membuat Displacement Map

Langkah 1

Buka Texture 01 di jendela baru dan tekan Alt-Control-I untuk mengubah ukuran tekstur menjadi 2000x1500. Setelah itu, tekan Shift-Control-S dan simpan tekstur kita sebagai file .psd.

Resizing and saveing texture as displacement mapResizing and saveing texture as displacement mapResizing and saveing texture as displacement map

Langkah 2

Pilih objek pintar kedua kita dan buka Filter> Distort> Displace, lalu pilih psd kita.  file sebagai displacement map dengan pengaturan berikut: Horizontal Scale: 5; Vertical Scale: 5; Strecth To Fit; Repeat Edge Pixels. Setelah itu, gunakan filter yang sama dengan pengaturan yang sama untuk layer persegi panjang besar.

Adding displace effectAdding displace effectAdding displace effect

Langkah 3

Pilih objek pintar pertama kita dan buka Filter> Distort> Displace, lalu pilih file .psd kita dan gunakan pengaturan berikut: Horizontal Scale: 0; Vertical Scale: 900; Stretch To Fit.

Adding displace fitler to background smart objectAdding displace fitler to background smart objectAdding displace fitler to background smart object

Ini adalah bagaimana gambar kita akan terlihat setelah manipulasi yang tercantum di atas:

3. Cara Menambah Tekstur pada Dokumen

Langkah 1

Sekarang kita perlu menambahkan tekstur dan membuat efek style layer untuk dokumen kita. Pilih semua layer dan kemudian klik Create a New Group.

Creating a group of layersCreating a group of layersCreating a group of layers

Langkah 2

Dobel klik pada Smart Object 02 dan gunakan pengaturan berikut: Drop Shadow; Color: # 633526; Angle: 120; Distance: 20.

Creating drop shadow effectCreating drop shadow effectCreating drop shadow effect

Langkah 3

Setelah itu, tambahkan Stroke di panel Layer Style menggunakan pengaturan berikut: Position: Outside; Size: 9; Opacity: 0; Color: # 633526.

Creating stroke effectCreating stroke effectCreating stroke effect

Langkah 4

Sekarang kita perlu mengubah Blending Mode dari layer persegi panjang ke Overlay di panel Layers.

Changing the blending modeChanging the blending modeChanging the blending mode

Langkah 5

Pilih grup layer dan kemudian klik ikon Create Mask.

Adding mask to the group of layersAdding mask to the group of layersAdding mask to the group of layers

Langkah 6

Buka Texture 01 dan klik M untuk membuka Rectangular Marquee Tool. Kemudian pilih seluruh tekstur dan tekan Control-C.

Copying textureCopying textureCopying texture

Langkah 7

Alt-Klik kanan pada grup mask dan kemudian Control-V untuk menempelkan tekstur sebagai mask dari layer.

Adding texture as layer maskAdding texture as layer maskAdding texture as layer mask

Langkah 8

Setelah itu, tekan Control-I untuk membalikkan mask.

Invertiong the textureInvertiong the textureInvertiong the texture

Langkah 9

Akhirnya, untuk menambahkan sentuhan akhir, letakkan Texture 02 di atas semua layer dan ubah Blending Mode menjadi Multiply. Kemudian tekan Alt-Shift-Control-B untuk mengubah tekstur menjadi hitam dan putih.

Adding the last textureAdding the last textureAdding the last texture

Kerja Luar Biasa, Sekarang Anda Selesai!

Selamat! Anda telah membuat efek teks menggunakan displacement map dan free texture. Inilah hasil akhir kita:

Jika Anda ingin membuat efek serupa dalam beberapa klik sederhana, kemudian periksa item Teks Destroyer saya di portofolio GraphicRiver saya.

httpsgraphicrivernetitemtext-destroyer8197338httpsgraphicrivernetitemtext-destroyer8197338httpsgraphicrivernetitemtext-destroyer8197338
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.