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

Cara Membuat Efek Teks Terinspirasi Chesire Cat di Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Alice in Wonderland Week.
How to Create an Alice in Wonderland Inspired Afternoon Tea Invite in Adobe InDesign
How to Create an Alice in Wonderland Tea Party Scene in Adobe Illustrator

Indonesian (Bahasa Indonesia) translation by Anthoni Hermanto (you can also view the original English article)

Final product image
What You'll Be Creating

Ikuti tutorial ini dan pelajari cara membuat efek teks terinspirasi Cheshire Cat di Adobe Illustrator. Anda akan mempelajari cara baru untuk menciptakan penampilan bulu dan juga menggunakan kuas pattern untuk menambahkan bulu ekstra untuk tampilan yang lebih detail. Dan tutorial ini tidak akan lengkap tanpa senyum kucing cheesy. Ayo mulai!

Jika Anda mencari lebih banyak efek teks atau karakter kartun, pastikan untuk memeriksa GraphicRiver dan Anda pasti akan menemukan apa yang Anda cari di sana.

Tutorial Assets

Untuk menyelesaikan tutorial, Anda memerlukan aset berikut:

1. Cara Membuka Dokumen Baru

Luncurkan Illustrator dan buka dokumen kosong. Ketikkan nama untuk file Anda, atur dimensinya, dan kemudian atur Pixel sebagai Units dan RGB sebagai Color Mode.

Selanjutnya, pergi ke Edit > Preferences > General dan atur Keyboard Increment ke 1 px dan kemudian, pergi ke Unit untuk memastikan mereka ditetapkan seperti pada gambar berikut. Saya biasanya bekerja dengan pengaturan ini, dan mereka akan membantu Anda selama proses menggambar.

how to open new illustrator document

2. Cara Membuat dan Mendistorsi Teks

Langkah 1

Ambil Type Tool (T) dan tulis "MEOW" pada artboard Anda menggunakan Jungle Fever Font, ukuran 160 pt. Pilih Expand Appearance dari menu Object untuk mendapatkan huruf dan Ungroup (Shift-Control-G) jika diperlukan.

how to write the Meow text

Langkah 2

Fokus pada huruf "M". Gunakan Delete Anchor Point Tool (-) untuk menghapus beberapa titik di bagian atas untuk mendapatkan straight edge (1). Sekarang, ambil Pen Tool (P) dan menggambar bentuk seperti yang di bawah ini untuk mensimulasikan jumbai bulu Cheshire Cat (2). Lanjutkan dengan bentuk telinga dan kirim ke belakang (3).

how to distort the letter M

Langkah 3

Fokus pada huruf "W". Gunakan Add Anchor Point Tool (+) untuk menambahkan titik ekstra di bagian atas kaki kiri dan mendistorsi bentuk untuk mensimulasikan seberkas bulu lainnya (1).

Beralih ke Pen Tool (P) dan gambar bentuk ekor (2). Setelah itu, pilih huruf bersama dengan ekor dan tekan Unite di panel Pathfinder untuk menggabungkan mereka menjadi satu bentuk (3).

how to distort the letter W

Langkah 4

Putar dan gerakkan huruf "E" lebih dekat ke huruf "M" (1). Selanjutnya, hapus huruf yang ada "O" dan menggambar bentuk seperti telur sebagai gantinya (2). Skalakan huruf "W" sedikit, putar, dan gerakkan di atas huruf "O" (3). Pada titik ini, teks sudah siap.

how to arrange the text

3. Bagaimana Membuat Garis pada Teks

Langkah 1

Gunakan Pen Tool (P) untuk menggambar beberapa jalur di atas huruf "M" dan seret beberapa jalur di atas huruf "E" juga untuk menciptakan tampilan berkelanjutan (jalur hijau). Gunakan Width Profile 1 untuk membelai jalur ini dan pilih Stroke Weights yang berbeda dari 14 pt, 12 pt, dan bahkan 10 pt.

