Advertisement
  1. Design & Illustration
  2. Text Effects

Cara Membuat Efek Teks Renda di Adobe Photoshop

Scroll to top
Read Time: 10 min

Indonesian (Bahasa Indonesia) translation by Anthoni Hermanto (you can also view the original English article)

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

Tutorial ini akan menunjukkan pada anda bagaimana menggunakan layer style pada Photoshop filter, dan menyesuaikan untuk membuat efek teks renda. Mari mulai!

Efek teks ini terinspirasi oleh banyak Layer Styles yang tersedia di GraphicRiver.

Asset Tutorial

Aset berikut digunakan selama produksi tutorial ini:

1. Bagaimana Mendefinisikan Pola

Langkah 1

Buka gambar 71.jpg dari paket Realistic Textile Backgrounds 5. Pergi ke Image > Image Size, ubah nilai Width menjadi 1170, dan klik OK.

Image SizeImage SizeImage Size

Langkah 2

Pergi ke Edit > Define Pattern, dan klik OK.

Lakukan itu untuk sisa gambar pola untuk menambahkannya ke preset Pattern.

Define PatternDefine PatternDefine Pattern

2. Cara Membuat Background dan Layer Text Shape

Langkah 1

Buat dokumen 1000 x 1000 px baru. Klik ikon Create new fill or adjustment layer pada bagian bawah panel Layers, pilih Solid Color, dan gunakan Color #d6dbdb.

Solid ColorSolid ColorSolid Color

Langkah 2

Buat teks menggunakan font The Next Font. Atur Size ke 550 pt dan Tracking ke 50.

Create the TextCreate the TextCreate the Text

Langkah 3

Gandakan layer teks dan menyembunyikannya, dan klik kanan salinan untuk memilih Convert to Shape.

Ubah nama layer shape menjadi Text Shape.

Convert to ShapeConvert to ShapeConvert to Shape

Langkah 4

Gandakan layer Text Shape 3 kali dan sembunyikan.

Ganti nama layer salinan dari atas ke bawah ke Fill, Outer Stroke, dan Stroke.

Perlu diingat bahwa Anda dapat mengaktifkan dan menonaktifkan layer ini selama tutorial untuk lebih baik melihat apa yang Anda lakukan dengan masing-masing dari mereka.

Duplicate the Shape LayerDuplicate the Shape LayerDuplicate the Shape Layer

Langkah 5

Untuk kedua layer Stroke dan Outer Stroke, pilih masing-masing, dan pilih Direct Selection Tool (A) untuk menyesuaikan atribut bentuknya di bilah Options.

Ubah Fill ke None, Stroke Color menjadi warna cerah, dan Size hingga 35. Kemudian klik ikon Set shape stroke type untuk mengubah Align to Center dan Corners ke Round.

Shape AttributesShape AttributesShape Attributes

3. Cara Menata Stroke Layer

Klik ganda layer Stroke untuk menerapkan layer style berikut:

Langkah 1

Tambahkan Bevel dan Emboss dengan pengaturan berikut:

  • Size: 0
  • Hapus centang pada kotak Use Global Light
  • Angle: 40
  • Altitude: 48
  • Centang kotak Anti-aliased
  • Highlight Mode: Overlay
    • Opacity: 60%
  • Shadow Mode: Linear Burn
    • Opacity: 35%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Tambahkan Texture dengan pengaturan ini:

  • Pattern: Rough Cloth
  • Scale: 100%
  • Depth: 1000%
  • Centang kotak Invert
TextureTextureTexture

Langkah 3

Tambahkan Pattern Overlay dengan pengaturan berikut:

  • Pattern: 71.jpg
Pattern OverlayPattern OverlayPattern Overlay

Langkah 4

Ubah nilai Fill layer Stroke ke 0.

Fill ValueFill ValueFill Value

4. Cara Menata Layer Outer Stroke

Klik ganda layer Outer Stroke untuk menerapkan layer style berikut:

Langkah 1

Tambahkan Bevel and Emboss dengan pengaturan ini:

  • Style: Stroke Emboss
  • Size: 29
  • Centang kotak Anti-aliased
  • Higlight Mode: Cahaya Lembut
    • Opacity: 35%
  • Shadow Mode: Linear Burn
    • Opacity: 35%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Tambahkan Contour dengan pengaturan ini:

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

