Cara Membuat Efek Teks Bold dan Kartun dalam Adobe Illustrator

Gambar produk akhir — Apa yang akan Anda ciptakan?

Pada langkah-langkah berikut Anda akan belajar bagaimana 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 mendapatkan lebih banyak inspirasi tentang cara menyesuaikan atau memperbaiki efek teks akhir Anda, Anda dapat menemukan banyak sumber daya di GraphicRiver .

1. Cara Membuat Dokumen Baru & Mengatur Grid

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

Aktifkan Grid ( Lihat> Show Grid ) dan Snap to Grid ( Lihat> Snap to Grid ). Anda memerlukan grid setiap 5 px , jadi cukup masuk ke Edit> Preferences> Guides> Grid , dan masukkan 5 di Gridline setiap kotak dan 1di kotak Subdivisions . Cobalah untuk tidak berkecil hati dengan semua grid itu-ini akan membuat pekerjaan Anda lebih mudah, dan ingatlah bahwa Anda dapat dengan mudah mengaktifkan atau menonaktifkannya menggunakan cara pintas Control- " keyboard.

Anda bisa belajar lebih banyak tentang sistem grid Illustrator dalam tutorial singkat ini dari Andrei Stefan: Memahami Sistem Grid Adobe Illustrator .

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

2. Cara Membuat Background

Langkah 1

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

Cukup buat 860 px persegi dan pastikan itu mencakup keseluruhan artboard Anda. Kotak dan fitur Snap to Grid akan membantu.

Langkah 2

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

Pilih fill 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 ) adalah singkatan dari Opacity percentage dan gunakan Gradient Tool (G) untuk meregangkan gradien Anda seperti yang ditunjukkan pada gambar berikut.

3. Cara Membuat Potongan Teks Utama

Langkah 1

Pilih Type Tool (T) dan buka panel Character ( Window> Type> Character ). Pilih font Kartun Komik dan kemudian atur ukurannya menjadi 40 px dan yang mengarah ke 150 px . Cukup klik pada artboard Anda, tambahkan kolom teks Anda, dan buatlah menjadi putih.

Langkah 2

Dengan menggunakan alat dan atribut font yang sama, tambahkan baris pertama dari teks Anda lagi.Buatlah 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.

4. Cara Membuat Sisi Depan Efek Teks Anda

Langkah 1

Pilih salah satu dari potongan teks Anda, fokuskan pada panel Appearance , dan tambahkan isi baru dengan menggunakan tombol Add New Fill yang sama . Atur warnanya menjadi R = 247 G = 139 B = 30 dan pastikan itu ada di atas potongan " Karakter " teks. Menempatkannya di atas teks " Karakter " hanya akan menutupi warna merah itu.

Langkah 2

Pastikan teks oranye Anda tetap dipilih dan tetap fokus pada panel Appearance . Tambahkan mengisi 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 masuk ke Effect> Path> Offset Path . Masukkan Offset 2 px , atur Joins to Round , lalu klik tombol OK .

Langkah 3

Pastikan teks oranye Anda tetap dipilih dan tetap fokus pada panel Appearance . Pilih kembali isi dasar dan masuk ke Efek> Distort & Transform> Transform . Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik tombol OK .

Langkah 4

Pastikan teks oranye Anda tetap dipilih dan tetap fokus pada panel Appearance . Pilih ulang bagian bawah dan masuk ke Effect> Stylize> Inner Glow . Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik tombol OK .

Langkah 5

Pastikan teks oranye Anda tetap dipilih dan tetap fokus pada panel Appearance . Pilih yang teratas dan masuk ke Effect> Path> Offset Path . Masukkan Offset 2 px , atur Joins to Round , lalu klik tombol OK .

Langkah 6

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

Pilih fill baru ini, atur warnanya ke R = 254 G = 183 B = 21 , dan masuk ke Effect> Path> Offset Path . Masukkan Offset -4 px , atur Joins to Round , klik tombol OK , lalu masuk ke Effect> Distort & Transform> Transform . Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik tombol OK .

Langkah 7

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

Pilih bagian atas isi dan duplikat menggunakan tombol Item yang Digandakan . Pilih fill yang baru ditambahkan dan ganti warna yang ada dengan pola " 10 pli 50% " dari set tersebut.

Langkah 8

Pastikan fill berpola Anda tetap dipilih, turunkan Opacity menjadi 75% , ubah Blending Mode menjadi Soft Light , lalu masuk ke Effects> Distort & Transform> Transform . Masukkan atribut yang ditunjukkan di bawah ini dan kemudian klik tombol OK itu .

Langkah 9

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

Pilih stroke itu, atur warna ke R = 255 G = 200 B = 28 dan ukurannya menjadi 4 px , lalu masuk ke Effect> Path> Offset Path . Masukkan Offset -2 px , atur Joins to Round , lalu klik tombol OK .