how to draw stripes on letter M

Langkah 2

Fokus pada huruf "E". Pertama, buat salinan dari tiga jalur hijau yang membahas kedua huruf karena Anda akan memerlukan duplikat nanti. Setelah itu, tarik lebih banyak jalur untuk menutupi area bebas (jalur biru). Gunakan Width Profile 1 lagi dan pilih Stroke Weights yang berbeda dari 12 pt dan 18 pt.

how to draw stripes on letter E

Langkah 3

Sekarang, fokus pada huruf "O" dan menggambar empat jalur dengan 10, 12, dan 14 pt Stroke (1). Selanjutnya, menggambar jalur panjang yang melewati huruf "W" juga, dan meninggalkan beberapa ruang kosong di sudut kiri bawah untuk senyum Cheshire Cat cheesy (2).

Lanjutkan menggambar jalur yang lebih bergelombang di atas huruf "W", dan jangan lupa untuk menduplikasi yang hijau untuk nanti (3).

how to draw stripes on letter O and W

Langkah 4

Mari kita kembali ke huruf "M". Pilih semua path dan pilih Expand Appearance dari menu Object untuk mengubahnya dari stroke menjadi fill. Jangan lepaskan dan pergi ke Object > Compound Path > Make (Control-8) (1). Buat salinan di depan jalur gabungan yang dihasilkan untuk digunakan nanti.

Copy dan Paste in Front (Control-F) huruf "M"; kemudian pilih salinan ini bersama dengan jalur senyawa bergaris dan tekan Minus Front di panel Pathfinder (2). Jika Anda mendapatkan sekelompok bentuk sebagai hasilnya, juga pergi ke Object > Compound Path > Make (Control-8). Isi jalur senyawa yang baru diperoleh dengan warna abu-abu untuk saat ini (3).

how to create the pink fur compound path for letter M

Langkah 5

Pilih huruf merah muda asli dan kemudian Copy dan Paste in Front (Control-F) lagi. Sementara salinan ini tetap dipilih, pilih juga salinan jalur gabungan bergaris yang dibuat pada langkah sebelumnya dan tekan Intersect di panel Pathfinder (1). Jika Anda mendapatkan sekelompok bentuk sebagai hasilnya, buka Object > Compound Path > Make (Control-8). Anda akan mendapatkan jalur senyawa bergaris baru (2).

how to create the pink striped fur compound path for letter M

Langkah 6

Fokus pada huruf "E" dan pilih semua path yang melewatinya (1). Pilih Expand Appearance dari menu Object untuk mengubahnya menjadi fill dan kemudian pergi ke Object > Compound Path > Make (Control-8). Buat salinan di depan jalur senyawa bergaris yang dihasilkan.

Pilih huruf merah muda dan kemudian Copy dan Paste in Front (Control-F). Simpan salinan ini dipilih bersama dengan jalur compound bergaris dan tekan Minus Front pada panel Pathfinder. Juga pergi ke Object > Compound Path > Make (Control-8) dan isi bentuk yang dihasilkan dengan gray (2).

Buat salinan lain di depan huruf merah muda. Sementara salinan ini tetap dipilih, pilih juga salinan jalur senyawa bergaris yang dibuat sebelumnya dan tekan Intersect pada panel Pathfinder. Jika Anda mendapatkan sekelompok bentuk sebagai hasilnya, buka Object > Compound Path > Make (Control-8). Anda akan mendapatkan jalur senyawa bergaris baru (3).

how to create the fur compound paths for letter E

Langkah 7

Ikuti teknik yang dijelaskan di atas dan terapkan untuk huruf "O" dan "W" juga untuk mendapatkan jalur gabungan yang Anda butuhkan.

how to create all fur compound paths

4. Cara Membuat Tampilan Furry

Langkah 1

