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

Continue reading “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.

[hr]

Preview

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

Tutorial Mendesain Brosur dengan Photoshop
Tutorial Mendesain Brosur dengan Photoshop

[hr]

Detail Tutorial

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

[hr]

Resource yang Dibutuhkan

Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource berikut. Jika Anda tidak ingin membelinya, silakan cari alternatif stock yang sesuai.

[hr]

Tutorial

Langkah 1: Membuat Pola

Kita akan menggunakan pola hexagonal di latar brosur, tampilannya seperti sarang lebah. Buat file baru (Ctrl + N) dengan ukuran 50 px × 50 px. Aktifkan Tool Zoom lalu klik beberapa kali hingga kita bisa melihat setiap pixel secara jelas. Buat bentuk vektor hexagon atau segi 6 dengan Tool Polygon Shape. Pastikan terpilih 6 di pilihan Sides.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 2

Aktifkan Tool Direct Selection, tool pemilih vektor yang berwarna putih. Geser titik-titik bentuk vektor secara manual hingga tepat pada titik pixel dan memberikan hasil yang tajam.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 3

Lakukan terus sehingga diperoleh hasil seperti di bawah.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 4

Duplikasi bentuk segi 6 dengan cara Alt-geser menggunakan Tool Path Selection, yaitu tool pemilih vektor yang berwarna hitam. Beri jarak 2 pixel di antara keduanya.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 5

Duplikasi lagi. Kali ini untuk di bagian bawah.

Tutorial Mendesain Brosur dengan Photoshop

Lakukan terus hingga diperoleh cukup banyak hexagon.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 6

Ambil Tool Marque Persegi lalu bagian yang berulang, yang akan menjadi pola. Untuk menentukan bagian mana yang perlu diambil, Anda harus menentukan suatu titik di awal seleksi dan berakhir di titik yang sama. Cukup sulit dijelaskan, tapi jika Anda perhatikan gambar di bawah, amati bahwa pojok kanan bawah seleksi –yang merupakan akhir seleksi– berakhir tepat pada awal seleksi yang ada di pojok kiri atas.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 7

Sembunyikan layer Background karena kita tidak akan membutuhkannya. Dengan seleksi tetap aktif, klik Edit > Define Pattern. Kita akan menyimpannya sebagai sebuah pola.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 8: Menyiapkan File Baru

Selanjutnya membuat kanvas untuk brosur. Buat file baru berukuran A4.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 9

Tambahkan adjustment layer Solid Color.

Tutorial Mendesain Brosur dengan Photoshop

Pilih warna mendekati putih. Ini akan menjadi latar gambar.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 10

Klik ganda layer latar yang baru saja dibuat. Tambahkan Pattern Overlay dengan pola hexagonal yang telah kita sebelumnya. Turunkan Opacity pola hingga 5%.

Tutorial Mendesain Brosur dengan Photoshop

Seperti inilah tampilan latar brosur yang kita hasilkan.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 11: Logo

Ambil logo perusahaan yang akan dimasukkan. Di sini, saya membuat sendiri logonya dengan stock yang sudah ada. Logo ini menggunakan objek hexagon, inilah alasan kita akan menggunakan banyak hexagon di brosur ini, agar sesuai dengan tema logo perusahaan.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 12: Teks

Simpan logo ke pojok kiri atas brosur. Buat sebuah hexagon besar di pojok kanan atas. Untuk warnanya dipilih biru, sesuai dengan warna logo.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 13

Tambahkan persegi pada hexagon hingga kita peroleh bentuk seperti di bawah.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 14

Tambahkan teks.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 15

Tambahkan juga teks lain. Untuk memudahkan, Anda bisa memisahkan posisi teks-teks itu.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 16

Tambahkan juga angka besar untuk informasi diskon.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 17: Efek Teks

Kita akan mengubah teks ini menjadi teks 3 dimensi. Mulai dengan Ctrl-klik layer teks untuk menghasilkan seleksi.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 18

Buat layer baru di bawah teks.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 19

Klik Edit > Fill lalu isi dengan warna. Pilih warna biru tua. Kita pilih warna biru tua disesuaikan dengan latar teks yang biru muda.

Tutorial Mendesain Brosur dengan Photoshop
Tutorial Mendesain Brosur dengan Photoshop

Langkah 20

Tanpa menghilangkan seleksi, tahan Ctrl + Alt lalu klik panah bawah kemudian panah kanan beberapa kali hingga seleksi terduplikasi. Di bawah adalah tampilannya tanpa teks asli.

