7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Buat efek teks penanda di ilustrator

Scroll to top
Read Time: 12 mins

Indonesian (Bahasa Indonesia) translation by Fodal Fadul (you can also view the original English article)

Dalam tutorial berikut saya akan menunjukkan kepada Anda bagaimana untuk menciptakan ilustrasi penanda. Tutorial ini melibatkan keterampilan membangun vektor menengah di Illustrator untuk membuat marker, bersama dengan beberapa layering dan penggunaan skrip untuk membuat efek teks. Mari kita mulai.

Langkah 1

Membuat 700px 630px, dokumen RGB. Pertama, nyalakan Grid (View> Grid) dan Snap to Grid (View> Snap to Grid). Selanjutnya, Anda akan memerlukan sebuah grid setiap 2px. Pergi ke Edit > preferensi > & panduan Grid, masukkan 2 di Gridline setiap kotak dan 1 di kotak subdivisi.

Anda juga dapat membuka Info panel (jendela > Info) untuk pratayang langsung dengan ukuran dan posisi dari bentuk Anda. Jangan lupa untuk mengganti satuan pengukuran ke piksel dari Edit > Preferensi > Unit > Umum. Semua pilihan ini secara signifikan akan meningkatkan kecepatan kerja Anda.

Langkah 2

Mari kita mulai dengan penanda. Memilih Rectangle Tool (M) dan membuat 64px dengan bentuk 172px. Beralih ke alat seleksi langsung (A) dan fokus pada bagian bawah jangkar poin. Pilih anchor point kiri dan pindahkan 8px ke kanan lalu pilih anchor point kanan dan pindahkan 8px ke kiri. Snap untuk Grid harus mengurangi pekerjaan Anda. Pada akhirnya bentuk Anda akan terlihat seperti gambar kedua yang ditampilkan. Pilih, duplikat ini dan membuat salinan ini tidak terlihat. Anda akan perlu beberapa langkah kemudian.

Langkah 3

Pilih bentuk yang tersisa, terlihat dan pergi ke efek > Warp > Fisheye. Memasukkan data yang ditunjukkan di bawah, klik OK dan kemudian pergi ke objek > penampilan memperluas. Pilih kembali Rectangle Tool (M) dan buat bentuk seperti yang abu-abu yang ditunjukkan pada gambar kedua. Pilih dengan bentuk diperluas dan klik pada tombol berpotongan dari Pathfinder panel.

Langkah 4

Kembali kepada terlihat bentuk yang dibuat di langkah kedua. Pilih dan pergi ke efek > Warp > Fisheye. Memasukkan data yang ditunjukkan di bawah, klik OK dan kemudian pergi ke efek > Stylize > Rounded Corner. Masukkan radius 5px, klik OK dan kemudian pergi ke Object > Expand Appearance. Pilih bentuk dihasilkan bersama dengan bentuk yang dibuat di langkah sebelumnya dan klik pada tombol Unite dari Pathfinder panel.

Langkah 5

Sekarang Anda harus memiliki hanya satu bentuk pada artboard Anda dan seharusnya terlihat seperti gambar pertama di bawah ini. Mari kita buat sedikit penyesuaian untuk jalur ini. Menonaktifkan Snap untuk Grid (Lihat > Snap untuk Grid) dan kemudian ambil menghapus Anchor Point alat (-). Menghapus dua jangkar poin disorot dalam gambar pertama dan kemudian mengisi bentuk dihasilkan dengan R = 152, G = 220 dan B = 98.

Langkah 6

Sekarang mari kita tambahkan beberapa isian baru untuk bentuk hijau ini. Pilih dan pergi ke penampilan panel. Buka terbang-out menu dan klik pada Tambahkan isi baru. Jelas ini akan menambah isi kedua untuk bentuk Anda. Pilih dari penampilan panel dan mengisi dengan bagian atas kiri linear gradient, ditunjukkan di bawah ini. Nol kuning dari gambar gradien singkatan persentase Opacity.

Menggunakan teknik yang sama untuk menambahkan pilihan ketiga bentuk ini dan menggunakan gradien atas, kanan linier yang ditunjukkan di bawah ini. Sekarang, mari kita tambahkan untuk bentuk ini menggunakan teknik yang berbeda mengisi keempat. Pilih kembali bentuk ini, buka panel Appearance, pilih top fill dan klik tombol Duplicate Selected Item dari panel Appearance. Jelas, ini akan menambah salinan mengisi dipilih.

