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

Bagaimana cara membuat Beer text effect pada Adobe Photoshop

by
Read Time:11 minsLanguages:

Indonesian (Bahasa Indonesia) translation by Percahya Depit Putra Sadewa (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 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 documentCreate a documentCreate 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 imagePlace imagePlace 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 adjustmentUse curves adjustmentUse 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 saturationChange hue and saturationChange 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 layersGroup layersGroup 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 brushesInstall brushesInstall brushes

Langkah 2

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

Install a patternInstall a patternInstall 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 textType the textType 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 layerDuplicate layerDuplicate 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 embossAdd a bevel and embossAdd a bevel and emboss

Langkah 2

tambahkan contour dengan pengaturan ini:

  • Gloss Contour: Rolling Slope - Descending
  • Centang kotak Anti-aliased
  • Range: 100%
Add a contourAdd a contourAdd 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 ShadowAdd an Inner ShadowAdd 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 glowAdd an inner glowAdd 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 overlayAdd a gradient overlayAdd 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 optionsChange blending optionsChange blending options

Ini akan menciptakan layer efek teks bir utama.

Beer text resultBeer text resultBeer 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 optionsChange blending optionsChange 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 overlayAdd a gradient overlayAdd 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 shadowTransform a shadowTransform 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 shadowMove the shadowMove the shadow

Langkah 5

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

Gaussian blur filterGaussian blur filterGaussian blur filter

Langkah 6

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

Change blending optionsChange blending optionsChange blending options

Ini akan membuat cast shadow untuk teks Anda.

Shadow resultShadow resultShadow 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 layerCreate a new layerCreate 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 filterAdd a pointillize filterAdd 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 optionsChange blending optionsChange blending options

Ini akan menciptakan tekstur halus pertama di bir.

Filter resultFilter resultFilter 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 layerCreate a new layerCreate 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 filterAdd a mezzotint filterAdd 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 optionsChange blending optionsChange blending options

Ini akan menciptakan tekstur halus kedua dari bir.

Filter resultFilter resultFilter 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 layerCreate a new layerCreate 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 filterAdd a mezzotint filterAdd 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 optionsChange blending optionsChange blending options

Ini akan menciptakan tekstur halus ketiga bir.

Filter resultFilter resultFilter 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 layerCreate a new layerCreate a new layer

Langkah 2

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

Select the brushSelect the brushSelect 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 textBrush the textBrush 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 optionsChange blending optionsChange 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 embossAdd a bevel and embossAdd a bevel and emboss

Langkah 6

tambahkan Contour with these settings:

  • Gloss Contour: Cone - Inverted
  • Check the Anti-aliased box
  • Range: 100%
Add a contourAdd a contourAdd 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 glowAdd an inner glowAdd an inner glow

Ini akan membuat beberapa gelembung besar di dalam bir.

Brush resultBrush resultBrush 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 layerCreate a new layerCreate a new layer

Langkah 2

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

Select the brushSelect the brushSelect 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 textBrush the textBrush 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 optionsChange blending optionsChange 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 embossAdd a bevel and embossAdd a bevel and emboss

Langkah 6

Tambahkan contour dengan pengaturan ini:

  • Gloss Contour: Cone - Inverted
  • Check the Anti-aliased box
  • Range: 100%
Add a contourAdd a contourAdd 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 glowAdd an inner glowAdd an inner glow

Ini akan menambahkan beberapa gelembung kecil ke bir.

Brush resultBrush resultBrush 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 rectangleCreate a rectangleCreate 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 filterAdd a wave filterAdd 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 selectionMask a selectionMask a selection

Langkah 4

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

Convert to smart objectConvert to smart objectConvert to smart object

Langkah 5

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

Create a new layerCreate a new layerCreate 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 workpathMake a workpathMake a workpath

Langkah 7

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

Select the brushSelect the brushSelect the brush

Langkah 8

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

Stroke the pathStroke the pathStroke 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 objectConvert to smart objectConvert to smart object

Langkah 10

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

Duplicate the layerDuplicate the layerDuplicate 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 layerMask the layerMask the layer

Langkah 12

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

Arrange layersArrange layersArrange 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 optionsChange blending optionsChange 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 shadowAdd a drop shadowAdd 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 embossAdd a bevel and embossAdd 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 shadowAdd an inner shadowAdd 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 glowAdd an inner glowAdd 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 overlayAdd a pattern overlayAdd 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 objectConvert to smart objectConvert 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 layerCreate a new layerCreate a new layer

Langkah 2

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

Select the brushSelect the brushSelect 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 foamBrush the foamBrush 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 optionsChange the blending optionsChange 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 embossAdd a bevel and embossAdd 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 resultFinal resultFinal result
Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads