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

Bagaimana Membuat Efek Teks Luke Cage Dalam Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Yosef Andreas (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Di dalam tutorial ini, kamu akan belajar bagaimana membuat efek teks berdasarkan teks logo Luke Cage. Luke Cage adalah pahlawan super di dalam alam Marvel dan sekarang dimuat dalam seri di Netflix.

Sebagai awalan, kamu akan belajar bagaimana mempersiapkan grid sederhana dan bagaimana membuat bentuk huruf pixel sempurna dengan menggunakan tool dasar bersamaan dengan fitur Snap to Grid. Dengan menggunakan efek 3D Extrude & Bevel, kamu akan belajar bagaimana menambahkan efek 3D lembut pada huruf-hurufmu.

Dengan memanfaatkan panel Appearance secara penuh, kamu akan belajar bagaimana menambahkan tekstur dan sorotan halus. Kamu juga akan belajar bagaimana melakukan masking pada bentuk dengan mudah dan bagaimana berkerja dengan brush bawaan. Terakhir, kamu akan belajar bagaimana menambahkan latar belakang gelap dan beberapa titik kilau lembut pada teks akhir.

Untuk inspirasi lainnya tentang bagaimana menyesuaikan atau meningkatkan efek teks akhir, kamu dapat menemukan banyak sumber di GraphicRiver.

1. Bagaimana Membuat Dokumen Baru & Mengatur Grid

Tekan Control-N untuk membuat dokumen baru. Pilih Pixels dari menu drop-down Units, masukkan 850 di dalam kotak width dan 600 di dalam kotak height, dan kemudian klik tombol Advanced. Pilih RGB untuk Color Mode, atur Raster Effects ke Screen (72 ppi) dan kemudian klik tombol Create Document.

Aktifkan Grid (View > Show Grid) dan Snap to Grid(View > Snap to Grid). Kamu akan memerlukan sebuah grid setiap 5 px, jadi pergi ke Edit > Preferences > Guides > Grid, masukkan 5 di dalam kotak Gridline every dan 1 di dalam kotak Subdivisions. Cobalah untuk tidak patah semangat dengan semua grid tersebut—itu akan membuat pekerjaanmu lebih mudah, dan ingat bahwa kamu dapat mengaktifkan dan menonaktifkan itu dengan menggunakan shortcut keyboard Control-".

Kamu dapat mempelajari lebih lanjut tentang sistem grid Adobe Illustrator di dalam tutorial singkat ini oleh Andrei Stefan: Memahami Sistem Grid Adobe Illustrator.

Kamu juga hendaknya membuka panel Info (Window > Info) untuk pratinjau langsung dengan ukuran dan posisi bentukmu. Jangan lupa untuk mengatur unit pengukuran menjadi pixel dari Edit > Preferences > Units > General. Semua pilihan ini akan menaikkan kecepatan kerjamu secara signifikan.

setup gridsetup gridsetup grid

2. Bagaimana Membuat Bentuk Karakter

Langkah 1

Pilih Rectangle Tool (M) dan fokus pada toolbar. Hilangkan warna dari goresan dan kemudian pilih fill dan atur warnanya menjadi R=255 G=180 B=0. Pindah ke artboard dan buat sebuah persegi panjang 80 x 20 px—fitur grid dan Snap to Grid harusnya membuat pekerjaanmu lebih mudah.

Ganti warna fill yang ada dengan R=39 G=169 B=224, buat sebuah bentuk 30 x 80 px, dan tempatkan itu sesuai yang ditunjukkan dalam gambar kedua. Kedua persegi panjang ini akan membentuk "L".

rectangle toolrectangle toolrectangle tool

Langkah 2

Dengan menggunakan tool dan warna fill yang sama, buat "U" seperti yang ditunjukkan dalam gambar berikut.

rectanglerectanglerectangle

Langkah 3

Dengan menggunakan Rectangle Tool (M), buat sebuah bentuk 30 x 60 px. Isi persegi panjang baru ini dengan kuning dan tempatkan itu persis seperti yang ditunjukkan dalam gambar pertama. Fokus pada bentuk yang diseleksi dan pilih Direct Selection Tool (A). Pilih kedua anchor point dan tarik 50 px ke kiri.

Pilih ulang Rectangle Tool (M) dan buat sebuah bentuk 30 x 50 px. Isi dengan warna kuning dan tempatkan persis seperti yang ditunjukkan di dalam gambar ketiga. Fokus pada sisi atas persegi panjang baru ini dan ganti ke Direct Selection Tool (A). Pilih kedua anchor point dan tarik 35 px ke kiri.

Sekali lagi, pilih Rectangle Tool (M), buat sebuah bentuk 30 x 80 px, isi dengan warna biru, dan tempatkan itu seperti yang ditunjukkan di dalam gambar kelima.

direct selection tooldirect selection tooldirect selection tool

Langkah 4

Dengan menggunakan tool dan warna fill yang sama, buat "U" seperti yang ditunjukkan di dalam gambar di bawah ini.

blue rectangleblue rectangleblue rectangle

Langkah 5

Dengan menggunakan tool dan warna fill yang sama, buat bentuk huruf lainnya seperti yang ditunjukkan di dalam gambar di bawah ini.

letter shapesletter shapesletter shapes

Langkah 6

Pilih semua bentuk yang dibuat sejauh ini, buka panel Pathfinder (Window > Pathfinder), dan klik tombol Unite.

pathfinderpathfinderpathfinder

3. Bagaimana Membuat Efek 3D

Langkah 1

Nonaktifkan Grid (Control-") dan Snap to Grid (Shift-Control-").

Pastikan bahwa kelompok bentuk dipilih dan pergi ke Effect > 3D > Extrude & Bevel. Klik tombol More Options, pastikan bahwa kamu memasukkan semua atribut yang ditunjukkan di bawah, dan kamu klik tombol OK.

extrude bevelextrude bevelextrude bevel

Langkah 2

Lihat lebih dekat bentukmu dan kamu mungkin akan menyadari ada beberapa sisi yang hilang dari obyek 3D. Trik rapi untuk memperbaiki permasalahan ini adalah efek Warp sederhana. Pastikan kelompok bentuk dipilih dan pergi ke Effect > Warp > Arc. Centang pada kotak Horizontal, atur semua slider ke 0%, dan kemudian klik tombol OK.

warp arcwarp arcwarp arc

Langkah 3

Pilih ulang kelompok bentuk, pergi ke Object > Expand Appearance, dan pastikan kelompok hasil tetap dipilih. Tekan shortcut keyboard Shift-Control-G tiga kali untuk menghapus semua group dan subgroup ini, dan kemudian tekan Alt-Control-7 untuk melepas clipping mask yang ada secara instan.

ungroupungroupungroup

Langkah 4

Berikutnya, kamu perlu menghilangkan semua bekas clipping path. Lihat lebih dekat di dalam panel Layers dan kamu harusnya mengenali beberapa bentuk tanpa warna fill atau stroke—itu merupakan bekas clipping path.

Pilih salah satu bentuk ini dan pergi ke Select > Same > Appearance untuk secara cepat memilih semua bentuk dengan atribut Appearance serupa. Sekarang setelah kamu memilih semua bentuk ini, hapus dengan menggunakan tombol Delete pada keyboard.

select sameselect sameselect same

Langkah 5

Pilih semua bentuk yang membentuk sisi depan teksmu, bawa ke depan (Shift-Control-]), dan kemudian ubah menjadi jalur penyusun sederhana dengan menggunakan shortcut keyboard Control-8.

