7 days of PS Actions, graphics, templates & fonts - for free! Unlimited asset downloads! Start 7-Day Free Trial
Dismiss
Advertisement
  1. Design & Illustration
  2. Text Effects

Cara Membuat Clean dengan Efek Teks Plastik Berkilap dalam Adobe Photoshop

Rose
Read Time: 7 mins
Text EffectsLayer StylesAdobe PhotoshopGloss3D

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

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

Menggunakan beberapa layer style dapat membantu mencapai efek yang lebih detail dan terlihat efek 3D. Dalam tutorial ini saya akan menunjukkan kepada Anda bagaimana menggunakan layer styles, filter, tekstur, brush, dan adjustment layer untuk membuat efek teks plastik berkilap, bersih dalam Adobe Photoshop. Mari kita mulai!

Aset Tutorial

Aset yang digunakan selama pembuatan dalam tutorial ini sebagai berikut.

Untuk load contour yang digunakan, pergi ke Edit > Presets > Preset Manager, dan memilih Contours dari menu drop‑down Preset Type. Kemudian klik panah kecil di sebelah kanan menu drop‑down Preset Type, dan klik Contours di dekat bagian bawah dari pop-up menu.

Bila kotak dialog muncul setelah itu, klik Append, dan Anda akan mendapatkan contour. Anda juga perlu load seperangkat default gradient Photoshop. Jadi menuju ke Edit > Presets > Preset Manager, dan pilih Gradients dari menu drop down Preset Type. Klik panah kecil di sebelah kanan menu drop‑down Preset Type, dan klik Color Harmonies 1 di bagian atas menu pop-up. Bila kotak dialog muncul setelah itu, klik Append.

1. Membuat Latar Belakang

Langkah 1

Membuat dokumen baru ukuran 900 x 675px. Atur warna Foreground ke #2c353c dan warna Background ke #191919. Pilih Gradient Tool, memilih gradient fill Foreground to Background, dan klik icon Linear Gradient.

Kemudian, klik dan drag dari bagian bawah sudut kiri dokumen ke bagian sudut kanan atas untuk membuat gradient pada latar belakang.

Background GradientBackground GradientBackground Gradient

Langkah 2

Menempatkan gambar texture 31 di bagian atas layer Background, beri nama layer ini Background Texture, mengubah Blend Mode ke Multiply, dan menuju ke Image > Adjustments > Desaturate.

Background TextureBackground TextureBackground Texture

2. Membuat Layer Teks

Langkah 1

Membuat teks dalam All Caps menggunakan font Intrepid ExtraBold. Beri warna #e5eaec, Size adalah 230 pt, Kerning diatur ke Optical, dan nilai Tracking atur ke 100.

Creating the TextCreating the TextCreating the Text

Langkah 2

Duplikasi layer teks empat kali. Kemudian mengubah nilai Fill ketiga layer terakhir menjadi 0.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

3. Membuat Layer Stroke

Langkah 1

Klik dua kali layer teks asli untuk menerapkan efek Stroke menggunakan pengaturan sebagai berikut:

  • Size: 10
  • Color: #7e7e7e
StrokeStrokeStroke

Langkah 2

Ini akan menerapkan outer stroke pada layer teks asli.

Outer StrokeOuter StrokeOuter Stroke

Langkah 3

Duplikasi layer teks asli, beri nama layer copy jadi Stroke 1, klik-kanan dan memilih Rasterize Layer Style, dan kemudian mengubah nilai Fill ke 0.

Untuk versi yang lebih lama dari CS6, anda membutuhkan untuk grup layer copy (Layer > Group Layers), beri nama grup Stroke 1, dan kemudian menuju ke Layer > Merge Group dan mengubah nilai Fill ke 0.

Duplikasi layer Stroke 1, mengubah nama pada copy jadi Stroke 2, dan drag ke bawah layer teks asli.

Creating the Copy Stroke LayersCreating the Copy Stroke LayersCreating the Copy Stroke Layers

4. Styling Layer Stroke Utama

Klik dua kali pada layer teks asli lagi untuk menerapkan beberapa efek.

Langkah 1

Menambahkan Bevel and Emboss dengan pengaturan ini:

  • Style: Stroke Emboss
  • Gloss Contour: Cone - Asymmetrical
  • Dicentang pada kotak Anti-aliased
  • Highlight Mode: Vivid Light
  • Opacity: 100%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Menambahkan Contour dengan pengaturan ini:

  • Contour: Half Round
  • Dicentang pada kotak Anti-aliased
ContourContourContour

Langkah 3

Ini akan memberi style pada layer stroke pertama.

Styled Main StrokeStyled Main StrokeStyled Main Stroke

5. Styling Layer Stroke Atas

Klik dua kali layer Stroke 1 untuk menerapkan layer style sebagai berikut:

Langkah 1

Menambahkan Bevel and Emboss dengan pengaturan ini:

  • Size: 2
  • Dicentang pada kotak Anti-aliased
  • Shadow Mode - Color: #676767
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Menambahkan Contour dengan pengaturan ini:

  • Contour: Cone - Inverted
  • Dicentang pada kotak Anti-aliased
