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

Cara Membuat Efek Teks Alien, Berlendir, dalam Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Anissa Anwar (you can also view the original English article)

Final product image
What You'll Be Creating

Pada langkah berikutnya Anda akan belajar cara membuat efek teks hijau, berlendir dalam Adobe Illustrator.

Sebagai permulaan, Anda akan belajar cara untuk membuat sebuah grid sederhana dan cara membuat latar belakang yang sederhana. Mengambil keuntungan penuh dari panel Appearance dan menggunakan font yang rapi, Anda akan belajar cara membuat, efek teks berlendir yang sepenuhnya dapat diedit.

Selanjutnya, Anda akan belajar cara menambahkan beberapa cahaya menyorot halus dan cara cepat memilih sekelompok bentuk dengan atribut yang sama. Akhirnya, Anda akan belajar cara untuk menyimpan dan menggunakan art brush dan cara membuat mata alien lucu menggunakan blending dan teknik vektor bentuk-bangunan dasar.

Untuk lebih banyak inspirasi tentang cara untuk menyesuaikan atau meningkatkan efek teks berlendir, Anda dapat menemukan banyak sumber daya di Envato Market.

1. Buat Dokumen Baru dan Menyiapkan Grid

Tekan Control-N untuk membuat dokumen baru. Pilih Pixels dari menu drop-down Units, memasukkan 800 pada kotak width dan 600 pada kotak height, dan kemudian klik pada tombol Advanced. Pilih RGB, Screen (72ppi) dan memastikan bahwa kotak Align New Objects to Pixel Grid dicentang sebelum Anda klik OK.

Aktifkan Grid (View > Show Grid) dan Snap to Grid (View > Snap to Grid). Anda akan membutuhkan grid setiap 10 px, jadi hanya menuju ke Edit > Preferences > Guides > Grid, dan masukkan 10 di kotak Gridline every dan 1 di kotak Subdivisions. Cobalah untuk tidak berkecil hati dengan semua grid tersebut—grid akan membuat pekerjaan Anda lebih mudah, dan perlu diingat bahwa Anda dapat dengan mudah mengaktifkan atau menonaktifkan menggunakan Control-" keyboard shortcut.

Anda dapat mempelajari lebih lanjut tentang sistem grid Illustrator dan bagaimana hal itu dapat memudahkan pekerjaan Anda dalam tutorial singkat ini dari Andrei Stefan: Memahami Sistem Grid Adobe Illustrator

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

setup grid

2. Membuat Latar Belakang

Langkah 1

Pilih Rectangle Tool (M) dan fokus pada toolbar Anda. Menghilangkan warna dari stroke, dan kemudian pilih fill dan mengatur warna ke R=214 G=150 B=229.

Memindahkan ke artboard Anda dan hanya membuat persegi panjang 820 x 620 px yang benar-benar menutupi artboard Anda seperti ditunjukkan di bawah - grid dan fitur Snap to Grid harus membuat ini lebih mudah.

rectangle

Langkah 2

Memastikan bahwa persegi panjang Anda masih dipilih, buka panel Appearance (Window > Appearance), dan menambahkan fill kedua menggunakan tombol Add New Fill.

Pilih fill baru ini dan mengganti warna yang ada dengan radial gradient yang ditunjukkan di bawah. Perlu diingat bahwa angka nol kuning dari gambar Gradient menunjukkan persentase Opacity, dan menggunakan Gradient Tool (G) untuk meregangkan gradient Anda kira-kira seperti yang ditunjukkan pada gambar berikut.

Setelah selesai, kembali ke panel Appearance dan klik "Opacity" pada potongan teks yang berdiri untuk fill baru Anda untuk membuka panel fly-out Transparency. Atur Blending Mode ke Overlay dan menjaga Opacity pada 100%.

radial gradient

3. Membuat dan Menggunakan Graphic Styles

Langkah 1

Buka panel Character (Window > Type > Character) dan memilih Type Tool (T). Cukup klik pada artboard Anda dan fokus pada panel Character. Pilih font Spilt Ink, mengatur ukuran ke 150 px, dan kemudian menambahkan "GREEN" pada bagian teks Anda.

