Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Appearance Panel
Design

Cara Membuat Efek Teks Kartun yang Berani di Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Nasrullah Baddolo (you can also view the original English article)

Final product image
What You'll Be Creating

? membuat efek teks kartun yang berani dalam Adobe Illustrator.  

Sebagai permulaan, anda akan belajar cara membuat kotak sederhana dan cara membuat latar belakang sederhana untuk efek teks anda. Dengan menggunakan Type Tool dan font yang bagus dan gratis, anda akan belajar bagaimana memulai teks.  Mengambil keuntungan penuh dari panel Penampilan, anda akan belajar bagaimana menciptakan efek teks yang sebenarnya. Akhirnya, anda akan belajar menambahkan beberapa sentuhan akhir untuk efek teks anda dengan menggunakan sekumpulan lingkaran sederhana.

Untuk lebih banyak inspirasi tentang cara menyesuaikan atau menyempurnakan final text effec tanda, anda dapat menemukan banyak sumber daya di Graphic River.

1. Cara Membuat Dokumen Baru & Mengatur Grid

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

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

Anda bisa belajar lebih banyak tentang sistem grid Illustrator dalam tutorial singkat ini dari Andrei Stefan: Understanding Adobe Illustrator's Grid System.

Anda juga harus membuka panel Info (Window> Info) untuk live preview dengan ukuran dan posisi bentuk anda.  Jangan lupa atur satuan pengukuran ke pixel dari Edit> Preferences> Units > General. Semua pilihan ini secara signifikan akan meningkatkan kecepatan kerja anda.

setup grid

2. Cara Membuat Background 

Langkah 1

Pilih Rectangle Tool (M) dan fokus pada Toolbar anda.Lepaskan warna dari goresan dan pilih fill dan atur warnanya R = 137 G = 147 B = 150.

Cukup buat sebuah persegi 860 px dan pastikan bahwa itu mencakup seluruh artboard anda. Grid dan fitur Snap to Grid seharusnya membantu.

square

Langkah 2 

Pastikan kotak anda masih dipilih, buka panel Appearance (Window> Appearance), dan tambahkan isi kedua menggunakan tombol Add New Fill.

Pilih isi baru, turunkan Opacity menjadi 60%, lalu ganti warna yang ada dengan gradien radial yang ditunjukkan di bawah ini. Ingatlah bahwa nol kuning dari gambar Gradient (Window> Gradient) mewakili presentase Opacity dan gunakan Gradient Tool (G) untuk meregangkan gradien anda seperti yang ditunjukkan pada gambar berikut.

radial gradient

3. Cara Membuat Potongan Teks Utama 

Langkah 1

Pilih Type Tool (T) dan buka panel Character (Window> Type> Character).  Pilih Comical Cartoon font dan kemudian atur ukurannya 40 px dan yang paling penting 150 px.Cukup klik pada artboard anda, tambahkan kolom teks anda, dan buatlah menjadi putih.

type tool

Langkah 2 

Dengan menggunakan alat dan atribut font yang sama, tambahkan baris pertama dari teks anda lagi. Buatlah menjadi merah dan letakkan di atas yang putih.  Lakukan hal yang sama untuk tiga baris teks lainnya, seperti yang ditunjukkan pada gambar berikut. Setelah selesai, anda dapat menghapus teks putih itu dari dokumen anda.

red text

4. Cara Membuat Sisi Depan Efek Teks Anda 

Langkah 1 

Pilih salah satu dari potongan teks anda, fokus pada panel Appearance, dan tambahkan fill baru dengan cara tombol Add New Fill yang sama.  Atur warnanya R = 247 G = 139 B = 30 dan pastikan bahwa itu terletak di atas sepotong "Karakter" teks. Tempatkan di atas teks "Karakter" akan dengan mudah menutupi warna merahnya.

add new fill

Langkah 2 

Pastikan teks oranye anda tetap dipilih dan tetap fokus pada panel Appearance. Tambahkan isi kedua dan tarik di bawah yang sudah ada.

Pastikan fill baru anda dipilih, ganti warna yang ada dengan gradien linier yang ditunjukkan di bawah ini, lalu pergi ke Effect > Path > Offset Path. Masukkan  2 px Offset, atur Joins menjadi Round, dan kemudian klik tombol OK.

linear gradient

Langkah 3 

Pastikan teks oranye anda tetap dipilih dan tetap fokus pada panel Appearance.  Pilih kembali isi di paling bawah dan pergi ke Effect > Distort & Transform> Transform. Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik tombol OK.

transform

Langkah 4

 Pastikan teks oranye anda tetap dipilih dan tetap fokus pada panel Appearance. Pilih kembali isi di paling bawah dan pergi ke Effect > Stylize> Inner Glow. Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik tombol OK.

inner glow