Fokus pada huruf "O". Pilih jalur gabungan abu-abu yang diperoleh sebelumnya dan ubah warna isian ke warna yang lebih gelap. Selanjutnya, buka Effect > Sketch > Reticulation dan terapkan pengaturan yang ditunjukkan (1). Pilih Expand Appearance dari menu Object untuk memperluas efek, dan kemudian pergi ke Object > Image Trace > Make. Jangan lepaskan, dan pilih High Fidelity Foto sebagai Preset dan Expand dari panel Control.

Gunakan Direct Selection Tool (A) untuk memilih hanya kotak putih di sekitar huruf dan menghapusnya (2). Akibatnya, Anda akan memiliki kelompok kompleks bentuk abu-abu kecil (3).

how to apply Reticulation effect and Trace for letter O

Langkah 2

Isi kelompok bentuk kecil dengan gradien linier yang ditunjukkan pada sudut -60 derajat (1). Selanjutnya, buka Effect > Distort & Transform > Pucker & Bloat dan terapkan efek Pucker -140% untuk mendapatkan tampilan berbulu. Seret efek Pucker & Bloat yang diterapkan di bawah Contents di panel Apperance untuk hasil yang lebih baik (2).

Sementara kelompok bentuk masih dipilih, pergi ke panel Appearance dan klik dua kali pada Contents untuk melihat atribut. Pilih atribut Fill yang ada dan kemudian pergi ke Effect > Stylize > Drop Shadow. Terapkan pengaturan yang ditampilkan dan tekan OK (3). Ini akan menambah kedalaman bulu.

how to create the pink fur on letter O

Langkah 3

Sekarang, pilih compound path bergaris dan ganti warna isian (1).

Buat salinan di depan bentuk ini, isi dengan warna abu-abu, dan menerapkan efek Reticulation menggunakan pengaturan yang sama (2).

Pilih Expand Appearance dari menu Object untuk memperluas efek dan kemudian pergi ke Object > Image Trace > Make. Pilih High Fidelity Photo sebagai Preset dan Expand dari panel Control seperti sebelumnya, lalu hapus kotak putih. Anda akan mendapatkan kelompok baru bentuk abu-abu acak kecil (3).

how to apply Reticulation effect and Trace for stripes letter O

Langkah 4

Isi kelompok bentuk kecil yang baru diperoleh dengan gradien linier yang ditunjukkan pada sudut -45 derajat (1). Terapkan efek Pucker -140% lagi, dan setelah itu, tarik efek di bawah Contents dalam panel Appearance (2).

Saat grup masih dipilih, buka Contents untuk melihat atribut dan menerapkan efek Drop Shadow menggunakan pengaturan yang sama untuk menambahkan lebih banyak kedalaman (3).

how to create the purple striped fur on letter O

Langkah 5

Jika Anda melihat lebih dekat, Anda akan dapat melihat bentuk-bentuk yang ada di balik bulu, dan mereka terlalu tajam. Mari perbaiki itu.

Pilih huruf merah muda yang ada di belakang sepanjang dan, sementara atribut Fill yang ada tetap dipilih di panel Appearance, buka Effect > Path > Offset Path dan terapkan Offset dari -1 px untuk membuat bentuknya sedikit lebih kecil. Selanjutnya, buka Effect > Stylize > Inner Glow dan terapkan pengaturan yang ditunjukkan; kemudian pergi ke Effect > Blur > Gaussian Blur dan menerapkan Radius 2 px (1).

Sekarang, pilih compound path bergaris ungu di balik bulu ungu dan terapkan efek yang sama untuk mendapatkan tepi yang halus dan buram (2). Anda dapat melihat hasil akhir pada gambar di bawah ini (3).

how to create smooth blurry edges for letter O

Langkah 6