5. Cara Membuat Sisi Belakang Efek Teks Anda

Langkah 1

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

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

Langkah 2

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

Pilih bagian bawah hitam dan duplikatnya dengan menggunakan tombol Item Duplicate Selected yang sama . Fokus pada bagian bawah hitam Anda dan buka efek Transform kedua . Cukup tingkatkan Salinandari 20 menjadi 50 dan kemudian klik tombol OK .

Langkah 3

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 ke R = 190 G = 31 B = 46 , lalu masuk ke Effect> Path> Offset Path . Masukkan Offset 20 px , atur Joins to Round , klik tombol OK , lalu masuk ke Effect> Distort & Transform> Transform . Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik tombol OK .

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 fill baru ini, atur warnanya ke R = 160 G = 1 B = 16 , lalu masuk ke Effect> Path> Offset Path . Masukkan Offset 5 px , atur Joins to Round , klik tombol OK , lalu masuk ke Effect> Distort & Transform> Transform . Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik tombol OK .

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 fill baru ini, atur warnanya ke R = 160 G = 1 B = 16 , lalu masuk ke Effect> Path> Offset Path . Masukkan Offset 20 px , atur Joins to Round , klik tombol OK , lalu masuk ke Effect> Distort & Transform> Transform . Masukkan atribut yang ditunjukkan di jendela kiri, klik tombol OK , lalu kembali ke Effect> Distort & Transform> Transform . Kali ini masukkan atribut yang ditunjukkan di kanan jendela lalu klik tombol OK .

Langkah 6

Pastikan teks oranye Anda tetap dipilih dan tetap fokus pada panel Appearance . Pilih ulang bagian bawah dan masuk ke Effect> Stylize> Drop Shadow . Masukkan atribut yang ditunjukkan di bawah ini dan kemudian klik tombol OK itu .

Langkah 7

Pastikan teks oranye Anda tetap dipilih dan tetap fokus pada panel Appearance . Dengan menggunakan tombol Add New Stroke , tambahkan stroke kedua untuk teks Anda, dan letakkan di bawah semua isi yang terisi.

Pilih stroke baru ini, atur warnanya ke R = 190 G = 31 B = 46 dan kemudian masuk ke Effect> Path> Offset Path . Masukkan Offset 20 px , atur Joins to Round , klik tombol OK , lalu masuk ke Effect> Pathfinder> Add . Kembali ke panel Appearance dan klik tulisan " Stroke " untuk membuka panel fly-out Stroke . Tetapkan Berat sampai 8 px , periksa tombol Round Cap dan Round Join , dan kemudian periksa kotak Dashed Line . Masukkan 0 pxdi kotak dasbor pertama dan 8 px di kotak celah pertama , dan goresan Anda seharusnya terlihat seperti yang ditunjukkan pada gambar berikut.

Langkah 8

6. Cara Menyalin dan Menyesuaikan Atribut Tampilan

Langkah 1

Sekarang, Anda perlu menyalin atribut Appearance dari satu teks ke teks lainnya. Fokus pada panel Lapisan ( Window> Lapisan ) dan Anda akan melihat bahwa semua benda memiliki lingkaran kecil di sisi kanan, ikon target.

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.

Langkah 2

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

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

Langkah 1

Menggunakan Ellipse Tool (L) , buat lingkaran 20 px . Pastikan tidak ada warna isi yang ditetapkan untuk bentuk ini dan atur warna stroke ke R = 190 G = 31 B = 46 . Buka panel fly-out Stroke , tingkatkan Beratsampai 6 px , dan periksa tombol Align to Inside .

Dengan menggunakan alat yang sama, buat lingkaran 15 px . Tambahkan stroke merah yang sama, selaraskan ke dalam, tapi kurangi Berat sampai 4 px . Buat lingkaran ketiga, buatlah lebar 10 px , tambahkan stroke merah yang sama, jangan lupa untuk menyelaraskannya ke dalam, dan atur Weight to 3 px .

Duplikat ketiga lingkaran ini ( Control-C> Control-V ), pilih salinannya, dan ganti dengan merah R = 159 G = 31 B = 99 .

Langkah 2

Cukup kalikan lingkaran merah dan ungu Anda ( Control-C> Control-V ) dan kemudian menyebarkan salinannya seperti yang ditunjukkan pada gambar berikut.

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

Selamat! Kamu sudah selesai!

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

Merasa bebas untuk menyesuaikan desain akhir dan membuatnya menjadi milik Anda sendiri. Anda dapat menemukan beberapa sumber inspirasi yang hebat di GraphicRiver dengan solusi menarik untuk memperbaiki desain Anda.