Memastikan bahwa potongan teks tetap dipilih dan menghapus warna fill yang sudah ada, yang akan membuat teks Anda tidak terlihat. Fokus pada panel Appearance dan menambahkan fill baru menggunakan tombol yang sama Add New Fill. Pilih dan mengatur warna ke R=115 G=191 B=69. Sekarang, duplikasi bagian dari teks ini (Control-C > Control-V), ganti "GREEN" dengan "WORLD", dan menempatkan itu kira-kira seperti yang ditunjukkan pada gambar kedua.

type tool

Langkah 2

Pilih potongan teks "GREEN", fokus pada panel Appearance, dan menambahkan fill kedua menggunakan tombol yang sama Add New Fill.

Pilih fill baru ini, drag ke bawah yang hijau, mengatur warna ke R=115 G=191 B=69, dan kemudian menuju ke Effect > Path > Offset Path. Memasukkan Offset 10 px , mengatur Joins ke Round, dan kemudian klik tombol OK. Pada akhirnya, akan terlihat seperti gambar berikut.

add new fill

Langkah 3

Memastikan bahwa potongan teks "GREEN" masih dipilih dan tetap fokus pada panel Appearance. Pilih bagian bawah fill dan duplikasi menggunakan tombol Duplicate Selected Item.

Pilih fill yang baru ditambahkan dan mengganti warna yang ada dengan linear gradient yang ditunjukkan di bawah. Ingat bahwa nol kuning dari gambar Gradient menunjukkan persentase Opacity. Kembali ke panel Appearance, memastikan bahwa fill ditambahkan pada langkah ini masih dipilih, dan buka panel fly-out Transparency. Menurunkan Opacity menjadi 30% dan mengubah Blending Mode ke Soft Light.

linear gradient

Langkah 4

Memastikan bahwa potongan teks "GREEN" masih dipilih dan tetap fokus pada panel Appearance.

Pilih fill paling atas dan menuju ke Effect > Stylize > Drop Shadow. Memasukkan atribut yang ditampilkan di jendela kiri (pada gambar berikut), klik tombol OK, dan kemudian menambahkan dua efek Drop Shadow lainnya di bawah ini.

drop shadow

Langkah 5

Memastikan bahwa potongan teks "GREEN" masih dipilih dan tetap fokus pada panel Appearance.

Menambahkan fill baru dan drag ke atas yang sudah ada. Memastikan bahwa hal itu tetap dipilih, mengatur warna ke R=115 G=191 B=69, dan kemudian menuju ke Effect > Stylize > Inner Glow. Memasukkan atribut yang ditampilkan di jendela kiri (pada gambar berikut), klik tombol OK, dan kemudian menuju lagi ke Effect > Stylize > Inner Glow. Kali ini, memasukkan atribut yang ditampilkan di jendela kanan, klik tombol OK, dan kemudian menuju ke Effect > Stylize > Drop Shadow. Memasukkan properti yang ditampilkan di bawah ini dan kemudian klik tombol OK.

inner glow

Langkah 6

Memastikan bahwa potongan teks "GREEN" masih dipilih dan tetap fokus pada panel Appearance.

Menambahkan fill baru dan drag ke atas yang sudah ada. Fill dengan linear gradient yang ditunjukkan di bawah, menurunkan Opacity menjadi 10%, mengubah Blending Mode ke Overlay, dan kemudian menuju ke Effect > Path > Offset Path. Memasukkan Offset -3 px dan klik tombol OK.

offset path

Langkah 7

Memastikan bahwa potongan teks "GREEN" masih dipilih dan tetap fokus pada panel Appearance.

Menambahkan fill baru dan drag ke atas yang sudah ada. Berilah warna putih, menurunkan Opacity menjadi 20%, mengubah Blending Mode ke Overlay, dan kemudian menuju ke Effect > Path > Offset Path. Memasukkan Offset -15 px , klik tombol OK, dan kemudian menuju ke Effect > Blur > Gaussian Blur. Atur Radius ke 5 px dan klik OK.

gaussian blur

Langkah 8