Sekarang, fokus pada huruf "E" dan menerapkan teknik yang sama. Pertama, buat bulu merah muda, mulai dari jalur senyawa abu-abu dan efek Reticulation (1). Selanjutnya, ganti warna biru dari jalur senyawa bergaris dengan warna ungu dan buat salinan di depan (2). Untuk salinan ini, terapkan efek Reticulation dan kemudian buat bulu ungu seperti yang dijelaskan sebelumnya (3). Pada akhirnya, jangan lupa untuk membuat tepi yang halus dan buram untuk huruf merah muda asli dan garis-garis ungu yang ada di belakang (4).

Ulangi hal yang sama untuk huruf "W".

how to create fur on letter E O and W

Langkah 7

Untuk huruf "M", setelah Anda membuat bulu pada huruf yang sebenarnya (1), mari kita kerjakan bentuk-bentuk di atas. Pilih bentuk berkas bulu dan terapkan efek Offset Path, Inner Glow dan Gaussian Blur menggunakan pengaturan yang sama seperti untuk jalur jalur bergaris ungu di awal tutorial (2). Buat salinan di depan bentuk ini, hapus semua tampilan yang ada, dan terapkan efek Reticulation yang diikuti oleh Image Trace dan efek Pucker & Bloat untuk membuat bulunya (3).

how to create fur on tufts shape for letter M

Langkah 8

Ulangi teknik yang sama dan ciptakan bulu merah muda di telinga.

how to create fur on ear shapes for letter M

Langkah 9

Pada titik ini, efek teks terinspirasi Cheshire Cat akan terlihat seperti gambar berikut.

finished pink and purple fur for Meow text

5. Bagaimana Menambahkan Bulu Ekstra di Sekitar Teks

Langkah 1

Pilih huruf merah muda asli "M" dan kemudian Copy dan Paste in Back (Control-B) untuk membuat salinannya. Hapus semua penampilan yang ada (1). Buka File > Scripts > Round Any Corner dan terapkan Radius 10 untuk mendapatkan sudut bulat. Skrip ini berfungsi lebih baik daripada efek Round Corners. Anda dapat menemukan informasi lebih lanjut tentang Round Any Corner Script dan cara menginstal dan menggunakannya dalam 20 tutorial Adobe Illustrator Script Gratis dan Berguna.

Berikan Stroke merah muda 1 pt dan gunakan Grass Pattern Brush yang dapat Anda temukan di Brush Libraries Menu > Borders > Borders_Novelty. Buka jendela Stroke Options dari panel Appearance, seret slider Scale ke 20%, dan atur Colorization Method ke Tints and Shades. Ini akan membuat rumput menjadi lebih kecil, seperti bulu, dan itu akan mengambil warna stroke, yang dalam hal ini berwarna merah jambu. Jika ujung kuas tidak keluar, periksa juga opsi Flip Across (2).

how to add extra fur around letter M

Langkah 2

Sementara salinan surat ini masih dipilih, tambahkan New Stroke di bagian atas panel Appearance dan gunakan Grass Pattern Brush lagi. Kali ini, atur warnanya ke pink yang lebih gelap (1). Buka jendela Stroke Options, seret slider Scale ke 40%, dan atur Colorization Method ke Tints and Shades. Anda dapat melihat hasilnya pada gambar di bawah ini (2).

how to add more fur around letter M

Langkah 3

Sekarang, pilih bentuk berkas bulu dan buat salinan di belakang. Hapus penampilan yang ada dan kemudian aplikasikan Round Any Corner Script. Untuk bentuk ini, gunakan dua atribut Stroke menggunakan Grass Pattern Brush dan pengaturan yang sama (1).

Ulangi hal yang sama untuk bentuk telinga (2).

Anda bahkan dapat menyimpan "Edge Fur Graphic Style" ini di panel Graphic Styles dan menerapkannya lebih mudah ke huruf-huruf lainnya.

how to add extra fur around tufts and ear shapes

Langkah 4

Terapkan teknik yang sama untuk huruf "E", "O", dan "W", dan tambahkan bulu ekstra di sekitar huruf.

how to add extra fur around letters E O and W

6. Cara Menambahkan Bayangan ke Teks Berbulu

