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

Bagaimana Cara Membuat Efek Teks Retro yang Hangat dalam Adobe Illustrator

Read Time: 6 mins
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Retro Long Shadow Text Effect in Adobe Illustrator
How to Create a Retro 3D Displaced Text Effect in Adobe Photoshop

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Dalam langkah-langkah berikut anda akan belajar bagaimana cara membuat sebuah efek teks retro yang hangat dalam Adobe Illustrator.

Untuk pemula, anda akan belajar bagaimana cara membuat latar belakangnya, bagaimana cara bekerja dengan gradient radial, dan bagaimana cara menerapkan pola built-in. Menggunakan sepotong teks sederhana dan mengambil keuntungan penuh dari panel Appearance, anda akan belajar bagaimana cara membuat efek teks akhirnya. Anda akan belajar bagaimana cara bekerja dengan banyak fill dan stroke dan bagaimana cara men-stylize mereka menggunakan efek atau teknik blending.

Untuk lebih banyak inspirasi pada bagaimana cara menyesuaikan atau memperbaiki efek teks akhir anda, anda bisa menemukan banyak sumber daya di GraphicRiver.

1. Bagaimana Cara Membuat sebuah Dokumen Baru dan Mengatur sebuah Grid

Tekan Control-N untuk membuat sebuah dokumen baru. Pilih Pixels dari menu drop-down Units, masukkan 850 dalam kotak width dan 650 dalam kotak height, dan kemudian klik tombol More Settings itu. Pilih RGB untuk Color Mode, atur Raster Effects ke Screen (72 ppi) dan kemudian klik Create Document.

Aktifkan Grid (View > Show Grid) dan Snap to Grid (View > Snap to Grid). Anda akan membutuhkan sebuah grid setiap 5 px, jadi cukup pergi ke Edit > Preferences > Guides > Grid, dan masukkan 5 dalam kotak Gridline every dan 1 dalam kotak Subdivisions. Cobalah untuk tidak berkecil hati dengan semua grid itu–itu akan membuat pekerjaan anda lebih mudah, dan ingatlah bahwa anda dapat dengan mudah mengaktifkan atau menonaktifkannya menggunakan shortcut keyboard Control-".

Anda bisa belajar lebih lanjut tentang sistem grid Illustrator dalam tutorial singkat ini dari Andrei Stefan: Memahami Sistem Grid Adobe Illustrator.

Anda juga harus membuka panel Info (Window > Info) untuk sebuah live preview dengan ukuran dan posisi dari bentuk anda. Jangan lupa untuk mengatur unit pengukurannya ke pixels dari Edit > Preferences > Units. Semua pengaturan-pengaturan ini akan meningkatkan kecepatan kerja anda secara signifikan.

setup gridsetup gridsetup grid

2. Bagaimana Cara Membuat Latar Belakangnya

Langkah 1

Pilih Rectangle Tool (M), buat sebuah persegi panjang 860 x 660 px, dan pastikan bahwa itu menutupi seluruh artboard anda. Fill itu dengan gradient radial yang ditunjukkan di bawah ini dan gunakan Gradient Tool (G) untuk meregangkan gradient anda seperti yang ditunjukkan pada gambar berikut.

radial gradientradial gradientradial gradient

Langkah 2

Untuk langkah ini anda akan membutuhkan salah satu pola built-in. Fokus pada panel Swatches (Window > Swatches), buka menu fly-out, dan pergi ke Open Swatch Library > Pattern > Basic Graphics > Basic Graphics_Textures. Ini akan membuka sebuah panel baru dengan sekelompok pola built-in.

Pilih persegi panjang anda, pindah ke panel Appearance (Window > Appearance), dan tambahkan fill kedua menggunakan tombol Add New Fill. Pilih fill barunya dan cukup terapkan pola Crosses.

patternpatternpattern

Langkah 3

Pastikan bahwa persegi panjang anda masih terpilih dan tetap fokus pada panel Appearance. Pilih fill atasnya, turunkan Opacity nya ke 30%, ganti Blending Mode ke Color Burn, dan kemudian pergi ke Effect > Artistic > Film Grain. Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik tombol OK itu.

film grainfilm grainfilm grain

3. Bagaimana Cara Menambahkan Teksnya

Langkah 1

Pilih Type Tool (T) dan buka panel Character (Window > Type > Character). Pilih font Dokyo dan kemudian atur ukuran dan leadingnya ke 150 px. Cukup klik pada artboardnya dan tambahkan teks putih (R=255 G=255 B=255) anda.

type tooltype tooltype tool

Langkah 2

