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

Membuat dengan Singkat Efek Teks Sederhana Stiker 3D dalam Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

Efek stiker 3D benar-benar sederhana dan mudah, tapi benar-benar bagus dan berguna. Panduan singkat ini akan menunjukkan kepada Anda bagaimana untuk membuat efek teks yang dapat diedit, efek teks mengkilap stiker 3D, menggunakan smart objects dan layer styles. Mari kita mulai!

Aset Tutorial

Aset yang digunakan selama pembuatan dalam tutorial ini sebagai berikut:

1. Membuat Latar Belakang

Langkah 1

Membuat dokumen baru berukuran 770 x 490px.  Atur warna Foreground ke #3f797d dan warna Background ke #80b2bb, pilih Gradient Tool, klik icon Linear Gradient dalam Options bar, dan kemudian klik dan drag dari bagian bawah dokumen ke bagian atas untuk membuat latar belakang gradient.

Menuju ke Filter > Convert for Smart Filters.

Background Gradient

Langkah 2

Klik ganda pada layer Background smart object untuk menerapkan efek Pattern Overlay menggunakan pengaturan sebagai berikut: 

  • Blend Mode: Soft Light
  • Pattern: Concrete wall
Pattern Overlay

Ini akan memberi style pada Background.

Styled Bacground

2. Membuat Teks dan Smart Object Layers

Langkah 1

Membuat teks warna Hitam menggunakan font Alba, dan Ukuran 120pt.

Create the Text

Langkah 2

Menduplikasi jadi 2 layer teks, layer pertama beri nama ulang menjadi Stroke, dan layer kedua beri nama ulang menjadi Teks.

Text and Stroke Layers

Langkah 3

Klik ganda pada layer Stroke untuk menerapkan efek Stroke menggunakan pengaturan sebagai berikut:

  • Size: 14
  • Color: #dcdcdc
Stroke

Langkah 4

Ini akan membuat outer stroke. Pastikan bahwa stroke tidak meninggalkan bidang kosong di antara huruf. Jika tidak, kemudian klik ganda layer lagi untuk meningkatkan Ukuran stroke sampai tidak ada daerah kosong.

Text Stroke

Langkah 5

Klik kanan pada setiap dua layer yang Anda miliki (layer Stroke dan Teks), dan memilih Convert to Smart Object.

Duplikat layer Teks, dan rubah Fill pada layer copy ini ke 0.

Convert to Smart Objects

Langkah 6

Duplikat layer Teks copy dan Layer Stroke. Kemudian pada layer Stroke copy rubah nilai Fill ke 0, dan letakkan pada posisi atas semua layer.

Duplicate the Text and Stroke Layers

3. Styling pada Layer Stroke

Klik ganda layer Stroke untuk menerapkan layer style sebagai berikut:

Langkah 1

Tambahkan Bevel dan Emboss dengan pengaturan ini:

  • Size: 10
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 79
  • Altitude: 37
  • Dicentang pada kotak Anti-aliased
  • Shadow Mode - Color: #2f959d
Bevel and Emboss

Langkah 2

Tambahkan Inner Shadow dengan pengaturan ini:

  • Distance: 0
  • Choke: 30
  • Size: 3
Inner Shadow

Langkah 3

Tambahkan Drop Shadow dengan pengaturan sebagai berikut:

  • Opacity: 47%
  • Distance: 5
  • Size: 6
Drop Shadow

Ini akan memberi style pada bawah layer stroke.

Styled Stroke Layer

4. Styling pada Layer Teks Asli 

Klik ganda layer Teks asli untuk menerapkan layer style sebagai berikut:

Langkah 1

Tambahkan Bevel dan Emboss dengan pengaturan sebagai berikut:

  • Size: 7
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 117
  • Altitude: 69
  • Dicentang kotak Anti-aliased
Bevel and Emboss

Langkah 2

Tambahkan Inner Shadow dengan pengaturan sebagai berikut:

  • Opacity: 35%
  • Distance: 0
  • Size: 5
Inner Shadow

Langkah 3

Tambahkan Color Overlay dengan pengaturan sebagai berikut ini:

  • Color: #ea326e

Ini adalah di mana Anda memilih warna teks pada stiker, sehingga Anda dapat menggunakan  warna apa saja yang Anda suka.

Color Overlay

Ini akan memberi style pada layer teks.

Styled Main Text

5. Styling Pada Layer Teks Copy Pertama 

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

Langkah 1

Tambahkan Bevel dan Emboss dengan pengaturan sebagai berikut:

  • Size: 5
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 0
  • Altitude: 69
  • Dicentang pada kotak Anti-alised
  • Shadow Mode - Opacity: 25%
Bevel and Emboss

Langkah 2

Tambahkan Contour dengan pengaturan sebagai berikut:

  • Dicentang pada kotak Anti-aliased.
Contour

Ini akan meningkatkan efek glossy.

Styled First Copy Text Layer

6. Styling pada Layer Teks Copy Kedua

Klik ganda pada layer Teks copy kedua untuk menerapkan layer style sebagai berikut:

Langkah 1

Tambahkan Bevel dan Emboss dengan pengaturan sebagai berikut:

  • Style: Outer Bevel
  • Size: 7
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 117
  • Altitude: 69
  • Dicentang pada kotak Anti-alised
  • Highlight Mode - Opacity: 100%
  • Shadow Mode - Opacity: 100%
Bevel and Emboss

Langkah 2

Tambahkan Gradient Overlay dengan pengaturan sebagai berikut:

  • Blend Mode: Soft Light
  • Opacity: 30%
Gradient Overlay

Ini akan membuat outer stroke dari inner teks, memberikan ilusi efek 3D.

Styled Second Copy Text Layer

7. Styling pada Layer Atas Stroke

Klik ganda pada layer copy Stroke untuk menerapkan layer style sebagai berikut:

Langkah 1

Tambahkan Bevel dan Emboss dengan pengaturan sebagai berikut:

  • Size: 3
  • Soften: 2
  • Tidak dicentang pada kotak Use Global Light
  • Angle: -153
  • Altitude: 69
  • Dicentang pada kotak Anti-aliased
  • Highlight Mode: Vivid Light
Bevel and Emboss

Langkah 2

Tambahkan Contour dengan pengaturan sebagai berikut:

  • Dicentang pada kotak Anti-alised.
Contour

Ini akan memberi efek style pada layer terakhir.

Styled Second Stroke Layer

Selamat! Anda Sudah Selesai

Dalam tutorial ini, kita menciptakan latar belakang sederhana, dan beberapa layer teks dan stroke, yang kita konversi menjadi smart objects.

Kemudian kita memberikan styled pada layer tersebut menggunakan sekumpulan layer styles, berakhir dengan efek teks mengkilap stiker 3D.

Silahkan merasa bebas untuk meninggalkan komentar, saran, dan hasil karyanya di bawah ini.

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.