Langkah 3

Tambahkan Texture dengan pengaturan berikut:

  • Pattern: Project Papper
  • Centang kotak Invert
TextureTextureTexture

Langkah 4

Tambahkan Stroke dengan pengaturan berikut:

  • Size: 3
  • Position: Outside
  • Fill Type: Pattern
  • Pattern: 71.jpg
StrokeStrokeStroke

Langkah 5

Ubah nilai Fill layer Outer Stroke menjadi 0.

Fill ValueFill ValueFill Value

3. Bagaimana Mengatur Layer Text Shape

Buat layer Text Shape terlihat, dan klik ganda untuk mengaplikasikan layer style berikut.

Langkah 1

Tambahkan Overlay Pattern dengan pengaturan ini:

  • Pattern: Human Skin
  • Scale: 50%
Pattern OverlayPattern OverlayPattern Overlay

Langkah 2

Tambahkan Color Overlay dengan pengaturan berikut:

  • Color: #edece9
  • Blend Mode: Multiply

Anda dapat menggunakan warna lain yang Anda suka tergantung pada hasil yang Anda inginkan.

Color OverlayColor OverlayColor Overlay

Ini akan memberi style pada layer Text Shape.

Text ShapeText ShapeText Shape

6. Cara Membuat dan Memberi Style Lubang Tali

Langkah 1

Pilih Ellipse Tool dan buat lingkaran 30 x 30 px di mana Anda ingin menempatkan lubang pertama.

Kemudian, tekan & tahan tombol Option, dan buat lingkaran 17 x 17 px yang lebih kecil di dalam yang sudah Anda kurangi dan dapatkan bentuk lubang utama.

Anda dapat menggunakan Path Selection Tool untuk memilih secara terpisah dan memindahkan lingkaran yang lebih kecil di dalam lingkaran yang lebih besar jika diperlukan.

Klik kanan layer bentuk dan pilih Convert to Smart Object.

Create the Eyelet ShapeCreate the Eyelet ShapeCreate the Eyelet Shape

Klik ganda shape layer lubang tali untuk menerapkan layer style berikut:

Langkah 2

Tambahkan Bevel and Emboss dengan pengaturan ini:

  • Langkah 7
  • Hapus dicentang kotak Use Global Light
  • Angle: 40
  • Altitude: 48
  • Centang kotak Anti-aliased
  • Highlight Mode: Linear light
    • Opacity: 60%
  • Shadow Mode: Linear Burn
    • Opacity: 35%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 3

Tambahkan Contour dengan pengaturan berikut:

  • Contour: Cone
  • Centang kotak Anti-aliased.
ContourContourContour

Langkah 4

Tambahkan Color Overlay dengan pengaturan berikut:

  • Warna: #969c9d
Color OverlayColor OverlayColor Overlay

Langkah 5

Tambahkan Drop Shadow dengan pengaturan berikut:

  • Opacity: 100%
  • Distance: 2
  • Size: 3
Drop ShadowDrop ShadowDrop Shadow

Langkah 6

Tambahkan instansi efek Drop Shadow lainnya dengan pengaturan berikut:

  • Opacity: 60%
  • Distance: 3
  • Size: 7
Drop ShadowDrop ShadowDrop Shadow

Langkah 7

Tekan & tahan tombol Option dan klik-tarik bentuk lubang yang ditata untuk menduplikasinya. Anda dapat menekan-tahan tombol Shift sambil melakukannya untuk membatasi gerakan.

Duplicate the Eyelet ShapeDuplicate the Eyelet ShapeDuplicate the Eyelet Shape

7. Cara Memodifikasi Gambar Robbon

Langkah 1

Buka gambar Ribbons, dan gunakan Quick Selection Tool  untuk memilih pita hitam.

Select the RibbonSelect the RibbonSelect the Ribbon

Langkah 2

Tekan Command-J untuk menduplikasi pita yang dipilih ke dalam layer baru, dan gunakan Rectangular Marquee Tool untuk memilih bagian yang Anda sukai dari duplikat pita.

Tekan Command-J lagi untuk menduplikasi bagian itu di layer baru, dan sembunyikan layer lain yang Anda miliki.

Duplicate the RibbonDuplicate the RibbonDuplicate the Ribbon

Langkah 3