Langkah 1

Mari kita ciptakan jalan gabungan yang kompleks. Fokus pada huruf "O", pilih bentuk pink asli, lalu Copy dan Paste in Place (Shift-Control-V). Hapus semua tampilan yang ada dan berikan warna isian apa pun (1). Sembunyikan bentuk ini untuk saat ini.

Pilih kelompok bulu ungu dan Copy dan Paste in Place (Shift-Control-V) untuk membuat salinannya. Klik ganda pada Konten di panel Appearance untuk melihat atribut dan menghapus efek Drop Shadow. Sekarang, pergi ke Object > Expand Appearance untuk memperluas efek Pucker & Bloat. Jangan lepaskan grup dan tekan Unite di panel Pathfinder (2); kemudian pergi ke Object > Compound Path > Make (Control-8). Isi compound path bulu bergaris yang dihasilkan dengan biru untuk saat ini (3).

how to create a striped fur compound path for letter O

Langkah 2

Selanjutnya, pilih kelompok bulu merah muda dan Copy dan Paste in Place (Shift-Control-V) untuk membuat salinannya. Hapus efek Drop Shadow di panel Appearance dan kemudian pergi ke Object > Expand Appearance untuk memperluas efek Pucker & Bloat (1). Tekan Unite di panel Pathfinder diikuti oleh Object > Compound Path > Make (Control-8) dan Anda akan memperoleh jalur kompleks senyawa hijau (2). Sembunyikan sekarang.

how to create a complex fur compound path for letter O

Langkah 3

Selanjutnya, pilih salinan huruf "O" yang tergaris dengan Grass Pattern Brush dan kemudian Copy dan Paste in Place (Shift-Control-V) untuk membuat salinannya (1). Pergi ke Object > Expand Appearance untuk memperluas brush (2); kemudian tekan Unite di panel Pathfinder diikuti oleh Object > Compound Path > Make (Control-8). Isi jalur gabungan yang dihasilkan dengan warna abu-abu untuk saat ini (3).

how to create the edge fur compound path for letter O

Langkah 4

Perlihatkan jalur gabungan merah muda, biru, hijau, dan abu-abu yang telah Anda dapatkan dalam tiga langkah sebelumnya (1) dan tetap pilih mereka. Tekan Unite di panel Pathfinder, dan kemudian pergi ke Object > Compound Path > Make (Control-8). Kami akan menggunakan bentuk baru ini untuk membuat bayangan (2).

how to create the shadow shape for letter O

Langkah 5

Ikuti langkah-langkah yang dijelaskan di atas dan buat bentuk lain yang Anda butuhkan (1). Pindahkan keempat bentuk ke dalam New Layer di bawah efek teks dan isi dengan warna ungu. Pergi ke Effect > Stylize > Drop Shadow dan terapkan pengaturan yang ditunjukkan (2).

how to create shadow for Meow text

Langkah 6

Pilih empat bentuk dari langkah sebelumnya, lalu Copy dan Paste in Back (Control-B) untuk membuat salinannya. Ketika mereka masih dipilih, pergi ke Object > Compound Path > Make (Control-8) untuk menggabungkan mereka ke dalam satu jalur gabungan (1). Hapus efek Drop Shadow dan ganti dengan efek Outer Glow (2).

how to add more shadow around Meow text

Langkah 7

Ambil Pen Tool (P) dan menggambar jalur di mana huruf "M" menyentuh "E" dan di mana "O" menyentuh "W". Kirim jalur pertama di belakang huruf "M" tetapi di depan huruf "E"; dan kirim jalur kedua di belakang huruf "W" tetapi di depan "O" (1).

Beri keduanya Stroke hitam 3 pt dan gunakan Width Profile 1 pada panel Stroke. Selanjutnya, gunakan 3 px Gaussian Blur dan kurangi Opacity menjadi 50% (2).

how to add shadow between Meow letters