ContourContourContour

Langkah 3

Menambahkan Gradient Overlay dengan pengaturan ini:

  • Blend Mode: Soft Light
  • Opacity: 51%
  • Style: Reflected
  • Menggunakan gradient fill stove pipe 150
Gradient OverlayGradient OverlayGradient Overlay

Langkah 4

Ini akan memberi style pada layer stroke kedua.

Second Layer of Styled StrokeSecond Layer of Styled StrokeSecond Layer of Styled Stroke

6. Menambahkan Drop Shadow

Langkah 1

Klik dua kali layer Stroke 2 untuk menerapkan efek Drop Shadow menggunakan pengaturan sebagai berikut:

  • Distance: 15
  • Size: 7
Drop ShadowDrop ShadowDrop Shadow

Langkah 2

Ini akan menambahkan bayangan ke bagian bawah layer stroke.

Drop Shadow EffectDrop Shadow EffectDrop Shadow Effect

7. Styling Layer Teks Pertama Copy

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

Langkah 1

Menambahkan Stroke dengan pengaturan ini:

  • Size: 1
  • Fill Type: Gradient
  • Style: Reflected
  • Angle: 90
  • Menggunakan gradient fill steel pipe 60
StrokeStrokeStroke

Langkah 2

Menambahkan Inner Shadow dengan pengaturan ini:

  • Blend Mode: Normal
  • Color: #2c6c99
  • Opacity: 100%
  • Distance: 0
  • Size: 18
Inner ShadowInner ShadowInner Shadow

Langkah 3

Menambahkan Drop Shadow dengan pengaturan ini:

  • Distance: 17
  • Size: 9
Drop ShadowDrop ShadowDrop Shadow

Langkah 4

Ini akan memberi style pada layer teks pertama dengan warna dalam. Anda dapat menggunakan setiap warna yang Anda suka dengan mengubah nilai Warna pada Inner Shadow.

Colored Part of the TextColored Part of the TextColored Part of the Text

8. Styling pada Layer Teks Kedua Copy

Klik dua kali pada layer teks kedua copy untuk menerapkan layer style sebagai berikut:

Langkah 1

Menambahkan Bevel and Emboss dengan pengaturan ini:

  • Depth: 297
  • Size: 35
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 108
  • Altitude: 42
  • Dicentang pada kotak Anti-aliased
  • Highlight Mode: Vivid Light
  • Opacity: 64%
  • Shadow Mode - Opacity: 0%
Bevel and EmbossBevel and EmbossBevel and Emboss

Klik icon Gloss Contour: untuk membuat contour seperti terlihat di bawah ini. Apa yang perlu Anda lakukan adalah klik sepanjang garis untuk menambahkan titik. Kemudian, untuk setiap titik yang Anda tambahkan, Anda dapat memasukkan nilai Input dan Output, dan dicentang pada kotak Corner.

Nilai-nilai yang digunakan untuk dua titik adalah:

  • Point - Input - Output
  • Upper Point - 71 - 72
  • Lower Point - 42 - 34
Create the ContourCreate the ContourCreate the Contour

Langkah 2

Menambahkan Contour dengan pengaturan ini:

  • Contour: Cove - Deep
  • Dicentang pada kotak Anti-aliased
ContourContourContour

Langkah 3

Menambahkan Stroke dengan pengaturan ini:

  • Size: 1
  • Fill Type: Gradient
  • Angle: 90
  • Menggunakan gradient fill stove pipe 155b
StrokeStrokeStroke

Langkah 4

Ini akan menambahkan efek layer berkilau/berkilap pertama.

First Gloss LayerFirst Gloss LayerFirst Gloss Layer

9. Styling Layer Ketiga Copy

Klik dua kali layer ketiga copy untuk menerapkan layer style sebagai berikut:

Langkah 1

Menambahkan Bevel and Emboss dengan pengaturan ini:

  • Size: 21
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 53
  • Altitude: 64
  • Dicentang pada kotak Anti-aliased
  • Highlight Mode: Vivid Light
  • Shadow Mode - Opacity: 24%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Untuk Contour, dicentang pada kotak Anti-aliased.

ContourContourContour

Langkah 3

Ini akan menambah layer lain berkilap.

Second Gloss LayerSecond Gloss LayerSecond Gloss Layer

10. Styling Layer Teks Keempat Copy

Klik dua kali layer keempat copy untuk menerapkan layer style sebagai berikut:

Langkah 1

Menambahkan Bevel and Emboss dengan pengaturan ini:

  • Size: 21
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 108
  • Altitude: 74
  • Dicentang pada kotak Anti-aliased
  • Highlight Mode: Vivid Light
  • Shadow Mode - Opacity: 0%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Menambahkan Contour dengan pengaturan ini:

  • Contour: Log
  • Dicentang pada kotak Anti-aliased
ContourContourContour

Langkah 3

Ini akan menambahkan layer terakhir berkilap.

Third Gloss LayerThird Gloss LayerThird Gloss Layer

11. Membuat Tekstur Teks

Langkah 1

