Menggambar Ilustrasi Muslimah Berjilbab dengan Adobe Illustrator

Saya berkunjung ke bank syariah beberapa hari lalu dan menemukan brosur bergambar muslimah berjilbab. Terinspirasi dari sana, kini kita akan belajar cara menggambar muslimah berjilbab di Adobe Illustrator.

Preview

Berikut adalah gambar kartun muslimah berjilbab yang akan kita hasilkan.

thumbnail-muslimah-jilbab

Hasil akhir tutorial
Hasil akhir tutorial

Lanjutkan membaca “Menggambar Ilustrasi Muslimah Berjilbab dengan Adobe Illustrator”

Membuat Pola Gelombang Tradisional Jepang dengan Adobe Illustrator

Di tutorial kali ini, kita akan belajar membuat pola vektor menggunakan fitur Pattern Maker di Illustrator CC. Kita akan belajar cara membuat objek vektor sederhana lalu memodifikasi hingga diperoleh pola gelombang yang berulang.

[hr]

Preview

Berikut adalah tampilan pola yang akan kita hasilkan.

[hr]

Detail Tutorial

  • Tingkat Kesulitan: Menengah
  • Software yang Digunakan: Adobe Illustrator CC
  • Teknik yang Dipelajari: Pattern Option.
  • Lama Pengerjaan: 30 menit

[hr]

Tutorial

Langkah 1: Pola Pertama

Mulai dengan mengaktifkan Tool Ellipse lalu klik pada kanvas untuk membuka kotak dialog. Anda bisa saja klik dan geser untuk menggambar secara manual, namun cara ini lebih akurat.

Langkah 2