Pilih mengisi baru ini. Pertama, menurunkan Opacity dengan 80% dan kemudian menggantikan gradien linier yang ada dengan bagian bawah, kiri gradien ditunjukkan di bawah ini. Nomor putih dari gambar gradien berdiri untuk lokasi persentase. Itu berarti Anda perlu Pilih ikon berlian yang kecil dan seret ke kiri pada 30%. Akhirnya, tambahkan mengisi kelima untuk bentuk Anda dan menggunakan bawah, kanan linear gradient, ditunjukkan di bawah ini. Jangan lupa untuk Pilih dari panel tampilan dan menurunkan Opacity dengan 80%.

Langkah 7

Menghidupkan kembali Snap untuk Grid. Ambil Rectangle Tool (M) dan fokus pada daerah atas. Membuat 64px 6px bentuk, mengisinya dengan gradien linier ditunjukkan di bawah ini, kemudian tempat itu seperti yang ditunjukkan pada gambar pertama. Selanjutnya, Anda perlu menambahkan efek kebulatan diskrit untuk titik jangkar atas bentuk ini. Setiap putaran sudut Script akan datang di berguna untuk ini.

Simpan ke hard drive Anda. Sekarang ambil langsung pilihan alat (A). Pilih anchor point atas (disorot pada gambar pertama) dan pergi ke File> Script> Other Script. Buka skrip sudut setiap putaran, masukkan 3px Radius dan klik OK. Pada akhirnya bentuk Anda akan terlihat seperti gambar kedua menunjukkan.

Langkah 8

Tetap fokus pada area atas dan pilih Rectangle Tool (M). Membuat 56px 4px bentuk, mengisinya dengan gradien linier yang ditunjukkan di bawah ini dan menempatkannya seperti ditunjukkan pada gambar pertama.

Langkah 9

Sekali lagi, menggunakan Rectangle Tool (M) untuk membuat 56px 44px bentuk. Tempatkan seperti yang ditunjukkan pada gambar pertama kemudian ambil Direct Selection Tool (A). Pilih titik anchor kiri dan memindahkannya 20px ke kanan, dan kemudian pilih titik anchor tepat dan memindahkannya 20px ke kiri. Sekarang, bentuk Anda akan terlihat seperti sebuah trapesium. Pilih dan pergi ke efek > Warp > memeras. Masukkan data yang ditunjukkan di bawah, klik OK, lalu pergi ke Object > Expand Appearance.

Langkah 10

Sekarang, mari kita edit bentuk yang dibuat di langkah sebelumnya. Memilih Rectangle Tool (M) dan membuat dua bentuk hitam yang ditunjukkan pada gambar pertama. Memilih mereka bersama-sama dengan bentuk yang dibuat di langkah sebelumnya dan klik pada tombol Minus depan dari Pathfinder panel. Bentuk yang dihasilkan akan terlihat seperti gambar kedua menunjukkan.

Langkah 11

Memilih ulang bentuk yang dibuat di langkah sebelumnya, mengisinya dengan R = 32, G = 31, dan B = 35. Sekarang pilih Direct Selection Tool (A). Pilih top jangkar poin dan pergi ke File > skrip > Script lainnya. Sekali lagi, membuka skrip sudut setiap putaran, masukkan 2px Radius dan klik OK. Pada akhirnya bentuk Anda akan terlihat seperti gambar kedua menunjukkan.

Langkah 12

Menonaktifkan Snap untuk Grid, lalu pergi ke Edit > preferensi > umum, dan masukkan 0,5 dalam kotak kenaikan Keyboard. Pilih bentuk diedit di langkah sebelumnya dan membuat salinan di depan (Control + C > Control + F). Pilih Salin ini, tekan panah kiri lima kali, kemudian menduplikasi itu. Sekali lagi, pilih salinan baru ini dan tekan panah kiri lima kali. Memilih ulang salinan kedua dan klik pada tombol Minus depan dari Pathfinder panel. Mengisi bentuk dihasilkan dengan R = 147, G = 149 dan B = 152.

Langkah 13

Pilih bentuk diedit di langkah kesebelas dan membuat salinan di depan (Control + C > Control + F). Pilih Salin ini, tekan panah kanan enam kali dan kemudian duplikat ini. Sekali lagi, pilih salinan baru ini dan tekan panah kanan empat kali. Memilih ulang salinan kedua dan klik pada tombol Minus depan dari Pathfinder panel. Isi bentuk yang dihasilkan dengan R = 109, G = 110, dan B = 113.

Langkah 14

Pilih bentuk yang dibuat di langkah kedua belas, pergi ke efek > Blur > Gaussian Blur, kemudian masukkan 3px radius dan klik OK. Pilih bentuk yang dibuat di langkah sebelumnya, pergi ke efek > Blur > Gaussian Blur, kemudian masukkan 2.5px radius dan klik OK. Memilih ulang bentuk tersebut kabur dan grup mereka (Control + G).

