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 Berlipat dalam Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

Dalam langkah berikut Anda akan belajar cara membuat efek teks berlipat dalam Adobe Illustrator. Sebagai permulaan, Anda akan belajar cara membuat latar belakang sederhana dan cara untuk menambahkan beberapa teks. Mengambil keuntungan penuh dari panel Appearance, Anda akan belajar cara bekerja dengan beberapa fill dan efek, linear gradients, dan teknik-teknik dasar pembauran. Akhirnya, Anda akan mempelajari cara untuk copy atribut Appearance antara objek dan cara mudah untuk menyesuaikan mereka.

Untuk lebih banyak mendapatkan inspirasi tentang cara untuk menyesuaikan atau meningkatkan efek teks akhir Anda, Anda dapat menemukan banyak sumber daya pada GraphicRiver.

1. Cara Membuat Dokumen Baru dan Menyiapkan Sebuah Grid

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

new document

2. Cara Membuat Latar Belakang

Pilih Rectangle Tool (M) dan fokus pada toolbar Anda. Menghilangkan warna dari stroke dan kemudian memilih fill dan mengatur warnanya ke R=241 G=242 B=252. Memindahkan ke artboard Anda dan hanya membuat kotak ukuran 860 px. Memastikan bahwa itu menutupi seluruh artboard Anda seperti yang ditunjukkan di bawah.

background

3. Cara Membuat Potongan Teks

Langkah 1

Pilih Type Tool (T) dan membuka panel Character (Window > Type > Character). Pilih font Tw Cen MT Condensed Extra Bold (atau huruf tebal apapun yang Anda pilih), dan atur ukuran ke 200 px dan leading ke 240 px.

Memindahkan ke artboard Anda, klik di atasnya, dan menambahkan potongan teks seperti yang ditunjukkan di bawah. Membuat warnanya hitam.

black text

Langkah 2

Menggunakan tool yang sama dan atribut character untuk membuat huruf pertama dari kata Anda. Membuatnya menjadi warna putih dan menempatkan di atas yang warna hitam.

white letter

Langkah 3

Terus menambahkan huruf putih terpisah sampai Anda menutupi semua teks hitam. Setelah Anda selesai, menuju ke panel Layers (Window > Layers) dan menghapus teks hitam Anda.

white letters

4. Cara Membuat Efek Teks Pertama

Langkah 1

Memilih salah satu huruf Anda, fokus pada panel Swatches (Window > Swatches) dan klik pada [None] swatch untuk menghilangkan fill warna putih. Pindah ke panel Appearance (Window > Appearance) dan menambahkan fill baru menggunakan tombol Add New Fill.

Memilih fill baru dan menggunakan linear gradient terlihat di bawah ini (Window > Gradient). Perlu diingat bahwa angka berwarna biru pada gambar Gradient menunjukkan persentase Location. Menggunakan Gradient Tool (G) untuk menyesuaikan panjang gradient Anda seperti yang ditunjukkan dalam gambar berikut.

add new fill

Langkah 2

Memastikan bahwa huruf berwarna masih dipilih, tetap berfokus pada panel Appearance, pilih fill tersebut dan menuju ke Effect > Stylize > Drop Shadow. Memasukkan atribut yang ditunjukkan di bawah ini dan kemudian klik tombol OK.

drop shadow

Langkah 3

Memastikan bahwa huruf berwarna masih dipilih, tetap berfokus pada panel Appearance, menambahkan fill kedua menggunakan tombol Add New Fill yang sama. Pilih fill baru ini, menambahkan linear gradient terlihat di bawah ini dan menuju ke Effect > Distort & Transform > Free Distort. Drag poin kanan tersebut seperti terlihat di bawah dan kemudian klik tombol OK.

free distort

Langkah 4

Memastikan bahwa huruf berwarna masih terpilih, tetap berfokus pada panel Appearance dan menambahkan fill ketiga menggunakan tombol Add New Fill yang sama

Drag fill baru ini di antara yang sudah ada, menerapkan linear gradient terlihat di bawah ini, menurunkan Opacity ke 40% dan menuju ke Effect > Distort & Transform > Free Distort. Drag poin kanan tersebut seperti terlihat di bawah dan kemudian klik tombol OK. Perlu diingat bahwa angka nol berwarna kuning pada gambar Gradient menunjukkan persentase Opacity.

black gradient

Langkah 5

Memastikan bahwa huruf berwarna masih terpilih, tetap berfokus pada panel Appearance.

Memilih bagian tengah fill dan duplikasi menggunakan tombol Duplicate Selected Item. Memilih fill yang baru ditambahkan, menurunkan Opacity ke 30% dan menuju ke Effect > Distort & Transform > Transform. Drag slider Move-Horizontal ke 5 px, klik tombol OK, dan menuju ke Effect > Blur > Gaussian Blur. Atur Radius ke 5 px dan kemudian klik tombol OK.

gaussian blur

5. Cara Membuat Variasi Warna Pada Efek Teks Anda

Langkah 1

Pertama, Anda perlu copy atribut Appearance dari huruf berwarna dan paste mereka ke huruf kedua Anda. Ini dapat dilakukan cukup mudah dari panel Layers. Memperluas layer Anda dan Anda akan melihat lingkaran kecil pada sisi kanan dari semua objek Anda — itu adalah icon target. Menahan tombol Alt, klik pada icon target yang menunjukkan huruf berwarna Anda, dan drag ke dalam lingkaran untuk huruf kedua Anda.

Sekarang, pilih huruf berwarna yang baru, fokus pada panel Appearance dan mengganti kedua linear gradient dengan yang ditunjukkan di bawah ini.

target icon

Langkah 2

Mengulangi teknik yang disebutkan di langkah sebelumnya, tetapi mengganti linear gradient dengan yang ditunjukkan di bawah ini.

yellow
green
blue

Langkah 3

Akhirnya, copy atribut Appearance dengan huruf berwarna putih yang masih tersisa.

copy attributes

Selamat! Anda Selesai!

Berikut adalah cara seharusnya terlihat. Saya harap Anda telah menikmati tutorial ini dan dapat menerapkan teknik-teknik ini dalam proyek-proyek masa depan Anda.

Merasa bebas untuk menyesuaikan desain akhir dan membuat sesuai Anda sendiri. Anda mungkin menemukan beberapa sumber inspirasi yang bagus pada GraphicRiver, dengan solusi yang menarik untuk meningkatkan desain Anda.

final design
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.