1. Design & Illustration
  2. Text Effects

Cara Membuat Efek Teks Banner Stensil dalam Adobe Photoshop

by
Read Time:11 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

Warp pada objek adalah cara yang fantastis untuk mencapai beberapa hebat, efek realistis. Tutorial ini akan menunjukkan cara untuk menggunakan properti bentuk, smart objects, tekstur, layer styles, dan brushes untuk membuat, efek teks banner stensil sederhana. Kemudian, Anda menggunakan perintah Warp untuk membuat hasil akhir terlihat lebih realistis dan memberikan beberapa lebih kadalaman. Mari kita mulai!

Aset Tutorial

Aset yang digunakan selama pembuatan dalam tutorial ini sebagai berikut:

  • Font Lintsec Regular.
  • Cardboard texture stock oleh YmntleStock.
  • Unrestricted Neutral grunge 7 oleh DivsM-stock.
  • Pola Soft Wallpaper oleh Atle Mo.
  • Pola Concrete wall 3 oleh Atle Mo.
  • Anda juga harus memuat default set brush Photoshop. Jadi menuju ke Edit > Presets > Preset Manager, dan memilih Brushes dari menu dropdown Preset Type. Kemudian klik panah kecil di sebelah kanan menu dropdown Preset Type, dan klik Square Brushes di dekat bagian bawah menu pop-up. Ketika muncul kotak dialog setelah itu, klik Append, dan Anda akan mendapatkan set Square Brushes.

1. Membuat Latar Belakang

Langkah 1

Membuat dokumen baru 909 x 620 px, dan atur Resolution ke 200.

Menempatkan gambar Cardboard texture stock di atas layer Background, mengubah ukurannya sesuai kebutuhan, dan bergabung dengan layer Background setelah selesai. Kemudian duplikasi, dan menuju ke Filter > Convert for Smart Filters.

Background Smart ObjectBackground Smart ObjectBackground Smart Object

Langkah 2

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

LevelsLevelsLevels

Langkah 3

Klik icon Clip adjustment to layer di bagian bawah panel Properties dan mengubah nilai Shadows ke 15.

Levels ValuesLevels ValuesLevels Values

Langkah 4

Klik icon Create new fill or adjustment layer lagi dan menambahkan adjustment layer Color Balance. Klik icon Clip adjustment to layer, memastikan opsi Tones diatur ke Midtones, dan kemudian mengubah nilai ke -45, 0, dan 2.

Color Balance ValuesColor Balance ValuesColor Balance Values

2. Membuat dan Mengatur Posisi Persegi Panjang dan Teks

Langkah 1

Pilih Rectangle Tool, dan membuat persegi panjang 140 x 200 px menggunakan warna #edebdf.

Create Rectangle ShapeCreate Rectangle ShapeCreate Rectangle Shape

Langkah 2

Pilih Ellipse Tool, dan memilih opsi Subtract Front Shape pada bilah Options. Kemudian klik icon Geometry Options, dan atur nilai Fixed Size W dan H ke 7.

Apa yang Anda harus lakukan selanjutnya adalah klik dan drag sedikit untuk membuat dua lubang di bagian atas persegi panjang. Anda dapat menggunakan beberapa guide untuk membantu Anda memosisikan lingkaran, tapi itu tidak diperlukan.

Subtract EllipsesSubtract EllipsesSubtract Ellipses

Langkah 3

Membuat teks dalam All Caps, setiap huruf dalam layer terpisah, menggunakan font Lintsec Regular, Size 43 pt, dan warna Hitam.

Create Text LayersCreate Text LayersCreate Text Layers

Langkah 4

Menempatkan layer huruf pertama di bawah layer bentuk persegi panjang yang Anda buat, mengubah nama layer persegi panjang pada huruf apa pun yang di bawahnya, dan kemudian memilih kedua layer.

Pilih Move Tool, dan klik Align vertical centers dan icon Align horizontal center pada bilah Options.

Align CentersAlign CentersAlign Centers

Langkah 5

Duplikasi layer persegi panjang, memindahkan copy di atas huruf lain, dan mengulangi langkah-langkah selanjutnya sampai setiap huruf memiliki persegi panjang.

Duplicate and Position RectanglesDuplicate and Position RectanglesDuplicate and Position Rectangles

3. Membuat Bentuk Akhir Stensil dan Layer Bayangan

Langkah 1

Pilih semua layer teks yang Anda punya, dan menuju ke Type > Convert to Shape (atau klik-kanan salah satu dari mereka dan memilih Convert to Shape).

Convert Text to ShapesConvert Text to ShapesConvert Text to Shapes

Langkah 2

Pilih layer setiap huruf dan layer persegi panjang, dan menuju ke Layer > Combine Shapes > Subtract Shapes at Overlap. Ini akan menggabungkan kedua layer menjadi satu, dan substract huruf dari persegi panjang, menciptakan bentuk stensil.