Langkah 15

Pilih bentuk diedit di langkah kesebelas, membuat salinan di depan dan mengisinya dengan putih. Pilih itu, bersama dengan kelompok yang dibuat di langkah sebelumnya, dan pergi ke panel transparansi. Buka menu fly-out dan klik Make Opacity Mask.

Langkah 16

Mengaktifkan Snap untuk Grid. Sekali lagi, pilih bentuk diedit di langkah kesebelas dan membuat salinan di depan. Sekarang pilih Rectangle Tool (M) dan membuat bentuk seperti yang ditunjukkan pada langkah kedua. Pilih bentuk baru ini foto kopi segar dan klik pada tombol berpotongan dari Pathfinder panel. Mengisi bentuk dihasilkan dengan gradien linier yang ditunjukkan dalam gambar ketiga dan membawa ke depan (Shift + Control + kunci kurung).

Langkah 17

Pilih Rectangle Tool (M), buat bentuk 12px kali 20px, letakkan seperti yang ditunjukkan pada gambar pertama kemudian ambil Direct Selection Tool. Pilih bagian atas, kiri jangkar titik dan bergerak 6px turun. Bentuk yang dihasilkan akan terlihat seperti gambar kedua di bawah ini.

Pilih dan pergi ke efek > Stylize > Rounded Corner. Masukkan 2px radius, klik OK, kemudian pergi ke objek > penampilan memperluas. Mengisi bentuk dihasilkan dengan linear gradient pertunjukan di bawah ini, mengirimkannya ke belakang (Shift + Control + Bracket kiri tombol), kemudian menduplikasi itu.

Langkah 18

Memilih Ellipse Tool (L), membuat 12px 22px bentuk, dan tempat itu seperti yang ditunjukkan pada gambar pertama. Ambil Direct Selection Tool (A), pilih anchor point kiri, dan pindahkan ke bawah 6px. Sekarang bentuk Anda akan terlihat seperti gambar kedua menunjukkan. Pilih bersama dengan salinan yang dibuat di langkah sebelumnya dan klik pada tombol berpotongan dari Pathfinder panel. Isi dihasilkan bentuk dengan gradien linier pada gambar keempat.

Langkah 19

Menonaktifkan Snap untuk Grid. Pilih bentuk yang dibuat di langkah sebelumnya dan membuat dua salinan di depan (Control + C > Control + F > Control + F). Pilih salinan bawah, lalu tekan panah kanan satu kali dan panah bawah dua kali. Memilih ulang salinan kedua dan klik pada tombol Minus depan dari Pathfinder panel. Mengisi bentuk dihasilkan dengan gradien linier yang ditunjukkan dalam gambar ketiga dan pergi ke efek > Blur > Gaussian Blur. Masukkan 0.5px radius dan klik OK.

Langkah 20

Gandakan bentuk yang dibuat pada langkah ketujuh belas dan kedelapan belas. Pilih salinan ini dan klik pada tombol Unite dari Pathfinder panel. Mengisi bentuk dihasilkan dengan putih dan membawa ke depan (Shift + Control + kunci kurung). Pilih dengan bentuk kabur yang dibuat di langkah sebelumnya, buka menu terbang-out panel transparansi dan klik pada membuat masker Opacity.

Langkah 21

Duplikat semua bentuk yang diciptakan sejauh ini, kecuali yang bertopeng. Pilih semua salinan ini dan klik pada tombol Unite dari Pathfinder panel. Mengisi bentuk dihasilkan dengan tidak ada dan menambahkan 1 poin, hitam, selaras dengan luar stroke. Pilih dan pergi ke Object> Expand, lalu isi path yang dihasilkan dengan gradien linier yang ditunjukkan pada gambar berikut.

Langkah 22

Sekali lagi, duplikat semua bentuk yang diciptakan sejauh, mengharapkan yang bertopeng. Pilih salinan ini dan klik pada tombol Unite dari Pathfinder panel. Kirim bentuk yang dihasilkan ke belakang (Shift + Control + kunci Bracket Kiri), isi dengan putih, lalu pergi ke Effect> Stylize> Drop Shadow. Masukkan data yang ditunjukkan di bawah ini dan klik OK. Sekarang Anda pembuat lengkap. Pilih semua bentuk yang diciptakan sejauh ini dan kelompok mereka (Control + G).

Langkah 23

Pilih grup penanda, duplikat, dan pindahkan ke kiri. Mari kita membuat merah muda. Pilih tubuh penanda dan pergi ke penampilan panel. Pertama, menggantikan hijau datar dengan pink datar yang ditunjukkan di bawah ini, kemudian mengganti gradien yang ada dengan yang ditunjukkan pada gambar berikut.

