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

Tip Cepat: Buat Ilustrasi Penggaris Transparan

by
Read Time:7 minsLanguages:

Indonesian (Bahasa Indonesia) translation by Adam Saputra (you can also view the original English article)

Dalam tutorial berikut ini Anda akan belajar cara membuat penggaris transparan. Grid dan snap to grid akan berguna saat kita akan membuat beberapa jalur dengan dimensi yang akurat. Menggunakan banyak isian dan stoke dengan berbagai mode campuran dan persentase opacity, kita akan membuat ilustrasi penggaris keseluruhan. Untuk detail akhir, kita akan menggunakan kuas bawaan dan beberapa efek dasar.


Langkah 1

Buat 700 x 300px, dokumen RGB. Pertama, nyalakan Grid (View > Grid) dan Snap to Grid (View > Snap to Grid). Selanjutnya, Anda akan membutuhkan kotak setiap 1px. Pergi ke Edit > Preferences > Guides > Grid, masukkan 1 di Gridline setiap kotak dan 1 di kotak Subdivisi. Anda juga dapat membuka panel Info (Window > Info) untuk pratinjau langsung dengan ukuran dan posisi bentuk Anda. Jangan lupa untuk mengganti satuan pengukuran ke piksel dari Edit > Preferences > Unit > General. Semua opsi ini secara signifikan akan meningkatkan kecepatan kerja Anda.


Langkah 2

Pilih Rectangle Tool (M) dan klik pada artboard Anda. Masukkan 628 di kotak lebar dan 60 di kotak tinggi lalu klik OK. Isi bentuk yang dihasilkan dengan R=209 G=211 B=212 lalu buat salinan di depan (Control + C > Control + F). Putar visibilitas untuk salinan ini, Anda akan membutuhkannya nanti.


Langkah 3

Ambil Pen Tool (P), gambar 628px, jalur horizontal dan letakkan seperti yang ditunjukkan pada gambar pertama. Isi dengan tidak ada dan tambahkan 1pt, stroke putih. Sekali lagi, buat salinan jalur ini (Control + C > Control + F) dan buat itu tidak terlihat. Sekarang, pilih dua bentuk yang terlihat dan klik tombol Divide dari panel Pathfinder. Anda harus mendapatkan grup dengan dua bentuk baru. Pilih dari panel Layers dan ungroup itu (Shift + Control + G).


Langkah 4

Pilih Ellipse Tool (L), buat bentuk 12 dengan 12px dan letakkan seperti yang ditunjukkan pada gambar pertama. Buat salinan lingkaran ini dan buat itu tidak terlihat, Anda akan membutuhkannya nanti. Pilih lingkaran yang terlihat bersama dengan bagian bawah, bentuk abu-abu (dibuat pada langkah sebelumnya) dan klik tombol Minus Front dari panel Pathfinder.


Langkah 5

Sekarang, mari kita tambahkan background yang bagus untuk penggaris ini. Anda dapat menggunakan wallpaper kayu ini yang cukup baik untuk ditawarkan oleh Laszlo Prekop. Simpan ke hard drive Anda kemudian seret ke file ilustrator Anda. Kirim di bagian bawah panel Layers (Shift + Control + Bracket Square Kiri) lalu kunci untuk memastikan bahwa Anda tidak akan memilih atau memindahkannya secara tidak sengaja.


Langkah 6

Pilih Pen Tool (P), gambar jalur 628px baru dan letakkan seperti yang ditunjukkan pada gambar pertama. Isi dengan tidak ada dan gunakan sikat "Chalk-Scribble" untuk stroke. Anda harus memilikinya di panel Brushes Anda. Jika Anda tidak di sini adalah bagaimana Anda dapat menemukannya: buka menu fly-out dari panel Brushes dan pergi ke Buka Brush Library > Artistic > Artistic_ChalkCharcoalPencil. Jadikan putih lalu turunkan opacity menjadi 10%.


Langkah 7

Pilih kembali bagian bawah, bentuk abu-abu dan buat salinan di depan (Control + C > Control + F). Isi dengan putih dan bawa ke depan (Shift + Control +]) lalu pilih bersama dengan white brush dan pergi ke Transparency panel. Buka menu fly-out dan klik Make Opacity Mask. Ini akan menutupi bagian bawah kuas Anda.


Langkah 8

Sekarang, mari kita tambahkan beberapa warna baru untuk bentuk abu-abu. Pilih bentuk bawah dan isi dengan gradient linier kiri yang ditunjukkan di bawah ini kemudian pergi ke panel Appearance. Pilih isi keluar dan turunkan opacity menjadi 40% kemudian buka menu fly-out dari panel Appearance dan klik Add New Fill. Jelas, ini akan menambah isian kedua untuk bentuk Anda. Pilih dari panel Appearance, turunkan opacity menjadi 10% dan gunakan gradien linier kanan yang ditunjukkan di bawah ini.

