Cara Membuat Efek Teks Isometric Berlapis di Adobe Illustrator

Dalam langkah-langkah berikut, Anda akan belajar cara membuat efek teks isometric berlapis di Adobe Illustrator.

Sebagai permulaan, Anda akan belajar cara membuat potongan teks sederhana dan cara menyesuaikan atributnya. Mengambil keuntungan penuh dari panel Appearance, Anda akan belajar cara menambahkan beberapa lapisan ke teks. Menggunakan efek 3D Rotate text sederhana, Anda akan belajar bagaimana menambahkan tampilan isometrik pada teks.

Terakhir, Anda akan belajar cara menambahkan latar belakang sederhana dan tekstur halus ke desain akhir.

Untuk inspirasi lebih lanjut tentang cara menyesuaikan atau meningkatkan text effect akhir Anda, Anda dapat menemukan banyak sumber daya di GraphicRiver.

Apa yang Anda perlukan

Anda memerlukan sumber daya berikut untuk menyelesaikan proyek ini:

• Auro font

1. Cara Membuat Piece Pertama Teks

Langkah 1

Tekan Control-N untuk membuat dokumen baru. Pilih Pixels dari menu drop-down Unit, masukkan 850 dalam width dan 540 di kotak height, lalu klik tombol More Settings. Pilih RGB untuk Mode Warna, atur Raster Effects ke Screen (72 ppi), lalu klik Creat Document.

Buka panel Info (Window> Info) untuk preview langsung dengan ukuran dan posisi pilihan Anda. Jangan lupa untuk mengatur unit pengukuran ke pixel dari Edit> Preferensi> Unit. Semua opsi ini akan meningkatkan kecepatan kerja Anda secara signifikan.

Langkah 2

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

Klik pada artboard dan add bagian "Red" dari teks tentang seperti ditunjukkan di bawah. Membuat hitam, untuk saat ini.

Langkah 3

Pilih teks Anda, fokus pada panel Swatch (Window> Swatches), dan klik [None] swatch untuk menghapus warna teks hitam.

Pindah ke panel Appearance (Window> Appearance) dan tambahkan fill baru menggunakan tombol Add New Fill. Pilih fill baru dan atur warnanya ke R = 242 G = 242 B = 248.

Langkah 4

Pastikan bahwa teks Anda tetap pada status selected, fokus pada panel Appearance, dan tambahkan fill kedua menggunakan tombol Add New Fill yang sama.

Pilih new fill ini, atur warnanya ke R = 58 G = 95 B = 245, dan buka Effect> Distort & Transform> Transform. Drag slider Move-Horizontal ke 0,8 px dan slider Move-Vertical ke -0.8 px, masukkan 5 di kotak Copies, dan kemudian klik OK.

Langkah 5

Pastikan bahwa teks Anda tetap selected dan tetap fokus pada panel Appearance. Menambahkan fill ketiga dan move di bagian bawah panel. Atur warnanya ke R = 242 G = 242 B = 248 dan buka Effect> Distort & Transform> Transform. Drag slider Move-Horizontal ke 0,8 px dan Move-Vertical ke -0,8 px, masukkan 10 dalam kotak Copies, dan kemudian klik OK.

Kembali ke Appearance panel, pilih fill biru, dan duplikat ini menggunakan tombol Duplicate Selected Item. Drag fill baru ini ke bagian bawah panel Appearance dan buka Transform effect applied untuk itu. Masukkan 15 dalam Copies box dan klik OK.

Langkah 6

Pastikan bahwa teks Anda tetap dipilih dan tetap fokus pada panel Appearance.

Lanjutkan untuk menduplikasi bagian bawah fill, memvariasikan dua warna, dan dengan setiap pengisian baru meningkatkan nilai dalam kotak Copies dengan 5. Berhenti pada pengisian ke-20. Pada akhirnya, semuanya akan terlihat seperti pada gambar berikut.

2. Cara Membuat Potongan Kedua Tekxt

Langkah 1