Create the Stencil ShapeCreate the Stencil ShapeCreate the Stencil Shape

Langkah 3

Mengulangi pada sisa huruf yang Anda punya.

Final Stencil ShapesFinal Stencil ShapesFinal Stencil Shapes

Langkah 4

Duplikasi setiap layer bentuk, menempatkan copy di bawah yang asli, dan klik-dua kali thumbnail copy untuk mengubah warna ke #afaba3.

Setelah Anda selesai, pilih setiap layer bentuk yang Anda punya, klik-kanan, dan pilih Convert to Smart Object. Ini akan membuat Transformasi dan Warp bahwa kita akan melakukan selanjutnya secara non-destruktif dan dapat diedit.

Convert to Smart ObjectsConvert to Smart ObjectsConvert to Smart Objects

Langkah 5

Pilih setiap layer bentuk copy, dan kemudian menuju ke Filter > Blur > Gaussian Blur, dan mengubah Radius ke 3.

Gaussian BlurGaussian BlurGaussian Blur

Langkah 6

Setelah Anda menerapkan Gaussian Blur, mengubah layer copy (bayangan) pada Blend Mode ke Multiply, dan Opacity ke 85%.

Shadow Blend Mode and OpacityShadow Blend Mode and OpacityShadow Blend Mode and Opacity

Hal ini akan menyelesaikan pembuatan stensil dan layer bayangan.

Stencil and Shadow LayersStencil and Shadow LayersStencil and Shadow Layers

4. Style Pada Layer Stensil dan Warp Pada Bentuk Bayangan

Langkah 1

Klik-dua kali layer bentuk stensil huruf pertama untuk menambahkan efek Pattern Overlay menggunakan nilai berikut:

  • Blend Mode: Multiply
  • Opacity: 50%
  • Pattern: Soft Wallpaper
Pattern OverlayPattern OverlayPattern Overlay

Langkah 2

Klik-kanan layer style, dan memilih Copy Layer Style. Kemudian pilih sisa layer stensil, klik kanan-salah satu dari mereka, dan memilih Paste Layer Style. Ini akan menerapkan efek Pattern Overlay pada sisa layer yang ada.

Copy and Paste Layer StyleCopy and Paste Layer StyleCopy and Paste Layer Style

Langkah 3

Pilih setiap layer stensil dengan layer bayangan, dan kemudian menuju ke Edit > Free Transform. Memutar, memindahkan, dan mengubah ukuran layer yang dipilih sesuai yang Anda inginkan, dan tekan tombol Return untuk menerima perubahan. Melakukan hal yang sama untuk sisa huruf sampai Anda suka cara mereka ditempatkan.

Transform Stencil and Shadow LayersTransform Stencil and Shadow LayersTransform Stencil and Shadow Layers

Langkah 4

Berikutnya, untuk setiap layer bayangan, pilih, dan kemudian menuju ke Edit > Transform > Warp, dan bermain-main dengan bentuk bayangan sedikit dengan klik dan drag mesh area, control point, dan/atau tuas.

Warp ShadowWarp ShadowWarp Shadow

Langkah 5

Meluangkan waktu Anda dengan langkah ini, dan jangan takut untuk mencoba hal yang berbeda dan memodifikasi bentuk lebih dari sekali sampai Anda suka dengan hasil yang Anda dapatkan. Tekan tombol Return ketika sudah selesai untuk menerima perubahan.

Modify Warped Shadow ShapeModify Warped Shadow ShapeModify Warped Shadow Shape

Menggunakan perintah Warp untuk membuat bayangan daripada menggunakan efek Drop Shadow dimana memberi kita lebih banyak kontrol atas hasil akhir, dan membantu kita mencapai efek akhir yang lebih realistis dan menarik.

Warped Shadow ResultWarped Shadow ResultWarped Shadow Result

5. Menambahkan Gradient Overlay

Langkah 1

Ini adalah halus, langkah opsional, tetapi membantu meningkatkan pencahayaan akhir.

Klik-dua kali layer bentuk stensil huruf pertama, dan menerapkan efek Gradient Overlay menggunakan Hitam ke Putih pada gradient fill, dan mengubah nilai-nilai lain sebagai berikut:

  • Blend Mode: Soft Light
  • Opacity: 10%
  • Angle: 20
Gradient OverlayGradient OverlayGradient Overlay

Langkah 2

Menerapkan efek yang sama pada sisa huruf, tetapi memastikan untuk mengubah nilai Angle tergantung pada arah bayangan huruf yang Anda modifikasi sebelumnya. Anda dapat melakukannya saat Anda masih di bawah tab Gradient Overlay, dengan klik dan drag gradient fill di atas huruf sampai Anda suka dengan penampilannya.

