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

Bagaimana Cara Membuat Sebuah Efek Teks Isometrik dalam Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

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 berikut anda akan belajar bagaimana cara membuat sebuah efek teks isometrik sederhana dalam Adobe Illustrator.

Sebagai permulaan, anda akan belajar bagaimana cara membuat teks dasar dan bagaimana cara mengubahnya menjadi sebuah obyek 3D menggunakan efek 3D Extrude & Bevel. Selanjutnya, anda akan belajar bagaimana cara untuk memilih sekelompok bentuk dengan atribut serupa dengan cepat dan bagaimana cara mengubahnya menjadi compound path. Akhirnya, anda akan belajar bagaimana cara mewarnai dan mengatur bentuk anda, bagaimana cara membuat sebuah latar belakang sederhana, dan bagaimana cara untuk menambahkan bayangan halus menggunakan efek Transform.

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 Dengan Teks

Langkah 1

Tekan Control-N untuk membuat sebuah Dokumen Baru. Pilih Pixels dari menu dropdown Units. Masukkan 850 dalam kotak Width dan 600 dalam kotak Height dan kemudian klik tombol Advanced. Pilih RGB untuk Color Mode, atur Raster Effects ke Screen(72 ppi), dan kemudian klik tombol Create Document.

Pergi ke Edit > Preferences > Units dan pastikan bahwa ketiga unit pengukurannya semua diatur ke pixels.

create a new document

Langkah 2

Pilih Type Tool (T) dan fokus pada panel Character (Window > Type > Character). Pilih font Silkscreen Expanded dan atur Size nya ke 200 px.

Pindah ke artboard anda dan cukup klik di atasnya. Tambahkan teks anda dan atur warnanya ke R=251 G=137 B=100.

create text with the type tool

2. Bagaimana Cara Menambahkan Efek 3D dan Memperluasnya

Langkah 1

Pastikan bahwa teks anda masih terpilih dan pergi ke Effect > 3D > Extrude & Bevel. Klik tombol More Options, masukkan semua atribut yang ditunjukkan dibawah ini, dan kemudian klik tombol OK itu. Pada akhirnya, keadaan akan terlihat seperti gambar berikut.

create the 3D effect

Langkah 2

Dengan teks anda masih terpilih, pergi ke Object > Expand > Appearance. Pastikan bahwa kelompok bentuk yang dihasilkan tetap terpilih dan tekan shortcut keyboard Shift-Control-G tiga kali untuk menyingkirkan semua kelompok dan subkelompok tersebut.

Pindah ke panel Layers (Window > Layers), Expand layer yang ada, dan anda seharusnya punya banyak bentuk seperti yang ditunjukkan dalam gambar berikut.

expand the appearance

3. Bagaimana Cara Mewarnai dan Mengatur Teks Anda

Langkah 1

Pilih Selection Tool (V) dan seleksi semua bentuk yang membentuk sisi atas dari teks 3D anda. Cukup pergi ke Object > Compound Path > Make atau gunakan shortcut keyboard Control-8 untuk mengubah bentuk pilihan anda menjadi sebuah compound path.

Pastikan bahwa compound path anda tetap terpilih, bawa ke depan menggunakan shortcut keyboard Shift-Control-], dan kemudian fokus pada panel Appearance (Window > Appearance).

Pertama, ganti warna Fill yang ada dengan R=255 G=200 B=0, dan kemudian pilih Stroke. Atur warnanya ke R=46 G=58 B=58 dan kemudian klik tulisan "Stroke" itu untuk membuka panel fly-out Stroke. Tingkatkan Weight nya menjadi 4 px, dan jangan lupa untuk mencentang tombol Round Join itu.

make a compound path

Langkah 2

Fokus pada panel Layers, buka layer yang sudah ada, dan compound path yang dibuat pada langkah sebelumnya seharusnya terletak di atas. Cukup namai ulang itu "Top" dan kemudian hapus centang pada ikon mata itu untuk membuatnya tak terlihat untuk sekarang.

Sekarang, anda perlu menyeleksi semua bentuk yang membentuk dasar dari teks 3D anda. Menggunakan Selection Tool (V), pilih hanya satu dari bentuk itu dan pergi ke Select > Same > Appearance. Ini pada dasarnya akan menyeleksi semua bentuk dengan atribut Appearance yang sama dari dokumen anda.

