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

Cara Membuat Efek Teks Tetes Hujan dalam Adobe Photoshop

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

Menggunakan filter Photoshop dan alpha channel merupakan cara yang bagus untuk membuat dan bermain-main dengan selection. Tutorial ini akan menunjukkan kepada Anda cara menggunakan teknik sederhana untuk membuat tetesan, dan kemudian memberi style dan menambahkan beberapa tekstur dan adjustment layers untuk membuat efek teks tetes hujan.

Mengambil inspirasi dari Envato Market, melihat pada stok fotografi tetesan hujan. Ini dapat membantu ketika Anda mencoba untuk membuat realistis tetes hujan pada style ini.

Mari kita mulai!

Aset Tutorial

Aset yang digunakan selama pembuatan dalam tutorial ini sebagai berikut:

1. Membuat Latar Belakang dan Teks

Langkah 1

Membuat dokumen baru ukuran 1500 x 875 px, dan mengisi warna Background dengan Hitam.

Create a New DocumentCreate a New DocumentCreate a New Document

Langkah 2

Membuat teks dalam All Caps menggunakan font CoreHumanistSans. Memastikan untuk mengatur Color ke Putih, Ukuran ke 350 pt, dan Tracking ke -25.

Create the TextCreate the TextCreate the Text

Langkah 3

Klik-kanan layer teks dan memilih Convert to Smart Object.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

2. Menerapkan Filter

Langkah 1

Atur warna Foreground dan Background ke Hitam dan Putih.

Menuju ke Filter > Filter Gallery > Texture > Stained Glass. Mengubah Cell Size ke 20, Border Thickness ke 7, dan Light Intensity ke 3.

Stained Glass FilterStained Glass FilterStained Glass Filter

Langkah 2

Setiap sel akan membuat tetesan, sehingga Anda dapat bermain-main dengan pengaturan filter untuk mendapatkan ukuran yang berbeda.

Text CellsText CellsText Cells

Langkah 3

Pilih Magic Wand Tool dan tidak dicentang kotak Contiguous pada bilah Options. Kemudian, klik pada salah satu sel putih untuk membuat selection.

Select the CellsSelect the CellsSelect the Cells

3. Membuat Tetesan

Langkah 1

Membuka panel Channels (Window > Channels), dan klik icon Create new channel di bagian bawah panel.

Create a New Alpha ChannelCreate a New Alpha ChannelCreate a New Alpha Channel

Langkah 2

Dengan channel Alpha 1 dipilih, pilih Paint Bucket Tool dan mengisi selection dengan Putih, dan kemudian menuju ke Select > Deselect.

Fill the Alpha ChannelFill the Alpha ChannelFill the Alpha Channel

Langkah 3

Menuju ke Filter > Blur > Gaussian Blur, dan mengubah Radius ke 5.

Gaussian BlurGaussian BlurGaussian Blur

Langkah 4

Menuju ke Image > Adjustments > Levels. Selanjutnya apa yang akan Anda perlu lakukan adalah mengubah slider Shadows dan Highlights sampai Anda mendapatkan tetesan.

Levels SlidersLevels SlidersLevels Sliders

Langkah 5

Memastikan untuk menjaga tepi cukup halus, tidak bergerigi.

Defined DropletsDefined DropletsDefined Droplets

4. Memuat Selection dan Menambahkan Gambar Latar Belakang

Langkah 1

Klik channel RGB, dan kemudian menuju belakang panel Layers.

Membuat layer Drops tidak terlihat dengan klik icon mata di sebelahnya.

Make the Drops Layer InvisibleMake the Drops Layer InvisibleMake the Drops Layer Invisible

Langkah 2

Menuju ke Select > Load Selection, dan memilih channel Alpha 1 dari menu drop-down Channel.

Load SelectionLoad SelectionLoad Selection

Langkah 3

Membuat layer baru, beri nama Drops 1, mengisi warna dengan Putih, dan kemudian Deselect.

Fill the SelectionFill the SelectionFill the Selection

Langkah 4

Mengubah nilai Fill ke 0 pada layer Drops 1, duplikasi layer ini, dan beri nama layer copy jadi Drops 2.

Duplicate the Drops LayerDuplicate the Drops LayerDuplicate the Drops Layer

Langkah 5

Anda dapat menambahkan gambar latar belakang apapun pilihan Anda, tetapi untuk tutorial ini, kita akan menggunakan brushed logam dengan tetesan hujan.

Jadi menambahkan gambar Water on Metal Stock di atas layer Background dan mengubah ukurannya agar sesuai dalam dokumen.

Add the Background ImageAdd the Background ImageAdd the Background Image

5. Style pada Layer Drops 1

Klik-dua kali pada layer Drops 1 untuk menerapkan Layer Style berikut:

Langkah 1

Menambahkan Bevel and Emboss dengan pengaturan ini:

  • Size: 7
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 180
  • Altitude: 53
  • Dicentang pada kotak Anti-aliased
  • Highlight Mode: Vivid Light
  • Opacity: 50%
  • Shadow Mode - Opacity: 15%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Menambahkan Contour dengan pengaturan ini:

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

Langkah 3

Menambahkan Drop Shadow dengan pengaturan ini:

  • Opacity: 5%
  • Distance: 3
  • Size: 5