Move Gradient OverlayMove Gradient OverlayMove Gradient Overlay

Setelah Anda selesai menerapkan efek Gradient Overlay untuk setiap huruf, Anda harus berakhir dengan sesuatu seperti ini:

Applying Gradient Overlay ResultApplying Gradient Overlay ResultApplying Gradient Overlay Result

6. Menambahkan Tekstur Pada Bentuk Stensil

Langkah 1

Menempatkan gambar Unrestricted Neutral grunge 7 di atas semua layer, dan mengubah ukuran sesuai kebutuhan.

Letters TextureLetters TextureLetters Texture

Langkah 2

Tekan dan tahan tombol Command dan Shift, dan klik pada masing-masing thumbnail layer bentuk stensil untuk membuat sebuah selection.

Stencil Cards SelectionStencil Cards SelectionStencil Cards Selection

Langkah 3

Klik icon Add layer mask di bagian bawah panel Layers. Ini akan menggunakan selection untuk membuat mask yang menerapkan tekstur pada bentuk stensil saja.

Add Layer MaskAdd Layer MaskAdd Layer Mask

Langkah 4

Mengubah Blend Mode ke Color Burn pada layer tekstur dan Opacity ke 25%.

Texture Layer Blend Mode and OpacityTexture Layer Blend Mode and OpacityTexture Layer Blend Mode and Opacity

7. Membuat Path Benang

Langkah 1

Membuat layer baru di atas semua layer dan beri nama Twine. Ambil Pen Tool dan memilih opsi Path pada bilah Options.

Apa yang harus dilakukan selanjutnya adalah membuat path di mana Anda ingin menambahkan benang tersebut. Anda dapat klik untuk menambahkan sudut anchor points, dan klik dan drag untuk membuat kurva. Perlu diingat bahwa path dibuat tidak harus sempurna, karena Anda dapat memilih Direct Selection Tool (A) setiap saat kemudian untuk menyesuaikan anchor points atau direction handles.

Pen ToolPen ToolPen Tool

Langkah 2

Cara paling sederhana untuk membuat path adalah dengan klik dan drag di mana Anda ingin path untuk mulai, dan kemudian klik dan drag di mana Anda ingin berakhir.

Untuk memisahkan path, tekan dan tahan tombol Command, dan klik di luar path yang telah selesai dibuat sehingga tidak akan terhubung path yang Anda akan buat setelahnya.

Creating the Twine PathsCreating the Twine PathsCreating the Twine Paths

Setelah Anda selesai membuat path, semua bentuk stensil harus dihubungkan.

Twine PathsTwine PathsTwine Paths

8. Memodifikasi Brushes Benang dan Membuat Stroke Path

Langkah 1

Mengatur warna Foreground ke #afaba2, memilih Brush Tool, dan buka panel Brush (Window > Brush). Di bawah tab Brush Tip Shape, memodifikasi pengaturan seperti di bawah:

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Langkah 2

Tekan tombol Return sekali untuk stroke path dengan ujung brush yang sudah dimodifikasi.

Atau, Anda dapat memilih Direct Selection Tool (A), klik kanan work path, dan pilih Stroke Path. Kemudian, memilih Brush dari menu drop-down Tool, memastikan bahwa kotak Simulate Pressure tidak dicentang, dan klik OK.

Stroke Twine PathStroke Twine PathStroke Twine Path

Langkah 3

Di bawah Brush Tip Shape di panel Brush, pilih ujung brush Hard Square 10 pixels, dan mengubah pengaturannya seperti berikut:

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Langkah 4

Klik tab Shape Dynamics, mengubah nilai seperti terlihat di bawah, dan memastikan untuk mengatur nilai Angle Jitter Control ke Direction. Ini akan membuat sudut ujung brush ini mengikuti arah path tersebut.

Shape DynamicsShape DynamicsShape Dynamics

Langkah 5

Buat layer baru di atas layer Twine, beri nama Stripes, dan stroke path dengan ujung brush baru.

Pilih Direct Selection Tool (A) dan tekan tombol Return untuk menyingkirkan work path.

Stroke the StripesStroke the StripesStroke the Stripes

Langkah 6

Command-klik thumbnail layer Twine untuk membuat sebuah selection, pilih layer Stripes, tekan tombol Command-J untuk duplikasi selection di layer baru, mengubah nama layer copy jadi Stripes, dan menghapus layer Stripes asli.

Duplicating the StripesDuplicating the StripesDuplicating the Stripes

Langkah 7

Ubah nilai Fill pada layer Stripes ke 0, kemudian duplikasi layer Twine, drag copy di bawah yang asli dan beri nama jadi Twine Shadow.

Twine Shadow LayerTwine Shadow LayerTwine Shadow Layer

