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

Cara Membuat Efek Teks 80-Terinspirasi dalam Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called German Week.
40 Best Blackletter and Gothic Fonts for Designers
How to Create an Oktoberfest Illustration in Adobe Illustrator
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Realistic Neon Light Text Effect in Adobe Photoshop
This post is part of a series called Text Effects .
How to Create a Copper Foil Texture Text Effect in Adobe Photoshop
How to Create a Cactus Text Effect in Adobe Illustrator

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

Final product image
What You'll Be Creating

Kami menghormati Jerman, bahasa mereka, dan budaya mereka minggu ini untuk merayakan peluncuran German version of Envato Elements!

Dalam tutorial ini, Anda akan belajar cara membuat efek teks menggunakan gradient fills dan layer styles di Adobe Photoshop. Minggu ini didedikasikan untuk budaya Jerman, jadi kita akan menggunakan frase Jerman "Aller Anfang ist schwer" yang berarti "Semua permulaan sulit".

Saya membuat Modern 80s Text Effects dengan efek teks tak terbatas menggunakan metode yang sama untuk portofolio GraphicRiver saya.

httpsgraphicrivernetitemmodern-80s-text-effects22111013

Tutorial Assets

Anda akan membutuhkan font-font berikut untuk menyelesaikan tutorial ini:

1. Cara Mempersiapkan Dokumen

Langkah 1

Buka File> New dan buat file baru untuk digunakan. Gunakan pengaturan berikut: Width: 3000 px; Height: 2000 px; 300 dpi.

Creating a new document

Langkah 2

Klik T untuk membuka Horizontal Type Tool dan buat teks apa pun menggunakan Font Mexcellent dengan ukuran 146 pt.

Creating First Text Layer

Langkah 3

Pilih layer teks dan kemudian Right Click> Convert to Smart Object.

Creating smart object

Langkah 4

Buat layer teks lain menggunakan font kedua kita dengan ukuran 33 pt dan gerakkan hingga 120 px dari bagian atas smart object sambil menahan Shift.

Creating and moving second layer

Langkah 5

Pilih layer latar belakang dan Fill dengan # 231434 warna menggunakan Shift-F5.

Filling the background layer with color

2. Cara Membuat Elemen Latar Belakang

Langkah 1

Tekan U untuk mengaktifkan Rectangle Tool. Kemudian buat bentuk dengan pengaturan berikut:

  • Width: 255 px
  • Height: 255 px
  • Fill: tidak ada
  • Stroke: 5 px
  • Color: #ffffff

Setelah itu, pindahkan ke sudut kiri atas kanvas sambil menahan Shift.

Creating first shape of the grid

Langkah 2

Right Click pada layer bentuk pertama dan pilih Duplicate.

Creating a duplicate of the shape

Langkah 3

Pilih bentuk kedua dan gerakkan 250 px ke kanan sambil menahan Shift.

Moving the second shape

Langkah 4

Buat sepuluh duplikat lagi seperti yang kita lakukan sebelumnya, dan kemudian pindahkan ke sisi kanan untuk mengisi seluruh kanvas.

Creating duplicates of the shapes to fill the canvas

Langkah 5

Sekarang kita perlu memilih semua layer bentuk yang telah kita buat dan Right Click > Duplicate.

Creating duplicates

Langkah 6

Pilih duplikat baru dan gerakkan 250 px ke bawah sambil menahan Shift.

Creating duplicates of the shapes

Langkah 7

Gandakan layer bentuk Anda untuk mengisi seluruh kanvas.

Creating grid shape

Langkah 8

Setelah itu, kita perlu memilih semua layer bentuk menggunakan Shift dan kemudian Right Click > Convert to Smart Object.

Creating the smart object

Langkah 9

Pilih objek new smart Anda dan tekan Control-T dan ubah ukuran grid untuk mengisi kanvas lebih akurat.

Resizing the grid

Langkah 10

Pilih smart object dan pergi ke Edit> Transform> Perspective.

Creating Perspective

Langkah 11

Pilih titik transformasi kiri atas dan gerakkan dengan 25 ° sambil menahan Shift.

Moving the perspective

Langkah 12

Tekan Control-T lalu gerakkan titik transformasi atas ke tepi kanvas.

Transforming the grid

Langkah 13

Sekarang kita perlu memindahkan smart object ke bawah dengan 895 px sambil menahan Shift.

Moving the smart object

Langkah 14

Sekarang kita perlu membuat duplikat dari grid, pilih smart object, dan kemudian Right Click > Duplicate.

Create a duplicate of the layer

Langkah 15

Klik U untuk mengaktifkan Rectangle Tool. Kemudian buat bentuk di tengah dokumen dengan pengaturan berikut: Width: 2100 px; Height: 1050 px; Color: #ffffff.

Creating the shape

Langkah 16

Klik U untuk mengaktifkan Rectangle Tool. Kemudian buat bentuk di tengah dokumen dengan pengaturan berikut: Width: 3000 px; Height: 900 px; Color: #151515.

Creating the second shape

Langkah 17

Sekarang kita perlu membuat bentuk terakhir antara layer teks dengan pengaturan berikut: Width: 1200 px; Height: 1 px; Color:#000000.

Creating the lines

Langkah 18

Sekarang kita perlu mengubah layer bentuk kita menjadi smart objects. Right Click > Convert to Smart Object.

Converting the shapes into smart objects

3. Cara Membuat Efek untuk Layer Latar Belakang

Langkah 1

Pilih bentuk pertama dan ubah Blending Mode ke Overlay.

Langkah 2

Sekarang kita perlu menambahkan efek Outer Glow di panel Layer StyleDouble Click pada layer dan gunakan pengaturan berikut:

  • Blend Mode: Overlay
  • Opacity: 25%
  • Color: #ffc47d
  • Spread: 2%
  • Size: 40 px
  • Range: 45%
Adding outer glow effect to the layer

Langkah 3

Pergi ke Filter> Noise> Add Noise dan gunakan pengaturan berikut:

  • Amount: 400%
  • Distribution: Uniform
  • Monochromatic
Adding noise effect

Langkah 4

Pilih smart object dengan grid dan kemudian klik pada ikon Create Mask.

Creating mask

Langkah 5

Pilih masker layer dan tekan Control-I untuk membalikkan warna mask.

Inverting the mask

Langkah 6

Tekan B untuk mengaktifkan Brush Tool dan gunakan pengaturan berikut: 245 px; Hardness: 20%.

Adjusting the brush

Langkah 7

Setelah itu, tekan Alt dan Right Click pada mask, dan gambar mask seperti yang ditunjukkan pada gambar di bawah ini.

Creating Mask

Langkah 8

Sekarang kita perlu menambahkan efek buram pada mask. Pilih mask lagi, dan kemudian pergi ke Filter> Blur> Gaussian Blur dan gunakan pengaturan berikut: Radius: 80 px.

Adding blur

Langkah 9

Sekarang kita perlu menambahkan efek yang sama ke bentuk grid kedua dan mengubah Blending Mode dari layer ke Overlay dan Opacity menjadi 75%.

Creating the second grid effects

Ini adalah bagaimana gambar kita akan terlihat setelah semua manipulasi yang tercantum di atas:

How the grid should looks like

Langkah 10

Pilih smart object berikutnya dan ubah Blending Mode menjadi Overlay dan Opacity menjadi 25%.

Changing the blendin mode and overlay

Langkah 11

Pergi ke Filter> Blur> Gaussian Blur dan gunakan pengaturan berikut: Radius: 250 px.

Adding gaussian blur to the smart object

Langkah 12

Pilih smart object berikutnya dan ubah Opacity menjadi 75%.

Changing the opacity of the smart object

Langkah 13

Pergi ke Filter> Blur> Gaussian Blur dan gunakan pengaturan berikut: Radius: 165 px.

Adding the blur

Langkah 14

Double Click pada layer dan tambahkan Gradient Overlay menggunakan pengaturan berikut:

  • Blend Mode: Lighten
  • Opacity: 15%
  • Angle: 125°
  • Style: Linear
  • Scale: 59%
Creating the gradient overlay

Langkah 15

Setelah itu, kita perlu mengubah gradien di panel Gradient Overlay yang sama. Double Click pada gradien dan buat gradien baru dengan warna berikut: # db9176 dan # 1c1527.

Creating the gradient

Langkah 16

Sekarang kita perlu mengedit smart object terakhir kita dengan bentuk garis. Right Click > Edit Contents untuk membuka smart object.

Opening the smart object

Langkah 17

Di jendela yang baru saja dibuka, tekan Control-Alt-C dan ubah ukuran kanvas menjadi 1220 x 20 px.

Changing the canvas size

Langkah 18

Double Click pada bentuk di smart object dan tambahkan Inner Glow menggunakan pengaturan berikut:

  • Blend Mode: Screen
  • Opacity: 100%
  • Choke: 0%
  • Size: 0%
  • Range: 50%
  • Color: #ffffff
Adding the Inner Glow

Langkah 19

