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 Bending 3D Text Effect di Adobe Illustrator

Scroll to top
Read Time: 12 mins

Indonesian (Bahasa Indonesia) translation by Frida Wahyu (you can also view the original English article)

Dalam tutorial berikut ini Anda akan belajar cara membuat Efek Teks 3D di Adobe Illustrator. Selain menggunakan alat 3D, Anda akan melapisi bentuk huruf untuk membuat perubahan warna dengan gradien dan highlight. Anda juga akan bekerja dalam pola halus yang dikendalikan oleh Masker Opacity.


Langkah 1

Buat 600 dengan 620px, dokumen RGB dan mulai dengan latar belakang. Menggunakan Rectangle Tool (M) membuat bentuk ukuran artboard Anda. Isi dengan gradien linier, seperti yang ditunjukkan pada gambar berikut. Lihatlah lebih dekat gradien pada gambar dan Anda akan melihat beberapa angka putih di atas slider gradien. Angka-angka itu mewakili persentase Lokasi.


Langkah 2

Pilih bentuk dari langkah sebelumnya dan pergi ke panel Appearance (Window> Appearance). Buka menu fly-out dan klik Add New Fill. Ini akan menambahkan isian kedua untuk bentuk yang Anda pilih. Jadikan hitam, turunkan Opacity menjadi 3%, ubah blending mode ke Multiply, lalu pergi ke Effect> Artistic> Film Grain. Masukkan data yang ditunjukkan pada gambar berikut dan klik OK.


Langkah 3

Pilih Rectangular Grid Tool dan cukup klik pada artboard Anda. Masukkan semua data yang ditunjukkan pada gambar berikut dan klik OK. Masukkan semua data yang diperbarui pada gambar berikut dan klik OK. Pilih itu, tambahkan 0,25pt, stroke hitam dan kemudian letakkan di atas persegi panjang yang ada.


Langkah 4