Begitu anda memiliki semua bentuk yang terpilih, Ubah mereka menjadi sebuah compound path baru (Control-8). Pastikan bahwa compound path baru ini tetap terpilih, ganti Fill color yang ada dengan hitam (R=0 G=0 B=0), dan kirim ke belakang menggunakan shortcut keyboard Shift-Control-[.

Kembali ke panel Layers dan scroll ke bagian bawah panel untuk menuju ke compound path yang dibuat dalam langkah ini. Namai ulang itu "Base" dan kemudian kunci itu untuk memastikan bahwa anda tidak akan menyeleksi atau memindahkannya secara tidak sengaja.

lock the shape

Langkah 3

Jangan ragu untuk melewati langkah ini karena langkah berikut tidak akan mengubah tampilan desain akhir anda. Ikuti saja jika anda ingin panel Layers anda bersih dan terorganisir dengan baik.

Pada dasarnya, anda perlu menghilangkan semua sisi lateral dari teks 3D anda yang akan berakhir tersembunyi begitu anda menghidupkan kembali visibilitas untuk compound path "Top" itu. Pindah dari satu huruf ke huruf lainnya, pilih bentuk yang tidak diinginkan, dan cukup hapus mereka menggunakan tombol Delete. Pada akhirnya, keadaan akan terlihat seperti dalam gambar kelima.

organize the layers

4. Mewarnai & Mengatur Sisi Lateral dari Teks Anda

Langkah 1

Pilih salah satu dari bentuk coklat muda itu dan pergi ke Select > Same > Fill Color untuk memilih sisa bentuk dengan warna Fill yang sama. Pastikan bahwa semua bentuk ini tetap terseleksi, dan fokus pada panel Appearance.

Ganti warna Fill yang ada dengan R=0 G=173 B=236 dan kemudian pilih Stroke. Atur warnanya ke R=46 G=58 B=58 dan kemudian buka panel fly-out Stroke itu. Tingkatkan Weight nya ke 4 px, dan jangan lupa untuk mencentang tombol Round Join itu.

fill shapes with blue

Langkah 2

Pilih salah satu dari bentuk coklat yang tersisa dan pergi lagi ke Select > Same > Fill Color. Pastikan bahwa semua bentuk ini tetap terpilih dan kembali ke panel Appearance.

Ganti warna Fill yang ada dengan R=252 G=130 B=119 dan kemudian pilih Stroke. Atur warnanya ke R=46 G=58 B=58 dan kemudian buka panel fly-out Stroke itu. Tingkatkan Weight nya ke 4 px, dan jangan lupa untuk mencentang tombol Round Join itu.

fill shapes with pink

5. Menambahkan sebuah Latar Belakang dan sebuah Bayangan Sederhana

Langkah 1

Menggunakan Rectangle Tool (M), buat sebuah bentuk 850 x 600 px. Pastikan bahwa itu menutupi seluruh artboard anda, dan atur warna Fill ke R=0 G=173 B=236.

add the blue background

Langkah 2

Pergi ke panel Layers dan buka kunci compound path "Base" itu. Pilih dan pindahkan itu ke panel Appearance.

Ganti Blending Mode ke Soft Light dan kemudian pergi ke Effect > Path > Offset Path. Masukkan 2 px Offset dan atur Joins ke Round. Klik tombol OK itu dan pergi ke Effect > Distort & Transform > Transform. Seret slider Move-Horizontal ke 0.2 px, masukkan 100 dalam kotak Copies, klik tombol OK, dan anda sudah selesai.

add the shadow

Selamat! Anda Sudah Selesai!

Ini adalah bagaimana itu seharusnya terlihat. Saya harap anda menikmati tutorial ini dan bisa menerapkan teknik ini ke proyek anda yang akan datang.

Jangan ragu untuk menyesuaikan desain akhirnya dan buatlah itu milik anda sendiri. Anda bisa menemukan beberapa sumber inspirasi bagus di GraphicRiver, dengan solusi yang menarik untuk memperbaiki desain anda.

Isometric Pixel Text Effect Adobe Illustrator Tutorial
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.