Tutorial Mendesain Brosur dengan Photoshop

Ini adalah tampilannya dengan teks asli. Masih belum terlihat 3 dimensi.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 21

Buat layer baru di antara teks dan bayangannya. Lukis putih menggunakan Tool Brush ber-Opacity rendah di bagian-bagian yang akan memberi kesan pencahayaan realistik 3 dimensi.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 22

Ctrl – klik layer teks asli untuk membuat seleksi berdasarkan bentuknya. Buat layer baru di bawah teks dan bayangannya.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 23

Klik Edit > Fill, isi seleksi dengan hitam.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 24

Hilangkan seleksi dengan menekan Ctrl + D. Klik Filter > Blur > Gaussian Blur.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 25

Geser bayangan ke belakang bentuk 3 dimensi teks dengan Tool Move.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 26

Duplikasi lagi bayangan teks 3 dimensi. Perhalus kembali dengan mengulangi pemeberian Gaussian Blur. Turunkan Opacity-nya jika perlu.

Tutorial Mendesain Brosur dengan Photoshop

Inilah tampilan teks yang kita peroleh.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 27: Teks Lagi

Buat lagi bentuk poligon, kali ini dengan warna hijau.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 28

Tambahkan persegi di sisinya.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 29

Beri teks.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 30

Ambil ikon gratis Shopping dari PSDfreemium.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 31

Tambahkan lebih banyak ikon.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 32

Klik dan teks untuk membuat kotak teks dengan Tool Type.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 33

Untuk mempercepat penambahan teks, di Photoshop CC ada pilihan Type > Add Lorem Ipsum untuk menambahkan teks sampel.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 34: Footer

Footer brosur ini cukup sederhana. Cukup dengan membuat sebuah persegi lalu di atasnya tambahkan teks berisi nama perusahaan, alamat, nomor telepon, dan situs.

Tutorial Mendesain Brosur dengan Photoshop
Tutorial Mendesain Brosur dengan Photoshop

Langkah 35: Menambahkan Gambar

Ambil gambar Shopping and Tourism Concept dan simpan di area utama brosur.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 36

Buat path baru di panel Paths. Telusuri sisi-sisi ketiga perempuan dengan Tool Pen. Tidak usah khawatir dengan rambutnya. Buat saja seleksi kasar.

Tutorial Mendesain Brosur dengan Photoshop

Anda bisa melihat detail path di bawah.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 37

Tambahkan vector mask pada layer ketiga perempuan tadi sehingga area di luar path hilang.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 38

Duplikasi lagi layer tadi (Ctrl + J). Seleksi path vector yang digunakan dalam mask dengan Tool Selection lalu piih Subtract Front Shape. Ini mengembalikan latar yang tadi dihilangkan.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 39

Ubah blend mode layer ke Multiply. Sebagian besar latar akan hilang.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 40

Tambahkan layer mask lalu lukis latar dengan hilang hingga hilang. Sisakan detail-detail rambut ketiga perempuan itu dengan menghilangkan sebanyak mungkin latarnya.

Tutorial Mendesain Brosur dengan Photoshop

Anda bisa melihat perbandingan sebelum dan setelah proses pengembalian detail. Anda juga bisa menambahkan detail rambut dengan melukis helai-helai rambut secara manual menggunakan Tool Brush kecil dan lembut dengan warna yang sama dengan warna rambut asli.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 41

Buat lagi bentuk vektor poligon di bagian bawah brosur. Geser salah satu sisinya agar memanjang.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 42

Klik ganda layer lalu tambahkan Stroke.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 43

Ulangi dengan menambahkan bentuk lainnya. Warna yang digunakan tidak jadi masalah.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 44

Ambil gambar lalu simpan di atas bentuk yang tadi kita buat. Pastikan posisi layernya pun ada di atas bentuk itu.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 45

Ubah menjadi Clipping Mask dengan menekan Ctrl + Alt + G. Gambar akan masuk ke dalam bentuk di bawahnya.

Tutorial Mendesain Brosur dengan Photoshop

Langkah 46

Ulangi proses ini untuk menambahkan lebih banyak gambar lagi.

Tutorial Mendesain Brosur dengan Photoshop

[hr]

Hasil Akhir

Berikut adalah tampilan brosur yang kita peroleh. Semoga Anda menyukai hasilnya.

Tutorial Mendesain Brosur dengan Photoshop
Tutorial Mendesain Brosur dengan Photoshop

activate javascript

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]