1. Design & Illustration
  2. Adobe Photoshop

Cara Membuat Efek Teks Bordiran Realistis dalam Adobe Photoshop

by
Read Time:10 minsLanguages:

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

Dalam tutorial ini, saya akan menunjukkan kepada Anda cara untuk membuat efek teks bordiran realistis di Photoshop menggunakan brush jahitan dan layer styles.

Efek teks bordiran merupakan bagian dari Embroidery and Stitching Photoshop Creation Kit dalam portofolio saya di Envato Market.

Embroidery and Stitching Photoshop ActionsEmbroidery and Stitching Photoshop ActionsEmbroidery and Stitching Photoshop Actions
Embroidery and Stitching Photoshop Actions

Aset Tutorial

Aset yang digunakan selama pembuatan dalam tutorial ini sebagai berikut:

1. Membuat Latar Belakang Jeans

Langkah 1

Membuat dokumen baru ukuran 1100 x 600px, dan membuat layer baru dengan nama Jeans Background. Copy dan Paste Jeans Texture pada layer ini. Memastikan Anda menggunakan tekstur berukuran besar (2000 x 1500 px).

Create Jeans BackgroundCreate Jeans BackgroundCreate Jeans Background

Langkah 2

Membuat layer baru diberi nama Textured dan Isi dengan warna putih. Memastikan Anda mengatur Warna Foreground ke putih dan Warna Background ke hitam. Menuju ke Filter > Render > Clouds.

Add Clouds FilterAdd Clouds FilterAdd Clouds Filter

Langkah 3

Menuju ke Filter > Brush Strokes > Crosshatch. Mengatur Stroke Length ke 15Sharpness ke 16 dan Strength ke 2. Anda tentu saja dapat mengubah pengaturan sesuai dengan keinginan Anda.

Add Crosshatch FilterAdd Crosshatch FilterAdd Crosshatch Filter

Langkah 4

Atur blend mode pada layer Textured ke Soft Light dan level opacity 50%. Jika Anda ingin, Anda dapat mengubah warna jeans; Menambahkan Color Overlay style pada layer Textured dengan blend mode Color dan hanya memilih warna yang Anda suka.

Change Jeans ColorChange Jeans ColorChange Jeans Color

2. Membuat Brushes Jahitan

Langkah 1

Untuk menyelesaikan latar belakang jeans dan untuk mulai membuat efek bordiran jahitan, kita perlu beberapa brush jahitan yang akan kita buat dari awal.

Membuat file PSD baru, ukuran 27 x 5 px. Mengisi canvas dengan warna hitam. Menuju ke Edit > Define Brush Preset. Mengatur nama brush "stitch" dan klik OK.

Define Brush PresetDefine Brush PresetDefine Brush Preset

Anda sekarang dapat menutup file PSD baru tanpa menyimpan dan kembali ke file PSD awal (yang satu dengan latar belakang jeans).

Langkah 2

Sekarang kita akan memodifikasi brush yang dibuat, untuk membuat custom brush. Memilih Brush Tool dan memilih brush "stitch" dari Brush Preset Picker. Beralih ke Brush Panel dan membuat pengaturan berikut: Angle 90Roundness 50%Spacing 87%, dan mengatur Angle Jitter ke Direction.

Create Custom BrushCreate Custom BrushCreate Custom Brush

Langkah 3

Klik pada sudut kanan atas pada Brush Panel dan memilih New Brush Preset. Beri nama brush baru "stitch1".

Create Stitch BrushCreate Stitch BrushCreate Stitch Brush

Langkah 4

Sekarang kita akan membuat brush kedua. Lagi memilih Brush Tool dan pilih brush "stitch" dari Brush Preset Picker. Beralih ke Brush Panel dan membuat pengaturan berikut: Spacing 750% dan atur Angle Jitter ke Direction.

Create Dashed BrushCreate Dashed BrushCreate Dashed Brush

Langkah 5

Klik pada bagian kanan atas Brush Panel dan pilih baru New Brush Preset. Beri nama brush baru "stitch2".

Create Dashed Line BrushCreate Dashed Line BrushCreate Dashed Line Brush