Pindah ke panel Layers dan kunci jalur penyusun untuk memastikan bahwa kamu memilih/memindahkannya secara tidak sengaja.

compound pathcompound pathcompound path

4. Bagaimana Mewarnai Bentuk Samping

Langkah 1

Pilih bentuk samping dan ganti warna fill yang ada dengan gradien linier yang ditunjukkan di bawah.

linear gradientlinear gradientlinear gradient

Langkah 2

Pastikan semua bentuk samping tetap dipilih, fokus pada panel Appearance (Window > Appearance), dan tambahkan fill kedua dengan menggunakan tombol Add New Fill. Pilih fill baru dan atur warnanya menjadi hitam (R=0 G=0 B=0). Turunkan Opacity menjadi 15%, ubah Blending Mode menjadi Multiply, dan kemudian pergi ke Effect > Artistic > Film Grain. Masukkan atribut yang ditunjukkan di bawah dan klik tombol OK.

add new filladd new filladd new fill

Langkah 3

Pastikan semua bentuk samping tetap dipilih, tetap fokus pada panel Appearance, dan tambahkan fill ketiga dengan menggunakan tombol Add New Fill. Pilih fill baru dan atur warnanya ke hitam. Turunkan Opacity menjadi 15%, ubah Blending Mode menjadi Soft Light, dan kemudian pergi ke Effect > Artistic > Sponge. Masukkan atribut yang ditunjukkan di bawah dan klik tombol OK.

