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

Bagaimana Membuat Cepat Efek Teks Kaca Pecah Dalam Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final 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 Texture

Langkah 2

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

Add a Levels Adjustment Layer

Langkah 3

Ganti nilai Gamma ke 1.10 dan Highlights ke 180.

Levels 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 Fill

Langkah 5

Ganti Blend Mode layer Gradient ke Color Burn.

Gradient 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 Text

Langkah 2

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

Duplicate 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 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 2

Ini akan membuat bayangan jatuh dan menyoroti bagian dari efek.

Drop 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 Emboss

Langkah 2

Tambahkan sebuah Contour dengan pengaturan sebagai berikut:

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

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 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 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 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 Gradient

Langkah 7

Ganti nilai Fill layer copy pertama ke 0.

Change 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 Emboss

Langkah 2

Tambahkan Contour dengan pengaturan sebagai berikut:

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

Ini akan memberikan style pada bagian terakhir efek.

Styled 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 Selection

Langkah 2

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

Add Layer Mask

Langkah 3

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

Duplicate 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 Pieces

Langkah 2

Duplikasikan layer Pieces dua kali.

Duplicate 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 Styles

Langkah 2

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

Scale Effect

Langkah 3

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

Scale Effect for Copy Layers

Langkah 4

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

Drop Shadow Distance

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

Adjusted Shadow

9. Bagaimana Membuat Efek Lampu Sorot

Langkah 1

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

Create an Elliptical Selection

Langkah 2

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

Isi seleksi dengan warna #d6d6d6.

Fill the Selection

Langkah 3

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

Gaussian Blur

Langkah 4

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

Light 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 Result
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.