Pilih kembali Rectangle Tool (M), buat bentuk baru ukuran artboard Anda dan letakkan di atas grid. Mari kita fokus pada bentuk baru ini. Pilih Direct Selection Tool (A), pilih bagian bawah, titik jangkar kiri dan pindahkan 350px ke kiri. Pilih bagian bawah, titik jangkar kanan dan gerakkan 350px ke kanan. Sekarang bentuk Anda akan terlihat seperti trapesium (gambar # 1). Pilih itu bersama dengan kisi dan pergi ke Object> Envelope Distort> Make with Top Object. Pada akhirnya kisi Anda akan terlihat seperti gambar # 3.


Langkah 5

Pilih kembali grid, turunkan Opacity menjadi 10%, dan ubah blending mode menjadi Multiply. Sekarang pergi ke Effect> Artistic> Grain Film. Masukkan data yang ditunjukkan pada gambar pertama dan kemudian klik OK.

Pilih kembali Rectangle Tool (M), buat bentuk ukuran artboard Anda dan isi dengan gradien linier (ditunjukkan pada gambar kedua). Pilih bentuk baru ini bersama dengan kisi dan pergi ke panel Transparansi (Jendela> Transparansi). Buka menu fly-out dan klik Make Opacity Mask. Sekarang, bentuk Anda akan terlihat seperti gambar #3. Akhirnya, kunci semua bentuk yang dibuat sejauh ini.


Langkah 6

Sekarang, mari kita tambahkan teks. Pilih Jenis Alat (T) dan tambahkan kata pertama (Vektor). Gunakan font BRK techno overload dengan ukuran 180pt dan atur warnanya pada R = 0, G = 178, B = 180. Selanjutnya, pilih Alat Jenis Vertikal dan tambahkan kata kedua. Gunakan font, ukuran, dan warna yang sama, tetapi masukkan -200 di kotak pelacakan. Pilih dua kata ini dan pergi ke Object> Expand.


Langkah 7

Sekarang, Anda harus memiliki dua grup dengan kata-kata yang diperluas. Pilih grup "VECTOR" dan tekan Shift + Command + G untuk memisahkan grup, lalu pilih grup lain dan pergi ke Object> Compound Path> Make. Pilih jalur yang dihasilkan bersama dengan "T" dari "VECTOR".

Pilih Alat Seleksi (V), klik pada batas "T" (harus ditekankan), kemudian pergi ke panel Align (Window> Align) dan klik pada tombol Horizontal Align Left dan Vertical Align Top. Pada akhirnya bentuk Anda harus disejajarkan seperti yang ditunjukkan pada gambar ketiga. Pilih salah satu dari bentuk "T" dan hapus, lalu pilih semua bentuk huruf ini dan pergi ke Object> Compound Path> Make.


Langkah 8

Pilih jalur yang dibuat pada langkah sebelumnya dan pergi ke Efek> 3D> Extrude & Bevel. Ikuti data yang ditunjukkan pada gambar berikut dan klik OK. Buat dua salinan dari bentuk ini (Command + C> Command + F) dan buat mereka tidak terlihat. Anda akan membutuhkannya nanti. Sekarang pilih kembali bentuk asli dan pergi ke Object> Expand Appearance.


Langkah 9

Pilih grup yang dihasilkan dari langkah sebelumnya dan tekan Shift + Command + G sekali. Sekarang Anda harus memiliki grup untuk setiap huruf yang diperluas. Buka panel Layers, telusuri ke dalam grup-grup ini, temukan bentuk huruf teratas dan pindahkan. Pilih semua bentuk ini, isi dengan warna yang lebih gelap dan pindahkan ke bagian atas panel Layers. Dengan cara ini Anda akan membedakannya lebih mudah dari sisa bentuk.


Langkah 10

Buat dua gradien yang ditunjukkan pada gambar berikut dan simpan ke dalam panel Swatch Anda. Anda akan sering menggunakannya dalam langkah-langkah berikut. Sekali lagi, perhatikan gambar gradien. Angka kuning berarti persentase Opacity.


Langkah 11

Sekarang mari kita selesaikan sisa bentuk. Mari kita mulai dengan huruf pertama. Pilih bentuk yang ditunjukkan pada gambar pertama dan klik tombol Unite dari panel Pathfinder. Pastikan bentuk yang dihasilkan diisi dengan R = 0, G = 178, B = 180 dan kemudian tambahkan tiga isian baru dan gunakan gradien linier yang disimpan pada langkah sebelumnya.


Langkah 12

Pilih bentuk yang ditunjukkan pada gambar pertama dan klik tombol Unite dari panel Pathfinder. Tambahkan isian baru untuk bentuk yang dihasilkan dan gunakan Gradient 1.


Langkah 13

Pindah ke huruf kedua. Satukan bentuk seperti yang Anda lakukan dengan huruf sebelumnya, lalu tambahkan isian baru dan gunakan gradien yang disimpan. Sebagian besar waktu Anda akan membutuhkan dua Gradien (kiri dan kanan) dan Gradien 2 (tengah).


Langkah 14

Lanjutkan dengan surat berikutnya. Menyatukan bentuk dan menambahkan gradien yang disimpan.


Langkah 15

Berikutnya adalah "T." Pertama, buat gradien yang ditunjukkan pada gambar berikut, simpan, dan beri nama "Gradient 3." Sekarang satukan bentuk dan tambahkan gradien yang disimpan seperti yang ditunjukkan pada gambar berikut. Slider untuk gradient 3 tidak terlalu jelas karena slider lainnya. Gambar ekstra yang diperbesar mungkin bermanfaat.


Langkah 16

Lanjutkan dengan "O." Sekali lagi, satukan bentuk dan tambahkan gradien yang disimpan seperti yang ditunjukkan.


Langkah 17

Berikutnya adalah "R." Sekali lagi, satukan bentuk dan tambahkan gradien yang disimpan.


Langkah 18

Pindah ke "U" dan ikuti langkah yang sama.


Langkah 19

Fokus pada "T" kedua, satukan bentuk, lalu tambahkan gradien yang disimpan. Sekali lagi, Anda membutuhkan Gradient 3.


Langkah 20

Akhirnya, kami akan mengerjakan "S." Pertama, buat gradien yang ditunjukkan pada gambar berikut, simpan dan beri nama "Gradient 4." Sekarang satukan bentuk dan tambahkan gradien yang disimpan seperti yang ditunjukkan.


Langkah 21

Beginilah tampilan pekerjaan Anda sejauh ini. Sekarang mari kita fokus pada bentuk huruf yang gelap. Pertama, duplikat bentuk "VECTOR" atas. Pilih salinan ini dan pergi ke Object> Compound Path> Make.


Langkah 22

Pergi ke Edit> Preferences> General dan masukkan 0.5px di kotak Keyboard Increment. Gandakan jalur yang dibuat pada langkah sebelumnya (Command + C> Command + F). Pilih salinan ini dan tekan panah atas sekali. Pilih kembali salinan bersama dengan bentuk aslinya dan klik tombol Minus Front dari panel Pathfinder. Isi kelompok bentuk yang dihasilkan dengan warna putih dan ubah blending mode menjadi Overlay.


Langkah 23

Pindah ke bentuk "U". Pilih dan buat dua salinan. Pilih salinan atas dan tekan panah atas dua kali. Pilih kembali dua salinan ini dan klik tombol Minus Front dari panel Pathfinder. Hapus bentuk yang sangat tipis dan kemudian pilih jalur yang tersisa. Isi dengan gradien linier yang ditunjukkan di bawah ini (gambar # 2) dan ubah blending mode menjadi Overlay. Simpan gradien ini di panel Swatch Anda. Anda akan membutuhkannya lagi untuk dua langkah berikutnya.


Langkah 24

Pindah ke bentuk "T" dan buat dua salinan. Pilih yang teratas dan tekan panah atas tiga kali. Pilih kembali kedua salinan dan klik tombol Minus Front dari panel Pathfinder. Anda akan mendapatkan grup dengan dua bentuk.

Selanjutnya Anda perlu membagi bentuk kiri. Pilih Pen Tool (P) dan gambarlah bentuk seperti yang ditunjukkan pada gambar kedua. Pilih itu bersama dengan bentuk kiri dan klik tombol Minus Front dari panel Pathfinder. Sekarang isi ketiga bentuk ini dengan gradien linier yang disimpan di langkah sebelumnya dan ubah blending mode menjadi Overlay.


Langkah 25

Akhirnya, buat dua salinan untuk bentuk "S". Pilih salinan teratas dan tekan panah atas empat kali. Pilih kembali kedua salinan dan klik tombol Minus Front dari panel Pathfinder. Isi bentuk yang dihasilkan dengan gradien yang baru disimpan, lalu ubah blending mode menjadi Overlay. Pilih bentuk yang dibuat dalam empat langkah terakhir dan kelompokkan. Klik dua kali pada grup baru ini (di panel Layers) dan beri nama "Light."


Langkah 26

Beginilah tampilan pekerjaan Anda sejauh ini. Sekali lagi, duplikat bentuk "VECTOR" atas, lalu pilih salinan ini dan pergi ke Object> Compound Path> Make.


Langkah 27

Gandakan jalur yang dibuat pada langkah sebelumnya. Kali ini tekan panah ke bawah sekali. Pilih kembali salinan bersama dengan jalur asli dan klik tombol Minus Front dari panel Pathfinder. Isi kelompok bentuk yang dihasilkan dengan R = 0, G = 112, B = 132. Sekarang turunkan Opacity menjadi 50% dan ubah blending mode menjadi Multiply.


Langkah 28

Pindah ke bentuk "U". Pilih dan buat dua salinan. Pilih salinan atas dan tekan panah bawah dua kali. Pilih kembali dua salinan ini dan klik tombol Minus Front dari panel Pathfinder. Isi kelompok bentuk yang dihasilkan dengan R = 0, G = 112, B = 132. Turunkan Opacity menjadi 50% dan ubah blending mode menjadi Multiply.


Langkah 29

Buka bentuk "T" dan buat dua salinan. Pilih yang atas dan tekan panah ke bawah tiga kali. Pilih kembali kedua salinan dan klik tombol Minus Front dari panel Pathfinder. Isi kelompok bentuk yang dihasilkan dengan R = 0, G = 112, B = 132. Turunkan Opacity menjadi 50% dan biarkan blending mode pada Normal.


Langkah 30

Sekali lagi, buat dua salinan untuk bentuk "S". Pilih salinan atas dan tekan panah bawah empat kali. Pilih kembali kedua salinan dan klik tombol Minus Front dari panel Pathfinder. Isi kelompok bentuk yang dihasilkan dengan R = 0, G = 112, B = 132, dan turunkan Opacity menjadi 50%. Pilih bentuk yang dibuat dalam empat langkah terakhir dan kelompokkan. Klik dua kali pada grup baru ini (di panel Layers) dan beri nama Dark.


Langkah 31

Pilih kembali semua bentuk huruf dan pergi ke Object> Compound Path> Make. Pastikan bahwa bentuk yang dihasilkan ditempatkan di bawah kelompok "Cahaya" dan "Gelap" (di panel Layers), lalu isi dengan gradien linier yang ditunjukkan di bawah ini. Klik dua kali pada bentuk ini (di panel Layers) dan beri nama "Teks."


Langkah 32

Tambahkan empat isian baru untuk bentuk teks. Untuk tiga isian pertama gunakan gradien linier yang ditunjukkan. Sekarang pilih isian yang tersisa dari panel Appearance. Jadikan hitam, turunkan Opacity menjadi 5%, ubah blending mode menjadi Multiply. Pergi ke Effect> Artistic> Grain Film. Masukkan data yang ditunjukkan di bawah ini (gambar # 4) dan klik OK.


Langkah 33

Sekarang, karena efek Butir Film tepi teks agak pixelated. Mungkin sulit untuk melihatnya, terutama karena latar belakangnya, namun lebih baik untuk menutupi mereka. Gandakan bentuk teks (Command + C> Command + F). Pilih salinan ini, buka panel Appearance, simpan hanya satu isian dan buatlah putih. Pilih bentuk putih ini bersama dengan bentuk teks asli dan pergi ke panel Transparansi. Buka menu fly-out dan klik Make Opacity Mask.


Langkah 34

Gandakan bentuk topeng dari langkah sebelumnya. Pilih salinan ini, buka menu fly-out dari panel Transparansi dan pergi ke Release Opacity Mask. Jaga bentuk putih dan hapus yang lain. Sekarang Anda perlu mengganti putih rata dengan pola bawaan yang bagus. Buka menu fly-out dari panel Swatch dan pergi ke Open Swatch Library> Patterns> Decorative> Decorative_Modern.

Pilih kembali bentuk putih dan klik pada pola Optical Squares 2. Sekarang setelah Anda menambahkan pola untuk bentuk Anda, turunkan Opacity menjadi 30% dan ubah blending mode menjadi Overlay. Terakhir, bawa bentuk ini ke depan (Shift + Command + Kunci Bracket Kanan).


Langkah 35

Gandakan bentuk yang dibuat pada langkah sebelumnya. Pilih salinan ini, naikkan Opacity kembali ke 100%, ubah blending mode ke Normal dan isi dengan gradien linier yang ditunjukkan di bawah ini. Pilih bentuk segar ini bersama dengan yang berpola dan kembali ke panel Transparansi. Buka menu fly-out dan klik Make Opacity Mask. Ini akan membuat pola secara bertahap memudar.


Langkah 36

Nyalakan visibilitas untuk salah satu salinan yang dibuat pada langkah kedelapan. Pergi ke panel Appearance dan buka efek Extrude & Bevel. Klik tombol More Options, centang kotak Draw Faces Faces, lalu klik OK dan pergi ke Object> Expand Appearance. Sekali lagi, Anda akan mendapatkan grup dengan banyak subkelompok dan bentuk.

Langkah ini membutuhkan kesabaran. Telusuri ke dalam grup-grup ini dan temukan bentuk huruf bawah. Pindahkan sembilan bentuk ini di luar grup dan hapus. Pilih bentuk-bentuk ini, pergi ke Object> Compound Path> Make, lalu pindahkan path yang dihasilkan di belakang komponen teks lainnya.


Langkah 37

Pilih bentuk yang dibuat pada langkah sebelumnya. Isi dengan R = 0, G = 112, B = 132. Sekarang pilih Selection Tool (V) dan seret garis bawah sekitar 2px ke bawah.


Langkah 38

Pilih kembali bentuk dari langkah sebelumnya dan pergi ke Effect> Blur> Gaussian Blur. Masukkan radius 2px dan klik OK. Gandakan bentuk ini. Pilih salinan ini dan pindahkan di antara kisi-kisi dan latar belakang latar belakang di panel Layers. Ganti warna isian untuk salinan ini dengan R = 209, G = 211, B = 212. Buka efek Gaussian Blur dari panel Appearance dan naikkan radius ke radius 10px.


Langkah 39

Pilih bentuk abu-abu dari langkah sebelumnya dan pergi ke Object> Path> Offset Path. Masukkan radius 5px dan klik OK. Pilih jalur yang dihasilkan dan tekan panah ke bawah tujuh kali. Sekarang isi dengan R = 220, G = 220, B = 220. Sekarang buka efek Gaussian Blur dan naikkan radius ke 15px.


Langkah 40

Nyalakan visibilitas untuk salinan lain yang dibuat pada langkah kedelapan. Pilih salinan ini, Bawa ke Depan (Shift + Command + kunci Bracket Kanan), lalu buka efek Extrude & Bevel dari panel Appearance. Buka menu drop-down Surface dan pilih Wireframe, lalu klik OK, dan terapkan Object> Expand Appearance.


Langkah 41

Gandakan bentuk berpola. Pilih salinan ini, buka tabnya dan simpan hanya topengnya (bentuk dengan gradien). Ganti gradien dengan warna hitam pekat, lalu Bawa bentuk ke Depan (Shift + Command + tombol Bracket Kanan). Pilih bersama grup yang dihasilkan dari langkah sebelumnya dan buka panel Transparansi. Buka menu fly-out, klik Make Opacity Mask dan hapus centang pada kotak Klip. Terakhir, pilih grup bertopeng ini, turunkan Opacity menjadi 30% dan Anda selesai.


Kesimpulan

Gambar akhir ditunjukkan 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.