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

Cara Membuat Efek Teks Layered Paper Art di Adobe Illustrator 

by
Difficulty:BeginnerLength:MediumLanguages:

Indonesian (Bahasa Indonesia) translation by Abdul Mutholib (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam langkah dibawah ini, anda akan belajar tentang bagaimana cara membuat efek teks layered paper art di Adobe Illustrator. Sebagai permulaan, anda akan belajar bagaimana cara untuk mengatur sebuah grid sederhna dan membuat latar belakang yang cukup sederhana.  Dengan menggunakan bentuk tulisan gratis dan bentuk vektor dasar, anda akan belajar bagaimana cara membuat membuat seperangkat jalur yang majemuk.

Selanjutnya, anda akan belajar tentang bagaimana menciptakan efek bayangan dengan menggunakan beberapa efek Drop Shadow dan beberapa opacity masks. Akhirnya, anda akan menyesuaikan apa yang telah anda buat, dan anda akan belajar bagaimana cara untuk menambahkan tekstur yang halus untuk desain akhir anda. 

Untuk mendapatkan lebih banyak inspirasi tentang bagaimana menyesuaikan atau memperbaiki efek teks akhir anda, anda dapat menemukan banyak sumber di GraphicRiver. 

1. Cara Membuat Dokumen Baru dan Mengatur Grid 

Tekan Control-N untuk membuat dokunen baru. Pilih Pixels dari menu Units, masukan 850 di kotak lebar dan tinggi, lalu klik tombol More Setting. Pilih RGB untuk Color Mode, atur Raster Effects di Screen (72 ppi), dan selanjutnya klik Buat Dokumen.

Aktifkan Grid (View > Show Grid) dan Snap to Grid ( View > Snap to Grid). Anda akan membutuhkan grid setip 5 px, jadi bukalah Edit > Preferences > Guides > Grid, masukan 5 pada setiap Gridline every dan 1 pada kotak Subdivisions.  Cobalah untuk tidak berkecil hati karena semua grid tersebut--ini akan membuat pekerjaan anda lebih mudah, dan ingatlah bahwa anda bisa denhan mudah mengktifkan atau menonaktifkannya dengan menggunakan Control-" pada jalan pintas di keyboard. 

Anda dapat belajar lebih banyak tentang sistem Illustrator grid di tutorial pendek dari Andrei Stefan: Understanding Adobe Illustrator's Grid System

Anda juga harus membuk panel Info (Window > Info) untuk preview langsung dengan ukuran dan posisi bentuk anda.  Jangan lupa untuk mengatur satuan pengukuran ke piksel dari Edit > Preferences > Units. Semua pilihan jni akan secara signifikan meningkatkan kecepatan kerja anda. 

setup grid

2. Cara untuk membuat Latar dan Menambahkan  Beberapa Teks

Langkah ke 1

Pilihlah Rectangle Tool (M) dan fokus pada toolbar anda. Hapuslah warna dari stroke lalu isi dan atur warnanya menjadi R=140 G=198 B=63. Pindah ke artboard, buatlah persegi berukuran 860 px, dan pastikan itu mencakup keseluruhan artboard anda. 

green rectangle

Langkah ke 2 

Pilihlah Type Tool (T) dan buka panel Character (Window > Type > Character). Pilih font Comical Cartoon font, dan atur ukurannya menjadi 130 px dan yang utama menjadi 220 px. Secara sederhana, klik pada artboard anda, dan tambahkan teks, lalu atur warnanya menjadi R=0 G=113 B=188.

type tool

3. Cara untuk Membuat Compound Path Utama

Langkah 1

Membuat yakin bahwa teks Anda masih dipilih dan pergi ke jenis > membuat garis (Shift-kontrol-O). Ungroup kelompok (Shift-kontrol-G) yang dihasilkan bentuk dan kemudian pergi ke objek > Compound Path > membuat (kontrol-8) untuk mengubah bentuk biru Anda menjadi sebuah path compound.

Pastikan bahwa compound path anda terpilih dan bukalah Object > Path > Offset Path. Masukan -10 px Offsetand lalu klik tombol OK. Pilih compound path yabg terpilih dan ganti warnanya dengan  R=255 G=200 B=0.

create outlines

Langkah ke 2 

Pilihlah compound path anda yang berwarna kuning dan buka Object > Path > Offset Path. Masukkan - 10 px Offset dan lalu klik OK. Pilih hasil dari compound path dan dengan sederhana ubahlah warnanya dengan R=240 G=30 B=40.

offset path

Langkah ke 3 

Pilih semua compound path dan buka Effect > Distort & Transform > Roughen. Masukan atribut yang ada di gambar, lalu klik tombol OK, dan buka Object > Expand Appearance.

roughen

Langkah 4

Pilih compound path yang berwarna merah dan buka Object > Path > Offset Path. Masukan - 10 px Offset dan klik OK. Pilihlah compound path yang baru saja dibuat dan gantilah warnanya dengan R=255 G=123 B=155.

pink

4. Cara untuk Menambahkan Bayangan Dalam 

Langkah ke 1

Pilihlah compound path anda yang berwarna biru bersamaan dengan persegi panjang berwarna hijau, dan tambahkan salinan didepannya (Control-C > Control-F). Tarik kedua salinan itu kedepan (Shift-Control-]) dan klik Minus Front pada panel Pathfinder (Window > Pathfinder). .

Nyalakan hasil pengelompokan bentik anda menjadi sebuah compound path (Control-8), atur warnanya menjadi R=140 G=198 B =63, dan buka Effect > Stylize > Drop Shadow.  Masukan atribut yang terlihat disisi kiri window (seperti ganbar), klik tombol OK, dan buka lagi Effect > Stylize > Drop Shadow. Masukan atribut yang terlihat pada sisi kanan Window dan klik OK.

minus front

Langkah ke 2

Butlah salinan baru compound path berwarna biru anda (Control-C >Control-F), geser kedepan (Shift-Control-]), dan ganti warnanya menjadi putih (R=255 G=255 B=255). 

Pilih compound path berwarna putih anda bersamaan dengan yang satu yang kita buat sebelumnya (yang memiliki efek Drop Shadow), buka panel Transparency (Window > Transparency), dan klik tombol Make Mask.

opacity mask

Langkah ke 3

Pilihlah compound path yang berwarna kuning disertai dengan persegi panjang berwarna hijau dan tambahkanlah salinan didepannha (Control-C > Control-F). Tarik kedua salinan ini kedepan (Shoft-Control-]) dan klik Minus Front dari panel Pathfinder. 

Kembalikan hasil pengelompokan bentuk menjadi sebuah compound path (Control-8), atur warnanha menjadi R=57 G=181 B=74, dan buka Effect > Stylize > Drop Shadow.  Masukkan atribut yang ditampilkan di jendela kiri, klik tombol OK, dan kemudian pergi lagi ke efek > Stylize > Drop Shadow. Masukkan atribut yang ditampilkan di jendela kanan dan kemudian klik tombol OK.

pathfinder panel

Langkah ke 4 

Buatlah saliman dari compound path anda ynag berwarna kuning (Control-C > Control-F), tarik kedepan (Shift-Control-]), dan ubah warnanya menjadi putih. 

Pilihlah compound path anda yang berwarna putih bersamaan dengan satu yang sebelumnya kita buat, lalu buka panel Transparency, dan klik tombol Make Mask. 

transparency panel

Langkah ke 5 

Pilihlah compound path and ayang berwarna merah juga dengan persegi panjang yang berwarna hijau dan tambahkan salinannya didepan (Control-C > Control-F). Tarik kedua salinan tersebut kedepan (Shift-Control-]) dan lalu klik tombol Minus Front di panel Pathfinder. 

Kembalikan hasil pengelompokan bentuk anda menjadi compound path (Comtrol-8), atur warnanya menjadi R=0 G=146 B=69, dan buka Effect > Stylize > Drop Shadow.  Masukkan atribut yang ditampilkan disisii kiri window, klik tombol OK, dan buka Effect > Stylize > Drop Shadow. Masukan atribut yang ada disisi kanan window dan klik tombol OK. 

drop shadow

Langkah 6

Buatlah salimam baru dari compound path anda yang berwarna merah (Control-C > Control-F), tarik kedepan (Shift-Control-]), dan ganti warnanya menjadi putih. 

Pilih compound path yang berwarna putih bersamaan dengan yang telah kita buat sebelumnya, buka panel Transparency dan klik tombol Make Mask. 

opacity mask

Langkah ke 7 

Pilih compound path yang berwarna merah muda dengan persegi panjang berwarna hijau, dan tambahkan salinanya didepan (Control-C > Control-F). Tarik kedua salinan tersebut kedepan (Shift-Control-]), dan lalu klik tombol Minus Front dari panel Pathfinder.

Ubah hasil pengelompokan bentuk anda menjadi sebuah compound path (Control-8), lalu atur warnanya menjadi R=0 G=104 B=55, dan buka Effect > Stylize > Drop Shadow Masukan atribut yang muncul disisi kiri window, lalu klik tombol OK, dan buka lagi Effect > Stylize > Drop Shadow. Masukan atribut yang muncil disisi kanan window dan klik tombol OK. 

compound path

Langkah ke 8 

Buatlah salinan dari compound path yang berwarna merah muda (Control-C > Control-F), tarik kedepan (Shoft-Control-]), dan ganti warnanya menjadi putih. 

Pilih compound path berwarna putih ini, buka panel Transparency dan klik tombol Make Mask. 

masking

5. Cara Menyesuaikan Compound Paths Anda 

Langkah ke 1 

Pilih compound path yang berwarna biru dan fokuslah pada panel Appearance (Window > Appearance). Pilih warnanya, gantilah dengan R=117 G=181 B=32, dan buka Effect > Stylize > Drop Shadow.  Masukan atribut yang muncul seperti digambar bawah, klik tombol OK, dan buka Effect > Stylize > Outer Glow. Masukan atribut yang ditampilkan dibawah dan klik tombol OK. 

outer glow

Langkah ke 2

Pilih compound path kuning anda dan fokuslah pada panel Appearance. Pilih warna dan gantilah dengan R=57 G=181 B=74, lalu buka Effect > Stylize > Drop Shadow. . Masukan atribut yang muncul seperti gambar berikut dan klik tombol OK.

drop shadow

Langkah ke 3

Pilih compound path merah dan fokuslah pada panel Appearance. Pilih warna dan ganti dengan R=0 G=146 B=69, dan buka Effect > Stylize > Drop Shadow. Masukan atribut seperti yang tertampil digambar berikut dan klik OK. 

drop shadow

Langkah ke 4 

Pilih compound path merah muda anda dan fokuslah pada panel Appearance. Pilih warna dan ganti dengan R=0 G=104 B=5, lalu buka Effect > Stylize > Drop Shadow.  Masukan atribut yang ada seperti gambar berikut lalu klik OK.

drop shadow

Langkah ke 5 

Pastikan bahwa compound path anda yang berwarna lebih gelap masih dipilih dan terus fokuslah pada panel Appearance. Tambahkan warna kedia dengan menggunakaa tombol Add New Fill dan pilihlah.  Atur warnanya menjadi R=0 G=84 B=35, dan buka Effect > Path > Offset Path. Masukan -7 px Offset lalu klik tombol OK.

add new fill

6. Cara untuk Menambahkan Shading dan Tekstur Halus 

Langkah ke 1 

Pilih persegi hijau anda, buatlah salinan didepannya (Control-C > Control-F), dan tarik kedepan (Shift-Control-]). 

Pastikan bahwa bentuk baru ini tetap terpilih dan fokuslaj pada panel Appearance. Pilih warna, gantilah Blending Mode menjadi Soft Light, dan gantilah warna dengan radial gradien sebagaimana pada gambar berikut ini. sebagaimana pada gambar berikut ini. Ingstlah bahwa nol kuning dari panel Gradient (Window > Gradient) dimaksudkan untuk persentase Opacity. 

radial gradient

Langkah ke 2 

Pastikan bahwa persegi yang ditambahkan pada langkah sebelumnya tetap dipilih, fokuslah pada panel Appearance, dan pilih warna kedua menggunakantombol Add New Fill yang sama. 

Pilih warna yang baru dan atur warnanya menjadi hitam (R=0 G=0 B=0). Perendah Opacitynya menjadi 10%, ubahlaj Blending Mode menjadi Soft Light, dan buka Effect > Artistic > Film Grain. Masukan atribut yang dimunculkan seperti gambar berikut ini dan klik OK. 

film grain

Selamat! Anda Berhasil!

Inilah yang seharusnya terlihat. Saya harap anda menikmati tutorial ini dan dapat mengaplikasikannya di proyek yang mendatang. 

Bebaskan diri anda untuk mengatur desain akhirnya dan membuatnya sendiri. Anda dapat menemukan beberapa sumbel menarik di GraphicRiver, 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.