9. Style Pada Layer Twine dan Stripes

Klik-dua kali layer Twine untuk menerapkan layer style berikut:

Langkah 1

Menambahkan Bevel and Emboss dengan pengaturan ini:

  • Size: 14
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Menambahkan Texture dengan pengaturan ini:

  • Pattern: Concrete wall 3
  • Depth: 71%
TextureTextureTexture

Langkah 3

Menambahkan Color Overlay dengan pengaturan ini:

  • Color: #f5f2ed

Anda dapat menggunakan warna lain yang Anda suka juga.

Color OverlayColor OverlayColor Overlay

Ini akan menerapkan style pada benang.

Styled TwineStyled TwineStyled Twine

Langkah 4

Klik-dua kali layer Stripes untuk menerapkan efek Color Overlay dengan mengubah Blend Mode ke Multiply, dan menggunakan warna yang Anda suka juga. Di sini, warna yang digunakan adalah #ea4342.

Color OverlayColor OverlayColor Overlay

Ini akan mewarnai garis-garis.

Colored StripesColored StripesColored Stripes

10. Memodifikasi Bayangan Benang

Langkah 1

Pilih layer Twine Shadow, dan ambil Rectangular Marquee Tool. Pilih sepotong benang, dan menuju ke Edit > Transform > Warp.

Select Twine PieceSelect Twine PieceSelect Twine Piece

Langkah 2

Transformasi bayangan menggunakan perintah Warp seperti yang Anda melakukan untuk bayangan bentuk stensil asli. Setelah Anda selesai, menuju ke Select > Deselect (Command-D) untuk menyingkirkan selection.

Warp Twine ShadowWarp Twine ShadowWarp Twine Shadow

Langkah 3

Mengulangi langkah yang sama untuk memilih dan warp masing-masing bagian bayangan. Hal ini baik untuk menjaga bayangan sedikit halus untuk potongan-potongan kecil yang menghubungkan kartu stensil.

Warp Small Twine Pieces ShadowWarp Small Twine Pieces ShadowWarp Small Twine Pieces Shadow

11. Menambahkan Vignette pada Hasil Akhir

Langkah 1

Klik icon Create a new fill or adjustment layer dan memilih Gradient.

Gradient Adjustment LayerGradient Adjustment LayerGradient Adjustment Layer

Langkah 2

Menggunakan gradient Transparent to Fill dengan warna #e3e1d5 ke kiri dan #595959 ke kanan. Mengubah Style ke Radial dan Scale ke 450.

Gradient Fill OptionsGradient Fill OptionsGradient Fill Options

Langkah 3

Memastikan bahwa layer Gradient di atas semua layer, dan mengubah Blend Mode ke Linear Burn.

Gradient Blend ModeGradient Blend ModeGradient Blend Mode

Langkah 4

Pilih layer Background copy, menuju ke Filter > Blur Gallery > Iris Blur, dan mengubah nilai Blur di bawah panel Blur Tools ke sebelah kanan sampai 5.

Anda dapat mengubah bentuk elips dengan klik dan drag empat titik yang terhubung oleh garis, dan memodifikasi Area Transisi dengan klik dan drag empat titik yang lebih besar antara pin tengah dan garis blur luar.

Iris BlurIris BlurIris Blur

Ini akan menambahkan efek vignette sederhana untuk hasil akhir.

Vignetted ResultVignetted ResultVignetted Result

Selamat! Sudah Selesai

Dalam tutorial ini, kita menggunakan tekstur kardus untuk latar belakang, dan menyesuaikan pewarnaan dan kecerahan.

Kemudian, kita menggunakan beberapa alat bentuk dan opsi untuk membuat bentuk kartu utama, menambahkan teks, mengonversikan jadi bentuk, dan menggabungkan bentuk kartu untuk mendapatkan bentuk akhir stensil. Kita kemudian duplikasi bentuk tersebut untuk membuat bayangan, dan mengonversikan bentuk menjadi Smart Objects. Kita menerapkan style pada layer, dan menggunakan Transform dan perintah Warp untuk memindahkan mereka di sekitar dan membentuk mereka, sebelum menambahkan tekstur sederhana.

Setelah itu, kita menggunakan Pen Tool untuk membuat path benang, memodifikasi beberapa brushes sederhana untuk stroke path dan menambahkan garis-garis, dan menerapkan style pada bagian stroke untuk menambahkan tekstur dan warna. Kita juga warp bayangan benang untuk mencocokkan bayangan kartu.

Akhirnya, kita menggunakan adjustment layer Gradient dan filter Iris Blur untuk menambahkan beberapa vignette untuk hasil akhir.

Silakan untuk meninggalkan komentar, saran, dan hasil di bawah.

One subscription.
Unlimited Downloads.
Get unlimited downloads