Langkah 5 

Pastikan teks oranye anda tetap dipilih dan tetap fokus pada panel Appearance. Pilih isi di paling atas dan pergi ke Effect > Path > Offset Path. Masukkan 2 px Offset, atur Joint menjadi Round, dan kemudian klik OK.

offset path

Langkah 6 

Pastikan teks oranye anda tetap dipilih dan tetap fokus pada panel Appearance. Tambahkan isi ketiga dan letakkan di atas yang sudah ada.

Pilih isi baru ini, atur warnanya R = 254 G = 183 B = 21, dan pergi ke Effect >Path > Offset Path. Masukkan -4 px Offset, atur Joint menjadi Round, klik OK, dan kemudian pergi ke Effect > Distort & Transform> Transform. Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik OK.

yellow fill

Langkah 7 

Untuk langkah ini anda memerlukan pola built-in dari Illustrator. Buka menu fly-out dari panel Swatch (Window> swatch) dan pergi ke Open Swatch Library> Pattern >Basic Graphics >Basic Graphics_Lines. Jaga agar jendela ini tetap terbuka, pastikan teks oranye anda dipilih, dan kembali ke jendela panel Appearance.

Pilih bagian atas isi dan duplikat menggunakan tombol Dulicate Selected Item. Pilih isi yang baru ditambahkan dan ganti saja warna yang ada dengan "10 PLI 50%" pola dari yang ditetapkan.

built-in pattern

Langkah 8 

Pastikan fill berpola anda masih dipilih, turunkan Opacity menjadi 75%, ubah   Blending Mode menjadi Soft Light, dan kemudian pergi ke Effect > Distort & Transform>Transform. Masukkan atribut yang ditunjukkan di bawah ini dan kemudian klik OK.

rotate pattern

Langkah 9 

Pastikan teks oranye anda tetap dipilih dan tetap fokus pada panel Appearance.

Pilih goresan itu, atur warnanya R = 255 G = 200 B = 28 dan ukurannya 4 px, dan kemudian pergi ke Effect > Path > Offset Path. Masukkan -2 px Offset, atur Joint Menjadi Round, dan kemudian klik OK.

yellow stroke

5. Cara Membuat Sisi Belakang Efek Teks Anda  

Langkah 1 

Pastikan teks oranye anda tetap dipilih dan tetap fokus pada panel Appearance. Tambahkan isi kelima dan letakkan di bawah yang sudah ada.

Pilih isi yang baru ini dan atur warna menjadi hitam (R = 0 G = 0 B = 0).Turunkan Opacity menjadi 50% dan ubah Blending Mode menjadi Soft Light, dan kemudian pergi ke Effect > Path > Offset Path.  Masukkan 2 px Offset, atur Joint menjadi Round, klik OK, dan kemudian pergi ke Effect > Distort & Transform> Transform.  Masukkan atribut yang ditunjukkan di jendela kiri (pada gambar berikut), klik OK, dan kemudian pergi lagi ke Effect > Distort & Transform> Transform.  Kali ini, masukkan atribut yang ditunjukkan di kanan jendela lalu klik OK.

black fill

Langkah 2 

Pastikan teks oranye anda tetap dipilih dan tetap fokus pada panel Appearance.

Pilih isi hitam dibawah dan duplikat dengan menggunakan tombol Duplicate Selected Item yang sama. Fokus pada isi hitam dibawahanda dan buka Transform efek yang kedua. Cukup tingkatkan Copies dari 20 menjadi 50 dan kemudian klik OK.

black fill

Langkah 3 

Pastikan teks oranye anda tetap dipilih dan tetap fokus pada panel Appearance. Tambahkan isi yang baru dan letakkan di bawah yang sudah ada.

Pilih isi baru ini, atur warnanya menjadi R = 190 G = 31 B = 46, dan kemudian pergi ke Efek> Path > Offset Path. Masukkan 20 px Offset, atur Joint menjadi Round, klik OK, dan kemudian pergi ke Effect > Distort &Transform> Transform. Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik OK.

dark red

Langkah 4 

Pastikan teks oranye anda tetap dipilih dan tetap fokus pada panel Appearance. Tambahkan isi baru dan letakkan tepat di atas bagian bawah.

Pilih isi baru ini, atur warnanya menjadi R = 160 G = 1 B = 16, dan kemudian pergi ke Effect > Path > Offset Path.  Masukkan 5 px Offset, atur Joint menjadi Round, klik OK, dan kemudian pergi ke Effect > Distort & Transform> Transform. Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik OK.

shading

Langkah 5 

Pastikan teks oranye anda tetap dipilih dan tetap fokus pada panel Appearance. Tambahkan isi baru dan letakkan di bawah yang sudah ada.