Langkah 24

Sekarang, mari kita beralih ke atas penanda. Menggunakan yang pertama, dua gradien linear atas bentuk, gradien ketiga untuk bentuk kabur dan gradien keempat untuk stroke diperluas.

Langkah 25

Buat salinan penanda merah muda dan ganti warna yang keluar dengan yang ditunjukkan pada gambar berikut.

Langkah 26

Mari kita lanjutkan dengan sisa ilustrasi. Mulailah dengan latar belakang. Pilih Rectangle Tool (M), buat bentuk ukuran artboard Anda dan isi dengan putih. Selanjutnya, ambil perangkat Grid Rectangular, klik pada artboard Anda, masukkan data yang ditunjukkan di bawah ini lalu klik OK. Kotak besar akan muncul di papan seni Anda. Tambahkan 0.5pt stroke (R = 28, G = 117, dan B = 188), menurunkan Opacity yang 20%, kemudian tempat itu di atas persegi putih. Akhirnya, mengunci grid ini dan persegi putih. Dengan cara itu Anda tidak akan memilih atau memindahkan bentuk secara tidak sengaja.

Langkah 27

Pilih jenis alat (T), menambahkan teks Anda dan mencoba untuk menggunakan font tulisan tangan. Kita akan menggunakan teks ini sebagai model, itu tidak akan menjadi bagian dari ilustrasi terakhir. Selanjutnya, Anda perlu Kuas kaligrafi sederhana. Buka panel Brushes (Window> Brushes), buka menu fly-out dan klik New Brush. Memeriksa Kuas kaligrafi, klik OK, masukkan data yang ditampilkan dalam gambar akhir, dan klik OK.

Sekarang, gunakan sikat ini segar dengan Brush Tool (B) untuk menggambar jalur sepanjang teks Anda, dengan warna-warna yang ditunjukkan di bawah ini. Pasti, tidak akan terlihat sempurna. Anda harus menggunakan Direct Selection Tool dan beberapa alat anchor point (Tambah Anchor Point Tool, Hapus Anchor Point Tool dan Konversi Selection Selection) untuk mengedit jalur ini.

Langkah 28

Memutar hijau dan merah muda spidol dan menempatkan mereka seperti yang ditunjukkan pada gambar pertama. Sekarang, pilih jalur hijau yang dibuat di langkah sebelumnya dan pergi ke objek > penampilan memperluas. Pilih grup bentuk yang dihasilkan dan klik tombol Unite dari panel Pathfinder, lalu pergi ke Object> Compound Path> Make.

Langkah 29

Memilih ulang jalan yang dibuat di langkah sebelumnya dan menambahkan isi kedua. Membuat hitam, menurunkan Opacity nya 3%, mengubah modus blending untuk mengalikan, lalu pergi ke efek > artistik > Film gandum. Masukkan data yang ditunjukkan di bawah ini, klik OK, lalu pilih kembali seluruh jalur dan ubah blending mode menjadi Multiply.

Langkah 30

Memilih ulang jalan yang diedit di langkah sebelumnya dan membuat salinan di depan (Control + C > Control + F). Pilih Salin ini dan tekan tombol D. Ini akan menambahkan properti default (isian putih dan 1pt, goresan hitam) untuk bentuk Anda. Menghapus stroke, kemudian pilih bentuk putih yang tersisa, dengan bentuk yang diedit di langkah sebelumnya, dan pergi ke panel transparansi. Buka terbang-out menu dan klik membuat masker Opacity.

Langkah 31

Pindah ke jalur merah muda. Expand mereka, menyatukan jalur yang dihasilkan, mengubahnya menjadi sebuah path compound, kemudian menambahkan efek yang sama dan teknik yang digunakan untuk jalur hijau.

Langkah 32

Memilih ulang jalur hijau dan membuat salinan di depan (Control + C > Control + F). Pilih salinan ini, ganti hijau dengan R = 107, G = 208, dan B = 255. Sekarang tekan panah kanan dan panah atas lima kali. Juga, memutar tanda biru dan tempat itu seperti yang ditunjukkan dalam gambar kedua.

Langkah 33

Ambil Brush Tool (B) dan gunakan sikat kaligrafi yang sama untuk menambahkan jalur yang ditunjukkan pada gambar pertama. Expand mereka dan mengubah mereka menjadi path compound, kemudian tambahkan teknik dan efek yang digunakan untuk jalur teks.

Kesimpulan

Gambar akhir di bawah ini.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.