spongespongesponge

Langkah 4

Pastikan semua bentuk samping tetap dipilih, tetap fokus pada panel Appearance, dan tambahkan fill keempat dengan menggunakan tombol Add New Fill. Pilih fill baru dan ganti warna yang ada dengan gradien linier seperti yang ditunjukkan di bawah. Perlu diingat bahwa nol kuning dari gambar Gradient menunjukkan persentase Opacity.

Dengan tetap berfokus pada fill yang baru ditambahkan ini, turunkan Opacity menjadi 5%, ubah Blending Mode menjadi Soft Light, dan kemudian pergi ke Effect > Brush Strokes > Sprayed Strokes. Masukkan atribut yang ditunjukkan di bawah dan kemudian klik tombol OK.

linear gradientlinear gradientlinear gradient

5. Bagaimana Menambahkan Shading dan Highlights Pada Bentuk Samping

Langkah 1

Pilih lima bentuk yang disorot di dalam gambar pertama dan duplikasikan (Control-C > Control-F). Pilih lima salinan ini dan tekan tombol D pada keyboard untuk mengganti atribut Appearance dengan default (fill putih dan goresan hitam). Hapus goresan hitam, pilih fill, dan ubah putih dengan hijau acak.

Setelah kamu selesai, pindah ke panel Layers dan kunci jalur penyusun.

green compound pathgreen compound pathgreen compound path

Langkah 2

Pilih ulang semua bentuk samping dan lakukan Group (Control-G). Pindah ke panel Layers dan kunci group ini.

lock grouplock grouplock group

Langkah 3

Dengan menggunakan Pen Tool (P), buat beberapa bentuk tipis seperti yang ditunjukkan di dalam gambar pertama. Isi semua bentuk ini dengan gradien linier yang ditunjukkan di bawah, turunkan Opacity menjadi 10%, dan ubah Blending Mode menjadi Soft Light. Jangan lupakan bahwa kuning nol dari gambar Gradient menunjukkan persentase Opacity.

pen toolpen toolpen tool

Langkah 4

Aktifkan (Control-") dan Snap to Grid (Shift-Control-").

Dengan menggunakan Rectangle Tool (M), buat bentuk ukuran 640 x 30 px, isi dengan warna hitam, dan tempatkan seperti yang ditunjukkan di dalam gambar pertama. Pastikan persegi panjang ini tetap dipilih, turunkan Opacity menjadi 10%, ubah Blending Mode menjadi Soft Light, dan kemudian pergi ke Effect > Distort & Transform > Roughen. Masukkan atribut yang ditunjukkan di bawah dan kemudian klik tombol OK.

roughenroughenroughen

Langkah 5

Dengan menggunakan Rectangle Tool (M), buat bentuk ukuran 640 x 30 px, isi dengan warna putih (R=255 G=255 B=255), dan tempatkan itu seperti yang ditunjukkan di dalam gambar pertama. Pastikan bahwa persegi panjang ini tetap dipilih, turunkan Opacity menjadi 5%, ubah Blending Mode menjadi Soft Light, dan kemudian pergi ke Effect > Distort & Transform > Roughen. Masukkan atribut yang ditunjukkan di bawah dan kemudian klik tombol OK.

roughenroughenroughen

Langkah 6

Fokus pada panel Brushes (Window > Brushes), buka panel yang muncul, dan pergi ke Open Brush Library > Artistic > ArtisticChalkCharcoalPencil. Kamu akan memerlukan art brush Chalk dalam beberapa saat.

Dengan menggunakan Pen Tool (P) atau Line Tool (\), gambarkan jalur horizontal 640 px dan tempatkan itu seperti yang ditunjukkan di dalam gambar di bawah. Atur warna goresan menjadi putih dan tambahkan art brush Chalk.

brushesbrushesbrushes

Langkah 7

Gunakan tool yang sama untuk membuat jalur horizontal 640 px lainnya, tempatkan mereka seperti yang ditunjukkan di dalam gambar di bawah, dan terapkan art brush Chalk yang sama.

chalk art brushchalk art brushchalk art brush

Langkah 8

Pilih tiga jalur horizontal, turunkan Opacity menjadi 5%, dan ubah Blending Mode menjadi Soft Light.

Pilih ulang jalur horizontal bersamaan dengan persegi panjang hitam putih dan bentuk tipis, dan lakukan Group (Control-G).

chalk art brushchalk art brushchalk art brush

Langkah 9

Nonaktifkan Grid (Control-") dan Snap to Grid (Shift-Control-").