Pilih isi baru ini, atur warnanya menjadi R = 160 G = 1 B = 16, dan kemudian pergi ke Effect > Path > Offset Path. Masukkan 20 px Offset, atur Joint menjadi Round, klik OK, kemudian pergi ke Effect > Distort & Transform> Transform.  Masukkan atribut yang ditunjukkan di jendela kiri, klik OK, dan kemudian pergi lagi ke Effect > Distort & Transform> Transform. Kali ini masukkan atribut yang ditunjukkan di kanan jendela lalu klik OK.

dark edge

Langkah 6 

Pastikan teks oranye anda tetap dipilih dan tetap fokus pada panel Appearance. Pilih kembali isi di bawah dan pergi ke Effect > Stylize> Drop Shadow. Masukkan atribut yang ditunjukkan di bawah ini dan kemudian klik OK.

drop shadow

Langkah 7 

Pastikan teks oranye anda tetap dipilih dan tetap fokus pada panel Appearance. Gunakan tombol Add New Stroke, tambahkan stroke kedua untuk teks anda, dan letakkan di bawah semua isi tersebut.

Pilih stroke baru ini, atur warnanya menjadi R = 190 G = 31 B = 46 dan kemudian pergi ke Effect > Path > Offset Path. Masukkan 20 px Offset,atur Joint menjadi Round, klik OK, dan kemudian pergi ke Effect > Pathfinder> Add.  Kembali ke panel Appearance dan klik potongan teks "Stroke" itu untuk membuka panel fly-out Stroke. Atur Weight menjadi 8 px, periksa Round Cap dan tombol Round Join, dan kemudian periksa kotak Dashed  Line itu. Masukkan 0 px di kotak dash pertama dan 8 px dalam kotak gap pertama, dan stroke anda seharusnya berakhir terlihat seperti yang ditunjukkan pada gambar berikut.

dashed line

Langkah 8 

Pastikan teks oranye anda tetap dipilih dan tetap fokus pada panel Appearance.  Pilih kembali isi yang dibawah dan pergi ke Effect > Distort & Transform> Transform. Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik OK.

add effect

6. Cara Menyalin dan Menyesuaikan Atribut Tampilan 

Langkah 1 

Sekarang, anda perlu menyalin atribut Appearance dari satu bagian teks ke teks yang lain.Fokus pada panel Layer (Window> Layers) dan anda akan melihat bahwa semua benda memiliki lingkaran kecil di sisi kanan, ikon sasaran.

Tahan tombol Alt dari keyboard anda, klik ikon target yang mewakili teks oranye anda, dan seret ke ikon target yang mewakili salah satu potongan teks merah itu.

target icon

Langkah 2 

Ulangi teknik yang disebutkan di langkah sebelumnya untuk menyalin atribut Appearance. Setelah selesai, pilih satu atau beberapa potongan teks tersebut, fokuskan pada panel Appearance, dan ganti warna yang ada dengan yang ditunjukkan pada gambar berikut.

edit appearance

7. Cara Menambahkan Beberapa Lingkaran / Bintang dan Menyebarkannya ke Sekitar Teks 

Langkah 1 

Gunakan Ellipse Tool (L), buatlah sebuah lingkaran 20 px. Pastikan tidak ada set warna isi untuk bentuk ini dan atur warna stroke menjadi R = 190 G = 31 B = 46. Buka panel fly-out Stroke, tingkatkan Weight menjadi 6 px, dan cek tombol Align to Inside itu.

Gunakan alat yang sama, buat sebuah lingkaran 15 px. Tambahkan stroke merah yang sama, sejajarkan dengan bagian dalam, tapi kurangi Weight menjadi 4 px.  Buat lingkaran ketiga, buatlah lebar 10 px, tambahkan stroke merah yang sama, jangan lupa untuk menyelaraskannya ke dalam, dan atur Weight menjadi 3 px.

Menduplikasi tiga lingkaran tersebut (Control-C> Control-V), pilih salinan, dan ganti saja merah dengan R = 159 G = 31 B = 99.

circles

Langkah 2 

Cukup lipat gandakan lingkaran merah dan ungu anda (Control-C> Control-V) kemudian sebarkan salinan seperti yang ditunjukkan pada gambar berikut.

multiply circles

Sebagai alternatif, anda bisa mengganti lingkaran itu dengan bentuk bintang sederhana yang bisa dengan mudah dibuat dengan menggunakan Star Tool.

stars

Selamat! Kamu sudah selesai! 

Inilah bagaimana seharusnya terlihat.Saya harap anda menikmati tutorial ini dan dapat menerapkan teknik ini dalam proyek masa depan anda.

Jangan ragu untuk menyesuaikan desain akhir dan membuatnya menjadi milik anda sendiri.Anda dapat menemukan beberapa sumber inspirasi yang bagus di GraphicRiver dengan solusi 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.