Memastikan bahwa potongan teks "GREEN" masih dipilih dan tetap fokus pada panel Appearance.

Menambahkan fill baru dan drag ke atas yang sudah ada.  Fill dengan linear gradient yang ditunjukkan di bawah, menurunkan Opacity menjadi 10%, mengubah Blending Mode ke Overlay, dan kemudian menuju ke Effect > Path > Offset Path. Memasukkan Offset -10px dan klik tombol OK.

linear gradient

Langkah 9

Memastikan bahwa potongan teks "GREEN" masih dipilih dan tetap fokus pada panel Appearance.

Menambahkan fill baru dan drag ke atas yang sudah ada. Berilah warna putih, menurunkan Opacity menjadi 5%, mengubah Blending Mode ke Overlay, dan kemudian menuju ke Effect > Path > Offset Path. Memasukkan Offset -20px dan kemudian klik tombol OK.

white fill

Langkah 10

Memastikan bahwa potongan teks "GREEN" masih dipilih dan tetap fokus pada panel Appearance.

Menambahkan fill baru dan drag ke bagian bawah panel, ke bawah sisa dari fill. Buatlah hitam, menurunkan Opacity ke 15%, dan kemudian menuju ke Effect > Distort & Transform > Transform. Drag slider Move-Vertical ke 10 px, klik tombol OK, dan kemudian menuju ke Effect > Blur > Gaussian Blur. Atur Radius ke 20 px dan kemudian klik tombol OK.

black fill

Langkah 11

Memastikan bahwa potongan teks "GREEN" masih dipilih dan tetap fokus pada panel Appearance.

Menambahkan satu fill terakhir dan drag ke bawah panel. Buatlah hitam, menurunkan Opacity ke 15%, dan kemudian menuju ke Effect > Distort & Transform > Transform. Kali ini, drag slider Move-Vertical ke 30 px, klik tombol OK, dan kemudian menuju ke Effect > Blur > Gaussian Blur. Mengatur Radius sampai 15 px dan kemudian klik tombol OK.

transform effect

Langkah 12

Sekarang Anda perlu copy properti yang digunakan untuk potongan teks "GREEN" dan paste ke bagian lain dari teks.

Menuju ke panel Layers (Window > Layers), fokus pada sisi kanan, dan Anda akan melihat bahwa setiap bentuk datang dengan lingkaran abu-abu kecil, icon sasaran. Tahan tombol Alt, klik pada icon sasaran yang berdiri untuk potongan teks "GREEN", dan drag ke lingkaran yang berdiri untuk potongan teks "WORLD".

Pada akhirnya, seharusnya akan terlihat seperti gambar berikut.

target icon

4. Menambahkan Cahaya Menyorot Halus

Langkah 1

Untuk langkah selanjutnya Anda akan memerlukan grid setiap 1 px, jadi menuju ke Edit > Preferences > Guides & Grid dan memasukkan 1 pada kotak Gridline every.

Menggunakan Ellipse Tool (L), membuat sekelompok lingkaran 1 px, 2 px, dan 3 px, fill mereka semua dengan warna putih, dan menyebarkannya di bagian atas teks Anda, kira-kira seperti yang ditunjukkan pada gambar pertama.

Setelah Anda selesai, pilih salah satu lingkaran tersebut dan menggunakan perintah Select > Same > Fill Color untuk cepat memilih semua lingkaran putih Anda. Pindah ke panel Appearance, menurunkan Opacity menjadi 15%, dan mengubah Blending Mode ke Overlay.

white circles

Langkah 2

Sekali lagi, menggunakan Ellipse Tool (L) untuk membuat satu set baru lingkaran 1 px, 2 px, dan 3 px. Kali ini, mengisi bentuk-bentuk ini dengan warna hitam dan menyebarkannya di bagian bawah dari teks Anda, kira-kira seperti yang ditunjukkan pada gambar pertama.

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

black circles

5. Membuat Mata

Langkah 1

Menggunakan Rectangle Tool (M), buat bentuk 6 x 50 px dan fill dengan R=0 G=146 B=69.