Fokus pada panel Layers dan buka kunci jalur penyusun berwarna hijau. Bring to Front (Shift-Control-]) dan kemudian ganti warna hijau dengan putih.

white compound pathwhite compound pathwhite compound path

Langkah 10

Pilih jalur penyusun warna putih bersamaan dengan group yang dibuat dua langkah sebelumnya, buka panel Transparency, dan klik tombol Make Mask.

maskmaskmask

6. Bagaimana Menambahkan Retakan Pada Bentuk Depan

Langkah 1

Dengan menggunakan Pen Tool (P), buat beberapa bentuk hitam kecil seperti yang ditunjukkan di dalam gambar pertama. Pastikan sme bentuk baru ini dipilih, turunkan Opacity menjadi 50%, dan kemudian lakukan Group (Control-G).

tiny blacktiny blacktiny black

Langkah 2

Fokus pada panel Layers, buka kunci jalur penyusun biru, dan duplikasikan itu (Control-C > Control-F). Bawa salinan ini ke depan (Shift-Control-]) dan kemudian ganti biru dengan putih. Pilih jalur penyusun berwarna putih ini bersamaan dengan group yang dibuat di dalam langkah sebelumnya, pergi ke panel Transparency, dan klik tombol Make Mask lagi.

maskmaskmask

7. Bagaimana Mewarnai Bentuk Depan

Langkah 1

Pilih jalur penyusun biru dan fokus pada panel Appearance. Pilih fill yang ada, ganti biru dengan R=212 G=141 B=27, dan kemudian pergi ke Effect > Stylize > Inner Glow. Masukkan atribut yang ditunjukkan di bawah dan kemudian klik tombol OK.

inner glowinner glowinner glow

Langkah 2

Pastikan bahwa jalur penyusun berwarna kuning tetap dipilih, tetap fokus pada panel Appearance, dan tambahkan fill kedua dengan menggunakan tombol Add New Fill. Pilih fill baru ini, turunkan Opacity menjadi 25%, ubah Blending Mode menjadi Color Burn, dan kemudian ganti warna yang ada dengan gradien radial yang ditunjukkan di bawah. Jangan lupa bahwa nol kuning dari gambar Gradient menunjukkan persentase Opacity, dan gunakan Gradient Tool (G) untuk menyesuaikan gradien seperti yang ditunjukkan di bawah.

radial gradientradial gradientradial gradient

Langkah 3

Pastikan bahwa jalur penyusun kuning tetap dipilih, tetap fokus pada panel Appearance, dan tambahkan fill ketiga. Pilih fill baru ini, turunkan Opacity menjadi 50%, ubah Blending Mode menjadi Overlay, dan kemudian ganti warna yang ada dengan gradien radial seperti yang ditunjukkan di bawah.

radial gradientradial gradientradial gradient

Langkah 4

Pastikan bahwa jalur penyusun berwarna kuning tetap dipilih, tetap fokus pada panel Appearance, dan tambahkan fill keempat.

Pilih fill baru dan jadikan berwarna hitam. Turunkan Opacity menjadi 5%, ubah Blending Mode menjadi Soft Light, dan kemudian pergi ke Effect > Path > Offset Path. Masukkan -5 px Offset, klik tombol OK, dan kemudian pergi ke Effect > Distort & Transform > Roughen. Masukkan atribut yang ditunjukkan di bawah, klik tombol OK, dan kemudian pergi ke Effect > Brush Strokes > Spatter. Tarik slider tersebut seperti yang ditunjukkan di dalam gambar di bawah dan kemudian klik tombol OK.

spatterspatterspatter

Langkah 5

Pastikan jalur penyusun kuning tetap dipilih, tetap fokus pada panel Appearance, dan tambahkan fill kelima.

Pilih fill baru dan jadikan itu berwarna hitam. Turunkan Opacity menjadi 5%, ubah Blending Mode menjadi Soft Light, dan kemudian pergi ke Effect > Artistic > Film Grain. Tarik slider tersebut seperti yang ditunjukkan di dalam gambar di bawah dan kemudian klik tombol OK.

film grainfilm grainfilm grain

Langkah 6

Pastikan jalur penyusun berwarna kuning tetap dipilih dan tetap fokus pada panel Appearance. Pilih goresan yang ada, atur warna menjadi hitam, turunkan Opacity menjadi 25% dan tambahkan art brush Charcoal - Feather.

strokestrokestroke

Langkah 7