Setelah itu, tambahkan efek Outer Glow menggunakan pengaturan berikut:

  • Blend Mode: Lighten
  • Opacity: 100%
  • Spread: 11%
  • Size: 9 px
  • Range: 45%
  • Color: #ffc47d
Adding the outer

Langkah 20

Ubah Fill layer menjadi 0% lalu tutup dan simpan smart object.

Changing the fill of the layer

Langkah 21

Pergi ke Filter> Blur> Motion Blur dan gunakan pengaturan berikut: Angle: 0 °; Distance: 440 px.

Adding the blur effect

Langkah 22

Ubah Blending Mode menjadi Hard Light.

Changing the blending mode

Langkah 23

Pilih semua bentuk latar belakang sambil menahan Shift, lalu klik ikon Create a New Group.

Creating the group of layers

4. Cara Membuat Efek Teks 80-an

Langkah 1

Buat dua duplikat smart object pertama dengan teks (Right Click > Duplicate).

Creating duplicates of the layer

Langkah 2

Buat dua layer atas tidak terlihat dan buat grup lain untuk smart object pertama.

Crteating the group of the layers

Langkah 3

Double Click pada smart object dan tambahkan Gradient Overlay menggunakan pengaturan berikut:

  • Blend Mode: Normal
  • Style: Linear
  • Angle: 90%
  • Reverse: On
  • Scale: 100%
Creating gradient overlay layer style

Langkah 4

Setelah itu, Left Click pada Gradien di panel yang sama dan buat gradien baru dengan pengaturan berikut:

  • Color: #5a91aeLocation: 0%
  • Color: #aee2f1Location: 22%
  • Color: #d3f3f9Location: 51%
  • Color: #3d3a3aLocation: 51%
  • Color: #513c4fLocation: 60%
  • Color: #8c5f92Location: 75%
  • Color: #cc9adaLocation: 90%
  • Color: #d8b7e2Location: 100%

Setelah Anda membuat gradien, tekan OK.

Creating the gradient

Langkah 5

Tekan Make Default.

Making gradient overlay as default style

Langkah 6

Buat duplikat lain dari smart object dan letakkan di bawah ini di Layers panel.

Creating andCreating a copy of the layer and moving it below

Langkah 7

Pindahkan duplikat smart object 1 px ke kiri dan 1 px ke atas sambil menahan Shift.

Moving the layers

Langkah 8

Untuk membuat efek 3D palsu, kita perlu membuat 23 duplikat lagi dari smart object dan secara berurutan menempatkannya 1 px ke atas dan 1 px kekanan dari yang lain, seperti yang kita lakukan dengan smart object pada langkah sebelumnya.

Creating fake 3d effect

Langkah 9

Setelah itu, kita perlu pergi ke smart object berikutnya di atas kelompok 3D palsu dari lapisan dan Double Click dan tekan Bevel & Emboss di panel Layer Style. Gunakan pengaturan berikut:

  • Style: Outer Bevel
  • Technique: Smooth
  • Depth: 1000%
  • Size: 2 px
  • Soften: 0 px
  • Shading: 90°
  • Altitude: 30°
  • Highlight Mode: Screen
  • Color: #ffffff
  • Opacity: 100%
  • Shadow Mode: Multiply
  • Color: #000000
  • Opacity: 100%
Adding bevelemboss

Langkah 10

Tekan Stroke dan gunakan pengaturan berikut:

  • Size: 4px
  • Position: Inside
  • Opacity: 75%
  • Color: #ffffff
Creating stroke effect

Langkah 11

Aktifkan Gradient Overlay dan kemudian tekan Reset to Default.

Creating gradient overlay

Langkah 12

Sekarang pilih smart object terakhir dan pergi ke panel Layer Style. Klik pada Color Overlay dan gunakan pengaturan berikut: Blend Mode: Normal; Opacity: 100%.

Adding the color overlay

Langkah 13

Pergi ke Filter> Blur> Gaussian Blur dan gunakan pengaturan berikut: Radius: 15 px.

Adding gaussian blur

Langkah 14

Ubah Opacity layer menjadi 35%.

Changing the opacity of the layer

Langkah 15

Pilih layer teks kecil dan pergi ke panel Layer Style. Setelah itu, tekan Inner Shadow dan atur parameter berikut:

  • Blend Mode: Normal
  • Color: #ffffff
  • Distance: 5 px
  • Choke: 0%
  • Size: 1 px
Adding the inner shadow

Langkah 16

