Cara Membuat Efek Teks Lendir dan Alien di Adobe Illustrator

Apa yang akan Anda ciptakan?

Pada langkah-langkah berikut Anda akan belajar cara membuat efek teks yang hijau dan berlendir di Adobe Illustrator. 

Sebagai permulaan, Anda akan belajar mengatur grid sederhana dan cara membuat latar belakang sederhana. Mengambil keuntungan penuh dari panel Penampilan dan menggunakan font yang rapi, Anda akan belajar membuat efek teks berlipat ganda yang dapat diedit sepenuhnya.

Bergerak terus, Anda akan belajar menambahkan beberapa sorotan halus dan cara cepat memilih sekumpulan bentuk dengan atribut serupa. Akhirnya, Anda akan belajar bagaimana menyimpan dan menggunakan sikat seni dan cara membuat mata alien yang lucu dengan menggunakan teknik pembuatan blending dan vektor dasar.

Untuk mendapatkan lebih banyak inspirasi tentang cara menyesuaikan atau memperbaiki efek teks lendir akhir Anda, Anda dapat menemukan banyak sumber daya di  Pasar Envato .

1. Buat Dokumen Baru dan Set Up Grid

Tekan Control-N untuk membuat dokumen baru. Pilih Pixel dari menu drop-down Unit , masukkan 800 di lebar dan 600 di kotak tinggi, dan kemudian klik pada tombol Advanced . Pilih RGB , Screen (72ppi) dan pastikan kotak Align New Objects to Pixel Grid tidak dicentang sebelum Anda mengklik OK .

Aktifkan Grid ( Lihat> Show Grid ) dan Snap to Grid ( Lihat> Snap to Grid ). Anda memerlukan grid setiap 10 px , jadi cukup masuk ke Edit> Preferences> Guides> Grid , dan masukkan 10 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 dapat mempelajari lebih lanjut tentang sistem grid Illustrator dan bagaimana hal itu dapat mempermudah pekerjaan Anda 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. Buat Latar Belakang

Langkah 1

Pilih Rectangle Tool (M) dan fokus pada toolbar Anda. Lepaskan warna dari goresan, lalu pilih fill dan atur warnanya menjadi  R = 214 G = 150 B = 229 .

Pindah ke artboard Anda dan cukup buat  persegi panjang 820 x 620 px yang benar-benar menutupi artboard Anda seperti yang ditunjukkan di bawah-grid dan fitur Snap to Grid harus mempermudah ini.

Langkah 2

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

Pilih pengisi baru ini dan ganti warna yang ada dengan gradien radial yang ditunjukkan di bawah ini. Ingatlah bahwa angka nol kuning dari gambar Gradient adalah singkatan dari Opacity percentage, dan gunakan Gradient Tool (G) untuk meregangkan gradien Anda kira-kira seperti yang ditunjukkan pada gambar berikut.

Setelah selesai, kembali ke panel Appearance dan klik bagian teks " Opacity " yang merupakan singkatan dari isi baru Anda untuk membuka panel fly out Transparansi . Mengatur Blending Mode untuk Overlay dan menjaga Opacity di 100% .

3. Buat dan Gunakan Graphic Styles

Langkah 1

Buka panel Character ( Window> Type> Character ) dan pilih Type Tool (T) . Cukup klik artboard Anda dan fokus pada panel Character . Pilih Tinta Spilled Ink , atur ukurannya menjadi 150 px , lalu tambahkan bagian teks " GREEN " Anda.

Pastikan teks Anda tetap dipilih dan hapus warna isian yang ada, yang akan membuat teks Anda tak terlihat. Fokus pada panel Appearance dan tambahkan fill baru dengan menggunakan tombol Add New Fillyang sama . Pilih dan atur warna ke R = 115 G = 191 B = 69 . Sekarang, duplikat teks ini ( Control-C> Control-V ), ganti " GREEN " dengan " WORLD ", dan letakkan secara kasar seperti yang ditunjukkan pada gambar kedua.

Langkah 2

Pilih teks " GREEN " Anda, fokuskan pada panel Appearance , dan tambahkan fill kedua dengan menggunakan tombol Add New Fill yang sama .

Pilih isi baru ini, seret ke bawah yang hijau, atur warnanya ke R = 115 G = 191 B = 69 , lalu masuk ke Effect> Path> Offset Path . Masukkan Offset 10 px , atur Joins to Round , lalu klik tombol OK . Pada akhirnya, hal-hal akan terlihat seperti gambar berikut.

Langkah 3

Pastikan teks " GREEN " Anda masih dipilih dan tetap fokus pada panel Appearance . Pilih bagian bawah isi dan duplikatnya menggunakan tombol Item yang Digandakan .

Pilih fill yang baru ditambahkan dan ganti warna yang ada dengan gradien linier yang ditunjukkan di bawah ini. Ingat bahwa nol kuning dari gambar Gradient adalah singkatan dari Opacity percentage. Kembali ke panel Appearance , pastikan fill yang ditambahkan pada langkah ini masih dipilih, dan buka panel fly out Transparansi . Turunkan Opacity menjadi 30% dan ubah Blending Mode menjadi Soft Light .

Langkah 4

Pastikan teks " GREEN " Anda masih dipilih dan tetap fokus pada panel Appearance .

Pilih isi teratas dan masuk ke Effect> Stylize> Drop Shadow . Masukkan atribut yang ditunjukkan di jendela kiri (pada gambar berikut), klik tombol OK , dan kemudian tambahkan dua efek Drop Shadow lainnya yang ditunjukkan di bawah ini.

Langkah 5

Pastikan teks " GREEN " Anda masih dipilih dan tetap fokus pada panel Appearance .

Tambahkan isi baru dan seret ke atas yang sudah ada. Pastikan tetap menyala, atur warna ke R = 115 G = 191 B = 69 , lalu masuk ke Effect> Stylize> Inner Glow . Masukkan atribut yang ditunjukkan di jendela kiri (pada gambar berikut), klik tombol OK , dan kemudian kembali ke Effect> Stylize> Inner Glow . Kali ini, masukkan atribut yang ditunjukkan di jendela kanan, klik tombol OK , dan kemudian masuk ke Effect> Stylize> Drop Shadow . Masukkan properti yang ditunjukkan di bawah ini dan kemudian klik tombol OK itu .

Langkah 6

Pastikan teks " GREEN " Anda masih dipilih dan tetap fokus pada panel Appearance .

Tambahkan isi baru dan seret ke atas yang sudah ada. Isi dengan gradien linier yang ditunjukkan di bawah ini, turunkan Opacity menjadi 10% , ubah Blending Mode menjadi Overlay , dan kemudian masuk ke Effect> Path> Offset Path . Masukkan offset -3 px dan klik tombol OK .

Langkah 7

Pastikan teks " GREEN " Anda masih dipilih dan tetap fokus pada panel Appearance .

Tambahkan isi baru dan seret ke atas yang sudah ada. Buatlah putih, turunkan Opacity menjadi 20% , ubah Blending Mode menjadi Overlay , lalu masuk ke Effect> Path> Offset Path . Masukkan a -15 px Offset , klik tombol OK , dan kemudian masuk ke Effect> Blur> Gaussian Blur . Atur Radius menjadi 5 px dan klik OK .

Langkah 8

Pastikan teks " GREEN " Anda masih dipilih dan tetap fokus pada panel Appearance .

Tambahkan isi baru dan seret ke atas yang sudah ada. Isi dengan gradien linier yang ditunjukkan di bawah ini, turunkan Opacity menjadi 10% , ubah Blending Mode menjadi Overlay , dan kemudian masuk ke Effect> Path> Offset Path . Masukkan a -10 px Offset dan klik tombol OK .

Langkah 9

Pastikan teks " GREEN " Anda masih dipilih dan tetap fokus pada panel Appearance .

Tambahkan isi baru dan seret ke atas yang sudah ada. Buatlah putih, turunkan Opacity menjadi 5% , ubah Blending Mode menjadi Overlay , lalu masuk ke Effect> Path> Offset Path . Masukkan Offset -20 px lalu klik tombol OK .

Langkah 10

Pastikan teks " GREEN " Anda masih dipilih dan tetap fokus pada panel Appearance .

Tambahkan isi baru dan seret ke bagian bawah panel, di bawah sisa pengisian. Buatlahhitam, turunkan Opacity menjadi 15% , lalu masuk ke Effect> Distort & Transform> Transform . Tarik slider Move-Vertical ke 10 px , klik tombol OK , dan kemudian masuk ke Effect> Blur> Gaussian Blur . Atur Radius sampai 20 px lalu klik tombol OK .

Langkah 11

Pastikan teks " GREEN " Anda masih dipilih dan tetap fokus pada panel Appearance .

Tambahkan satu isi terakhir dan seret ke bagian bawah panel. Jadikan hitam, turunkan Opacity menjadi 15% , lalu masuk ke Effect> Distort & Transform> Transform . Kali ini, seret slider Move-Vertical ke 30 px , klik tombol OK , dan kemudian masuk ke Effect> Blur> Gaussian Blur . Atur Radius sampai 15 px lalu klik tombol OK .

Langkah 12

Sekarang Anda perlu menyalin properti yang digunakan untuk teks " GREEN " Anda dan menempelkannya ke bagian teks lainnya.

Pergi ke panel Lapisan ( Window> Lapisan ), fokus pada sisi kanan, dan Anda akan melihat bahwa setiap bentuk dilengkapi dengan lingkaran abu-abu kecil, ikon target. Tahan tombol Alt  , klik pada ikon target yang mewakili teks " GREEN " Anda, dan seret ke lingkaran yang mewakili teks " WORLD " Anda.

Pada akhirnya, hal-hal akan terlihat seperti gambar berikut.

4. Tambahkan Ikhtisar Halus

Langkah 1

Untuk langkah selanjutnya anda memerlukan sebuah grid setiap 1 px , jadi masuk ke Edit> Preferences> Guides & Grid dan masukkan 1 di Gridline setiap kotak.

Menggunakan Ellipse Tool (L) , buat sekelompok lingkaran 1 px , 2 px , dan 3 px , isi semuanya dengan warna putih, dan sebarkan di bagian atas teks Anda, kira-kira seperti yang ditunjukkan pada gambar pertama.

Setelah selesai, pilih salah satu lingkaran ini dan gunakan perintah Select> Same> Fill Color untuk memilih semua lingkaran putih Anda dengan cepat. Pindah ke panel Appearance , turunkan Opacity menjadi 15% , dan ubah Blending Mode menjadi Overlay .

Langkah 2

Sekali lagi, gunakan Ellipse Tool (L) untuk membuat kumpulan lingkaran 1 px , 2 px , dan 3 px yang baru . Kali ini, isi bentuk-bentuk ini dengan warna hitam dan sebarkan di bagian bawah teks Anda, kira-kira seperti yang ditunjukkan pada gambar pertama.

Setelah selesai, pilih semua lingkaran hitam Anda dengan menggunakan perintah Select> Same> Fill Color yang sama . Pindah ke panel Appearance , turunkan Opacity menjadi 15% , dan ubah Blending Modemenjadi Overlay .

5. Buat Mata

Langkah 1

Dengan menggunakan Rectangle Tool (M) , buatlah bentuk 6 x 50 px dan isi dengan R = 0 G = 146 B = 69 .

Fokus pada sisi atas persegi panjang baru ini dan pilih Direct Selection Tool (A) . Pilih titik anchor kiri dan tarik 2 px ke kanan, lalu pilih titik jangkar yang tepat dan seret 2 px ke kiri.

Langkah 2

Terus fokus pada bentuk hijau segar Anda, pastikan itu dipilih, dan masuk ke Effect> Warp> Arc . Masukkan atribut yang ditunjukkan di bawah ini, klik tombol OK , lalu buka Effect> Warp> Flag . Sekali lagi, masukkan properti yang ditunjukkan di bawah ini, klik tombol OK , dan kemudian pergi ke Object> Expand Appearance .

Langkah 3

Nonaktifkan Snap to Grid ( Shift-Control- " ) dan kemudian masuk ke Edit> Preferences> General dan pastikan bahwa Keyboard Increment diset ke  1 px .

Pastikan bentuk hijau Anda dipilih dan buat dua salinan di depan ( Control-C> Control-F> Control-F ). Pilih salinan atas dan pindahkan 1 px ke kiri menggunakan tombol panah kiri. Pilih ulang kedua salinan yang dibuat pada langkah ini, buka panel Pathfinder ( Window> Pathfinder ), dan klik tombol Minus Front .

Isi bentuk yang baru dibuat dengan gradien linier yang ditunjukkan di bawah ini, turunkan Opacity menjadi 30% , dan ubah Blending Mode menjadi Soft Light .

Langkah 4

Pilih kembali bentuk hijau Anda dan buat dua salinan baru di depan ( Control-C> Control-F> Control-F ). Sekali lagi, pilih top copy dan kali ini pindahkan 1 px ke kanan dengan menggunakan tombol panah kanan pada keyboard Anda. Pilih ulang kedua salinan yang dibuat pada langkah ini dan klik tombol Minus Frontyang sama dari panel Pathfinder .

Isi bentuk yang baru dibuat dengan gradien linier yang ditunjukkan di bawah ini, turunkan Opacity menjadi 40% , dan ubah Blending Mode menjadi Overlay . Ingatlah bahwa nomor biru dari gambar Gradientmewakili persentase Lokasi dan Anda dapat dengan mudah menambahkan slider gradien baru hanya dengan mengklik bar gradien.

Langkah 5

Pilih kembali bentuk hijau Anda, fokus pada panel Penampilan , dan ganti warna yang ada dengan gradien linier yang ditunjukkan di bawah ini.

Tetap fokus pada panel Appearance , tambahkan fill putih kedua, letakkan di atas isi yang lain, dan pastikan tetap pilihan. Turunkan Opacity menjadi 15% , ubah Blending Mode menjadi Overlay , dan kemudian masuk ke Effect> Path> Offset Path . Masukkan offset -2 px dan klik tombol OK .

6. Buat bola mata

Langkah 1

Aktifkan Snap ke Grid ( Control-" ). Menggunakan Ellipse Tool (L) , membuat 24 px lingkaran, tempatkan seperti yang ditunjukkan pada gambar pertama dan mengisinya dengan gradien linier dari gambar berikut.

Pastikan Ellipse Tool (L) tetap aktif, buat lingkaran 22 px , isi dengan R = 115 G = 191 B = 69 , dan letakkan seperti pada gambar kedua.

Selanjutnya, buat lingkaran 21 px , isi dengan R = 86 G = 177 B = 58 , dan letakkan seperti ditunjukkan pada gambar ketiga.

Akhirnya, buat lingkaran 20 px , isi dengan warna kuning acak, dan letakkan seperti ditunjukkan pada gambar akhir. Jangan repot-repot untuk mendapatkan warna yang mirip dengan yang bisa dilihat di bawah ini.

Langkah 2

Pilih lingkaran kuning Anda dan buat salinan di depan ( Control-C> Control-F ). Menggunakan Ellipse Tool (L) , buat lingkaran 19 px dan letakkan seperti ditunjukkan pada gambar berikut. Pilih bentuk baru ini bersama dengan salinan yang dibuat beberapa saat yang lalu dan klik tombol Minus Front dari panel Pathfinder .

Isi bentuk yang baru dibuat dengan R = 41 G = 171 B = 226 dan turunkan Opacity menjadi 15% .

Langkah 3

Pilih lingkaran kuning Anda dan buat salinan baru di depan ( Control-C> Control-F ). Menggunakan Ellipse Tool (L) , buat  lingkaran 18 px dan letakkan seperti ditunjukkan pada gambar berikut. Pilih bentuk baru ini bersama dengan salinan yang dibuat beberapa saat yang lalu dan klik lagi tombol Minus Front yang sama dari panel Pathfinder .

Isi bentuk yang baru dibuat dengan R = 41 G = 171 B = 226 dan turunkan Opacity menjadi 15% .

Langkah 4

Pilih kembali lingkaran kuning Anda dan ganti warna yang ada dengan gradien radial yang ditunjukkan di bawah ini. Jangan lupa bahwa Anda bisa menggunakan Gradient Tool (G) untuk menyesuaikan gradien Anda dengan mudah.

Langkah 5

Menggunakan Ellipse Tool (L) , buat lingkaran 10 px dan isi dengan R = 41 G = 171 B = 226 , lalu buat lingkaran 4 px dan membuatnya menjadi hitam. Tempatkan kedua bentuk seperti yang ditunjukkan pada gambar pertama, dan pastikan Ellipse Tool tetap aktif.

Tambahkan lingkaran 2 px dan lingkaran 4 px dan tempatkan seperti pada gambar ketiga. Isi kedua bentuk dengan putih dan turunkan Opacity menjadi 70% .

7. Buat Shadow Eye

Langkah 1

Pilih tiga bentuk utama yang membentuk mata Anda (disorot pada gambar pertama) dan duplikatnya (Control-C> Control-F ). Pilih hanya salinannya dan klik tombol Minus Front dari panel Pathfinder . Isi bentuk yang dihasilkan dengan warna hitam.

Langkah 2

Terus fokus pada bentuk hitam yang dibuat pada langkah sebelumnya. Pergi ke panel Layers ( Window> Layers ), buka layer yang ada, dan seret bentuk hitam Anda di bawah bagian bentuk yang membentuk mata.

Pastikan bentuk hitam Anda dipilih dan masuk ke Effect> Distort & Transform> Free Distort . Tarik poin teratas kira-kira seperti gambar di bawah ini, klik tombol OK , lalu buka Object> Expand Appearance .

Langkah 3

Pastikan bentuk hitam Anda dipilih dan fokus pada panel Appearance . Pertama, pilih fill yang ada, turunkan Opacity menjadi 10% , dan masuk ke Effect> Blur> Gaussian Blur . Masukkan radius 5 px , klik tombol OK , dan kembali ke panel Appearance .

Tambahkan mengisi kedua dan pastikan itu berjalan di atas yang sudah ada. Pilih, turunkan Opacitymenjadi 10%, dan ganti warna yang ada dengan gradien linier yang ditunjukkan di bawah ini.

8. Buat dan Gunakan Art Brush

Langkah 1

Menggunakan Ellipse Tool (L) , buat bentuk 10 x 2 px dan isi dengan warna hitam.

Pilih bentuk ini, buka panel brushes ( Window> Brushes ) dan klik tombol New Brush . Periksa tombol Art Brush dan klik tombol OK untuk membuka jendela Art Brush Options . Pilih nama untuk kuas Anda, masukkan semua atribut yang ditunjukkan di bawah ini (pastikan Anda menyetel Metode Pewarnaan ke Pewarnaan ), lalu klik tombol OK untuk menambahkan sikat baru Anda ke dalam panel brushes .

Langkah 2

Nonaktifkan Snap to Grid ( Control- " ) dan pilih Brush Tool (B) .

Pilih sikat seni Anda dari panel brushes dan fokus pada mata. Cukup menggambar jalur melengkung di sepanjang dasar mata Anda seperti yang ditunjukkan di bawah ini dan atur warnanya menjadi R = 217 G = 224 B = 33 .

9. Kalikan dan Spread the Eyes

Langkah 1

Pilih semua bentuk yang membentuk mata Anda dan Kelompokkan mereka menggunakan perintah keyboard Control-G . Mengelompokkan bentuk membuatnya lebih mudah bagi Anda untuk memilih sekumpulan bentuk dengan satu klik sederhana.

Langkah 2

Akhirnya, buat sekitar tiga salinan kelompok mata Anda dan letakkan secara kasar seperti yang ditunjukkan pada gambar berikut. Jangan ragu untuk menambahkan sebanyak mungkin salinan yang Anda inginkan atau mungkin mengubah ukuran beberapa kelompok.

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 mungkin menemukan beberapa sumber inspirasi di  Pasar Envato  dengan solusi menarik untuk memperbaiki desain Anda.

Author

Andrei Marius

Saya seorang seniman vektor otodidak yang berusaha mencari nafkah untuk melakukan sesuatu yang saya sukai. Saya menghabiskan sebagian besar waktu saya bekerja di Adobe Illustrator, menghindari Pen Tool dan berjuang untuk menemukan warna yang sempurna. Anda dapat menemukan semua percobaan vektor saya di situs kecil ini: vforvectors.com.