Gunakan Rectangular Marquee Tool untuk memilih bagian kanan pita, pilih Move Tool, dan tekan tombol Panah Kiri beberapa kali untuk memindahkan bagian yang dipilih ke dalam, membuat pita lebih tipis tanpa kehilangan tekstur atau detail.

Anda mungkin perlu mengulangi proses beberapa kali untuk mendapatkan hasil yang Anda sukai.

Setelah Anda melakukannya, duplikasi layer ke dokumen teks semula.

Reduce the Ribbon SizeReduce the Ribbon SizeReduce the Ribbon Size

8. Cara Menambahkan Pita ke Lubang Tali

Langkah 1

Pita harus cukup tipis agar pas dengan bentuk lubang yang Anda miliki. Jika tidak, terus pilih setengahnya dan pindahkan ke dalam sampai Anda mendapatkan ukuran yang tepat.

Duplicate the RibbonDuplicate the RibbonDuplicate the Ribbon

Langkah 2

Klik ganda layer pita untuk menerapkan efek Inner Shadow dengan pengaturan ini:

  • Color: #020302
  • Opacity: 100%
  • Distance: 0
  • Size: 5
Inner ShadowInner ShadowInner Shadow

Langkah 3

Konversikan layer pita ke Smart Object.

Convert to a Smart ObjectConvert to a Smart ObjectConvert to a Smart Object

Langkah 4

Tekan Command-T untuk masuk ke Free Transform Mode, putar pita ke sudut yang Anda suka berdasarkan jarak yang ingin Anda ciptakan di antara lubang lubang, dan tempatkan salah satu ujungnya di dalam lubang pertama.

Anda juga dapat mengubah ukuran pita sedikit jika diperlukan.

Free Transform ModeFree Transform ModeFree Transform Mode

Langkah 5

Tekan ikon Warp di bagian Options untuk masuk ke Warp Mode, dan klik-tarik ujung pita untuk membuat busur kecil dan berikan ilusi itu dilipat ke lubang.

Tekan tombol Return  untuk melakukan perubahan.

Warp ModeWarp ModeWarp Mode

9. Cara Membangun Efek Renda

Langkah 1

Gandakan kedua bentuk lubang dan tarik ke bawah. Sesuaikan posisi mereka serta ujung pita sehingga bertemu di mana Anda inginkan.

Place the RibbonPlace the RibbonPlace the Ribbon

Langkah 2

Gandakan layer pita, dan pergi ke Edit > Transform > Flip Horizontal.

Tempatkan ujung pita terbalik di dalam lubang atas yang kosong.

Flip HorizontalFlip HorizontalFlip Horizontal

Langkah 3

Dengan layer pita yang dipilih, klik ikon Add layer mask pada bagian bawah panel Layers, dan pilih thumbnail mask.

Pilih Brush Tool, atur Foreground Color ke Black, pilih tip hard round brush dengan Size yang sama dengan lubang, dan klik pada lubang bawah untuk menghapus pita yang menutupinya.

Kemudian, hapus bagian ekstra dari pita, dan ulangi untuk yang lain.

Remove the Extra PartsRemove the Extra PartsRemove the Extra Parts

Langkah 4

Klik ganda thumbnail Smart Object pita untuk membukanya, tambahkan adjustment layer Hue / Saturation, dan ubah nilai Hue dan Saturation menjadi -60.

Simpan dan tutup file.

HueSaturationHueSaturationHueSaturation

Langkah 5

Untuk terus membangun efek yang dilekatkan, pilih kedua lapisan pita dan lapisan lubang bawah, gandakan mereka, dan seret ke bawah.

Duplicate the Lace UnitsDuplicate the Lace UnitsDuplicate the Lace Units

Langkah 6

Lanjutkan untuk bagian-bagian huruf yang lurus. Setelah Anda mencapai area lengkung, duplikasi salah satu dari lapisan pita, putar itu sehingga horizontal lagi, dan letakkan di atas sepasang lubang tali terakhir yang Anda miliki.

Anda mungkin perlu menghapus layer mask untuk mengubah pita, jadi lakukan itu, dan tambahkan mask baru untuk menyingkirkan bagian tambahan.

End the Lace-UpEnd the Lace-UpEnd the Lace-Up

Langkah 7

Luangkan waktu untuk membangun efeknya, dan bermain dengan penempatan elemen agar sesuai dengan bentuk setiap huruf.