Pergi ke Inner Glow dan gunakan pengaturan berikut:

  • Blend Mode: Overlay
  • Opacity: 100%
  • Color: #ffffff
  • Technique: Softer
  • Source: Edge
  • Choke: 0%
  • Size: 2 px
Adding the inner glow

Langkah 17

Tambahkan Gradient Overlay ke smart object di panel yang sama dan gunakan pengaturan berikut:

  • Blend Mode: Normal
  • Opacity: 100%
  • Reverse: On
  • Style: Linear
  • Angle: 90°
  • Scale: 139%
Adding the gradient overlay

Langkah 18

Setelah itu, Left Click pada Gradient di panel yang sama dan buat gradien baru dengan pengaturan berikut:

  • Color: #2b3039 Location: 0%
  • Color: #4f7ba0 Location: 28%
  • Color: #eafdfeLocation: 51%
  • Color: #282021Location: 51%
  • Color: #2c323cLocation: 60%
  • Color: #8c5f92Location: 75%
  • Color: #416286Location: 90%
  • Color: #6cadd8Location: 93%
  • Color: #fffffdLocation: 100%

Setelah Anda membuat gradien, klik OK.

Creating the gradient

Langkah 19

Akhirnya, mari kita tambahkan efek Outer Glow ke style layer menggunakan pengaturan berikut:

  • Blend Mode: Lighten
  • Opacity: 75%
  • Color: #ffc47d
  • Spread: 0%
  • Size: 4 px
Creating the outer glow

Langkah 20

Pilih semua smart object dengan teks (termasuk grup 3D palsu) sambil menahan Shift, lalu tekan ikon Create a New Group.

Creating the new group of layers

Ini adalah bagaimana gambar kita harus menjaga semua manipulasi yang tercantum di atas:

Result of manipulations

5. Cara Membuat Efek Cahaya

Langkah 1

Untuk menciptakan tampilan yang lebih organik, kita perlu menambahkan efek cahaya. Pergi ke Layer> New Fill Layer> Gradient.

Creating gradient fill layer

Langkah 2

Double Click pada layer Gradient Fill dan gunakan pengaturan berikut:

  • Style: Linear
  • Angle:-55,3 °
  • Color: #ffdbb6
  • Position: 0
  • Opacity 100%
  • Color: #ffdbb6
  • Position: 100
  • Opacity: 0%
Creating gradient fill

Langkah 3

Buat duplikat dari gradien fill menggunakan Right Click > Duplicate Layer.

Duplicating the layer

Langkah 4

Tempatkan setiap layer gradien fill di atas setiap layer teks dan setelah itu, Right Click > Create Clipping Mask.

Creating Clipping mask

Langkah 5

Ubah Blending Mode dari gradien fill pertama ke Overlay dan Opacity menjadi 65%.

Changing blending mode and opacity

Langkah 6

Ubah Blending Mode dari gradien fill kedua ke Overlay.

Changing the blending mode

Langkah 7

Seperti yang Anda lihat, efek gradien fill kedua tidak berfungsi pada layer teks kedua. Untuk mengatasi masalah ini, Anda perlu mengonversi layer teks menjadi smart object menggunakan Right Click > Convert to Smart Object.

Converting text layer to smart object

Langkah 8

Buat duplikat lain dari gradient fill terakhir dan kemudian Right Click > Release Clipping Mask.

Creating duplicate and releasing the clipping mask

Langkah 9

Pergi ke Layer > New Fill Layer > Gradient.

Creating gradient fill

Langkah 10

Double Click pada layer Gradient Fill dan gunakan pengaturan berikut:

  • Style: Radial
  • Angle: -90°
  • Scale: 250%
  • Reverse: On
  • Color: #000000
  • Position: 0
  • Opacity 100%
  • Color: #000000
  • Position: 100
  • Opacity: 0%
Creating gradient fill

Langkah 11

Pilih dua layer gradien fill terakhir sambil menahan Shift, lalu tekan ikon Create a New Group.

Creating a group of layers

Langkah 12

Ubah Opacity grup menjadi 75%.

Changing the opacity of the group of layers

Kerja Luar Biasa, Sekarang Anda Selesai!

Dengan cara ini, kita dapat membuat efek teks yang terinspirasi 80-an dalam Adobe Photoshop menggunakan smart objects, gradient fills, dan layer styles.

Final result

Saya harap Anda menikmati tutorial ini, dan jangan ragu untuk menghubungi saya untuk bantuan apa pun. Anda juga dapat memeriksa Modern 80s Text Effects saya dalam portofolio saya di GraphicRiver.

httpsgraphicrivernetitemmodern-80s-text-effects22111013
Advertisement
Advertisement
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.