Indonesian (Bahasa Indonesia) translation by Panjijey Panjey (you can also view the original English article)
Dalam langkah-langkah berikut, anda akan belajar bagaimana cara membuat sebuah ilustrasi simbol kompas mawar angin dalam Adobe Illustrator.
Untuk permulaan, anda akan belajar bagaimana cara mengatur sebuah grid sederhana, bagaimana cara memusatkan bentuk-bentuk, dan bagaimana cara membuat objek utamanya menggunakan sebuah lingkaran dan panel Appearance. Mengambil keuntungan penuh dari efek Transform, anda akan belajar bagaimana cara dengan mudah melipatgandakan bentuk-bentuk dan bagaimana cara membuat sebuah grid kompas yang cukup rumit menggunakan hanya sedikit path.
Menggunakan sebuah blend sederhana, Rotate Tool dan beberapa efek Transform lagi, anda akan belajar bagaimana cara membuat jarum kompasnya. Menggunakan teknik stroke yang rapi dan panel Appearance, anda akan belajar bagaimana cara membuat latar belakangnya dan beberapa rincian mungil. Akhirnya, menggunakan teknik blending dasar dan beberapa efek raster, anda akan belajar bagaimana cara menambahkan sebuah tekstur halus ke desain akhir anda.
Untuk lebih banyak inspirasi pada bagiamana cara menyesuaikan atau meningkatkan ilustrasi akhir anda, anda bisa menemukan banyak sumber daya di GraphicRiver.
1. Bagaimana Cara Membuat sebuah Dokumen Baru dan Mengatur sebuah Grid
Tekan Control-N untuk membuat sebuah dokumen baru. Pilih Pixels dari menu drop-down Units, masukkan 850 dalam kotak width dan height dan kemudian klik tombol More Settings itu. Pilih RGB untuk Color Mode, atur Raster Effects ke Screen (72 ppi) dan kemudian klik tombol Create Document itu.
Aktifkan Grid (View > Show Grid) dan Snap to Grid (View > Snap to Grid). Anda akan membutuhkan sebuah grid setiap 5 px, jadi cukup pergi ke Edit > Preferences > Guides & Grid, dan masukkan 5 dalam kotak Gridline every dan 1 dalam kotak Subdivisions. Cobalah untuk tidak berkecil hati dengan semua grid itu–itu akan membuat pekerjaan anda lebih mudah, dan ingatlah bahwa anda bisa dengan mudah mengaktifkan atau menonaktifkannya menggunakan shortcut keyboard Control-".
Anda bisa belajar lebih lanjut tentang sistem grid Illustrator dalam tutorial singkat ini dari Andrei Stefan: Memahami Sistem Grid Adobe Illustrator.
Anda juga harus membuka panel Info (Window > Info) untuk sebuah live preview dengan ukuran dan posisi dari bentuk anda. Jangan lupa untuk mengatur unit pengukurannya ke pixels dari Edit > Preferences > Units. Semua pengaturan ini akan meningkatkan kecepatan kerja anda secara signifikan.
2. Bagaimana Cara Membuat Lingkaran Utamanya
Langkah 1
Pilih Ellipse Tool (L) dan fokus pada Toolbar anda. Hapus warnanya dari strokenya dan kemudian pilih fillnya dan atur warnanya ke R=226 G=228 B=243. Pindah ke artboard anda dan cukup buat sebuah lingkaran 440 px–grid dan Snap to Grid seharusnya membuat ini lebih mudah.
Selanjutnya, anda perlu untuk memusatkan bentuk anda. Buka panel Align (Window > Align) dan atur alignment ke artboard. Jika anda tidak bisa melihat bagian Align To itu, buka menu fly-out dari panel Align dan pergi ke Show Options. Pastikan bahwa lingkaran anda masih terpilih dan kemudian klik tombol Horizontal Align Center dan Vertical Align Center. Ini seharusnya membawa lingkaran anda ke bagian tengah artboardnya, seperti yang ditunjukkan pada gambar berikut.
Langkah 2
Pastikan bahwa lingkaran anda tetap terpilih dan buka panel Appearance (Window > Appearance). Tambahkan fill kedua menggunakan tombol Add New Fill dan kemudian pilih itu.
Atur warnanya ke R=246 G=248 B=255 dan kemudian pergi ke Effect > Path > Offset Path. Masukkan Offset -5 px dan kemudian klik tombol OK itu.
Langkah 3
Pastikan bahwa lingkaran anda tetap terpilih dan tetap fokus pada panel Appearance. Tambahkan fill ketiga dan pilih itu. Atur warnanya ke R=226 G=228 B=243 dan kemudian pergi ke Effect > Path > Offset Path. Masukkan Offset -15 px dan kemudian klik tombol OK itu.
Tetap fokus pada panel Appearance dan tambahkan tiga fill lainnya yang ditunjukkan pada gambar berikut. Gunakan atribut warna dan offset yang ditunjukkan di bawah ini.
Langkah 4
Pastikan bahwa lingkaran anda masih terpilih dan tetap fokus pada panel Appearance. Pilih strokenya, atur warnanya ke R=28 G=35 B=61 dan tingkatkan Weight ke 4 px.
Langkah 5
Pastikan bahwa lingkaran anda masih terpilih dan tetap fokus pada panel Appearance. Tambahkan stroke kedua menggunakan tombol Add New Stroke, pilih itu dan pergi ke Effect > Path > Offset Path. Masukkan Offset -5 px dan kemudian klik tombol OK itu.
Langkah 6
Pastikan bahwa lingkaran anda masih terpilih dan tetap fokus pada panel Appearance. Tambahkan stroke ketiga, pilih itu dan pergi ke Effect > Path > Offset Path. Masukkan Offset -15 px dan kemudian klik tombol OK itu.
Tetap fokus pada panel Appearance dan tambahkan tiga stroke lainnya yang ditunjukkan pada gambar berikut. Gunakan atribut warna dan offset yang ditunjukkan di bawah ini. Pada akhirnya semuanya seharusnya terlihat seperti pada gambar berikut.
Langkah 7
Pastikan bahwa lingkaran anda masih terpilih dan tetap fokus pada panel Appearance. Tambahkan sebuah fill baru, tarik itu ke bagian bawah panelnya, dan pilih itu.
Atur warnanya ke R=28 G=35 B=61, turunkan Opacity nya ke 20% dan kemudian pergi ke Effect > Path > Offset Path. Masukkan Offset -20 px, klik tombol OK itu, dan kemudian pergi ke Effect > Distort & Transform > Transform. Tarik slider Move-Vertical ke -45 px, klik tombol OK itu, dan kemudian pergi ke Effect > Blur > Gaussian Blur. Masukkan Radius 15 px dan kemudian klik tombol OK itu.
3. Bagaimana Cara Membuat Grid Kompasnya
Langkah 1
Menggunakan Rectangle Tool (M), buat sebuah bentuk 15 x 10 px, fill itu dengan R=28 G=35 B=61 dan tempatkan itu persis seperti yang ditunjukkan pada gambar pertama. Tetap fokus pada persegi panjang mungil ini dan ganti ke Direct Selection Tool (A). Pilih anchor point atasnya dan cukup tarik mereka 25 px ke kanan. Pada akhirnya semuanya seharusnya terlihat seperti pada gambar kedua.
Langkah 2
Pastikan bahwa bentuk gelap yang mungil anda masih terpilih dan pergi ke Effect > Distort & Transform > Transform. Tarik slider Move-Vertical ke 220 px, masukkan 1 dalam kotak Copies itu, dan kemudian klik tombol OK itu.
Langkah 3
Pastikan bahwa bentuk gelap yang mungil anda masih terpilih dan pergi lagi ke Effect > Distort & Transform > Transform. Masukkan 11 dalam kotak Copies itu, atur Angle ke 15 derajat, dan kemudian klik tombol OK itu.
Langkah 4
Menggunakan Pen Tool (P) atau Line Tool (\), buat sebuah path vertikal 20 px dan tempatkan itu persis seperti yang ditunjukkan pada gambar berikut. Tambahkan stroke 2 px untuk path ini dan atur warnanya ke R=28 G=35 B=61.
Langkah 5
Pastikan bahwa path vertikal anda tetap terpilih dan pergi ke Effect > Distort & Transform > Transform. Masukkan atribut yang ditunjukkan di jendela kiri (pada gambar berikut), klik tombol OK itu, dan kemudian pergi lagi ke Effect > Distort & Transform > Transform. Masukkan atribut yang ditunjukkan di jendela kanan dan kemudian klik tombol OK itu.
Langkah 6
Menggunakan Pen Tool (P) atau Line Tool (\), buat sebuah path vertikal 40 px dan tempatkan itu persis seperti yang ditunjukkan pada gambar berikut. Tambahkan stroke 4 px untuk path ini, atur warnanya ke R=28 G=35 B=61, dan kemudian klik sepotong teks Stroke itu untuk membuka panel fly-out Stroke. Pindah ke bagian Profile dan pilih Width Profile 4 dari daftar itu.
Langkah 7
Pastikan bahwa path vertikal anda tetap terpilih dan pergi ke Effect > Distort & Transform > Transform. Masukkan atribut yang ditunjukkan di jendela kiri (pastikan bahwa anda mencentang kotak Reflect Y), klik tombol OK itu, dan kemudian pergi lagi ke Effect > Distort & Transform > Transform. Masukkan atribut yang ditunjukkan di jendela kanan dan kemudian klik tombol OK itu.
Langkah 8
Menggunakan Ellipse Tool (L), buat sebuah lingkaran 20 px dan tempatkan itu seperti yang ditunjukkan pada gambar pertama. Fill bentuk baru ini dengan R=226 G=228 B=243 dan tambahkan stroke 4 px. Selaraskan itu ke bagian dalam dan atur warnanya ke R=28 G=35 B=61.
Tetap fokus pada lingkaran ini, pilih Anchor Point Tool (Shift-C), dan cukup klik keempat anchor point yang membentuk bentuk anda. Ini pada dasarnya akan mengubah lingkaran anda menjadi sebuah berlian.
Langkah 9
Pastikan bahwa bentuk berlian anda masih terpilih dan terapkan kedua efek Transform yang ditunjukkan pada gambar berikut.
4. Bagaimana Cara Membuat Latar Belakangnya
Langkah 1
Menggunakan Rectangle Tool (M), buat sebuah persegi 790 px dan fill itu dengan R=246 G=248 B=255. Kirim bentuk baru ini ke belakang (Shift-Control-[) dan pusatkan itu menggunakan perintah yang sama dari panel Align.
Langkah 2
Pastikan bahwa persegi anda tetap terpilih dan fokus pada panel Appearance. Tambahkan fill kedua, tarik itu ke bagian bawah panelnya, dan pilih itu. Atur warnanya ke R=28 G=35 B=61 dan kemudian pergi ke Effect > Path > Offset Path. Masukkan Offset 35 px dan kemudian klik tombol OK itu.
Langkah 3
Pastikan bahwa persegi anda masih terpilih dan fokus pada panel Appearance. Pilih fill atasnya dan pergi ke Effect > Stylize > Rounded Corners. Masukkan Radius 95 px, klik tombol OK itu, dan kemudian pergi ke Effect > Path > Offset Path. Masukkan Offset 10 px dan kemudian klik tombol OK itu.
Langkah 4
Pastikan bahwa persegi anda masih terpilih dan tetap fokus pada panel Appearance. Pilih strokenya dan atur warnanya ke R=28 G=35 B=61 dan kemudian pergi ke Effect > Stylize > Rounded Corners. Masukkan Radius 95 px, klik tombol OK itu, dan kembali ke panel Appearance. Buka panel fly-out Stroke, atur Weight ke 10 px, dan centang kotak Dashed Line itu. Masukkan 4 px dalam kotak dash dan gap yang pertama, dan jangan lupa untuk mencentang tombol Aligns dashes to corners and path ends... itu.
Langkah 5
Pastikan bahwa persegi anda masih terpilih dan tetap fokus pada panel Appearance. Tambahkan stroke kedua dan pilih itu. Atur warnanya ke R=28 G=35 B=61 dan pergi ke Effect > Path > Offset Path. Masukkan Offset -5 px, klik tombol OK itu, dan kemudian pergi ke Effect > Stylize > Rounded Corners. Masukkan Radius 90 px, klik tombol OK itu, dan kembali ke panel Appearance. Buka menu fly-out Stroke untuk stroke baru ini, atur Weight ke 5 px, dan jangan lupa untuk mencentang tombol Align Stroke to Inside.
Langkah 6
Pastikan bahwa persegi anda masih terpilih dan tetap fokus pada panel Appearance. Pilih stroke atasnya dan duplikat itu menggunakan tombol Duplicate Selected Item. Fokus pada stroke barunya dan cukup klik efek Offset Path yang ada untuk membukanya. Ganti Offset -5 px dengan Offset 5 px dan kemudian klik tombol OK itu. Juga, buka efek Rounded Corners yang ada dan tingkatkan Radius ke 100 px.
5. Bagaimana Cara Membuat Jarum Kompasnya
Langkah 1
Menggunakan Rectangle Tool (M), buat sebuah bentuk 70 x 55 px dan tempatkan itu persis seperti yang ditunjukkan pada gambar pertama. Fill bentuk baru ini dengan R=226 G=228 B=243 dan tambahkan stroke 4 px. Selaraskan itu ke bagian dalam dan atur warnanya ke R=28 G=35 B=61.
Pastikan bahwa persegi panjang anda masih terpilih dan pergi ke Object > Path > Add Anchor Points. Pilih Delete Anchor Point Tool (-) dan cukup klik keempat anchor point yang disoroti pada gambar pertama untuk menghapus mereka. Ganti ke Direct Selection Tool (A), pilih anchor point tengah atasnya, dan tarik itu 195 px ke atas. Pada akhirnya, bentuk anda seharusnya terlihat seperti pada gambar kedua.
Langkah 2
Menggunakan Line Tool (\), buat sebuah path vertikal 225 px dan tempatkan itu seperti yang ditunjukkan pada gambar berikut. Tambahkan sebuah stroke 4 px untuk path ini dan atur warnanya ke R=28 G=35 B=61.
Langkah 3
Menggunakan Rectangle Tool (M), buat sebuah bentuk 30 x 5 px, fill itu dengan warna kuning acak, dan tempatkan itu seperti yang ditunjukkan pada gambar pertama. Tetap fokus pada persegi panjang baru ini dan ganti ke Direct Selection Tool (A). Pilih anchor point kanannya dan tarik mereka 45 px ke atas.
Pilih kembali Rectangle Tool (M), dan buat sebuah persegi 5 px, fill itu dengan warna kuning acak, dan tempatkan itu seperti yang ditunjukkan pada gambar ketiga. Ganti ke Direct Selection Tool (A), pilih anchor point kanannya, dan tarik mereka 10 px ke atas. Pada akhirnya semuanya seharusnya terlihat seperti pada gambar kelima.
Langkah 4
Fokus pada Toolbar anda dan cukup klik dua kali Blend Tool untuk membuka jendela Blend Options. Pilih Specified Steps dari menu drop-down Spacing dan masukkan 18 dalam kotak itu. Pilih kembali bentuk kuning anda, ganti warna fill itu dengan R=28 G=35 B=61 dan kemudian tekan Alt-Control-B untuk membuat sebuah blend baru. Pada akhirnya, semuanya seharusnya terlihat seperti pada gambar kedua.
Langkah 5
Pilih blend anda bersama dengan dua bentuk lainnya yang membentuk jarum kompas anda dan Kelompokkan mereka (Control-G). Pastikan bahwa kelompok anda terpilih dan pergi ke Effect > Distort & Transform > Transform. Atur Angle ke 90 derajat dan masukkan 3 dalam kotak Copies itu. Jangan lupa untuk mencentang titik referensi bawah tengah itu, dan kemudian klik tombol OK itu.
Langkah 6
Menggunakan Pen Tool (P), buat sebuah path sederhana seperti yang ditunjukkan pada gambar pertama dan fill itu dengan R=246 G=248 B=255. Tambahkan sebuah salinan dari bentuk ini di tempat yang sama (Control-C > Control-F) dan pilih itu. Ganti warna fill yang ada dengan R=28 G=35 B=61 dan kemudian pilih Delete Anchor Point Tool (-) dan hapus anchor point yang disoroti pada gambar kedua.
Pilih kembali bentuk pertama yang dibuat dalam langkah ini dan tambahkan stroke 4 px. Selaraskan itu ke bagian luar dan atur warnanya ke R=28 G=35 B=61. Pilih kedua bentuk yang dibuat dalam langkah ini dan Kelompokkan mereka (Control-G).
Langkah 7
Pastikan bahwa kelompok yang dibuat dalam langkah sebelumnya masih terpilih dan pilih Rotate Tool (R). Tahan tombol Alt dari keyboard anda, klik persis pada anchor point bawahnya untuk mengatur titik tengahnya di tempat itu, dan jendela Rotate akan terbuka. Atur Angle ke -90 derajat dan kemudian klik tombol OK itu. Pastikan bahwa kelompok anda yang baru dibuat tetap terpilih dan cukup tekan Control-D dua kali. Pada akhirnya, semuanya seharusnya terlihat seperti pada gambar ketiga.
Langkah 8
Menggunakan Ellipse Tool (L), buat sebuah lingkaran 170 px dan tempatkan itu seperti yang ditunjukkan pada gambar pertama. Fill bentuk baru ini dengan R=28 G=35 B=61, turunkan Opacity nya ke 60% dan kemudian pergi ke Effect > Blur > Gaussian Blur. Masukkan Radius 15 px dan kemudian klik tombol OK itu. Pastikan bahwa bentuk kabur ini tetap terpilih dan kirim itu ke belakang jarumnya menggunakan shortcut keyboard Control-[.
6. Bagaimana Cara Membuat Pusat Kompasnya
Langkah 1
Pilih Ellipse Tool (L) dan buat sebuah lingkaran 90 px. Fill itu dengan R=226 G=228 B=243 dan pusatkan itu. Tambahkan stroke 4 px dan atur warnanya ke R=28 G=35 B=61. Duplikat strokenya, pilih salinannya, dan pergi ke Effect > Path > Offset Path. Masukkan Offset -20 px dan kemudian klik tombol OK itu.
Langkah 2
Menggunakan Ellipse Tool (L), buat sebuah lingkaran 40 px dan pusatkan itu. Tambahkan stroke 2 px untuk bentuk baru ini, atur warnanya ke R=28 G=35 B=61 dan kemudian buka panel fly-out Stroke itu. Fokus pada bagian Profile dan pilih Width Profile 1. Buat tiga salinan dari lingkaran ini (Control-C > Control-F) dan peras mereka secara bertahap seperti yang ditunjukkan pada gambar berikut: 30 px, 20 px dan 10 px.
Langkah 3
Menggunakan Pen Tool (P) atau Line Tool (\), buat sebuah path vertikal 10 px dan tempatkan itu persis seperti yang ditunjukkan pada gambar berikut. Tambahkan stroke 2 px untuk path ini, atur warnanya ke R=28 G=35 B=61 dan kemudian buka panel fly-out Stroke. Centang tombol Round Cap dan kemudian pindah ke bagian Profile dan pilih Width Profile 4 dari daftar itu.
Pastikan bahwa path mungil anda masih terpilih dan pergi ke Effect > Distort & Transform > Transform. Masukkan atribut yang ditunjukkan pada gambar berikut (pastikan bahwa anda mencentang kotak Reflect Y) dan kemudian klik tombol OK itu.
Langkah 4
Pastikan bahwa path mungil anda masih terpilih dan pergi lagi ke Effect > Distort & Transform > Transform. Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik tombol OK itu.
7. Bagaimana Cara Menambahkan Teksnya
Langkah 1
Pilih Type Tool (T) dan buka panel Character (Window > Type > Character). Pilih font Milkshake dan atur ukurannya ke 50 px. Cukup klik pada artboard anda dan ketik teksnya. Tambahkan keempat huruf yang ditunjukkan pada gambar berikut dan atur warnanya ke R=28 G=35 B=61.
Langkah 2
Pastikan bahwa Type Tool (T) masih aktif, kembali ke panel Character, dan atur ukurannya ke 30 px. Tambahkan keempat potongan teks lainnya yang ditunjukkan pada gambar berikut dan gunakan warna yang sama.
8. Bagaimana Cara Menambahkan sebuah Tekstur Grungy
Langkah 1
Menggunakan Rectangle Tool (M), buat sebuah persegi 810 px dan pusatkan itu. Fill bentuk baru ini dengan R=229 G=207 B=170 dan fokus pada panel Appearance.
Pilih fillnya, turunkan Opacity nya ke 50%, ganti Blending Mode ke Soft Light, dan kemudian pergi ke Effect > Stylize > Rounded Corners. Masukkan Radius 110 px, klik tombol OK itu, dan kemudian pergi ke Effect > Sketch > Note Paper. Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik tombol OK itu.
Langkah 2
Pastikan bahwa persegi 810 px anda masih terpilih dan tetap fokus pada panel Appearance. Tambahkan fill kedua dan pilih itu.
Atur warnanya ke R=67 G=43 B=15, turunkan Opacity nya ke 50%, ganti Blending Mode ke Color Burn, dan kemudian pergi ke Effect > Stylize > Rounded Corners. Masukkan Radius 105 px, klik tombol OK itu, dan kemudian pergi ke Effect > Path > Offset Path. Masukkan Offset -6 px, klik tombol OK itu, dan kemudian pergi ke Effect > Sketch > Note Paper. Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik tombol OK itu.
Langkah 3
Pastikab bahwa persegi 810 px anda masih terpilih dan tetap fokus pada panel Appearance. Tambahkan fill ketiga dan pilih itu.
Atur warnanya ke hitam (R=0 G=0 B=0), turunkan Opacity nya ke 50% dan ganti Blending Mode ke Soft Light dan kemudian pergi ke Effect > Stylize > Rounded Corners. Masukkan Radius 110 px, klik tombol OK itu, dan kemudian pergi ke Effect > Artistic > Film Grain. Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik tombol OK itu.
Langkah 4
Pastikan bahwa persegi 810 px anda masih terpilih dan tetap fokus pada panel Appearance. Tambahkan fill keempat dan pilih itu.
Atur warnanya ke hitam, turunkan Opacity nya ke 50% dan ganti Blending Mode ke Soft Light dan kemudian pergi ke Effect > Stylize > Rounded Corners. Masukkan Radius 110 px, klik tombol OK itu, dan kemudian pergi ke Effect > Sketch > Graphic Pen. Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik tombol OK itu.
Langkah 5
Pastikan bahwa persegi 810 px anda masih terpilih dan tetap fokus pada panel Appearance. Tambahkan satu fill terakhir dan pilih itu.
Ganti warnanya dengan gradient linear yang ditunjukkan pada gambar berikut, ganti Blending Mode ke Color dan kemudian pergi ke Effect > Stylize > Rounded Corners. Masukkan Radius 110 px dan kemudian klik tombol OK itu. Ingatlah bahwa nol kuning dari gambar Gradient mewakili persentase Opacity.
Selamat! Anda Sudah Selesai!
Inilah bagaimana itu seharusnya terlihat! Saya harap anda telah menikmati tutorial ini dan bisa menerapkan teknik ini dalam proyek-proyek masa depan anda. Jangan ragu untuk membagikan hasil akhir anda pada bagian komentar.
Jangan ragu untuk menyesuaikan desain akhirnya dan membuatnya milik anda sendiri. Anda bisa menemukan beberapa sumber inspirasi besar di GraphicRiver, dengan solusi yang menarik untuk meningkatkan desain anda.