Fokus pada sisi atas persegi panjang baru ini dan memilih Direct Selection Tool (A). Pilih anchor point kiri dan drag 2 px ke kanan, kemudian pilih anchor point kanan dan drag 2 px ke kiri.

green rectangle

Langkah 2

Terus berfokus pada bentuk hijau segar Anda, memastikan bahwa itu dipilih, dan menuju ke Effect > Warp > Arc. Masukkan atribut yang ditunjukkan di bawah, klik tombol OK, dan kemudian menuju ke Effect > Warp > Flag. Sekali lagi, masukkan properti yang ditunjukkan di bawah, klik tombol OK, dan kemudian menuju ke Object > Expand Appearance.

warp effects

Langkah 3

Menonaktifkan Snap ke Grid (Shift-Control-") dan kemudian menuju ke Edit > Preferences > General dan memastikan bahwa Keyboard Increment diatur ke 1 px.

Memastikan bahwa bentuk hijau Anda dipilih dan membuat dua copy di depan (Control-C > Control-F > Control-F). Pilih copy atas dan memindahkannya 1 px di sebelah kiri menggunakan tombol panah kiri. Memilih ulang kedua copy yang dibuat di langkah ini, buka panel Pathfinder (Window > Pathfinder), dan klik tombol Minus Front.

Fill pada bentuk yang baru dibuat dengan linear gradient yang ditunjukkan di bawah, menurunkan Opacity menjadi 30%, dan mengubah Blending Mode ke Soft Light.

pathfinder panel

Langkah 4

Memilih ulang bentuk hijau Anda dan membuat dua copy baru di depan (Control-C > Control-F > Control-F). Sekali lagi, pilih copy yang di atas dan kali ini memindahkannya 1 px ke kanan menggunakan tombol panah kanan pada keyboard Anda. Memilih ulang kedua copy yang dibuat pada langkah ini dan klik tombol Minus Front yang sama dari panel Pathfinder.

Fill bentuk yang baru dibuat dengan linear gradient yang ditunjukkan di bawah, menurunkan Opacity ke 40%, dan mengubah Blending Mode ke Overlay. Perlu diingat bahwa jumlah biru dari gambar Gradient menunjukkan persentase Location dan bahwa Anda dapat dengan mudah menambahkan slider gradient baru hanya dengan klik bilah gradient.

minus front

Langkah 5

Memilih ulang bentuk hijau Anda, fokus pada panel Appearance, dan mengganti warna yang ada dengan linear gradient yang ditunjukkan di bawah.

Tetap fokus pada panel Appearance, menambahkan fill putih kedua, meletakkan di atas fill lainnya, dan memastikan bahwa hal itu tetap dipilih. Menurunkan Opacity ke 15%, mengubah Blending Mode ke Overlay, dan kemudian menuju ke Effect > Path > Offset Path. Masukkan Offset -2 px dan klik tombol OK.

second fill

6. Membuat Bola Mata

Langkah 1

Aktifkan Snap ke Grid (Control-"). Menggunakan Ellipse Tool (L), membuat lingkaran 24 px, menempatkan itu seperti yang ditunjukkan pada gambar pertama dan fill dengan linear gradient dari gambar berikut.

Memastikan bahwa Ellipse Tool (L) tetap aktif, membuat lingkaran 22 px, fill dengan R=115 G=191 B=69, dan menempatkannya seperti yang ditunjukkan pada gambar kedua.

Berikutnya, membuat lingkaran 21 px, fill dengan R=86 G=177 B=58, dan menempatkannya seperti yang ditunjukkan pada gambar ketiga.

Akhirnya, membuat lingkaran 20 px, fill dengan warna kuning apapun, dan menempatkannya seperti yang ditunjukkan pada gambar akhir. Jangan repot-repot untuk mendapatkan warna yang mirip dengan salah satu yang terlihat di bawah ini.

circles

Langkah 2

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

Fill bentuk yang baru dengan R=41 G=171 B=226 dan menurunkan Opacity menjadi 15%.

minus front

Langkah 3

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

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

minus front

Langkah 4

Memilih ulang lingkaran kuning dan mengganti warna yang ada dengan radial gradient yang ditunjukkan di bawah. Jangan lupa bahwa Anda dapat menggunakan Gradient Tool (G) untuk dengan mudah menyesuaikan gradient Anda.

radial gradient

Langkah 5

Menggunakan Ellipse Tool (L), membuat lingkaran 10 px dan fill dengan R=41 G=171 B=226, dan kemudian membuat lingkaran 4 px dan membuatnya hitam. Menempatkan dua bentuk ini seperti yang ditunjukkan pada gambar pertama, dan memastikan bahwa Ellipse Tool tetap aktif.

Menambahkan lingkaran 2 px dan lingkaran 4 px dan menempatkan mereka seperti yang ditunjukkan pada gambar ketiga. Fill kedua bentuk dengan warna putih dan menurunkan Opacity ke 70%.

circles

7. Membuat Bayangan Mata

Langkah 1

Pilih tiga bentuk utama yang membentuk mata (disorot dalam gambar pertama) dan duplikasi mereka (Control-C > Control-F). Pilih hanya copy dan klik tombol Minus Front dari panel Pathfinder. Fill bentuk yang dihasilkan dengan hitam.

black shape

Langkah 2

Terus berfokus pada bentuk hitam yang dibuat pada langkah sebelumnya. Menuju ke panel Layers (Window > Layers), membuka layer yang ada, dan drag bentuk hitam ke bawah sisa bentuk yang menyusun mata.

Memastikan bahwa bentuk hitam Anda dipilih dan menuju ke Effect > Distort & Transform > Free Distort.  Drag poin atas kira-kira seperti gambar dibawah ini, klik tombol OK, dan kemudian menuju ke Object > Expand Appearance.

free distort

Langkah 3

Memastikan bahwa bentuk hitam Anda dipilih dan fokus pada panel Appearance. Pertama, pilih fill yang ada, menurunkan Opacity menjadi 10%, dan menuju ke Effect > Blur > Gaussian Blur. Masukkan Radius 5 px, klik tombol OK, dan kembali ke panel Appearance.

Menambahkan fill kedua dan memastikan bahwa itu berada di atas yang sudah ada. Memilihnya, menurunkan Opacity menjadi 10%, dan mengganti warna yang ada dengan linear gradient yang ditunjukkan di bawah.

shadow

8. Membuat dan Menggunakan Art Brush

Langkah 1

Menggunakan Ellipse Tool (L), membuat bentuk ukuran 10 x 2 px dan fill dengan warna hitam.

Pilih bentuk ini, buka panel Brushes (Window > Brushes) dan klik tombol New Brush. Mencentang tombol Art Brush dan klik tombol OK untuk membuka jendela Art Brush Options. Memilih nama untuk brush Anda, masukkan semua atribut yang ditunjukkan di bawah (pastikan bahwa Anda mengatur Colorization Method ke Tints), dan kemudian klik tombol OK untuk menambahkan brush baru Anda di dalam panel Brushes.

art brush

Langkah 2

Menonaktifkan Snap to Grid (Control-") dan memilih Brush Tool (B).

Pilih art brush Anda dari panel Brushes dan fokus pada mata. Cukup menggambar path melengkung sepanjang dasar mata seperti yang ditunjukkan di bawah ini dan mengatur warna ke R=217 G=224 B=33.

brush tool

9. Memperbanyak dan Menyebarkan Mata

Langkah 1

Pilih semua bentuk yang menyusun mata dan Group mereka menggunakan perintah Control-G pada Keyboard. Menjadikan grup pada bentuk membuat lebih mudah bagi Anda untuk memilih sekelompok bentuk cukup dengan satu klik.

group

Langkah 2

Akhirnya, membuat sekitar tiga copy grup mata dan menempatkan mereka kira-kira seperti yang ditunjukkan pada gambar berikut. Merasa bebas untuk menambahkan banyak copy yang Anda inginkan atau mungkin mengubah ukuran beberapa grup.

multiply group

Selamat! Anda Selesai!

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

Jangan ragu untuk menyesuaikan desain akhir dan Anda membuat sendiri. Anda mungkin menemukan beberapa sumber inspirasi di Envato Market 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.