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

Bagaimana membuat Efek Teks Terinspirasi Jalan dari Batu Bata Kuning dalam Adobe Photoshop

by
Read Time:5 minsLanguages:
This post is part of a series called The Wizard of Oz.
How to Create a Chibi Lollipop and Lullaby Munchkin in Adobe Illustrator
How to Create Organic Textures for the Scarecrow in Adobe Photoshop

Indonesian (Bahasa Indonesia) translation by Anissa Anwar (you can also view the original English article)

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

"Selalu yang terbaik untuk memulai dari awal- dan yang perlu Anda lakukan adalah mengikuti jalan batu bata kuning." Tutorial ini akan menunjukkan Anda bagaimana menggunakan tekstur bata, brush yang sederhana, dan beberapa layer styles untuk membuat efek teks terinspirasi dari jalan batu bata kuning. Mari kita mulai!

Aset Tutorial

Aset yang digunakan selama produksi pada tutorial ini sebagai berikut:

1. Membuat Teks

Langkah 1

Buatlah dokumen baru 1000 x 700 px, dan membuat teks dengan All Caps menggunakan font SansBlack, Ukuran 230 px, dan Warna #f1cc4c.

Atur Leading ke 200 dan Kerning ke Optical.

Create the TextCreate the TextCreate the Text

Langkah 2

Duplikat layer teks, rubah nilai Fill ke 0, dan lalu duplikasi lagi. 

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

2. Define the Patterns

Langkah 1

Buka gambar BrickLargePainted0050 menuju ke Image > Image Size, and rubah ukurannya ke 350 x 350 px.

Resize Brick ImageResize Brick ImageResize Brick Image

Langkah 2

Menuju ke Edit > Define Pattern, dan klik OK.

Define Brick PatternDefine Brick PatternDefine Brick Pattern

Langkah 3

Buka gambar Grass0035, rubah ukurannya ke 320 x 320px, dan juga lakukan define pattern pada gambar yang sudah dirubah ukurannya.

Define Grass PatternDefine Grass PatternDefine Grass Pattern

3. Style Pada Layer Teks Asli

Klik ganda pada layer teks asli untuk menerapkan layer style sebagai berikut:

Langkah 1

Menambahkan Bevel dan Emboss dengan pengaturan ini:

  • Size: 1
  • Highlight Mode: Soft Light
  • Opacity: 50%
  • Shadow Mode - Opacity: 10%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Menggunakan pengaturan Contour standar.

ContourContourContour

Langkah 3

Menambahkan Texture dengan pengaturan ini:

  • Pattern: BrickLargePainted0050
  • Depth: 280%
TextureTextureTexture

Langkah 4

Menambahkan Pattern Overlay dengan pengaturan ini:

  • Blend Mode: Color Burn
  • Pattern: BrickLargePainted0050
Pattern OverlayPattern OverlayPattern Overlay

Ini merupakan style pada layer teks utama, untuk menambahkan tekstur yang halus.

First Styled Text LayerFirst Styled Text LayerFirst Styled Text Layer

4. Style pada Layer Teks Copy Pertama

Klik ganda pada layer teks copy pertama untuk menerapkan layer style sebagai berikut:

Langkah 1

Menambahkan Bevel dan Emboss dengan pengaturan ini:

  • Style: Chisel Hard
  • Dicentang pada kotak Anti-aliased
  • Highlight Mode: Soft Light
  • Opacity: 50%
  • Shadow Mode - Opacity: 45%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Menambahkan Contour dengan pengaturan ini:

  • Dicentang pada kotak Anti-aliased
ContourContourContour

Langkah 3

Menambahkan Texture dengan pengaturan ini: 

  • Pattern: BrickLargePainted0050
  • Scale: 50%
  • Depth: 200%
TextureTextureTexture

Ini akan menambah lebih banyak beberapa penteksturan dan perincian pada teks.

Second Styled Text LayerSecond Styled Text LayerSecond Styled Text Layer

5. Style pada Layer Teks Copy Kedua

Klik ganda pada layer teks copy kedua untuk menerapkan layer style sebagai berikut.

Langkah 1

Menambahkan Bevel dan Emboss dengan pengaturan ini:

  • Size: 100
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 18
  • Altitude: 58
  • Dicentang pada kotak Anti-aliased
  • Highlight Mode - Opacity: 35%
  • Shadow Mode - Opacity: 27%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Menambahkan Contour dengan pengaturan ini:

  • Dicentang pada kotak Anti-aliased
ContourContourContour

Langkah 3

Menambahkan Texture dengan pengaturan ini:

  • Pattern: BrickLargePainted0050
  • Scale: 50%
  • Depth: 45%
  • Dicentang pada kotak Invert
TextureTextureTexture

Ini akan menambah lebih berwarna dan perincian pada teks.

Third Styled Text LayerThird Styled Text LayerThird Styled Text Layer

6. Menambahkan Tekstur Grunge

Langkah 1

Tempatkan gambar Grunge Texture 27 di atas semua layer teks, dan mengubah layer Blend Mode ke Color Burn.

