1. Design & Illustration
  2. Add-Ons
  3. Layer Styles

Bagaimana Membuat Cepat Efek Teks Kaca Pecah Dalam Adobe Photoshop

Scroll to top
Read Time: 5 min

() translation by (you can also view the original English article)

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

Tutorial ini akan menunjukkanmu bagaimana menggunakan beberapa layer style untuk membuat efek teks gelas. Lalu, itu akan menunjukkanmu bagaimana menggunakan selection tool dan mask untuk mengubahnya menjadi kaca pecah. Mari kita mulai!

Efek teks ini terinspirasi oleh banyak Layer Style yang tersedia di GraphicRiver.

Aset Tutorial

Aset di bawah digunakan selama pembuatan tutorial ini:

1. Bagaimana Membuat Background

Langkah 1

Buat sebuah dokumen baru 100 x 667 px. Kemudian tempatkan gambar Sorensen Leather - Campo-burgundy-20824 di atas layer Background, namai layer itu ke BG Texture, dan ubah ukuran sesukamu.

Add the Background TextureAdd the Background TextureAdd the Background Texture

Langkah 2

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

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

Langkah 3

Ganti nilai Gamma ke 1.10 dan Highlights ke 180.

Levels SettingsLevels SettingsLevels Settings

Langkah 4

Tambahkan layer Gradient pada atas semua layer.

Buat sebuah gradient fill Transparent to Fill Color, menggunakan warna #d6d6d6 di kiri dan #a6a6a6 di kanan.

Ganti Style ke Radial dan Scale ke 250, dan centang kotak Dither.

Gradient FillGradient FillGradient Fill

Langkah 5

Ganti Blend Mode layer Gradient ke Color Burn.

Gradient Layers Blend modeGradient Layers Blend modeGradient Layers Blend mode

2. Bagaimana Membuat Teks

Langkah 1

Buat teks dalam All Caps menggunakan font Ronnia Bold. Ganti Color ke White, dan Size ke 150 pt.

Create the TextCreate the TextCreate the Text

Langkah 2

Ganti nilai Fill layer teks ke 0, dan duplikasikan itu dua kali.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

3. Bagaimana Menerapkan Sebuah Layer Style ke Layer Teks Original

Dobel klik layer teks original untuk menerapkan layer style berikut:

Langkah 1

Tambahkan Drop Shadow dengan pengaturan sebagai berikut:

  • Blend Mode: Vivid Light
  • Color: #f2dede
  • Opacity: 10%
  • Hilangkan centang kotak Use Global Light
  • Angle: -19
  • Distance: 11
  • Size: 20
Drop Shadow 1Drop Shadow 1Drop Shadow 1

Langkah 2

Klik tanda + pada sebelah kanan tab Drop Shadow, untuk menambahkan efek Drop Shadow lainnya dengan pengaturan sebagai berikut:

  • Blend Mode: Color Burn
  • Color: #837777
  • Opacity: 30%
  • Hilangkan centang kotak Use Global Light
  • Angle: 107
  • Distance: 12
  • Spread: 2
  • Size: 10
Drop Shadow 2Drop Shadow 2Drop Shadow 2

Ini akan membuat bayangan jatuh dan menyoroti bagian dari efek.

Drop Shadow and HighlightDrop Shadow and HighlightDrop Shadow and Highlight

4. Bagaimana Menerapkan Layer Style ke Layer Teks Copy Pertama

Dobel klik layer teks copy pertama untuk menerapkan layer style berikut:

Langkah 1

Tambahkan Bevel and Emboss dengan pengaturan sebagai berikut:

  • Size: 3
  • Shadow Mode: Overlay
    • Color: #e4eeee
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Tambahkan sebuah Contour dengan pengaturan sebagai berikut:

  • Contour: Cove - Deep
  • Beri centang pada kotak Anti-aliased.
  • Range: 100%
ContourContourContour

Langkah 3

Tambahkan sebuah Inner Shadow dengan pengaturan sebagai berikut:

  • Blend Mode: Screen
  • Color: #e2e2e2
  • Opacity: 10%
  • Matikan centang kotak Use Global Light
  • Angle: 90
  • Distance: 2
  • Size: 13
Inner ShadowInner ShadowInner Shadow

Langkah 4

Tambahkan sebuah Inner Glow dengan pengaturan sebagai berikut:

  • Blend Mode: Overlay
  • Opacity: 30%
  • Color: #f1ecec
  • Technique: Precise
  • Size: 3
  • Centang pada kotak Anti-aliased
  • Range: 35
Inner GlowInner GlowInner Glow

Langkah 5

Tambahkan sebuah Gradient Overlay dengan pengaturan sebagai berikut:

  • Centang kotak Dither
  • Blend Mode: Soft Light
  • Opacity: 50%
  • Style: Reflected
  • Angle: 105
  • Scale: 150%
  • Centang kotak Reverse
  • Klik kotak Gradient untuk membuat gradient fill
Gradient OverlayGradient OverlayGradient Overlay

Langkah 6

Untuk membuat Gradient, kamu akan perlu mengklik di bawah gradient bar untuk menambahkan Color Stops, dan ketika kamu mengklik tiap Color Stop, kamu dapat mengganti nilai Color dan Location. Berikut nilai Color Stop yang digunakan dari kiri ke kanan:

Color - Location

  • #252321 - 0%
  • #656565 - 22%
  • #eeeeee - 44%
  • #585858 - 69%
  • #eeeeee - 70%
  • #606060 - 83%
  • #252321 - 100%
Create the GradientCreate the GradientCreate the Gradient

Langkah 7

Ganti nilai Fill layer copy pertama ke 0.

Change the Fill ValueChange the Fill ValueChange the Fill Value

5. Bagaimana Menerapkan Layer Style ke Layer Teks Copy Kedua

Dobel klik layer teks copy kedua untuk menerapkan layer style kedua:

Langkah 1

Tambahkan Bevel and Emboss dengan pengaturan sebagai berikut:

  • Size: 5
  • Centang kotak Anti-aliased
  • Shadow Mode: Overlay
    • Color: #d0e8e9
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Tambahkan Contour dengan pengaturan sebagai berikut:

  • Centang kotak Anti-aliased
  • Range: 70%
ContourContourContour

Ini akan memberikan style pada bagian terakhir efek.

Styled Top LayerStyled Top LayerStyled Top Layer

6. Bagaimana Melakukan Mask Sebuah Seleksi

Langkah 1

Pilih Polygonal Lasso Tool, dan klik icon Add to selection pada bar Options.

Apa yang perlu kamu lakukan berikutnya ada membuat bentuk yang tajam pada beberapa bagian teks, untuk meniru tampilah area yang pecah.

Create a SelectionCreate a SelectionCreate a Selection

Langkah 2

Ketika selesai membuat seleksi, tahan tombol Option dan klik icon Add layer mask di bagian bawah panel Layers.

Add Layer MaskAdd Layer MaskAdd Layer Mask

Langkah 3

Tahan tombol Option lagi, dan tarik mask ke tiap layer teks copy.

Duplicate the MaskDuplicate the MaskDuplicate the Mask

7. Bagaimana Membuat Bagian Pecahan Sederhana

Langkah 1

Dengan Polygonal Lasso Tool lagi, buat beberapa bentuk seleksi tajam dari bentuk pecahan yang lebih kecil di sekitar teks, untuk membuat bagian pecahan.

Setelah selesai dengan itu, buat sebuah layer baru di atas semua layer, namai itu Pieces, dan ini seleksinya dengan White.

Tekan Command-D untuk menghilangkan seleksi.

Create the Shattered PiecesCreate the Shattered PiecesCreate the Shattered Pieces

Langkah 2

Duplikasikan layer Pieces dua kali.

Duplicate the Pieces LayerDuplicate the Pieces LayerDuplicate the Pieces Layer

8. Bagaimana Melakukan Copy dan Paste Layer Style.

Langkah 1

Klik kanan layer teks original, dan pilih Copy Layer Style. Lalu klik kanan layer Pieces, dan pilih Paste Layer Style.

Ulangi itu untuk teks copy pertama dan kedua dan layer Pieces.

Copy and Paste Layer StylesCopy and Paste Layer StylesCopy and Paste Layer Styles

Langkah 2

Klik kanan icon fx pada sisi kanan layer Pieces, dan pilih Scale Effect.

Scale EffectScale EffectScale Effect

Langkah 3

Atur nilai Scale ke 50%. Ulangi itu untuk layer copy Pieces.

Scale Effect for Copy LayersScale Effect for Copy LayersScale Effect for Copy Layers

Langkah 4

Dobel klik layer Pieces, dan ganti nilai Size efek Drop Shadow kembali ke 10.

Drop Shadow DistanceDrop Shadow DistanceDrop Shadow Distance

Ini akan memastikan bahwa bayangan memiliki ukuran yang sama untuk semua bagian teks.

Adjusted ShadowAdjusted ShadowAdjusted Shadow

9. Bagaimana Membuat Efek Lampu Sorot

Langkah 1

Gunakan Elliptical Marquee Tool untuk membuat sebuah elips di sekitar teks.

Create an Elliptical SelectionCreate an Elliptical SelectionCreate an Elliptical Selection

Langkah 2

Buat sebuah layer baru di atas layer Gradient dan sebut itu Light.

Isi seleksi dengan warna #d6d6d6.

Fill the SelectionFill the SelectionFill the Selection

Langkah 3

Pergi ke Filter > Blur > Gaussian Blur, dan atur Radius ke 50 atau nilai berapa pun yang kamu sukai.

Gaussian BlurGaussian BlurGaussian Blur

Langkah 4

Ganti Blend Mode layer Light ke Vivid Light, dan Opacity ke 10% atau nilai berapa pun yang kamu suka.

Light Layers SettingsLight Layers SettingsLight Layers Settings

Selamat, Kamu Telah Selesai!

Dalam tutorial ini, kita membuat sebuah background sederhana menggunakan tekstur kulit dan layer gradient fill untuk efek vignette.

Lalu, kita membuat tiga layer teks dan menerapkan style padanya untuk membuat efek kaca.

Setelah itu, kita menggunakan Polygonal Lasso Tool untuk membuat area pecah dan potongan pecahannya, dan kita menerapkan style untuk mencocokkannya dalam efek.

Terakhir, kita menambahkan beberapa pencahayaan di belakang teks, menggunakan seleksi elips dan filter blur.

Silahkan tinggalkan komentar, saran dan hasil di bawah.

Final ResultFinal ResultFinal Result
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.
One subscription. Unlimited Downloads.
Get unlimited downloads