3. Menambahkan Detail Jahitan

Langkah 1

Menggunakan Rectangle Tool dan menggambar bentuk seperti terlihat pada gambar di bawah ini. Memastikan melebihi kanvas di bagian atas dan kiri/kanan tepi. Beri nama layer ini Jeans Border.

Draw RectangleDraw RectangleDraw Rectangle

Langkah 2

Menuju ke Filter > Distort > Wave dan mengatur Wavelength, Amplitude dan Scale untuk membuat tepi yang bergelombang. Juga menuju ke Filter > Blur > Gaussian Blur dan mengatur Radius ke 0.7 pixels.

Filter Distort WaveFilter Distort WaveFilter Distort Wave

Langkah 3

Menambahkan layer style ini ke layer Jeans BorderDrop Shadow (color #131e26), Inner Shadow (color #131e26), Inner Glow (color #ffffff), Bevel and Emboss (colors:#ffffff dan #131e26).

Drop ShadowDrop ShadowDrop Shadow
Inner ShadowInner ShadowInner Shadow
Inner GlowInner GlowInner Glow
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 4

Membuat layer baru dan beri nama Stitch. Memilih Brush Tool dan memilih brush "stitch2". Mengatur ukuran sekitar 13 px dan warna ke #ffffff. Tetap menekan tombol Shift untuk menggambar garis lurus. Menambahkan garis lain di bawah latar belakang jeans dengan cara yang sama.

Add StitchAdd StitchAdd Stitch

Langkah 5

Menambahkan layer style ini ke layer Stitch: Drop Shadow, Inner Glow, Bevel and Emboss, Stroke.

Drop ShadowDrop ShadowDrop Shadow
Inner GlowInner GlowInner Glow
Bevel and EmbossBevel and EmbossBevel and Emboss
StrokeStrokeStroke

Langkah 6

Menuju ke Filter > Distort > Ripple dan mengatur Amount 30% dan Size Small. Hasil Anda sekarang harus terlihat seperti ini.

Filter Distort RippleFilter Distort RippleFilter Distort Ripple

Langkah 7

Membuat layer baru dan beri nama Ripple Edge. Mengambil Brush Tool dan memilih Soft Round Brush yang merupakan default Adobe Photoshop brush yang seharusnya Anda miliki di daftar Anda. Beralih ke panel Brush untuk menyesuaikan brush dan membuat pengaturan ini: Size 50 pxAngle 90Roundness 45%, Spacing 150%.

Create Custom BrushCreate Custom BrushCreate Custom Brush

Langkah 8

Menggambar dua garis menggunakan custom brush dan warna putih. Atur blend mode pada layer Ripple Edge ke Overlay, level opacity 40%. Juga menambahkan layer style Drop Shadow (color #0f1114).

Add Line BorderAdd Line BorderAdd Line Border

4, Membuat Teks Bordiran

Langkah 1

Membuat layer teks baru dan beri nama Embroidered Text. Ketik teks Anda menggunakan font False Positive. Klik pada tombol Toggle the Character and Paragraph Panels dan mengatur Ukuran Font sekitar 230 px, Skala Vertikal/Horizontal, dll., seperti terlihat pada gambar di bawah ini.

False Positive FontFalse Positive FontFalse Positive Font

Anda tentu saja dapat menggunakan jenis font yang Anda inginkan atau bahkan menggabungkan teks dan bentuk vektor. Dalam kasus terakhir ini Anda harus mengubah layer menjadi smart object.

Langkah 2

Menambahkan layer style Stroke pada layer Embroidered Text. Saya melakukan itu untuk membuat teks agak tipis. Klik kanan pada layer dan Convert to Smart Object.

Add StrokeAdd StrokeAdd Stroke

Langkah 3

Lagi, menambahkan layer style ini ke smart object Embroidered Text: Drop Shadow (color #000000), Inner Shadow (color #000000), Bevel and Emboss (colors #ffffff dan #000000, Bevel and Emboss - Texture (Pattern "pixel-pattern-diagonal"), Color Overlay (color #686565).

Drop ShadowDrop ShadowDrop Shadow
Inner ShadowInner ShadowInner Shadow
Bevel and EmbossBevel and EmbossBevel and Emboss
Bevel and Emboss TextureBevel and Emboss TextureBevel and Emboss Texture
Color OverlayColor OverlayColor Overlay

Langkah 4

Mengubah layer menjadi smart object sekali lagi agar mampu untuk menambahkan layer style lain tanpa rasterizing efek. Tekan Control-T untuk mengubah smart object dan mengubah ukuran skala ke 130% pada kedua skala horizontal dan vertikal.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Langkah 5

Duplikasi smart object Embroidered Text dan beri nama Shadow. Memindahkan layer ini ke bawah smart object Embroidered Text.

Langkah 6

Sekarang kita akan menambahkan layer styles untuk masing-masing kedua layer ini. Mari mulai dengan smart object Embroidered Text. Menambahkan Inner Shadow (color #000000), Bevel and Emboss (colors #ffffff dan #000000), Color Overlay (color #ffc000) dan Gradient Overlay (colors #ffffff dan #ffffff). Anda dapat memilih Color Overlay yang Anda suka, tapi memastikan untuk juga menyesuaikan Gradient Overlay opacity jika Anda ingin nada warna gelap atau lebih terang.

Inner ShadowInner ShadowInner Shadow
Bevel and EmbossBevel and EmbossBevel and Emboss
Color OverlayColor OverlayColor Overlay
Gradient OverlayGradient OverlayGradient Overlay

Langkah 7

Untuk membuat efek lebih realistis, mari menambahkan efek Filter > Distort > Ripple dan Filter > Distort > Noise. Kedua efek ini ditambahkan sebagai Smart Filters sehingga Anda dapat mengedit mereka setiap saat dengan klik dua kali pada nama Filter.

Filter Distort Ripple and NoiseFilter Distort Ripple and NoiseFilter Distort Ripple and Noise

Langkah 8

Menuju ke Layer Shadow dan mengatur Fill ke 0%. Selanjutnya, menambahkan layer style Bevel and Emboss (colors #ffffff dan #000000). Teks bordiran sekarang harus terlihat seperti ini.

Embroidered TextEmbroidered TextEmbroidered Text

Langkah 9

Membuat layer baru di bawah layer Shadow dan beri nama Stitched Border. Menahan tombol Control dan klik pada layer thumbnail Embroidered Text untuk membuat selection. Menuju ke Select > Modify > Expand dan expand hingga 5 pixels.

Expand SelectionExpand SelectionExpand Selection

Langkah 10

Menuju ke tab Paths dan memilih Make Work Path.

Make Work PathMake Work PathMake Work Path

Langkah 11

Memilih Brush Tool, warna #ffffff, dan memilih brush "stitch1". Sekali lagi dari tab Paths, memilih Stroke Path. Tekan Delete untuk menghapus work path.

Stroke PathStroke PathStroke Path

Langkah 12

Menambahkan layer style Drop Shadow (color #000000) ke layer Stitched Border. Mengubah layer ini menjadi smart object.

Drop ShadowDrop ShadowDrop Shadow

Langkah 13

Akhirnya, mari menambahkan layer style ke Stitched Border smart object: Drop Shadow (color #161616), Inner Shadow (color #161616), Bevel and Emboss (color #ffffff dan #161616), Color Overlay (color #f5f5f5—Anda dapat memilih warna yang Anda inginkan untuk jahitan).

Drop ShadowDrop ShadowDrop Shadow
Inner ShadowInner ShadowInner Shadow
Bevel and EmbossBevel and EmbossBevel and Emboss
Color OverlayColor OverlayColor Overlay

Selamat! Anda Selesai!

Dalam tutorial ini Anda telah belajar cara membuat efek teks bordiran dalam Adobe Photoshop. Saya harap Anda telah menikmati tutorial ini.

Efek teks bordiran merupakan bagian dari Embroidery and Stitching Photoshop Creation Kit dalam portofolio saya di Envato Market.

Embroidered Text in PhotoshopEmbroidered Text in PhotoshopEmbroidered Text in Photoshop
One subscription.
Unlimited Downloads.
Get unlimited downloads