Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Bagaimana cara membuat Beer text effect pada Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Percahya Depit Putra Sadewa (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam tutorial ini saya akan menunjukkan kepada Anda cara membuat efek teks bir di Adobe Photoshop menggunakan layer styles, brushes, filters, and clipping masks.

Untuk tutorial ini, saya memilih kata "PROSIT!", Sebuah kata dari Jerman yang berarti "Cheers!" dalam Bahasa Inggris.

Jika Anda suka menggunakan styled text dalam project Anda, ada banyak efek teks yang tersedia di GraphicRiver.

Aset Tutorial

Aset berikut digunakan selama produksi tutorial ini:

  • Poestten One font
  • Wooden floor with blurred cafe
  • Bubbles and foam brushes and a pattern

1. Bagaimana cara mengatur Background

Langkah 1

Buka Photoshop, pergi ke File > New dan atur detail preset ini:

  • Width: 850 px
  • Height: 500 px
  • Resolution: 72 px/inch
  • Color mode: RGB Color 8 bit

Klik Create.

Create a document

Langkah 2

Buka File> Place Embedded ..., dan pilih wooden-floor-with-blurred-cafe-background.jpg. Periksa maintain aspect ratio dan set horizontal scale ke 90%. Kemudian pindahkan gambar ini dengan mouse Anda sehingga ujung kanan dan bawahnya berpotongan dengan sisi kanan dan bawah dokumen. Tekan Enter untuk menempatkan gambar.

Place image

Langkah 3

Pergi ke Layer> New Adjustment Layer> Curves dan tekan OK. Di Layer Properties window, periksa edit points to modify curve dan kemudian klik di mana saja di dekat garis putih diagonal untuk membuat new point. Untuk poin ini, set Input: 78 dan Output: 12. Kemudian klik di dalam sana lagi untuk membuat poin kedua. Setel poin kedua ke Input: 216 dan Output: 163.

Use curves adjustment

Langkah 4

Pergi ke Layer> New Adjustment Layer> Hue / Saturation ... dan kemudian tekan OK. Di Layer Properties window tetapkan value ini:

  • Hue: +3
  • Saturation: -56
  • Lightness: +5
Change hue and saturation

Langkah 5

Pilih layer Hue / Saturation 1, tahan Shift dan klik layer wooden-floor-with-blurred-cafe untuk memilih ketiga layer, dan kemudian tekan Control-G untuk membuat grup dari layer ini.

Group layers

2. Cara install Brushes dan Pattern

Langkah 1

Pergi ke Edit> Preset> Preset Manager ... Pada Preset type, pilih Brushes, klik Load ..., dan pilih bubbles-and-foam-brushes.abr.

Install brushes

Langkah 2

Pergi ke Edit> Preset> Preset Manager ... Pada Preset type, pilih Patterns, klik Load ..., dan pilih foam-noise.pat.

Install a pattern

3. Cara Membuat Text Layer 

Langkah 1

Pilih Type Tool (T) dan tulis "PROSIT!" Pilih font Poetsen One, lalu buka Window> Character dan atur Ukuran font menjadi 240 pt dan Tracking ke -60.

Type the text

Langkah 2

Pergi ke Layer> Duplicate Layer ..., beri nama Shadow, dan tekan OK. Untuk memindahkan layer ini di bawah PROSIT! layer, buka Layer> Arrange> Send Backward.

Duplicate layer

4. Cara style text layer

Langkah 1

Pilih "PROSIT!" layer dan pergi ke Layer> Layer Style> Blending Options ... untuk menerapkan layer style berikut.

Tambahkan Bevel dan Emboss dengan pengaturan ini:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 55%
  • Direction: Down
  • Size: 13 px
  • Uncheck the Use Global Light box
  • Angle: -170
  • Altitude: 32
  • Gloss Contour: Rolling Slope - Descending
  • Check the Anti-aliased box
  • Highlight Mode: Screen #ffffff and Opacity: 69%
  • Shadow Mode: Screen #ffffff and Opacity: 85%
Add a bevel and emboss

Langkah 2

tambahkan contour dengan pengaturan ini:

  • Gloss Contour: Rolling Slope - Descending
  • Centang kotak Anti-aliased
  • Range: 100%
Add a contour

Langkah 3

Tambahkan Inner Shadow dengan pengaturan ini:

  • Blend Mode: Color Burn #000000
  • Opacity: 50%
  • Uncheck the Use Global Light box
  • Angle: -90
  • Distance: 0 px
  • Choke: 0 px
  • Size: 32 px
  • Check the Anti-aliased box
Add an Inner Shadow

Langkah 4

Tambahkan Inner Glow dengan pengaturan ini:

  • Blending Mode: Color Dodge #ffc600
  • Opacity: 21%
  • Technique: Precise
  • Source: Center
  • Choke: 0 %
  • Size: 27 px
  • Check the Anti-aliased box
  • Range: 49%
Add an inner glow

Langkah 5

Tambahkan Gradient Overlay dengan pengaturan ini:

  • Blend Mode: Normal
  • Opacity: 100%
  • Style: Linear
  • Angle: 90
  • Scale: 100%
  • Klik Gradient dan atur berhenti warna ini:
  • Color stop 1 - Color: #b2710b Location: 0%
  • Color stop 2 - Color: #dca010 Location: 25%
  • Color stop 3 - Color: #dfb031 Location: 53%
  • Color stop 4 - Color: #c77f0d Location: 80%

Tekan tombol OK 

Add a gradient overlay

Langkah 6

Pergi ke Layer> Smart Object> Convert to Smart Object dan kemudian pergi ke Layer> Layer Style> Blending Options ... Pada Blending Options, atur Fill Opacity menjadi 90% dan tekan tombol OK.

Change blending options

Ini akan menciptakan layer efek teks bir utama.

Beer text result

5. Cara Membuat Cast Shadow

Langkah 1

Pilih layer "Shadow" dan pergi ke Layer> Layer Style> Blending Options ... untuk menerapkan layer style berikut.

Di Blending Options, atur Opacity Isi menjadi 0%.

Change blending options

Langkah 2

Tambahkan Gradient Overlay dengan pengaturan ini:

  • Blend Mode: Normal
  • Check the Dither box
  • Opacity: 100%
  • Style: Linear
  • Angle: -90
  • Scale: 100%
  • Klik Gradient dan atur warna dan opacity opacity stops:
  • Color stop 1 - Color: #000000 Location: 0%
  • Opacity stop 1 - Opacity: 0% Location: 0%
  • Color stop 2 - Color: #000000 Location: 100%
  • Opacity stop 2 - Opacity: 100% Location: 100%

Tekan tombol OK.

Add a gradient overlay

Langkah 3

Klik kanan layer "Shadow" dan pilih Convert to Smart Object. Lalu pergi ke Edit> Transform> Skew dan Set verticalscale menjadi 50%. Seret titik pusat anchor ke sekitar -40 ° dan tekan Enter.

Transform a shadow

Langkah 4

Pilih Move Tool (V) dan kemudian gunakan arrow keys Anda untuk memindahkan bayangan seperti yang ditunjukkan pada gambar di bawah ini.

Move the shadow

Langkah 5

Pergi ke Filter> Blur> Gaussian Blur ..., atur Radius menjadi 2,6 px, dan kemudian tekan OK.

Gaussian blur filter

Langkah 6

Pergi ke Layer> Layer Style> Blending Options ... dan atur Fill Opacity menjadi 75%. Hit OK.

Change blending options

Ini akan membuat cast shadow untuk teks Anda.

Shadow result

6. Cara Membuat texture Pertama dari Bir

Langkah 1

Pilih "PROSIT!" layer dan pergi ke Layer> New Fill Layer> Solid Color .... Beri nama layer Texture 1 dan centang kotak Use Previous Layer untuk membuat Clipping Mask, lalu klik OK dan pilih warna hitam. Tekan OK lagi.

Create a new layer

Langkah 2

Pergi ke Filter> Pixelate> Pointillize ..., pilih Convert To Smart Object, dan kemudian atur Cell size menjadi 9. Tekan OK.

Add a pointillize filter

Langkah 3

Pergi ke Layer> Layer Style> Blending Options ..., atur Blend Mode ke Lighten dan Isi Opacity menjadi 10%, dan kemudian tekan OK.

Change blending options

Ini akan menciptakan tekstur halus pertama di bir.

Filter result

7. Cara Membuat Tekstur Kedua dari Bir

Langkah 1

Pilih layer "Texture 1" dan pergi ke Layer> New Fill Layer> Warna Solid .... Beri nama layer Texture 2 dan centang kotak Use Previous Layer untuk Membuat Kliping Mask, lalu tekan OK dan pilih black color. Tekan OK lagi.

Create a new layer

Langkah 2

Pergi ke Filter> Pixelate> Mezzotint ..., pilih Convert To Smart Object, dan kemudian set Type to Coarse Dots. Hit OK.

Add a mezzotint filter

Langkah 3

Pergi ke Layer> Layer Style> Blending Options ..., atur Blend Mode ke Soft Light dan fill Opacity menjadi 20%, lalu klik OK.

Change blending options

Ini akan menciptakan tekstur halus kedua dari bir.

Filter result

8. Cara Membuat Tekstur Ketiga dari Bir

Langkah 1

Pilih layer "Texture 2" dan masuk ke Layer> New Fill Layer> Solid color.... Beri nama layer Texture 3 dan centang kotak Use Previous Layer untuk membuat clipping mask, lalu klik OK dan pilih black color. Tekan OK lagi.

Create a new layer

Langkah 2 

Pergi ke Filter> Pixelate> Mezzotint ..., pilih Convert To Smart Object dan kemudian atur Type to Fine Dots. Hit OK.

Add a mezzotint filter

Langkah 3

Pergi ke Layer> Layer Style> Blending Options ..., atur Blend Mode ke Soft Light dan Isi Opacity menjadi 20%, lalu klik OK.

Change blending options

Ini akan menciptakan tekstur halus ketiga bir.

Filter result

9. Cara Membuat Gelembung Besar Dengan custom brush

Langkah 1

Pilih layer "Texture 3" dan masuk ke Layer> New> Layer .... Namai layer Big Bubbles dan centang kotak Use Previous Layer untuk Membuat Kliping Mask, lalu klik OK.

Create a new layer

Langkah 2

Pergi ke sikat Anda (Window> Brushes) dan pilih Bubbles - big brush

Select the brush

Langkah 3

brush teks untuk menciptakan kerapatan gelembung yang sama seperti pada gambar di bawah ini. Anda dapat kembali ke lapisan ini dan menambahkan lebih banyak gelembung setiap saat.

Brush the text

Langkah 4

Pergi ke Layer> Layer Style> Blending Options ... untuk menerapkan gaya lapisan berikut.

Di Blending Options, atur Opacity Isi menjadi 0%.

Change blending options

Langkah 5

Tambahkan Bevel dan Emboss dengan pengaturan ini:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 240%
  • Direction: Up
  • Size: 6 px
  • Uncheck the Use Global Light box
  • Angle: -90
  • Altitude: 60
  • Gloss Contour: Cone - Inverted
  • Check the Anti-aliased box
  • Highlight Mode: Screen with white color
  • Highlight Opacity: 43%
  • Shadow Mode: Soft Light with black color
  • Shadow Opacity: 32%
Add a bevel and emboss

Langkah 6

tambahkan Contour with these settings:

  • Gloss Contour: Cone - Inverted
  • Check the Anti-aliased box
  • Range: 100%
Add a contour

Langkah 7

tambahkan an Inner Glow dengan settings ini:

  • Blend Mode: Color Dodge
  • Opacity: 50%
  • Color: white
  • Technique: Softer
  • Source: Center
  • Size: 13 px

Tekan OK untuk menerapkan gaya lapisan.

Add an inner glow

Ini akan membuat beberapa gelembung besar di dalam bir.

Brush result

10. Cara Membuat Gelembung Kecil Dengan custom brush

Langkah 1

Pilih layer "Big Bubbles" dan pergi ke Layer> New> Layer .... Namai layer Small Bubbles dan centang Use Previous Layer untuk membuat kotak Clipping Mask, lalu klik OK.

Create a new layer

Langkah 2

Pergi ke brushes (Window> Brushes) dan pilih Bubbles - small brush.

Select the brush

Langkah 3

brush teks untuk menciptakan kerapatan gelembung yang sama seperti pada gambar di bawah ini. Anda dapat kembali ke lapisan ini dan menambahkan lebih banyak gelembung setiap saat.

Brush the text

Langkah 4

Pergi ke Layer> Layer Style> Blending Options ... untuk menerapkan layer style berikut.

Di Blending Options, atur Fill Opacity menjadi 0%.

Change blending options

Langkah 5

Tambahkan Bevel dan Emboss dengan pengaturan ini:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 209%
  • Direction: Up
  • Size: 7 px
  • Uncheck the Use Global Light box
  • Angle: 90
  • Altitude: 30
  • Gloss Contour: Cone - Inverted
  • Check the Anti-aliased box
  • Highlight Mode: Screen with white color
  • Highlight Opacity: 43%
  • Shadow Mode: Soft Light with black color
  • Shadow Opacity: 32%
Add a bevel and emboss

Langkah 6

Tambahkan contour dengan pengaturan ini:

  • Gloss Contour: Cone - Inverted
  • Check the Anti-aliased box
  • Range: 100%
Add a contour

Langkah 7

Tambahkan Inner Glow dengan pengaturan ini:

  • Blend Mode: Color Dodge
  • Opacity: 50%
  • Color: white
  • Technique: Softer
  • Source: Center
  • Size: 13 px
  • Check the Anti-aliased box

Tekan OK untuk menerapkan layer style.

Add an inner glow

Ini akan menambahkan beberapa gelembung kecil ke bir.

Brush result

11. Cara Membuat Busa Bir

Langkah 1

Pilih Rectangle Tool, atur Fill ke white color, dan gambar persegi panjang di atas bagian atas teks. Saya telah menurunkan opacity dari persegi panjang untuk menunjukkan kepada Anda berapa banyak teks yang saya bahas. Kotak Anda harus berwarna putih solid.

Create a rectangle

Langkah 2

Pergi ke Filter> Distort> Wave ..., pilih tombol Convert To Smart Object, dan gunakan pengaturan ini:

  • Number of Generators: 5
  • Wavelength: Min. 10 Max. 60
  • Amplitude: Min. 2 Max. 6
  • Scale: H. 100% V. 100%
  • Type: Sine
  • Undefined Areas: Repeat Edge Pixels

tekan OK

Add a wave filter

Langkah 3

Sementara layer persegi panjang dipilih, Control-klik "PROSIT!" layer untuk membuat seleksi, dan kemudian pergi ke Layer> Layer Mask> Reveal Selection.

Mask a selection

Langkah 4

Klik kanan pada layer persegi panjang dan pilih Convert to Smart Object.

Convert to smart object

Langkah 5

Pergi ke Layer> New> Layer ..., beri nama layer Foam, dan kemudian tekan OK.

Create a new layer

Langkah 6

Sementara layer "Foam" dipilih, Control-klik layer Rectangle untuk membuat seleksi, dan kemudian pergi ke panel Paths (Window> Paths) dan klik pada Make work path from selection icon.

Make a workpath

Langkah 7

Pergi ke sikat Anda (Window> Brushes) dan pilih sikat Foam.

Select the brush

Langkah 8

Klik kanan pada Work Path dan pilih Stroke Path .... Pilih Tool: Brush dan tekan OK.

Stroke the path

Langkah 9

Tahan control dan pilih Busa dan Rectangle layer, dan kemudian klik kanan layer Foam dan pilih Convert to Smart Object.

Convert to smart object

Langkah 10

Pergi ke Layer> Duplicate Layer ... dan duplikat layer Foam sebagai foam shadow. Hit OK.

Duplicate the layer

Langkah 11

Sementara layer "foam shadow" dipilih, Kontrol-klik "PROSIT!" layer untuk membuat seleksi, dan kemudian pergi ke Layer> Layer Mask> Reveal Selection.

Mask the layer

Langkah 12

Kirim layer "foam shadow" ke belakang. Untuk melakukannya, buka Layer> Arrange> Send Backward.

Arrange layers

12. Bagaimana cara style busa bir

Langkah 1

Pilih layer "foam shadow" dan pergi ke Layer> Layer Style> Blending Options ... untuk menerapkan gaya lapisan berikut.

Dalam Blending Options, atur Fill Opacity menjadi 0% dan centang kotak Layer Mask Hides Effects.

Change blending options

Langkah 2

Tambahkan Drop Shadow dengan pengaturan ini:

  • Blend Mode: Linear Burn with black color
  • Opacity: 8%
  •  Uncheck the Use Global Light box
  • Angle: 90
  • Distance: 2 px
  • Size: 4 px
  • Contour: Gaussian
  • Check the Anti-aliased box

Tekan OK untuk menerapkan layer style.

Add a drop shadow

Langkah 3

Pilih layer "Foam" dan pergi ke Layer> Layer Style> Blending Options ... untuk menerapkan gaya lapisan berikut.

Tambahkan Bevel dan Emboss dengan pengaturan ini:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 150%
  • Direction: Up
  • Size: 29 px
  • Soften: 4 px
  • Uncheck the Use Global Light box
  • Angle: 90
  • Altitude: 30
  • Check the Anti-aliased box
  • Highlight Mode: Screen with white color
  • Highlight Opacity: 100%
  • Shadow Mode: Linear Burn with black color
  • Shadow Opacity: 10%
Add a bevel and emboss

Langkah 4

Tambahkan Inner Shadow dengan pengaturan ini:

  • Blend Mode: Linear Burn with black color
  • Opacity: 15%
  • Uncheck the Use Global Light box
  • Angle: -90
  • Distance: 5 px
  • Size: 7 px
  • Check the Anti-aliased box
Add an inner shadow

Langkah 5

Tambahkan Inner Glow dengan pengaturan ini:

  • Blend Mode: Linear Burn
  • Opacity: 21%
  • Color: black
  • Technique: Softer
  • Source: Center
  • Size: 62 px
  • Check the Anti-aliased box
Add an inner glow

Langkah 6

Tambahkan Pattern Overlay dengan pengaturan ini:

  • Blend Mode: Linear Burn
  • Opacity: 34%
  • Pattern: Foam noise

Tekan OK untuk menerapkan  layer style.

Add a pattern overlay

Langkah 7

Klik kanan pada layer "Foam" dan pilih Convert to Smart Object. Ini akan menciptakan tekstur dan bayangan dari busa.

Convert to smart object

13. Cara Membuat Gelembung Busa Bir

Langkah 1

Pilih layer "foam" dan buka Layer> New> Layer .... Namai layer Busa gelembung dan centang kotak Use Previous Layer untuk Membuat Clipping Mask, lalu klik OK.

Create a new layer

Langkah 2

Pergi ke sikat Anda (Window> Brushes) dan pilih Bubbles -  small brush.

Select the brush

Langkah 3

brush di atas busa untuk menciptakan kerapatan gelembung yang sama seperti pada gambar di bawah ini. Anda dapat kembali ke lapisan ini dan menambahkan lebih banyak gelembung setiap saat.

Brush the foam

Langkah 4

Pergi ke Layer> Layer Style> Blending Options ... untuk menerapkan gaya lapisan berikut.

Di Blending Options, atur Opacity Isi menjadi 0%.

Change the blending options

Langkah 5

Tambahkan Bevel dan Emboss dengan pengaturan ini:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 220%
  • Direction: Up
  • Size: 7 px
  • Uncheck the Use Global Light box
  • Angle: -90
  • Altitude: 30
  • Check the Anti-aliased box
  • Highlight Mode: Screen with white color
  • Highlight Opacity: 80%
  • Shadow Mode: Soft Light with black color
  • Shadow Opacity: 55%

Tekan OK untuk menerapkan layer style.

Add a bevel and emboss

Congratulations! You're Done

Dalam tutorial ini, Anda belajar cara membuat efek teks bir menggunakan layer styke, custom brushes, dan clipping mask.

Saya harap Anda menikmati tutorial ini, dan jangan ragu untuk meninggalkan komentar dan kreasi Anda di bawah ini.

Final result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.