Pastikan bahwa teks anda tetap terpilih. Pertama, pergi ke panel Swatches dan cukup hapus putih itu dari warna teks anda.

Selanjutnya, pindah ke panel Appearance dan klik Add New Fill. Pilih fill barunya dan atur warnanya ke R=27 G=117 B=188.

add new filladd new filladd new fill

4. Bagaimana Cara Membuat Efek Teksnya

Langkah 1

Pastikan bahwa teks anda tetap terpilih, fokus pada panel Appearance, dan tambahkan fill kedua menggunakan tombol Add New Fill yang sama. Pilih fill baru ini dan terapkan pola Crosses yang sama (sekarang karena anda sudah menggunakannya, anda juga bisa menemukannya di panel Swatches).

Turunkan Opacity nya ke 30%, ganti Blending Mode ke Color Burn, dan kemudian pergi ke Effect > Distort & Transform > Transform. Hapus centang kotak Transform Objects dan centang kotak Transform Patterns, tarik kedua slider Scale ke 50%, dan kemudian klik OK. Pastikan bahwa fill berpola anda masih terpilih dan pergi ke Effect > Artistic > Film Grain. Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik OK.

pattern textpattern textpattern text

Langkah 2

Pastikan bahwa teks anda masih terpilih dan tetap fokus pada panel Appearance.

Pilih strokenya, atur warnanya ke R=0 G=73 B=113 dan Weight ke 4 px, dan kemudian pergi ke Effect > Path > Offset Path. Masukkan Offset -2 px, klik OK, dan kemudian pergi ke Effect > Distort & Transform > Transform. Tarik kedua slider Move ke 0.1 px, masukkan 40 dalam kotak Copies itu, dan kemudian klik tombol OK.

strokestrokestroke

Langkah 3

Pastikan bahwa teks anda masih terpilih, tetap fokus pada panel Appearance, dan tambahkan stroke kedua menggunakan tombol Add New Stroke.

Pilih stroke baru ini, atur warnanya ke R=255 G=200 B=50 dan Weight ke 4 px, dan kemudian pergi ke Effect > Path > Offset Path. Masukkan Offset -2 px dan klik OK.

add new strokeadd new strokeadd new stroke

Langkah 4

Pastikan bahwa teks anda masih terpilih, tetap fokus pada panel Appearance, dan tambahkan stroke ketiga menggunakan tombol Add New Stroke yang sama.

Pilih stroke baru ini, atur warnanya ke R=0 G=73 B=113 dan Weight ke 1 px, dan kemudian pergi ke Effect > Path > Offset Path. Masukkan Offset -2 px dan klik OK.

blue strokeblue strokeblue stroke

Langkah 5

Pastikan bahwa teks anda masih terpilih, tetap fokus pada panel Appearance, dan tambahkan sebuah fill baru.

Tarik itu ke bawah fill yang ada, atur warnanya ke R=24 G=42 B=62, dan kemudian pergi ke Effect > Distort & Transform > Transform. Tarik kedua slider Move ke -0.1 px, masukkan 30 dalam kotak Copies itu, dan kemudian klik OK.

transformtransformtransform

Langkah 6

Pastikan bahwa teks anda masih terpilih, tetap fokus pada panel Appearance, dan tambahkan sebuah fill baru.

Tarik itu ke bawah fill yang ada, atur warnanya ke R=24 G=42 B=62, dan kemudian pergi ke Effect > Distort & Transform > Transform. Tarik kedua slider Move ke 0.1 px, masukkan 140 dalam kotak Copies itu, dan kemudian klik OK.

3D3D3D

Langkah 7

Pastikan bahwa teks anda masih terpilih, tetap fokus pada panel Appearance, dan tambahkan sebuah fill baru.

Tarik itu ke bawah fill yang ada dan atur warnanya ke R=24 G=42 B=62. Ganti Blending Mode nya ke Soft Light dan kemudian pergi ke Effect > Distort & Transform > Transform. Tarik kedua slider Move ke 0.1 px, masukkan 250 dalam kotak Copies itu, dan kemudian klik OK.

shadingshadingshading

Selamat! Anda Sudah Selesai!

Inilah bagaimana itu seharusnya terlihat. Saya harap anda telah menikmati tutorial ini dan bisa menerapkan teknik ini dalam proyek-proyek masa depan anda.

Jangan ragu untuk menyesuaikan desain akhirnya dan membuatnya milik anda sendiri. Anda bisa menemukan beberapa sumber inspirasi besar di GraphicRiver, dengan solusi yang menarik untuk meningkatkan desain anda.

final productfinal productfinal product
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.
Scroll to top
One subscription.
Unlimited Downloads.
Get unlimited downloads