Seleksi lingkaran yang telah dibuat. Tekan Ctrl + C lalu Ctrl + F untuk menduplikasinya. Perbesar ukuran, 10 pt lebih besar daripada lingkaran sebelumnya. Tekan Ctrl + Shift + [ untuk

Langkah 3

Terus ulangi langkah ini hingga diperoleh cukup banyak lingkaran.

Langkah 4

Buat sebuah memotong bagian tengah lingkaran-lingkaran tadi. Klik Object > Path > Divide Object Below.

Semua lingkaran sekarang bisa terbagi dua.

Langkah 5

Dengan Tool Direct Selection, seleksi garis paling bawah lalu hapus.

Langkah 6

Geser bentuk setengah lingkaran ke dalam Panel Swatches untuk menyimpannya sebagai pola.

Langkah 7

Klik ganda pola baru yang terbentuk untuk mengeditnya.

Langkah 8

Klik Window > Patterns Options. Ubah namanya.

Langkah 9

Ganti tipe tile ke Brick by Row.

Langkah 10

Ubah ukuran kanvas pola hingga semua bentuk saling bertumpukan.

Langkah 11

Untuk mengaplikasikan pola ini, buat sebuah objek vektor lalu klik pola yang telah dibuat di Panel Swatches.

Langkah 12

Anda bisa mengubah ukuran kanvas untuk tampilan pola yang lebih rapat.

Langkah 13: Pola Kedua

Kita akan membuat pola lain. Gandakan setengah lingkaran lalu duplikasi. Putar 180° dan simpan hingga membentuk huruf S.

Langkah 14

Geser bentuk S ke atas Panel Swatches untuk menyimpan sebagai pola. Edit pola dan buka Panel Pattern Options.

Langkah 15

Atur ukuran kanvas pola.

Langkah 16

Untuk mempermudah, perbesar tampilan pola dengan Tool Zoom.

Langkah 17

Perkecil tinggi kanvas hingga bentuk dalam pola bertumpukan.

Langkah 18

Anda bisa mengatur urutan posisi objek, mana yang di atas dan mana yang di bawah.

Langkah 19

Aktifkan tipe tile Brick by Row lalu atur ukuran kanvas pola.

Langkah 20: Eksperimen

Berikut adalah tampilan pola ketika diaplikasikan ke dalam teks. Hasil yang menarik.

[hr]

Hasil Akhir

Di bawah adalah tampilan pola. Semoga Anda menyukai hasilnya.

Kami juga menyediakan 10 pola gelombang Jepang gratis di PSDfreemium.

Trik Menggambar Rounded Rectangle – Pixel Perfect

Di tutorial ini, saya akan tunjukkan cara menggambar rounded rectangle dan membuat double rounded rectangle yang proporsional seperti di gambar kiri.

Trik Menggambar Rounded Rectangle - Pixel Perfect

Memahami Rounded Rectangle

Sebelumnya, kita perlu memahami anatomi dari rounded rectangle. Apa itu rounded rectangle dan bagaimana cara pembuatannya? Rounded rectangle adalah sebuah persegi panjang dengan pojok berupa seperempat lingkaran. Rounded memiliki parameter panjang dan lebar —seperti persegi panjang— dengan radius untuk seperempat lingkaran di pojoknya.

Untuk menyederhanakan, berikut adalah rounded rectangle dengan radius 16 px.

Trik Menggambar Rounded Rectangle - Pixel Perfect

Adapun berikut adalah bentuk rounded rectangle yang sama, dibuat secara manual menggunakan 2 persegi dengan empat lingkaran dengan jari-jari (radius)16 px.

Trik Menggambar Rounded Rectangle - Pixel Perfect

Perhatikan pojok keduanya.

Trik Menggambar Rounded Rectangle - Pixel Perfect

Menggambar Rounded Rectangle Secara Manual

Langkah 1

Kita akan menggambar sebuah rounded rectangle dengan radius 16 px seperti yang dalam contoh di atas secara manual di Photoshop.

Buat file baru di Photoshop (Ctrl + N). Aktifkan ruler dengan klik Ctrl + R. Klik dan geser dari ruler ke atas kanvas untuk membuat guide dengan jarak 16 px di keempat sudut. Lihat gambar di bawah untuk referensi.

Trik Menggambar Rounded Rectangle - Pixel Perfect

Langkah 2

Aktifkan tool Circle Shape lalu buat shape lingkaran dengan cara klik dan geser sambil menahan Shift. Seperempat bagian lingkaran harus berada tepat di persimpangan guide. Ukuran lingkaran dalam Baris Pilihan seharusnya 32 px, ini menunjukan diameter, yaitu dua kali jari-jari (radius).

Trik Menggambar Rounded Rectangle - Pixel Perfect

Langkah 3

Tambahkan lagi lingkaran yang sama di pojok lainnya. Pastikan Anda memilih mode path Unite di Baris Pilihan..

Trik Menggambar Rounded Rectangle - Pixel Perfect

Langkah 4

Tambahkan persegi panjang untuk menyambungkan keempat pojoknya.

Trik Menggambar Rounded Rectangle - Pixel Perfect
Trik Menggambar Rounded Rectangle - Pixel Perfect

Hasil

Inilah perbandingan antara bentuk rounded rectangle manual dan otomatis dengan radius yang sama, 16 px.

Trik Menggambar Rounded Rectangle - Pixel Perfect
Trik Menggambar Rounded Rectangle - Pixel Perfect

Menggambar Dua Rounded Rectangle Secara Proposional

Selanjutnya, setelah mengetahui cara menggambar rounded rectangle secara manual, kita akan menggambar rounded rectangle bersarang. Ini sering ditemukan dalam desain ikon Android dan iOs yang menggunakan rounded rectangle sebagai batas terluarnya.

Langkah 1

Kita masih meneruskan rounded rectangle yang dibuat secara manual tadi. Kita tinggal menambahkan lingkaran lagi —bisa lebih besar atau lebih kecil— dengan titik tengah sama seperti lingkaran sebelumnya. Gunakan radius genap, jangan ganjil, agar hasilnya simetris lingkaran sempurna.

Trik Menggambar Rounded Rectangle - Pixel Perfect

Langkah 2

Berikutnya, tinggal menambahkan persegi panjang untuk menyambungkan keempat lingkaran tadi.

Trik Menggambar Rounded Rectangle - Pixel Perfect

Hasil

Sisi kiri adalah tampilan rounded rectangle yang kita peroleh. Perhatikan bahwa kedua pojoknya seimbang.

Bandingkan dengan bentuk rounded rectangle yang ada di kanan, kedua radius pojoknya tidak seimbang. Bentuk rounded rectangle di bagian dalam dibuat dengan menduplikasi bentuk luar dan mengubah ukurannya dengan perintah Free Transform (Ctrl + T).

Trik Menggambar Rounded Rectangle - Pixel Perfect

Anda bisa melihat perbandingan radius pojoknya secara lebih detail di bawah.

Trik Menggambar Rounded Rectangle - Pixel Perfect

Perbandingan ini akan lebih jelas menunjukkan perbedaannya.

Trik Menggambar Rounded Rectangle - Pixel Perfect

Contoh Aplikasi Rounded Rectangle Dalam Ikon Applikasi

Mungkin Anda masih bingung, apa tujuannya memahami desain ini? Agar lebih jelas, lihatlah contoh desain ikon berikut yang menggunakan prinsip yang sama, perhatikan bagaimana pojok rounded rectangle yang digunakan seimbang.

[hr]

Download File

[ilink style=”download” url=”https://desaindigital.com/wp-content/uploads/2015/05/tutorial-rounded-rectangle/rounded-rectangle-pixel-perfect.zip”%5DDownload File PSD[/ilink]

Tips Menggunakan Bahasa Arab di Adobe InDesign

InDesign ternyata tidak begitu jagoan ketika menangani Bahasa Arab, Hebrew, dan bahasa berbasis RTL (Right to Left) lainnya. Jika Anda ingin menulis dengan bahasa Arab, Anda harus menggunakan InDesign ME (Middle East/Timur Tengah) atau membeli plugin tambahan. Tutorial singkat ini akan membahas cara sederhana untuk mensiasati InDesign agar bisa menampilkan Bahasa Arab. Tutorial ini berlaku untuk semua bahasa berbasis RTL.

[hr]

Tutorial

Pendahuluan

Jika Anda langsung copy paste teks Arab ke InDesign begitu saja, maka karakternya akan hilang dan digantikan dengan kotak-kotak merah bertanda silang. Jika Anda ganti font-nya ke font Arab, setiap setiap karakternya akan terpisah dan posisinya terbalik. Ya, seperti membaca Iqro jilid 1.

Tips Menggunakan Bahasa Arab di Adobe InDesign

Langkah 1

Buat dokumen baru di InDesign. File > New > Document.

Tips Menggunakan Bahasa Arab di Adobe InDesign

Langkah 2

Dari Panel Paragraphs, aktifkan Adobe World-Ready Paragraph Composer.

Tips Menggunakan Bahasa Arab di Adobe InDesign

Langkah 3

Aktifkan Tool Type lalu klik dan geser untuk membuat kotak teks.

Tips Menggunakan Bahasa Arab di Adobe InDesign

Langkah 4

Di dalam kotak teks, tahan Ctrl lalu klik kanan dan pilih Fill with Placeholder Text.

Tips Menggunakan Bahasa Arab di Adobe InDesign

Langkah 5

Akan muncul kotak dialog Place Holder Text. Jika ini tidak muncul dan langsung saja keluar teks Lorem Ipsum biasa, ulangi lagi Ctrl + Fill with Placeholder Text. Di kotak dialog, pilih Arabic lalu klik OK.

Tips Menggunakan Bahasa Arab di Adobe InDesign

Langkah 6

Ambil teks Arab, misalnya dari tanzil. Anda juga bisa menulis secara online di lexilogos.

Tips Menggunakan Bahasa Arab di Adobe InDesign

Langkah 7

Klik kanan dan pilih Paste di dalam kotak teks.

Tips Menggunakan Bahasa Arab di Adobe InDesign

Langkah 8

Mungkin akan ada karakter yang hilang, seperti tanda waqaf.

Tips Menggunakan Bahasa Arab di Adobe InDesign

Solusinya bisa dengan mengganti font yang digunakan.

Tips Menggunakan Bahasa Arab di Adobe InDesign

[hr]

Kesimpulan

Setelah beberapa percobaan, saya temukan bahwa kita bisa saja mencukupkan dengan fitur Adobe World-Ready Paragraph Composer. Ini berguna jika kita ingin menambahkan beberapa teks Arab bersama dengan teks latin biasa. Kelemahannya, teks arab tidak akan bisa banyak dimodifikasi.

Tips Menggunakan Bahasa Arab di Adobe InDesign

Untuk mengontrol tampilan teks Arab lebih banyak, Anda harus mengikuti seluruh langkah di atas dan menyimpan teks Arab dalam kotak teks terpisah. Di contoh berikut, saya bisa dengan mudah mengubah warnanya, mengatur jarak baris, mengatur alignment paragraph, dan memberi titik-titik di kotak teksnya.

Tips Menggunakan Bahasa Arab di Adobe InDesign

Jika Anda banyak menulis dengan Bahasa Arab, tentu lebih praktis untuk menggunakan versi Timur Tengah, tapi untuk keperluan sekali-kali tips ini pasti cukup berguna.
[hr]

Download File

[ilink style=”download” url=”https://desaindigital.com/wp-content/uploads/2015/02/tutorial-tips-bahasa-arab-indesign/tips-bahasa-arab-di-indesign.zip”%5DDownload File IDD[/ilink]

Mendesain Brosur dengan Adobe Photoshop

Untuk tutorial sekarang, kita akan membuat brosur menggunakan Photoshop. Kita akan belajar cara membuat seleksi, membuat teks, membuat bentuk vektor, dan juga menambah efek teks.

Preview

Berikut adalah tampilan brosur yang akan kita hasilkan. Brosur ditampilkan juga dalam mockup hasil cetak.

final
Hasil akhir tutorial.

 

final-mockup
Hasil akhir tutorial.

Lanjutkan membaca “Mendesain Brosur dengan Adobe Photoshop”

Menggambar Awning Menggunakan Tool Vektor Photoshop

Sekarang kami akan menunjukkan teknik sederhana menggambar awning, yaitu atap plastik yang berada di depan rumah atau toko. Awning ini sering muncul dalam ikon toko dan tentu saja Anda akan bisa menggunakan teknik diajarkan di sini dalam desain ikon.

[hr]

Preview

Inilah hasil akhir tutorial ini.

Menggambar Awning dengan Tool Vektor Photoshop

[hr]

Detail Tutorial

  • Tingkat Kesulitan: Menengah
  • Software yang Digunakan: Adobe Photoshop CC
  • Teknik yang Dipelajari: Layer Styles, Tool Pen, Transformasi.
  • Lama Pengerjaan: 25 menit

[hr]

Tutorial

Langkah 1

Buat file baru di Photoshop. Aktifkan tool Rectangle dan pilih Shape di Baris Pilihan. Buat sebuah persegi panjang. Warnanya bebas.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 2

Dengan tool Pen, klik bagian bawah kotak untuk menambahkan titik baru. Geser titik baru ke bawah.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 3

Tambahkan dua titik di sisi kiri dan kanan. Ubah titik itu menjadi titik tajam dengan Tool Convert Point.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 4

Seleksi shape persegi dengan Tool Select, yaitu yang berupa panah hitam, lalu tekan Ctrl + Alt + T untuk menduplikasi sekaligus mentransformasinya. Geser beberapa pixel ke kanan. Ulangi proses duplikasi dan transformasi dengan menekan Ctrl + Shift + Alt + T.

Menggambar Awning dengan Tool Vektor Photoshop

Seperti ini hasil yang diperoleh.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 5

Seleksi titik teratas bentuk dengan Tool Direct Selection, yang berupa panah hitam. Tekan Ctrl + T lalu perpendek jaraknya.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 6

Duplikasi bentuk vektor yang baru saja ditransformasi. Klik ganda thumbnail layer shape-nya di Panel Layers untuk mengubah warnanya.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 7

Aktifkan Tool Selection, yang panah hitam, lalu pilih sebagian bentuk dengan jarak satu satu lalu hapus dengan menekan tombol Delete. Hasilnya, kita mempunya bentuk vektor yang berganti-ganti warna seperti di bawah.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 8

Klik ganda kedua shape layer dan tambahkan Gradient Overlay.

Menggambar Awning dengan Tool Vektor Photoshop

Seperti inilah hasil awning yang kita peroleh.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 9

Buat layer baru lalu lukis garis putih di bagian tengah awning. Gunakan tool Brush lembut.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 10

Haluskan dengan memberinya filter Gaussian Blur dari menu Filter > Blur > Gaussian Blur.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 11

uat lagi layer baru dan lukis putih di atas atap.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 12

Beri lagi Gausian Blur.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 13

Buat layer baru. Seleksi bentuk vektor atap dengan cara Ctrl-klik thumbnail layernya. Isi seleksi dengan hitam. Turunkan Fill layer hingga 0%.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 14

Beri Inner Glow dengan warna hitam.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 15

Turunkan Fill layer hingga 0%.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 16

Untuk bagian atas atap yang menempel ke tembok, buat saja satu persegi sederhana.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 17

Tambahkan lagi bentuk lainnya.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 18

Beri Layer Style Stroke dan Gradient Overlay.

Menggambar Awning dengan Tool Vektor Photoshop
Menggambar Awning dengan Tool Vektor Photoshop

Langkah 19

Buat layer baru di antara bentuk penahan di tembok dan atap. Lukis bayangan.

Menggambar Awning dengan Tool Vektor Photoshop
Menggambar Awning dengan Tool Vektor Photoshop

Langkah 20

Lukis juga bayangan lainnya.

Menggambar Awning dengan Tool Vektor Photoshop

Langkah 21

Lukis juga bayangan atap pada tembok di bawahnya.

Menggambar Awning dengan Tool Vektor Photoshop

[hr]

Hasil Akhir

Inilah desain yang kita peroleh. Untuk mengubah warna atap, Anda cukup mengubah warna bentuk shape atap. Semoga Anda menyukainya.

Menggambar Awning dengan Tool Vektor Photoshop

[hr]

Download File

[ilink style=”download” url=”https://desaindigital.com/wp-content/uploads/2015/01/tutorial-awning/awning.psd”%5DDownload File PSD[/ilink]

Menggambar Labu Halloween di Photoshop

Di tutorial ini, kita akan menggambar ikon terkenal halloween, labu dengan wajah menakutkan, Jack O’ Lantern. Kita mulai dengan menggambar bentuk dasarnya menggunakan tool Pen dan dilanjutkan dengan menggambar secara manual menggunakan tool Brush. Tutorial ini ditulis eksklusif untuk Psdvault.

[hr]

Preview

Berikut adalah hasil akhir yang diperoleh.

Sebagian Langkah dalam Tutorial

Berikut adalah beberapa langkah dalam tutorial.

[hr]

Link Tutorial

[unordered_list style=”bullet”]

[/unordered_list]