7. Cara Membuat Senyuman Cheesy Cheshire Cat

Langkah 1

Gunakan Pen Tool (P) untuk menggambar bentuk senyum pada huruf "O". Berikan isian putih dan kemudian pergi ke Effect > Stylize > Outer Glow dan menerapkan pengaturan yang ditunjukkan. Juga, tambahkan 2 pt Outside Stroke dan gunakan gradien linier yang ditunjukkan.

how to draw the cheesy cat smile shape on letter O

Langkah 2

Dengan bentuk senyuman yang masih dipilih, tambahkan New Fill di bagian bawah panel Appearance dan gunakan warna hitam sebagai warna. Sementara ini fill atribut tetap dipilih, pergi ke Efek > Distort & Transform > Transform dan terapkan -3 px Vertical Move. Atur Blending Mode ke Overlay dan Anda akan mendapatkan bayangan tipis di bagian atas senyum (1).

Dengan bentuk senyuman yang masih dipilih, tambahkan atribut Fill hitam lainnya di bagian bawah panel Appearance lalu terapkan Move Vertikal 3 px. Atur Blending Mode ke Overlay dan Anda akan mendapatkan bayangan tipis di bagian bawah senyuman (2).

how to add shadow around cheesy cat smile

Langkah 3

Gunakan Pen Tool (P) dari Line Segmen Tool (\) untuk menggambar sekelompok jalur pendek untuk menentukan gigi (1). Berikan mereka semua Stroke abu-abu 2 pt dan gunakan Tapered Blend Art Brush. Tambahkan New Stroke di bagian atas panel Apperance dan gunakan kuas yang sama, tetapi pilih warna yang lebih gelap dari abu-abu dan kurangi Stroke Weight pada 0,2 pt (2). Saya telah menunjukkan cara membuat dan menyimpan campuran kuas yang berguna ini di tutorial Cara Membuat Candy Monster Character (bagian 10).

Pilih bentuk senyum lalu Copy dan Paste in Place (Shift-Control-V) untuk membuat salinannya. Atur ke stroke-none dan fill-none. Sementara salinan ini tetap dipilih, juga pilih garis dan pergi ke Object > Clipping Mask > Make (Control-7) (3).

how to define the teeth on cheesy cat smile

Langkah 4

Gunakan Pen Tool (P) untuk menggambar beberapa jalur pendek mengikuti tepi di sekitar mulut dan menerapkan dua atribut Stroke menggunakan Grass Pattern Brush dan pengaturan yang sama seperti untuk bulu tambahan di sekitar tepi huruf sebelumnya di tutorial ( 1).

Sementara semua jalur tetap dipilih, pergi ke Object > Expand Appearance untuk memperluas brush, dan kemudian Group (Control-G) mereka dan menerapkan efek Drop Shadow (2).

how to add extra fur around cheesy cat smile

Langkah 5

Pilih bentuk senyuman, buka Object > Path > Offset Path, dan terapkan Offset 2 px. Sekarang, pilih bentuk yang lebih besar yang telah Anda dapatkan dan bawa ke depan segala sesuatunya dengan pergi ke Object > Arrange > Bring to Front (Shift-Control-]). Atur bentuk ini ke stroke-none dan fill-none (1).

Sekarang, pilih kelompok kecil bulu di sekitar mulut bersama dengan salinan senyum dan pergi ke Object > Clipping Mask > Make (Control-7) (2). Pada titik ini, seringai cheesy siap.

how to mask extra fur around cheesy cat smile

Selamat! Anda Selesai

Berikut adalah gambar terakhir dari efek teks terinspirasi Cheshire Cat. Ini menantang dan menyenangkan untuk dibuat. Saya harap Anda menikmatinya dan Anda mempelajari teknik-teknik baru. Jangan lupa untuk membagikan gambar dengan kami jika Anda memutuskan untuk membuatnya kembali.

Cheshire Cat inspired text effect final image
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.