Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Bagaimana Membuat Dengan Mudah Efek Teks Es Dalam Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Text Effects .
How to Create a Furry, White Rabbit Inspired Text Effect in Adobe Photoshop
How to Create a Quick Repetitive Text Effect Illusion in Adobe Illustrator

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 menunjukkan bagaimana menggunakan layer style, dengan bentuk dan tekstur sederhana, untuk membuat dengan mudah efek teks es.

Efek teks ini terinspirasi oleh banyak Layer Style yang tersedia dan GraphicRiver, seperti 3D Ice Cool, Freeze dan Snow Effects Styles pack.

3D Ice Cool Freeze and Snow Effects Styles

Mari kita mulai!

Bahan-Bahan Tutorial

Bahan-bahan di bawah digunakan selama pembuatan tutorial ini:

1. Membuat Bentuk Background

Langkah 1

Buat dokumen baru 1000 x 650 px.

Create a New Document

Langkah 2

Pilih Rectangle Tool, dan buat sebuah segiempat yang menutupi bagian bawah dokumen. Namai layer segiempat ini dengan Ground.

Create the Ground Rectangle

Langkah 3

Buat segiempat lainnya yang menutupi bagian atas, dan namai layer itu dengan Back.

Create the Back Rectangle

2. Bagaimana Memberikan Style Bentuk Ground

Dobel klik layer Ground untuk menerapkan layer style berikut:

Langkah 1

Tambahkan Inner Shadow dengan pengaturan sebagai berikut:

  • Blend Mode: Linear Burn
  • Color: #9cb0be
  • Opacity: 15%
  • Distance: 0
  • Size: 250
Inner Shadow

Langkah 2

Tambahkan Gradient Overlay dengan pengaturan sebagai berikut:

  • Centang kotak Dither
  • Blend Mode: Linear Burn
  • Opacity: 20%
  • Style: Radial
  • Scale: 150%
  • Buat gradient fill Transparent to Fill Color menggunakan Black pada kedua sisi.
Gradient Overlay

Langkah 3

Klik icon + di sebelah tab Gradient Overlay untuk menambahkan efek Gradient Overlay lainnya dengan pengaturan sebagai berikut:

  • Centang kotak Dither.
  • Centang kotak Reverse.
  • Gunakan Gradient fill yang ditunjukkan dari file CSP True Sky Gradients.
Gradient Overlay - 2

Langkah 4

Klik lagi pada tab pertama Gradient Overlay, dan kemudian klik-drag di dalam dokumen untuk memindahkan gradient sehingga cahaya ada di dekat bagian atas segiempat.

Move the Gradient

Ini bagaimana seharusnya segiempat pertama tampak.

Styled Ground

3. Bagaimana Melakukan Copy dan Paste Layer Style

Langkah 1

Klik kanan layer Ground, pilih Copy Layer Style, dan kemudian klik kanan layer Back dan pilih Paste Layer Style.

Dobel klik layer Back untuk menghilangkan centang kotak Reverse di dalam efek kedua Gradient Overlay.

Copy and Paste the Layer Style

Langkah 2

Ini akan membuat style pada segiempat belakang. Jika diperlukan, buat gradient fill lainnya seperti yang kamu lakukan sebelumnya.

Move the Gradient

4. Bagaimana Menyesuaikan Background

Langkah 1

Klik icon Create new fill or adjustment layer di bagian bawah panel Layers dan pilih Hue/Saturation.

Add a HueSaturation Adjustment Layer

Langkah 2

Ganti Hue ke 3, Saturation ke 25, dan Lightness ke -20.

HueSaturation Settings

Langkah 3

Tambahkan layer Gradient fill. Buat sebuah gradient fill Transparent to Fill Color dengan menggunakan warna Black pada kedua sisi.

Kemudian, ganti Style ke Radial dan Scale ke 200, dan centang kotak Dither.

The Gradient Fill Settings

Langkah 4

Ganti Blend Mode layer Gradient ke Soft Light.

Change the Blend Mode

Langkah 5

Tempatkan gambar Textures - Golds, Whites, And Greys di atas semua layer, namai layer itu ke BG Texture, dan ganti ukurannya seperlunya.

Add the Background Texture

Langkah 6

Pergi ke Image > Adjustments > Desaturate, dan kemudian ganti Blend Mode layer BG Texture ke Soft Light.

BG Texture Layer Settings

5. Bagaimana Membuat Layer Teks

Langkah 1

Buat teks dalam All Caps menggunakan font Kornik.

Kemudian, atur Color ke #367497, nilai Size ke 250 pt, dan Tracking ke 25.

Create the Text

Langkah 2

Duplikasikan layer teks, ganti nilai Fill ke 0, dan kemudian duplikasikan layer copy.

Duplicate the Text Layers

6. Bagaimana Memberikan Style Pada Layer Teks Original

Dobel klik layer teks original untuk menerapkan layer style berikut:

Langkah 1

Tambahkan Bevel and Emboss dengan pengaturan sebagai berikut:

  • Style: Emboss
  • Technique: Chisel Soft
  • Depth: 200
  • Size: 10
  • Hilangkan centang kotak Use Global Light
  • Angle: 60
  • Altitude: 50
  • Gloss Contour: Sawtooth 1
  • Centang kotak Anti-aliased
  • Highlight Mode:
    • Opacity: 20%
  • Shadow Mode: Screen
    • Color: #ffffff
    • Opacity: 80%
Bevel and Emboss

Langkah 2

Tambahkan Contour dengan pengaturan sebagai berikut:

  • Contour: Rolling Slope - Ascending
  • Centang kotak Anti-aliased.
  • Range: 100%
Contour

Langkah 3

Tambahkan Inner Glow dengan pengaturan sebagai berikut:

  • Blend Mode: Linear Light
  • Opacity: 50%
  • Color: #edf1f4
  • Technique: Precise
  • Source: Center
  • Size: 90
  • Contour: Gaussian
  • Centang kotak Anti-aliased
Inner Glow

Langkah 4

Tambahkan Satin dengan pengaturan sebagai berikut:

  • Blend Mode: Screen
  • Color: #afcbea
  • Opacity: 50%
  • Angle: 30
  • Distance: 38
  • Size: 50
  • Contour: Cone - Inverted
  • Centang kotak Anti-aliased
  • Centang kotak Invert
Satin

Langkah 5

Tambahkan Gradient Overlay dengan pengaturan sebagai berikut:

  • Blend Mode: Multiply
  • Opacity: 70%
  • Buat sebuah gradient fill Fill Color to Transparent menggunakan warna  #275c8d di kiri dan  #274a71 di kanan.
Gradient Overlay

Langkah 6

Tambahkan Outer Glow dengan pengaturan sebagai berikut:

  • Blend Mode: Soft Light
  • Opacity: 50%
  • Color: #b9dfff
  • Spread: 20
  • Size: 10
  • Contour: Cove - Deep
  • Centang kotak Anti-aliased
  • Range: 80%
Outer Glow

Langkah 7

Ganti nilai Fill layer teks ke 20%.

Change the Fill Value

7. Bagaimana Memberikan Style Pada Layer Teks Copy Pertama

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

Langkah 1

Tambahkan Bevel and Emboss dengan pengaturan sebagai berikut:

  • Technique: Chisel Hard
  • Size: 50
  • Gloss Contour: Ring
  • Centang kotak Anti-aliased
  • Highlight Mode: Soft Light
    • Opacity: 50%
  • Shadow Mode: Soft Light
    • Color: #f4ffff
    • Opacity: 70%
Bevel and Emboss

Langkah 2

Tambahkan Contour dengan pengaturan sebagai berikut:

  • Contour: Cove - Deep
  • Centang kotak Anti-aliased
Contour

Langkah 3

Tambahkan Inner Shadow dengan pengaturan sebagai berikut:

  • Blend Mode: Linear Burn
  • Color: #8699a6
  • Opacity: 100%
  • Distance: 0
  • Size: 35

Ini akan memberikan style pada layer teks kedua.

Styled Text Layer 2

8. Bagaimana Memberikan Style Pada Layer Teks Copy Kedua

Dobel klik layer teks salinan kedua untuk menerapkan layer style berikut:

Langkah 1

Tambahkan Bevel and Emboss dengan pengaturan sebagai berikut:

  • Technique: Chisel Hard
  • Size: 50
  • Hilangkan centang pada kotak Use Global Light
  • Angle: -158
  • Altitude: 64
  • Centang pada kotak Anti-aliased
  • Highlight Mode: Linear Light
    • Opacity: 50%
  • Shadow Mode: Linear Burn
    • Color: #90abc8
    • Opacity: 100%
Bevel and Emboss

Langkah 2

Tambahkan Contour dengan pengaturan sebagai berikut:

  • Contour: Cove - Deep
  • Centang pada kotak Anti-aliased
Contour

Langkah 3

Tambahkan Texture dengan pengaturan sebagai berikut:

  • Pattern: Molecular
  • Depth: 5%
Texture

Langkah 4

Tambahkan Pattern Overlay dengan pengaturan sebagai berikut:

  • Blend Mode: Soft Light
  • Pattern: Satin
Pattern Overlay

Langkah 5

Tambahkan Outer Glow dengan pengaturan sebagai berikut:

  • Opacity: 35%
  • Color: #7ab6ef
  • Spread: 20
  • Size: 30
Outer Glow

Ini akan menyelesaikan efek es.

Styled Text Layer 3

9. Bagaimana Membuat Sebuah Pantulan

Langkah 1

Duplikasikan ketiga layer teks yang kamu punya, pergi ke Layer > Merge Layers, dan namai dengan Reflection.

Create the Reflection Layer

Langkah 2

Tekan Command-T untuk masuk Free Transform Mode, dan kemudian klik kanan kotak bounding dan pilih Flip Vertical.

Flip Vertical

Langkah 3

Pindahkan pantulan teks tepat di bawah teks original, dan tekan tombol Return untuk menerima perubahan.

Move the Reflection

Langkah 4

Klik kanan layer Reflection, pilih Convert to Smart Object, dan kemudian ganti Blend Mode ke Soft Light dan tempatkan itu di bawah layer teks original.

Convert to Smart Object

Langkah 5

Pergi ke Filter > Blur > Motion Blur, dan ganti Angle ke 90 dan Distance ke 10.

Motion Blur

Langkah 6

Klik icon Add layer mask di bawah panel Layers untuk menambahkan mask.

Add a Layer Mask

Langkah 7

Pilih Gradient Tool, atur Foreground dan Background Colors kembali ke Black dan White, pilih thumbnail layer mask Reflection.

Pilih fill Foreground to Transparent di dalam bar Options, dan pastikan bahwa icon Linear Gradient aktif.

Sekarang tahan tombol Shift dan seret dari atas teks original ke kanan di luar bagian bawah dokumen, untuk mengisi mask dan menyembunyikan bagian bawah pantulan.

Kamu mungkin perlu mencoba atau mengulangi langkah ini beberapa kali untuk mendapatkan hasil yang kamu suka.

Mask the Reflection

10. Bagaimana Membuat Bayangan Sederhana

Langkah 1

Duplikasikan layer teks original, tarik salinan di bawahnya, dan namai itu menjadi Shadow.

Create the Shadow Layer

Langkah 2

Klik kanan layer Shadow dan pilih Rasterize Type.

Tekan Command-T, dan ubah ukuran skala secara vertikal untuk mendapatkan bentuk bayangan dasar.

Rasterize Type

Langkah 3

Gunakan Move Tool untuk memposisikan ulang Shadow di bawah teks.

Reposition the Shadow

Langkah 4

Pergi ke Filter > Blur > Gaussian Blur, dan atur Radius ke 10.

Gaussian Blur

Langkah 5

Ganti Blend Mode layer Shadow ke Multiply dan Opacity ke 70%.

Shadow Layer Settings

11. Bagaimana Menambahkan Overlay Tekstur Salju

Langkah 1

Tempatkan gambar Heavy Snow Texture di atas semua layer, namai layer itu ke Snow Texture, ganti Blend Mode ke Screen, dan ubah ukuran tekstur seperlunya.

Add the Snow Texture

Langkah 2

Pilih Spot Healing Brush Tool, dan pastikan bahwa kotak Sample All Layers di dalam bar Options tidak dicentang.

Gunakan ujung bulat lembut untuk menyapu pada titik yang tidak diinginkan dan menghilangkan mereka.

Remove Unwanted Areas

Selamat! Kamu Telah Selesai

Di dalam tutorial ini, kita membuat sebuah background sederhana menggunakan bentuk, layer style, dan adjustment layer. Kemudian, kita membuat tiga layer teks, dan memberi style ke semuanya untuk mendapatkan efek es.

Setelah itu, kita membuat sebuah pantulan dan bayangan untuk teks es. Terakhir, kita menambahkan overlay tekstur salju untuk menyelesaikan efek.

Silahkan tinggalkan komentar, saran, dan hasil di bawah.

Final Result
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.