Drop ShadowDrop ShadowDrop Shadow

Ini akan memberi style pada layer tetesan pertama.

First Styled Drops LayerFirst Styled Drops LayerFirst Styled Drops Layer

6. Style pada Layer Drops 2

Klik-dua kali layer Drops 2 untuk menerapkan Layer Style berikut:

Langkah 1

Menambahkan Bevel dan Emboss dengan pengaturan ini:

  • Size: 16
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 27
  • Altitude: 53
  • Dicentang pada kotak Anti-aliased
  • Highlight Mode: Vivid Light
  • Opacity: 50%
  • Shadow Mode - Opacity: 5%

Memastikan untuk mengubah nilai Angle dan Altitude untuk mencocokkan pencahayaan tetesan pada gambar latar belakang yang Anda gunakan.

Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Menambahkan Contour dengan pengaturan ini:

  • Contour: Cone
  • Dicentang pada kotak Anti-aliased
  • Range: 100%
ContourContourContour

Langkah 3

Menambahkan Inner Shadow dengan pengaturan ini:

  • Opacity: 50%
  • Distance: 0
  • Size: 13
Drop ShadowDrop ShadowDrop Shadow

Langkah 4

Ini akan memberi style pada layer tetesan kedua. Anda dapat menyesuaikan nilai-nilai yang Anda perlukan.

Second Styled Drops LayerSecond Styled Drops LayerSecond Styled Drops Layer

7. Memodifikasi Latar Belakang

Langkah 1

Seperti yang Anda lihat, teks tidak terlihat baik dengan seluruh gambar tetesan latar belakang. Mereka tumpang tindih, memiliki ukuran yang berbeda, dan menguasai teks.

Jadi apa yang akan kita lakukan selanjutnya adalah menghapus beberapa tetes tersebut untuk meningkatkan hasil akhir. Untuk melakukannya, pilih Spot Healing Brush Tool, dan memilih soft round brush dengan ukuran seperti tetesan.

Kemudian, melukis di atas setiap tetesan yang ingin Anda hapus. Anda dapat menuju ke area yang sama beberapa kali sampai terlihat bersih.

Remove the Background Image DropsRemove the Background Image DropsRemove the Background Image Drops

Langkah 2

Spot Healing Brush Tool seharusnya bekerja dengan baik, tetapi silakan merasa bebas menggunakan alat lain yang Anda suka untuk mendapatkan hasil yang Anda inginkan.

Removed DropsRemoved DropsRemoved Drops

Langkah 3

Terus bekerja pada gambar latar belakang sampai Anda mendapatkan hasil yang Anda suka.

Final BackgroundFinal BackgroundFinal Background

8. Menambahkan Lebih Tekstur

Langkah 1

Sekarang, kita akan menambahkan tekstur yang kabur untuk menyesuaikan pencahayaan tetesan dan membuat mereka terlihat lebih realistis.

Jadi menambahkan gambar Kagami - Texture 06 di atas semua layer dan menyebutnya Drops Texture. Mengubah ukuran untuk menutupi teks, kemudian mengubah Blend Mode ke Soft Light pada layer dan Opacity ke 30%.

Add the Drops TextureAdd the Drops TextureAdd the Drops Texture

Langkah 2

Command-Klik thumbnail layer Drops untuk membuat sebuah selection. Kemudian pilih layer Drops Texture dan klik icon Add layer mask di bagian bawah panel Layers.

Add Layer MaskAdd Layer MaskAdd Layer Mask

Langkah 3

Tekstur bokeh adalah tambahan yang bagus untuk membuat desain lebih sedikit pop.

Menambahkan gambar bokeh texture di atas seluruh layer, mengubah ukuran sesuai yang diperlukan, dan mengubah nama layer menjadi Bokeh Texture. Mengubah Blend Mode ke Soft Light dan Opacity ke 35%.

Add the Bokeh TextureAdd the Bokeh TextureAdd the Bokeh Texture

9. Menambahkan Beberapa Pewarnaan

Langkah 1

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

Add a Gradient Map Adjustment LayerAdd a Gradient Map Adjustment LayerAdd a Gradient Map Adjustment Layer

Langkah 2

Memilih gradient fill di bawah, dicentang pada kotak Dither, dan mengubah adjustment layer Blend Mode ke Linear Burn dan Opacity ke 20%.

Adjustment Layer OptionsAdjustment Layer OptionsAdjustment Layer Options

Langkah 3

Ini akan menambahkan warna biru bagus untuk hasil akhir.

Final ResultFinal ResultFinal Result

Selamat! Anda Sudah Selesai

Dalam tutorial ini, kita membuat beberapa teks warna putih pada latar belakang hitam, dan menggunakan beberapa filter dengan alpha channel untuk mengubah teks menjadi tetesan kecil.

Kemudian kita beri styled dan menambahkan gambar latar belakang. Setelah itu, kita memodifikasi gambar latar belakang untuk mendapatkan hasil yang lebih baik dan bersih.

Akhirnya, kita menambahkan beberapa lebih tekstur dan adjustment layers untuk meningkatkan pewarnaan dari hasil akhir.

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

One subscription.
Unlimited Downloads.
Get unlimited downloads