Atur warna Foreground dan Background ke Hitam dan Putih, membuat layer baru di atas semua layer, beri nama Text Texture, dan menuju ke Filter > Render > Clouds.

Render CloudsRender CloudsRender Clouds

Langkah 2

Menuju ke Filter > Filter Gallery > Brush Strokes > Accented Edges, kemudian mengubah Edge Width ke 2, Edge Brightness ke 38, dan Smoothness ke 5.

Filter GalleryFilter GalleryFilter Gallery

Langkah 3

Ini akan menciptakan tekstur yang sederhana.

Final TextureFinal TextureFinal Texture

Langkah 4

Mengubah layer Text Texture pada Blend Mode ke Soft Light.

Texture Layers Blend ModeTexture Layers Blend ModeTexture Layers Blend Mode

Langkah 5

Command-klik thumbnail layer teks untuk membuat selection.

Create a SelectionCreate a SelectionCreate a Selection

Langkah 6

Dengan layer Text Texture masih terpilih, klik icon Add layer mask di bagian bawah panel Layers untuk membuat sebuah mask.

Add Layer MaskAdd Layer MaskAdd Layer Mask

12. Mengubah Warna Tekstur

Langkah 1

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

HueSaturation Adjustment LayerHueSaturation Adjustment LayerHueSaturation Adjustment Layer

Langkah 2

Klik icon Clip to layer, dicentang kotak Colorize, dan mengubah nilai Hue ke 200.

Colorizing the TextureColorizing the TextureColorizing the Texture

Langkah 3

Mengubah adjustment layer Blend Mode ke Soft Light.

Adjustment Layers Blend ModeAdjustment Layers Blend ModeAdjustment Layers Blend Mode

13. Menambahkan Latar Belakang Brush Cipratan Air

Langkah 1

Pilih Brush Tool, dan memilih satu ujung brush dari Water Splash Brushes. Atur warna Foreground ke #e8ecef, membuat layer baru di atas layer Background Texture dan beri nama Splash, dan kemudian mengubah ukuran ujung brush sesuai yang Anda suka dan klik untuk menambahkan di belakang teks.

Add Water Splash BrushAdd Water Splash BrushAdd Water Splash Brush

Langkah 2

Klik dua kali layer Splash untuk menerapkan layer style sebagai berikut:

Menambahkan Bevel and Emboss dengan pengaturan ini:

  • Gloss Contour: Ring
  • Dicentang pada kotak Anti-aliased
  • Highlight Mode: Vivid Light
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 3

Menambahkan Contour dengan pengaturan ini:

  • Contour: Half Round
  • Dicentang pada kotak Anti-aliased
ContourContourContour

Langkah 4

Mengubah layer Splash pada Blend Mode ke Vivid Light dan nilai Fill ke 35%.

Splash Layers Blend Mode and Fill ValueSplash Layers Blend Mode and Fill ValueSplash Layers Blend Mode and Fill Value

14. Menambahkan Kerlip dan Menyesuaikan Warna

Langkah 1

Membuat layer baru di atas semua layer, dan beri nama Sparkles, dan mengubah Blend Mode ke Vivid Light. Pilih salah satu brush dari Stars and Flares Brush Set, mengurangi Ukuran, dan menambahkan beberapa kerlip di bagian tepi beberapa huruf. Anda dapat mengontrol ujung Angle di bawah tab Brush Tip Shape di panel Brush (Window > Brush).

Adding the SparklesAdding the SparklesAdding the Sparkles

Langkah 2

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

Gradient MapGradient MapGradient Map

Langkah 3

Menggunakan warna gradient fill Oranye, Biru, Magenta, Kuning dan kemudian mengubah adjustment layer Blend Mode ke Multiply dan Opacity ke 3%. Efek yang sangat halus, tetapi hal ini membantu meningkatkan warna dari hasil akhir.

Gradient Map SettingsGradient Map SettingsGradient Map Settings

Selamat! Anda Sudah Selesai

Dalam tutorial ini, kita membuat latar belakang sederhana menggunakan linear gradient dan tekstur. Kemudian kita membuat teks, dan duplikasi layer untuk menerapkan layer styles yang berbeda.

Kita menambahkan stroke pada beberapa layer, dan menerapkan layer styles menggunakan efek yang berbeda dan nilai yang berbeda untuk menciptakan layer berkilau dan berkilap yang memiliki penampilan 3D.

Setelah semua layer teks diberi styled, kita menggunakan filter sederhana untuk menciptakan tekstur dasar yang membuat efek sedikit lebih dinamis.

Akhirnya, kita menambahkan brush cipratan air untuk latar belakang dan memberi styled, juga menambah beberapa kerlip pada tepi beberapa huruf, dan adjustment layer gradient overlay penyesuaian untuk meningkatkan warna dari hasil akhir.

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

Advertisement
Text EffectsLayer StylesAdobe PhotoshopGloss3D
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.
Rose
Rose
Rose is a freelance graphic designer who loves to create all kinds of different stuff in Photoshop. On the web, she mainly creates text effects and shares how to create them through written tutorials published on various websites.
One subscription.
Unlimited Downloads.
Get unlimited downloads