Berikan perhatian ekstra pada gambar gradient. Angka putih berarti lokasi opacity sedangkan angka kuning berarti persentase opacity. Ini berarti bahwa Anda perlu memilih slider gradient dan mengatur opacity dan persentase lokasi seperti yang ditunjukkan pada gambar berikut.


Langkah 9

Mari kita beralih ke bentuk atas. Pertama, ganti flat grey dengan gradient linier kiri, lalu tambahkan isian kedua dan gunakan gradient linier kanan. Pilih kembali isian pertama dan turunkan opacity menjadi 40% lalu pilih isian kedua dan turunkan opacity menjadi 30%. Jangan lupa untuk mengatur opacity dan persentase lokasi seperti yang ditunjukkan pada gambar berikut.


Langkah 10

Fokus pada area kiri dari bentuk yang ada. Pilih Rectangle Tool (M), buat bentuk 120 x 60px dan letakkan seperti yang ditunjukkan pada gambar pertama. Pilih Direct Selection Tool (A), pilih atas, anchor point kanan dan pindahkan 60px ke kiri. Sekarang, bentuk Anda akan terlihat seperti pada gambar kedua. Isi dengan gradient linier yang ditunjukkan pada gambar akhir kemudian turunkan opacity menjadi 10%.


Langkah 11

Kembali ke visible untuk salinan yang dibuat pada langkah ketiga dan bawa ke depan (Shift + Control + Bracket Square Kanan). Kembali untuk melihat salinan yang dibuat pada langkah kedua dan membawanya ke depan (Shift + Control + Bracket Square Kanan). Isi dengan tidak ada dan tambahkan 2pt, selaras dengan stroke luar.

Atur warnanya pada R=109 G=110 B=113 lalu buka menu fly-out dari panel Appearance dan klik Add New Stoke. Ini akan menambah stroke kedua untuk bentuk Anda. Pilih jika dari panel Appearance, buat putih dan atur ukurannya 1pt. Pilih kembali seluruh jalur dan pergi ke Effect > Stylize > Rounded Corners. Masukkan radius 1px lalu klik OK.


Langkah 12

Kembali ke visible untuk salinan yang dibuat pada langkah keempat dan bawa ke depan (Shift + Control + Bracket Square Kanan). Isi dengan tidak ada dan tambahkan 2pt, stroke putih. Luruskan ke luar lalu tambahkan stroke kedua. Atur warnanya pada R=109 G=110 B=113 dan ukurannya pada 1pt kemudian pastikan bahwa itu sejajar dengan luar.


Langkah 13

Matikan visibilitas untuk gambar background. Pilih Pen Tool (P), gambar 9px, jalur vertikal dan letakkan seperti yang ditunjukkan pada gambar pertama. Lihat lebih dekat kisi-kisi di gambar yang diperbesar untuk memahami lokasi yang tepat. Isi dengan tidak ada, tambahkan stroke 1pt dan atur warnanya pada R=65 G=64 B=66. Selanjutnya, buka panel Stroke (Window> Stroke), centang tombol Round Cap lalu pergi ke Effect > Stylize > Drop Shadow. Masukkan data yang ditunjukkan di bawah ini, klik OK kemudian pergi ke Effect > Distort & Transform > Transform. Masukkan data yang ditunjukkan pada gambar berikut, lalu klik OK.


Langkah 14

Lanjutkan dengan Pen Tool (P) dan gambar empat jalur vertikal baru. Buat tinggi 5px dan gunakan properti stroke yang ditunjukkan pada langkah sebelumnya. Tambahkan efek Drop Shadow yang sama lalu kelompok jalur baru ini (Control + G). Terakhir, pilih grup ini dan pergi ke Effect > Distort & Transform > Transform. Masukkan data yang ditunjukkan pada gambar berikut, lalu klik OK.


Langkah 15

Kembali ke terlihat untuk gambar background. Pilih kembali dua, bentuk besar dan duplikat mereka (Control + C > Control + F). Pilih salinan ini dan klik tombol Unite dari panel Pathfinder. Isi bentuk yang dihasilkan dengan R=35 G=31 B=32 dan kirim di bagian bawah panel Layers, tepat di atas gambar background. Turunkan opacity menjadi 10%, tekan panah kanan satu kali dan panah bawah dua kali kemudian pergi ke Effect > Blur > Gaussian Blur. Masukkan radius 2px lalu klik OK.


Langkah 16

Akhirnya, Anda dapat menambahkan beberapa warna baru untuk penggaris Anda. Pilih kembali keduanya, bentuk besar yang membentuk penggaris keseluruhan dan tambahkan isian ketiga. Turunkan opacity menjadi 10% lalu gunakan warna yang sederhana dan datar.


Kesimpulan

Beginilah ilustrasi final Anda seharusnya. Secara alami, Anda dapat menggunakan berbagai warna untuk penggaris Anda. Ada banyak kemungkinan yang tak terhitung jumlahnya, lihat apa yang dapat Anda temukan!

One subscription.
Unlimited Downloads.
Get unlimited downloads