Build the Lace-Up EffectBuild the Lace-Up EffectBuild the Lace-Up Effect

Langkah 8

Setelah selesai, letakkan semua lubang dan lapisan pita dalam kelompok dan beri nama Lace.

Lace GroupLace GroupLace Group

10. Cara Menutup Area Teks Kosong

Langkah 1

Pilih layer Fill dan ubah nilai Fill menjadi 0.

Fill ValueFill ValueFill Value

Langkah 2

Pilih Rectangle Tool, tekan-tahan tombol Option, dan buat persegi panjang yang menutupi bagian-bagian huruf yang harus Anda hapus.

Remove the Lace-Up PartsRemove the Lace-Up PartsRemove the Lace-Up Parts

Langkah 3

Ubah nilai Fill dari layer Fill kembali ke 100%, dan klik ikon Path operations pada Options bar untuk memilih Merge Shape Components.

Merge Shape ComponentsMerge Shape ComponentsMerge Shape Components

Langkah 4

Pilih Add Anchor Point Tool, dan klik di mana Anda ingin memperluas bentuk untuk mencakup lebih banyak area.

Add Anchor Point ToolAdd Anchor Point ToolAdd Anchor Point Tool

Langkah 5

Pilih Convert Point Tool dan klik titik anchor apa pun yang Anda tambahkan untuk mengonversinya ke titik sudut.

Convert Point ToolConvert Point ToolConvert Point Tool

Langkah 6

Gunakan Direct Selection Tool untuk memilih dan menyeret jangkar poin untuk membuat bentuk akhir yang Anda suka.

Drag the PointsDrag the PointsDrag the Points

Langkah 7

Duplikasi layer Fill shape dan ubah nama copy menjadi Stitches.

Stitches LayerStitches LayerStitches Layer

Langkah 8

Pada Option bar, ubah Fill ke None, Stroke Size ke 2, klik ikon ikon Set shape stroke type, dan pilih praset putus-putus.

Stroke PropertiesStroke PropertiesStroke Properties

11. Cara Memberi Style pada Jahitan

Langkah 1

Klik kanan layer Stroke, pilih Copy Layer Style, klik kanan layer Fill, dan pilih Paste Layer Style.

Copy and Paste the Layer styleCopy and Paste the Layer styleCopy and Paste the Layer style

Klik ganda layer Stitches untuk menerapkan layer style berikut:

Langkah 2

Tambahkan Bevel and Emboss dengan pengaturan berikut:

  • Size: 1
  • Centang kotak Anti-aliased
  • Highlight Mode: Linear Light
    • Opacity: 82%
  • Shadow Mode: Linear Burn
    • Opacity: 35%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 3

Tambahkan Contour dengan pengaturan berikut:

  • Contour: Gaussian
  • Centang kotak Anti-aliased.
ContourContourContour

Langkah 4

Tambahkan Color Overlay dengan pengaturan berikut:

  • Color: #b5b4b2
Color OverlayColor OverlayColor Overlay

Langkah 5

Tambahkan Drop Shadow dengan pengaturan berikut:

  • Opacity: 100%
  • Distance: 2
  • Spread: 5
  • Size: 5
Drop ShadowDrop ShadowDrop Shadow

Ini akan memberi style pada jahitan.

Styled StitchesStyled StitchesStyled Stitches

12. Bagaimana Menambah Bagian-Bagian Tepi

Langkah 1

Duplikasi Layer Outer Stroke dan ubah nilai Fill menjadi 100%.

Fill ValueFill ValueFill Value

Langkah 2

Konversikan layer salin ke Smart Object dan Command-klik thumbnail-nya untuk memuat pilihan.

Load a SelectionLoad a SelectionLoad a Selection

Langkah 3

Buka panel Paths, Option-klik Make work path dari ikon pilihan di bagian bawah panel, atur Radius ke 0,8, dan klik OK.

Make Work PathMake Work PathMake Work Path

Langkah 4

Sembunyikan layer copy Outer Stroke, dan buat layer baru di atasnya dengan nama Edge.

Edges LayerEdges LayerEdges Layer

13. Cara Membuat Sikat untuk Bagian Tepi

Langkah 1

Pilih Brush Tool dan buka panel Brush Settings.

