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

Bagaimana Membuat Efek Teks Vivid Ombré dalam Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by astri astari (you can also view the original English article)

Final product image
What You'll Be Creating

Ombré adalah kata Perancis yang menggambarkan sesuatu yang mulai dengan satu warna dan kemudian secara bertahap memudar ke lain. Biasanya, menggunakan gradient fill atau gradient overlay untuk untuk mencapai efek ini. Tutorial ini, namun, akan menunjukkan cara yang super mudah untuk mendapatkan versi yang berbeda dari efek Ombré menggunakan dua layer Bevel and Emboss.

Bahan-Bahan Tutorial

Bahan-bahan di bawah digunakan selama pembuatan tutorial ini:

1. Membuat Latar Belakang

Langkah 1

Membuat dokumen baru 1100 x 700 px. Mengatur warna Foreground ke #760928 dan warna Background ke #3d1722, memilih Gradient Tool, klik icon Radial Gradient di bilah Options, dan kemudian klik dan drag dari tengah dokumen ke salah satu sudut.

Background Gradient

Langkah 2

Menempatkan gambar Texture 358 di atas layer Background, mengubah nama layer jadi Texture, kemudian menuju ke Edit > Transform > Rotate 90° Clockwise. Mengubah layer Blend Mode ke Difference dan Opacity ke 30%, dan kemudian mengubah ukurannya sesuai yang diperlukan.

Background Texture

2. Membuat Teks

Langkah 1

Membuat teks menggunakan font Sail Reguler, Size 300 pt dan Color #d70f35. Kemudian, ubah nilai Kerning ke Optical, dan nilai Tracking  ke -10.

Create the Text and Modify its Settings

Langkah 2

Duplikasi layer teks dan mengubah copy pada nilai Fill ke 0.

Duplicate the Text Layer

3. Styling Layer Teks Pertama

Klik dua kali layer teks pertama untuk menerapkan layer style berikut:

Langkah 1

Menambahkan Bevel dan Emboss dengan pengaturan ini:

  • Technique: Chisel Hard
  • Size: 16
  • Gloss Contour: Cone—Asymmetrical
  • Centang pada kotak Anti-aliased
  • Highlight Mode: Linear Light
  • Shadow Mode—Color: #462020
Bevel and Emboss

Langkah 2

Menambahkan Contour dengan pengaturan ini:

  • Contour: Guassian—Inverse
  • Centang pada kotak Anti-aliased.
Contour

Langkah 3

Menambahkan Texture dengan pengaturan ini:

  • Pattern: Broken noise
  • Depth: 50%
Texture

Langkah 4

Menambahkan Stroke dengan pengaturan ini:

  • Size: 1
  • Fill Type: Gradient 
  • Style: Reflected 
  • Angle: 90
  • Dicentang kotak Gradient untuk membuat gradient
Stroke

Langkah 5

Untuk membuat gradient, Anda akan perlu untuk mengklik di bawah bilah gradient untuk menambahkan Color Stops, dan ketika Anda mengklik setiap warna Color Stops, Anda dapat mengubah nilai-nilai Color dan Location. Berikut adalah nilai Color Stop yang digunakan dari kiri ke kanan:

Color - Location

  • #7b094e - 0%
  • #95266b - 16%
  • #a52e82 - 32%
  • #e1c2d1 - 50%
  • #a52e82 - 64%
  • #95266b - 84%
  • #7b094e - 100%
Creating the Gradient

Langkah 6

Menambahkan Inner Shadow dengan pengaturan ini:

  • Color: #c47b8e
  • Distance: 0
  • Size: 7
Inner Shadow

Langkah 7

Menambahkan Inner Glow dengan pengaturan ini:

  • Blend Mode: Vivid Light
  • Opacity: 40%
  • Noise: 100%
  • Color: #c3858c
  • Size: 10
Inner Glow

Langkah 8

Menambahkan Drop Shadow dengan pengaturan ini:

  • Distance: 9
  • Spread: 9
  • Size: 8
Drop Shadow

Langkah 9

Ini akan memberi style pada layer teks pertama dengan warna utama.

First Styled Text Layer

4. Styling Layer Teks Copy untuk Membuat Efek Ombré

Klik dua kali layer teks copy untuk menerapkan layer style berikut:

Langkah 1

Menambahkan Bevel and Emboss dengan pengaturan ini: 

  • Size: 30
  • Hilangkan centang pada kotak Use Global Light
  • Angle: 95
  • Altitude: 50
  • Gloss Contour: Half Round
  • Centang pada kotak Anti-aliased
  • Highlight Mode: Linear Light
  • Color: #e8db87
  • Shadow Mode:
  • Color: #721a31
  • Opacity: 30%

Warna Highlight Mode adalah warna yang akan ditambahkan untuk membuat gradient, sehingga anda dapat mencoba nuansa yang berbeda jika anda suka.

Bevel and Emboss 2

Langkah 2

Menambahkan Contour dengan pengaturan ini:

  • Contour: Half Round
  • Centang pada kotak Anti-aliased
Contour 2

Langkah 3

Menambahkan Texture dengan pengaturan ini:

  • Pattern: Green Fibers
Texture 2

Langkah 4

Menambahkan Inner Shadow dengan pengaturan ini:

  • Color: #505b5b
  • Distance: 21
  • Size: 21
Inner Shadow 2

Langkah 5

Voilà! Style pada layer teks copy akan menambahkan warna yang berbeda untuk membuat gradient yang bagus.

Second Layer of Styled Text

5. Menambahkan Vignetting Halus

Langkah 1

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

Add a Gradient Adjustment Layer

Langkah 

Mengubah Style ke Radial dan Scale ke 550, lalu klik kotak Gradient fill untuk membuat gradient yang digunakan.

Gradient Options

Langkah 3

Menggunakan Transparent to Fill Color gradient menggunakan warna #432d23 untuk di sebelah kiri dan #6e625c di sebelah kanan. Anda dapat klik di bagian atas bilah gradient untuk menambahkan Opacity Stops, dan kemudian klik pemberhentian tersebut untuk mengubah nilai-nilai mereka, seperti yang Anda lakukan untuk Color Stops sebelumnya.

Create the Gradient

Langkah 4

Mengubah layer Blend Mode ke Multiply. Ini akan menambah vignetting halus untuk hasil akhir.

Adjustment Layers Blend Mode

Selamat! Kamu Telah Selesai

Dalam tutorial ini, kita menggunakan gradien fill dan tekstur untuk menciptakan latar belakang sederhana. Kemudian kita menciptakan dua layer teks dan mengubah beberapa pengaturan mereka.

Kita beri style pada setiap layer teks dengan berbagai efek menggunakan nuansa warna yang kita inginkan untuk hasil akhir. Kita menggunakan dua layer Bevel dan Emboss untuk membuat gradient dan mendapatkan efek Ombré yang bagus.

Akhirnya, kita menambahkan beberapa vignetting menggunakan layer Gradient adjustment.

Silahkan tinggalkan komentar, saran, dan hasilmu di bawah.

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.