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

Bagaimana Cara Membuat Efek Teks Bayangan Panjang Retro dalam Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Warm, Retro Text Effect in Adobe Illustrator

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

Final product image
What You'll Be Creating

Dalam langkah-langkah berikut, anda akan belajar bagaimana cara membuat efek teks bayangan panjang retro dalam Adobe Illustrator.

Untuk pemula, anda akan belajar bagaimana cara membuat beberapa teks. Mengambil keuntungan penuh dari panel Appearance dan menggunakan sebuah efek Transform yang rapi, anda akan belajar bagaimana cara menambahkan efek bayangan panjangnya tanpa meng-expand teks anda. Beberapa teknik blending dasar dan sebuah efek Gaussian Blur sederhana akan menjadi sentuhan akhir untuk efek teks anda.

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 Teks

Langkah 1

Tekan Control-N untuk membuat sebuah dokumen baru. Pilih Pixels dari menu drop-down Units, masukkan 850 dalam kotak width dan 610 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 tombol Create Document itu. Jangan lupa untuk mengatur unit pengukurannya ke pixels dari Edit > Preferences > Units.

setup grid

Langkah 2

Pilih Type Tool (T) dan buka panel Character (Window > Type > Character). Pilih font Insaniburger dan atur ukurannya ke 200 px.

Pindah ke artboard anda, klik di atasnya, dan tambahkan sepotong teks anda kurang lebih seperti yang ditunjukkan di bawah ini. Buat itu hitam.

type tool

Langkah 3

Gunakan alat dan atribut karakter yang sama untuk membuat huruf terakhir dari teks anda. Buat itu biru dan tempatkan itu tepat di atas yang hitam.

Terus menambahkan huruf-huruf biru yang terpisah sampai anda menutupi semua teks hitam anda. Setelah anda selesai, pergi ke panel Layers (Window > Layers) dan hapus teks hitam anda.

letter

2. Bagaimana Cara Menambahkan Efek Bayangan Panjang

Langkah 1

Pilih salah satu huruf anda, fokus pada panel Swatches (Window > Swatches), dan klik swatch [None] itu untuk menghapus warna teks birunya.

Pindah ke panel Appearance (Window > Appearance) dan tambahkan sebuah fill baru menggunakan tombol Add New Fill. Pilih fill baru itu dan atur warnanya ke R=255 G=245 B=225.

fill none

Langkah 2

Pastikan bahwa "S" anda masih terpilih dan fokus pada panel Appearance. Tambahkan fill kedua dan pilih itu. Tarik itu ke bagian bawah panelnya, atur warnanya ke R=0 G=146 B=69, dan kemudian pergi ke Effect > Distort & Transform > Transform. Tarik kedua slider Move ke 0.5 px, masukkan 700 dalam kotak Copies itu, dan kemudian klik OK.

long shadow

Langkah 3

Pastikan bahwa "S" anda masih terpilih dan terus fokus pada panel Appearance. Tambahkan fill ketiga dan pilih itu.

Tarik itu diantara kedua fill yang ada dan atur warnanya ke hitam. Turunkan Opacity nya ke 10% dan kemudian pergi ke Effect > Path > Offset Path. Masukkan Offset -10 px, klik OK, dan kemudian pergi ke Effect > Distort & Transform > Transform. Tarik kedua slider Move ke 15 px, klik OK, dan kemudian pergi ke Effect > Blur > Gaussian Blur. Masukkan Radius 5 px dan kemudian klik OK.

add new fill

Langkah 4

Fokus pada panel Layers, buka layer anda, dan gunakan ikon target itu untuk dengan mudah menerapkan atribut Appearance yang digunakan untuk huruf pertama anda ke sisa huruf-huruf anda. Ikon Target adalah ikon bulat kecil yang ditampilkan di ujung kanan dari setiap bentuk atau layer individual.

Tahan tombol Alt dari keyboard anda, klik ikon target yang mewakili "S" anda, dan kemudian tarik itu ke ikon target yang mewakili "T" anda. Pilih "T" anda, fokus pada panel Appearance, dan ganti hijau yang digunakan untuk fill bawah itu dengan R=255 G=154 B=9.

target icon

Langkah 5

Pindah ke "O" dan terapkan atribut Appearance yang sama, tapi ganti hijaunya dengan R=244 G=54 B=44.

Pilih "P" itu dan terapkan atribut Appearance yang sama, tapi ganti hijaunya dengan R=7 G=132 B=170.

red blue

3. Bagaimana Cara Membuat Latar Belakang dan Menambahkan Lebih Banyak Teks

Langkah 1

Pilih Rectangle Tool (M) dan buat sebuah bentuk yang menutupi seluruh artboard anda. Isi itu dengan R=42 G=27 B=67 dan kirimkan ke belakang (Shift-Control-[).

background

Langkah 2

Pilih Type Tool (T) dan fokus pada panel Character. Pastikan Bahwa font Insaniburger masih terpilih dan atur ukurannya ke 50 px.

Tambahkan sepotong teks "DON'T" dan tempatkan itu seperti yang ditunjukkan pada gambar berikut. Lagi, hapus warna teksnya dan fokus pada panel Appearance. Tambahkan sebuah fill menggunakan tombol Add New Fill itu, pilih itu, dan atur warnanya ke R=255 G=245 B=225.

type tool

Langkah 3

Pastikan bahwa sepotong teks "DON'T" anda tetap terpilih, fokus pada panel Appearance, dan tambahkan fill kedua. Pilih fill bawahnya, atur warnanya ke R=255 G=80 B=145, dan kemudian pergi ke Effect > Distort & Transform > Transform. Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik tombol OK itu.

add new fill

Langkah 4

Pastikan Bahwa sepotong teks "DON'T" anda masih terpilih dan tetap fokus pada panel Appearance. Tambahkan fill ketiga dan pilih itu.

Tarik itu diantara kedua fill yang ada dan atur warnanya ke hitam. Turunkan Opacity nya ke 10% dan kemudian pergi ke Effect > Path > Offset Path. Masukkan Offset -2 px, klik tombol OK itu, dan kemudian pergi ke Effect > Distort & Transform > Transform. Tarik kedua slider Move ke 5 px, klik tombol OK itu, dan kemudian pergi ke Effect > Blur > Gaussian Blur. Masukkan Radius 3 px dan kemudian klik tombol OK itu.

gaussian blur

Langkah 5

Pilih Type Tool (T) dan tambahkan sepotong teks "BELIEVING". Atur warna teksnya ke R=255 G=245 B=225 dan tempatkan itu seperti yang ditunjukkan pada gambar berikut. Pastikan bahwa sepotong teks baru ini terpilih dan pergi ke Effect > Stylize > Drop Shadow. Masukkan atribut yang ditunjukkan di bawah ini dan kemudian klik tombol OK itu.

drop shadow

Selamat! Anda Sudah Selesai!

Inilah bagaimana itu seharusnya terlihat. Saya harap anda telah menikmati tutorial ini dan bisa menerapkan teknik-teknik ini pada proyek-proyek masa depan anda. Jangan ragu untuk membagikan hasil akhir anda pada bagian komentar.

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 product
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.