Pastikan jalur penyusun kuning tetap dipilih, tetap fokus pada panel Appearance, dan tambahkan goresan kedua dengan menggunakan tombol Add New Stroke. Pilih goresan baru ini, jadikan warnanya hitam, dan tambahkan art brush Charcoal - Pencil.

add new strokeadd new strokeadd new stroke

Langkah 8

Pastikan jalur penyusun kuning tetap dipilih, tetap fokus pada panel Appearance, dan tambahkan goresan ketiga dengan menggunakan tombol Add New Stroke. Pilih goresan baru ini, atur warna ke R=246 G=195 B=41, ubah Blending Mode menjadi Overlay, dan kemudian klik teks "Stroke" untuk membuka menu melayang Stroke. Atur Weight menjadi 4 pt dan kemudian buka menu drop-down Profile dan pilih Width Profile 2.

yellow strokeyellow strokeyellow stroke

Langkah 9

Pastikan jalur penyusun kuning tetap dipilih dan buat salinan di depan (Control-C > Control-F). Pilih salinan ini dan atur ulang atributnya dengan menggunakan tombol D yang sama dari keyboard. Jangan lupa untuk menghilangkan goresan hitam, namun pertahankan fill putih.

Setelah selesai, pilih jalur penyusun putih bersamaan dengan yang kuning yang berada di belakagnya. Kemudian pergi ke panel Transparency dan klik tombol Make Mask.

maskmaskmask

8. Bagaimana Membuat Background Dan Menambahkan Titik Berkilau

Langkah 1

Pilih Rectangle Tool (M) dan buat bentuk ukuran 860 x 610 px. Isi persegi panjang baru ini dengan R=13 G=10 B=3, kirimkan ke belakang (Shift-Control-[) dan pastikan bahwa itu menutupi keseluruhan artboard.

dark backgrounddark backgrounddark background

Langkah 2

Aktifkan Grid (Control-") dan Snap to Grid (Shift-Control-"). Untuk langkah terakhir ini kamu akan memerlukan sebuah grid setiap 1 px, jadi pergi ke Edit > Preferences > Guides & Grid dan masukkan 1 di dalam kotak Gridline every.

Dengan menggunakan Ellipse Tool (L), buat sebuah bentuk 28 x 2 px dan tempatkan itu seperti yang ditunjukkan di dalam gambar berikut. Isi itu dengan gradien linier seperti yang ditunjukkan di bawah, turunkan Opacity menjadi 70%, dan ubah Blending Mode menjadi Overlay. Ingatlah bahwa nol kuning dari gambar Gradient menunjukkan persentase Opacity sementara yang biru menunjukkan Location.

squeezed circlesqueezed circlesqueezed circle

Langkah 3

Tetap fokus pada lingkaran kecil yang dibut di dalam langkah sebelumnya dan pastikan  bahwa Ellipse Tool (L) tetap aktif.

Buat bentuk ukuran 10 x 4 px dan tempatkan itu seperti yang ditunjukkan di dalam gambar di bawah. Isi dengan gradien linier yang ditunjukkan di bawah, turunkan Opacity menjadi 60%, dan kemudian pergi ke Effect > Blur > Gaussian Blur. Masukkan 2 px Radius dan kemudian klik tombol OK.

squeezed circlesqueezed circlesqueezed circle

Langkah 4

Tetap berfokus pada lingkaran pipih yang dibuat di dalam langkah sebelumnya dan pastikan  bahwa Ellipse Tool (L) tetap aktif. Buat sebuah bentuk 8 x 2 px dan tempatkan itu seperti yang ditunjukkan di dalam gambar pertama. Isi itu dengan warna putih dan ubah Blending Mode menjadi Soft Light.

Pilih ulang bentuk yang dibuat di dalam tahap ini bersamaan dengan dua lingkaran pipih lainnya dan lakukan Group (Control-G).

squeezed circlesqueezed circlesqueezed circle

Langkah 5

Perbanyak kelompok lingkaran pipih yang dibuat di dalam langkah sebelumnya dan sebarkan salinan seperti yang ditunjukkan di dalam gambar di bawah.

multiply groupmultiply groupmultiply group

Selamat! Kamu Telah Selesai!

Berikut tampak seharusnya. Saya harap kamu menikmati tutorial ini dan dapat menerapkan teknik-teknik ini di dalam project mendatang.

Silahkan menyesuaikan desain akhir dan membuatnya sendiri. Kamu dapat menemukan sumber inspirasi lainnya di GraphicRiver, dengan solusi menarik untuk meningkatkan desainmu.

final productfinal productfinal product
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.