Pilih tip Dune Grass dan sesuaikan pengaturannya seperti di bawah ini:

Brush Tip Shape

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Shape Dynamics

Shape DynamicsShape DynamicsShape Dynamics

Scattering

ScatteringScatteringScattering

Shape Dynamics

Color DynamicsColor DynamicsColor Dynamics

Langkah 2

Atur Foreground Color ke #212121 dan Background Color ke #3f3f3f, dan tekan tombol Return beberapa kali hingga Anda menyukai stroke.

Stroke the Work PathStroke the Work PathStroke the Work Path

Langkah 3

Tempatkan semua layer yang Anda miliki, kecuali untuk layer Background dan Solid Color, dalam sebuah grup dan beri nama Text.

Text GroupText GroupText Group

14. Cara Menambahkan Drop Shadow dan Noise

Langkah 1

Klik ganda grup Text untuk menerapkan efek Drop Shadow dengan pengaturan ini:

  • Opacity: 50%
  • Distance: 2
  • Spread: 5
  • Size: 5
Drop ShadowDrop ShadowDrop Shadow

Langkah 2

  • Opacity: 30%
  • Distance: 30
  • Size: 50
Drop ShadowDrop ShadowDrop Shadow

Ini akan menambah bayangan akhir.

Added ShadowsAdded ShadowsAdded Shadows

Langkah 3

Tempatkan gambar 1.jpg dari paket Abstract Spotlight Backgrounds di atas layer Solid Color, dan ubah ukurannya agar pas dengan dokumen sehingga bagian bawahnya tidak terlihat.

Ubah nama layer menjadi BG Texture dan ubah Blend Mode menjadi Soft Light.

BG TextureBG TextureBG Texture

Langkah 4

Buat layer baru, beri nama BG Noise, dan pergi ke Edit > Fill.

Ubah Contents menjadi 50% Gray dan klik OK.

Gray FillGray FillGray Fill

Langkah 5

Ubah layer BG Noise menjadi Smart Object, dan ubah Blend Mode menjadi Soft Light.

Convert to a Smart ObjectConvert to a Smart ObjectConvert to a Smart Object

Langkah 6

Pergi ke Filter> Noise > Add Noise, ubah Amount ke 10 dan Distribution ke Uniform, dan centang kotak Monochromatic.

Add Noise FilterAdd Noise FilterAdd Noise Filter

15. Cara Melakukan Perubahan Akhir

Langkah 1

Tambahkan adjustment layer Levels di bagian atas grup Text, ubah Blend Mode menjadi Luminosity, dan ubah nilai Shadows ke 5 dan Highlights menjadi 237.

LevelsLevelsLevels

Langkah 2

Tambahkan adjustment layer Levels lainnya di atas semua layer, pilih channel Blue, dan ubah nilai Output Shadows menjadi 7.

Blue Channel LevelsBlue Channel LevelsBlue Channel Levels

Langkah 3

Buat layer baru di atas semua layer, beri nama High Pass, dan tekan Command-Option-Shift-E untuk membuat cap.

Convert layer menjadi Smart Object dan ubah Blend Mode menjadi Soft Light.

High Pass LayerHigh Pass LayerHigh Pass Layer

Langkah 4

Pergi ke Filter > Other > High Pass, dan ubah nilai Radius ke 1.

High Pass FilterHigh Pass FilterHigh Pass Filter

Langkah 5

Gandakan layer BG Noise, tempatkan salinan di atas semua layer, expand list Smart Filters, dan klik ganda tab Noise untuk mengubah Amount ke 7.

Add Noise FilterAdd Noise FilterAdd Noise Filter

Selamat, Anda Selesai!

Dalam tutorial ini, kita membuat beberapa shape layer dan menyesuaikan atribut bentuknya untuk membuat bagian teks yang berbeda.

Kemudian, kita memberi style pada layer, menciptakan lubang tali, dan menambahkan pita.

Setelah itu, kita bekerja dengan elemen yang berbeda untuk membangun efek renda, dan menciptakan brush tip untuk menambahkan beberapa tepi yang samar-samar.

Akhirnya, kita membuat beberapa penyesuaian akhir untuk menyelesaikan efeknya.

Silakan tinggalkan komentar, saran, dan hasil Anda di bawah ini.

Final ResultFinal ResultFinal Result
Advertisement
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.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads