7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Cara Membuat Efek Teks 80-Terinspirasi dalam Adobe Photoshop

Scroll to top
Read Time: 8 mins
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 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 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 imageFinal product imageFinal 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-effects22111013httpsgraphicrivernetitemmodern-80s-text-effects22111013httpsgraphicrivernetitemmodern-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 documentCreating a new documentCreating 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 LayerCreating First Text LayerCreating First Text Layer

Langkah 3

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

Creating smart objectCreating smart objectCreating 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 layerCreating and moving second layerCreating and moving second layer

Langkah 5

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

Filling the background layer with colorFilling the background layer with colorFilling 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 gridCreating first shape of the gridCreating first shape of the grid

Langkah 2

Right Click pada layer bentuk pertama dan pilih Duplicate.

Creating a duplicate of the shapeCreating a duplicate of the shapeCreating a duplicate of the shape

Langkah 3

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

Moving the second shapeMoving the second shapeMoving 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 canvasCreating duplicates of the shapes to fill the canvasCreating 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 duplicatesCreating duplicatesCreating duplicates

Langkah 6

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

Creating duplicates of the shapesCreating duplicates of the shapesCreating duplicates of the shapes

Langkah 7

Gandakan layer bentuk Anda untuk mengisi seluruh kanvas.

Creating grid shapeCreating grid shapeCreating 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 objectCreating the smart objectCreating 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 gridResizing the gridResizing the grid

Langkah 10

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

Creating PerspectiveCreating PerspectiveCreating Perspective

Langkah 11

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

Moving the perspectiveMoving the perspectiveMoving the perspective

Langkah 12

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

Transforming the gridTransforming the gridTransforming the grid

Langkah 13

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

Moving the smart objectMoving the smart objectMoving 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 layerCreate a duplicate of the layerCreate 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 shapeCreating the shapeCreating 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 shapeCreating the second shapeCreating 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 linesCreating the linesCreating 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 objectsConverting the shapes into smart objectsConverting 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 layerAdding outer glow effect to the layerAdding 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 effectAdding noise effectAdding noise effect

Langkah 4

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

Creating maskCreating maskCreating mask

Langkah 5

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

Inverting the maskInverting the maskInverting the mask

Langkah 6

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

Adjusting the brushAdjusting the brushAdjusting 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 MaskCreating MaskCreating 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 blurAdding blurAdding 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 effectsCreating the second grid effectsCreating the second grid effects

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

How the grid should looks likeHow the grid should looks likeHow 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 overlayChanging the blendin mode and overlayChanging 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 objectAdding gaussian blur to the smart objectAdding gaussian blur to the smart object

Langkah 12

Pilih smart object berikutnya dan ubah Opacity menjadi 75%.

Changing the opacity of the smart objectChanging the opacity of the smart objectChanging the opacity of the smart object

Langkah 13

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

Adding the blurAdding the blurAdding 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 overlayCreating the gradient overlayCreating 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 gradientCreating the gradientCreating 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 objectOpening the smart objectOpening 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 sizeChanging the canvas sizeChanging 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 GlowAdding the Inner GlowAdding 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 outerAdding the outerAdding the outer

Langkah 20

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

Changing the fill of the layerChanging the fill of the layerChanging 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 effectAdding the blur effectAdding the blur effect

Langkah 22

Ubah Blending Mode menjadi Hard Light.

Changing the blending modeChanging the blending modeChanging the blending mode

Langkah 23

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

Creating the group of layersCreating the group of layersCreating 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 layerCreating duplicates of the layerCreating 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 layersCrteating the group of the layersCrteating 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 styleCreating gradient overlay layer styleCreating 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 gradientCreating the gradientCreating the gradient

Langkah 5

Tekan Make Default.

Making gradient overlay as default styleMaking gradient overlay as default styleMaking 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 belowCreating andCreating a copy of the layer and moving it belowCreating 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 layersMoving the layersMoving 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 effectCreating fake 3d effectCreating 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 bevelembossAdding bevelembossAdding bevelemboss

Langkah 10

Tekan Stroke dan gunakan pengaturan berikut:

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

Langkah 11

Aktifkan Gradient Overlay dan kemudian tekan Reset to Default.

Creating gradient overlayCreating gradient overlayCreating 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 overlayAdding the color overlayAdding the color overlay

Langkah 13

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

Adding gaussian blurAdding gaussian blurAdding gaussian blur

Langkah 14

Ubah Opacity layer menjadi 35%.

Changing the opacity of the layerChanging the opacity of the layerChanging 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 shadowAdding the inner shadowAdding 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 glowAdding the inner glowAdding 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 overlayAdding the gradient overlayAdding 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 gradientCreating the gradientCreating 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 glowCreating the outer glowCreating 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 layersCreating the new group of layersCreating the new group of layers

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

Result of manipulationsResult of manipulationsResult 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 layerCreating gradient fill layerCreating 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 fillCreating gradient fillCreating gradient fill

Langkah 3

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

Duplicating the layerDuplicating the layerDuplicating the layer

Langkah 4

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

Creating Clipping maskCreating Clipping maskCreating Clipping mask

Langkah 5

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

Changing blending mode and opacityChanging blending mode and opacityChanging blending mode and opacity

Langkah 6

Ubah Blending Mode dari gradien fill kedua ke Overlay.

Changing the blending modeChanging the blending modeChanging 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 objectConverting text layer to smart objectConverting 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 maskCreating duplicate and releasing the clipping maskCreating duplicate and releasing the clipping mask

Langkah 9

Pergi ke Layer > New Fill Layer > Gradient.

Creating gradient fillCreating gradient fillCreating 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 fillCreating gradient fillCreating gradient fill

Langkah 11

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

Creating a group of layersCreating a group of layersCreating a group of layers

Langkah 12

Ubah Opacity grup menjadi 75%.

Changing the opacity of the group of layersChanging the opacity of the group of layersChanging 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 resultFinal resultFinal 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-effects22111013httpsgraphicrivernetitemmodern-80s-text-effects22111013httpsgraphicrivernetitemmodern-80s-text-effects22111013
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.