Duplikat bagian teks. Pilih copy dan hanya mengganti "Red" dengan "Blue".

Langkah 2

Pilih bagian "Blue" dari teks dan fokus pada panel Appearance. Pilih Semua fill biru dan hanya mengganti warna dengan R = 235 G = 47 B = 38.

Langkah 3

Pastikan bahwa bagian "Biru" dari teks masih dipilih dan tetap fokus pada panel Appearance. Satu per satu, buka Transform efek diterapkan untuk 19 fill dan drag slider Move-Horizontal ke -0.8 px.

3. Cara Menerapkan efek Isometric 3D

Langkah 1

Pilih bagian "Biru" dari teks dan fokus pada panel Appearance. Pastikan bahwa seluruh potongan teks dipilih (hanya klik "Type" potongan teks dari bagian atas panel) dan pergi ke Efect > 3D > Rotate. Masukkan atribut yang ditunjukkan di bawah ini dan klik OK.

Langkah 2

Pilih text "Red" Anda dan fokus pada panel Appearance. Pastikan bahwa seluruh potongan teks dipilih dan pergi ke Effect>3D>play. Masukkan atribut yang ditunjukkan di bawah ini dan klik OK.

Langkah 3

Bawa potongan teks "Red" ke depan (Shift-Control-]) dan letakkan seperti yang ditunjukkan di bawah ini.

4. Cara Membuat Bayangan Teks

Langkah 1

Pilih Type Tool (T) dan tambahkan potongan kedua text "Red". Gunakan atribut font yang sama dan atur warnanya menjadi R=58 G=95 B=245.

Langkah 2

Pastikan bahwa potongan biru teks Anda tetap terpilih dan buka Effect> Distort & Transform> Transform. Masukkan atribut yang ditunjukkan di bawah ini, klik OK, dan buka Effect> 3D> Rotate. Masukkan pengaturan yang ditunjukkan di bawah ini dan klik OK.

Langkah 3

Pilih Type Tool (T) dan tambahkan kedua potongan teks "Blue". Gunakan atribut font yang sama dan atur warnanya ke R=235 G=47 B=38.

Langkah 4

Pastikan bahwa potongan teks red Anda tetap terpilih dan pergi ke Effect> 3D> Rotate. Masukkan atribut yang ditunjukkan di bawah ini, klik OK, dan buka Effect> Distort & Transform> Transform. Masukkan pengaturan yang ditunjukkan di bawah ini dan klik OK.

5. Cara Membuat Background

Langkah 1

Pilih Rectangle Tool (M) dan buat bentuk 870 x 560 px. Isi bentuk baru ini dengan R=242 G=242 B=248, kirim ke belakang (Shift-Control- [), dan pastikan bahwa itu menutupi seluruh artboard Anda.

Langkah 2

Pilih rectangle Anda, tambahkan salinan di depan (Control-C> Control-F), dan bawa ke depan (Shift-Control-]).

Pastikan bahwa new shape ini tetap terpilih dan fokus pada panel Appearance. Pertama, ganti warna flat dengan gradien radial yang ditunjukkan di bawah ini. Gunakan Gradient Tool (G) untuk meregangkan gradien Anda seperti yang ditunjukkan di bawah ini. Turunkan Opacity menjadi 5% dan ubah Blending Mode menjadi Multiply, dan kemudian pergi ke Effect> Artistic> Film Grain. Masukkan atribut yang ditunjukkan di bawah dan klik OK. 

Selamat! Anda sudah selesai!

Di sini adalah bagaimana seharusnya terlihat. Saya harap Anda menikmati tutorial ini dan dapat menerapkan teknik ini dalam proyek Anda di masa mendatang. Jangan ragu untuk membagikan hasil akhir Anda di bagian komentar.

Jangan ragu untuk menyesuaikan desain akhir dan menjadikannya milik Anda sendiri. Anda dapat menemukan beberapa sumber inspirasi hebat di GraphicRiver, dengan solusi menarik untuk meningkatkan desain Anda.