Add Grunge TextureAdd Grunge TextureAdd Grunge Texture

Langkah 2

Klik icon Create new fill or adjustment layer pada bagian bawah panel Layers dan pilih Levels.

Add a Levels Adjustment LayerAdd a Levels Adjustment LayerAdd a Levels Adjustment Layer

Langkah 3

Klik icon Clip to layer, dan rubah nilai Gamma ke 2.24.

Levels SettingsLevels SettingsLevels Settings

7. Tambahkan Tekstur Rumput

Langkah 1

Buatlah layer baru di atas semua layer dan beri nama Grass.

Ambil Paint Bucket Tool, dan pada bar Options, pada fill type pilih Pattern, dan gunakan pola Grass0035 untuk mengisi layer Grass.

Create and Fill the Grass LayerCreate and Fill the Grass LayerCreate and Fill the Grass Layer

Langkah 2

Menambahkan layer adjustment Levels, klik icon Clip to layer, dan rubah nilai Gamma ke 0.50.

Add a Levels Adjustment LayerAdd a Levels Adjustment LayerAdd a Levels Adjustment Layer

Langkah 3

Klik-command pada thumbnail layer teks untuk membuat selection dan menuju ke Select > Inverse.

Create and Invert SelectionCreate and Invert SelectionCreate and Invert Selection

Langkah 4

Dengan layer Grass terpilih, klik icon Add vector mask pada bagian bawah panel Layers.

Add MaskAdd MaskAdd Mask

8. Menghapus Tepi

Langkah 1

Klik kanan pada layer teks dan pilih Create Work Path, dan lalu klik thumbnail layer mask Grass.

Create Work PathCreate Work PathCreate Work Path

Langkah 2

Pilih Eraser Tool dan pilih ujung brush Edges, atur warna Foreground ke Black, dan tekan tombol Return untuk menghapus tepi dengan ujung brush. 

Cara alternatif yaitu memilih ambil Direct Selection Tool, klik kanan pada work path, pilih Stroke Path, dan kemudian memilih Eraser dari menu drop-down Tool dan klik OK.

Dengan Direct Selection Tool terpilih, tekan tombol Return untuk menyingkirkan work path.

Stroke Work PathStroke Work PathStroke Work Path

9. Tambahkan Bayangan Rumput

Klik ganda pada layer Grass untuk menambahkan efek Drop Shadow menggunakan pengaturan sebagai berikut.

  • Blend Mode: Linear Burn
  • Opacity: 15%
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 60
  • Distance: 8
  • Spread: 5
  • Size: 1
Drop ShadowDrop ShadowDrop Shadow

Ini akan menambah bayangan halus pada layer grass.

Grass Drop ShadowGrass Drop ShadowGrass Drop Shadow

10. Menyesuaikan Warna Dari Hasil Akhir

Langkah 1

Klik icon Create new fill or adjustment layer dan pilih Gradient.

Menggunakan Gradient yang ditunjukkan di bawah ini, rubah nilai Angle ke 26, dan dicentang kotak Dither.

Setelah itu, rubah layer Gradient dari Blend Mode ke Hard Light dan atur Opacity ke 20%.

Gradient Fill Adjustment LayerGradient Fill Adjustment LayerGradient Fill Adjustment Layer

Langkah 2

Pilih semua layers yang Anda punya, duplikat layers tersebut dan menuju ke Layer > Merge Layers.

Mengubah nama layers High Pass, dan menuju ke Filter > Convert for Smart Filters.

Duplicate and Merge LayersDuplicate and Merge LayersDuplicate and Merge Layers

Langkah 3

Menuju ke Filter > Other > High Pass, dan rubah nilai Radius ke 5.

High Pass FilterHigh Pass FilterHigh Pass Filter

Langkah 4

Rubah layer High Pass pada Blend Mode ke Pin Light dan Opacity ke 50%.

High Pass Layer SettingsHigh Pass Layer SettingsHigh Pass Layer Settings

Langkah 5

Akhirnya, tambahkan layer adjustment Curves, dan bermain-main dengan curve sampai Anda mendapatkan hasil yang Anda sukai.

Add a Curves Adjustment LayerAdd a Curves Adjustment LayerAdd a Curves Adjustment Layer

Anda dapat menyesuaikan Gradient, High Pass filter, dan/atau pengaturan Curves untuk mendapatkan hasil akhir yang Anda sukai.

Final OutcomeFinal OutcomeFinal Outcome

Selamat! Anda sudah selesai

Dalam tutorial ini, kita  membuat beberapa layer teks, dan menggunakan beberapa layers style untuk mencapai efek tekstur batu-bata.

Kemudian, kita menambahkan rumput dan menggunakan work path dengan brush rumput untuk membuat pinggiran di sekitar teks batu bata.

Akhirnya, kita menggunakan beberapa layers adjustment dan filter untuk lebih berwarna dan terlihat pada hasil akhirnya.

Silahkan merasa bebas untuk meninggalkan komentar, saran, dan hasi karya Anda di bawah ini.

One subscription.
Unlimited Downloads.
Get unlimited downloads