Langsung ke konten utama

Membuat Floral Vector dengan Adobe Illustrator

Floral Vector
Gambar vektor yang akan kita buat pada tutorial Adobe Illustrator berikut ini adalah floral vector atau gambar berbentuk bunga. Bunga mekar dengan aneka warna cerah dan romantis tentunya. Haha...

Dalam membuat gambar vektor tersebut, kita akan menggunakan Pattern Brush dengan pola yang kita buat sendiri. Setelah gambar berhasil dibuat, kita akan mendekorasinya menggunakan beberapa warna yang ada pada Flowers Swatch.

Informasi lebih lanjut mengenai penggunaan Swatch ini dapat Anda baca pada posting saya sebelumnya, berjudul "Tutorial Adobe Illustrator: Mengenal dan Menggunakan Swatch Library".

Langkah #1: Membuat Dokumen Baru

Jalankan Adobe Illustrator kemudian tekan Ctrl + N untuk membuat sebuah dokumen baru. Beri dokumen baru tersebut nilai 640 px untuk lebar dan 480 px untuk tingginya.

Kotak dialog New Document dalam Adobe Illustrator

Gambar 1


Langkah #2: Menghilangkan Warna pada Fill

Selanjutnya klik Fill (bagian yang diberi lingkaran biru pada Gambar 2) dan hilangkan warnanya dengan mengklik kotak dengan garis merah diagonal di tengahnya pada palet Color (bagian yang diberi lingkaran warna hitam pada Gambar 2).

Pangaturan Fill dan Stroke

Gambar 2


Langkah #3: Menggambar Bentuk Elips

Aktifkan Ellipse Tool pada Toolbox kemudian lakukan klik-kiri untuk menampilkan kotak dialog Ellipse. Pada kotak dialog tersebut beri nilai 10 pt untuk Width dan 40 pt untuk Height.

Membuat gambar vektor berbentuk elips dengan Ellipse Tool

Gambar 3


Sebuah gambar berbentuk elips kemudian akan muncul pada Artboard seperti diperlihatkan Gambar 4 berikut.

Gambr vektor elips pada Artiboard

Gambar 4


Langkah #4: Mengubah Bentuk Elips di atas dengan Envelope Distort

Gambar elips di atas selanjutnya akan kita ubah bentuknya dengan Envelope Distort sehingga menyerupai bentuk daun.

Klik menu ObjectEnvelope DistortMake with Warp. Pada kotak dialog Warp Options, beri pengaturan seperti berikut!

Kotak dialog Warp Options

Gambar 5


Langkah #5: Membuat Pattern Brush

Bentuk yang kita hasilkan pada Langkah keempat di atas, kemudian akan kita jadikan Pattern Brush.

Untuk membuat Pattern Brush ini, kita terlebih dulu harus menampilkan palet Brushes melalui menu Window → Brushes atau tekan F5 pada papan ketik.

Menampilkan palet Brush pada Adobe Illustrator

Gambar 6


Selanjutnya klik bentuk gambar yang telah kita buat tadi, tahan, geser, kemudian lepaskan di dalam palet Brushes.

Menyimpan gambar pada palet brushes

Gambar 7


Tepat setelah Anda menyimpan gambar dan melepaskan mouse di area palet Brushes, kotak dialog New Brush akan muncul. Pilih New Pattern Brush untuk tipe brush.

Kotak dialog New Brush

Gambar 8


Setelah Anda menutup kotak dialog New Pattern Brush di atas, maka akan muncul kotak dialog Pattern Brush Options. Pada kotak dialog tersebut, beri pengaturan seperti terlihat pada Gambar 9 berikut.

Kotak dialog New Pattern Brush

Gambar 9


Sekarang, pada daftar thumbnail palet Brushes akan muncul sebuah brush baru dengan bentuk gambar yang telah kita buat.

Tampilan pattern brush baru pada palet brush

Gambar 10


Karena Pattern Brush sudah berhasil dibuat, gambar aslinya bisa dibuang dengan menekan tombol Delete. Kita akan menggunakan pattern tersebut pada langkah selanjutnya, jadi palet Brushes jangan Anda tutup dulu.

Langkah #6: Menggambar Bentuk Lingkaran

Pada langkah keenam ini kita akan membuat gambar lingkaran sebagai bentuk dasar bunga. Bagian sisi lingkaran ini kemudian akan kita beri pattern yang telah dibuat pada langkah kelima. Namun sebelumnya, pastikan bahwa tidak ada warna pada Fill, ditandai dengan adanya garis merah diagonal di tengah-tengahnya. Untuk menghilangkan warna pada Fill ini, silakan lakukan kembali langkah kedua sebelumnya.

Tampilan Fill pada Toolbox tanpa warna dalam Adobe Illustrator

Gambar 11


Setelah Anda menghilangkan warna pada Fill seperti tampak pada Gambar 11 di atas, buatlah sebuah bentuk lingkaran dengan Ellipse Tool. Caranya sama dengan saat kita membuat gambar elips pada langkah ketiga sebelumnya. Namun, pada saat kotak dialog Ellips muncul, beri nilai 100 px baik untuk Width maupun Height.

Pengaturan width dan height pada Ellipse Tool untuk membuat gambar vektor lingkaran

Gambar 12


Gambar vektor lingkaran dengan ukuran 100 px X 100 px

Gambar 13


Langkah #7: Mengaplikasikan Pattern Brush pada Bentuk Lingkaran

Setelah gambar lingkaran berhasil dibuat, klik Pattern Brush yang telah kita buat sebelumnya pada palet Brushes. Selanjutnya akan tampak pattern yang secara simetris mengelilingi gambar lingkaran.

Gambar vektor lingkarang yang telah diberi pattern

Gambar 14


Hasil yang kita peroleh pada langkah ketujuh ini sedikit banyak telah memberi gambaran mengenai gambar vektor bunga yang akan kita buat. Supaya gambar di atas dapat kita beri warna, baik untuk bagian Fill maupun Stroke-nya, maka terlebih dulu kita harus menerapkan perintah Expand Appearance pada gambar tersebut.

Klik menu Object kemudian pilih Expand Appearance.

Gambar vektro dengan Expand Appearance

Gambar 15


Jika gambar di atas tidak di-Expand, maka yang akan diwarnai adalah bagian lingkarannya saja. Perhatikan perbedaannya pada Gambar 16 berikut!

Perbedaan antara gambar vektor yang diberi expand dan yang tidak pada saat diberi warna

Gambar 16


Langkah #8: Menambahkan Gambar Lingkaran yang Lain

Aktifkan kembali Ellipse Tool dan buatlah gambar lingkaran dengan ukuran Width dan Height sebesar 70 px. Posisikan gambar lingkaran tersebut tepat di bagian tengah gambar yang telah kita buat pada langkah ketujuh di atas.

Untuk mengatur posisi sebuah gambar di tengah gambar lainnya dalam Adobe Illustrator, pilih semua gambar yang akan diatur perataanya tersebut dengan menekan Ctrl + A.

Menyeleksi semua path

Gambar 17


Kemudian buka palet Align pada menu Window.

Palet Align dalam Adobe Illustrator

Gambar 18


Pada Palet Align tersebut, klik bagian yang dilingkari seperti ditunjukkan Gambar 19 berikut.

Rata horizontal dan vertikal pada palet align

Gambar 19


Pilih gambar lingkaran yang ada di tengah dan hilangkan warna pada bagian Fill-nya seperti diperlihatkan pada langkah 2.

Beri gambar lingkaran tadi pattern yang sama yang telah kita simpan pada palet Brushes.

Mengaplikasikan Pattern Brush pada gambar vektor lingkaran tengah

Gambar 20


Langkah #9: Pengaturan Pattern Brush Lebih Lanjut

Pada langkah kesembilan ini kita akan membalikkan bentuk pattern dengan meng-klik ganda gambar pattern yang telah kita buat pada palet Brushes untuk menampilkan kotak dialog Pattern Brush Options. Pada kotak dialog tersebut, beri pengaturan seperti diperlihatkan Gambar 21 berikut.

Pattern Brush Options pada Adobe Illustrator

Gambar 21


Hasil gambar vektor bunga setelah diberi Pattern Brush

Gambar 22


Kurangi ukuran stroke-nya menjadi 0,25 pt untuk memperbanyak jumlah pattern yang mengelilingi lingkaran. Selanjutnya akhiri dengan menerapkan perintah Expand Appearance yang bisa diakses pada menu Objcet.

Pengaturan Stroke Weight

Gambar 23


Buat lagi sebuah gambar lingkaran dengan ukuran Width dan Height 65 px, kemudian posisikan di tengah-tengah gambar yang sudah ada.

Gambar 24


Langkah #10: Memberi Warna pada Gambar Vektor Bunga

Pada langkah kesepuluh ini kita akan mewarnai gambar vektor di atas menggunakan Swatch Flowers yang ada pada Swatch Library (klik menu WindowSwatch LibrariesNatureFlowers).

Memberi warna gambar vektor dengan Swatch Flowers

Gambar 25


Berikut adalah hasil gambar vektor bunga di atas setelah diberi warna.

Gambar 26


Anda dapat menghilangkan garis pinggir hitam pada sisi-sisi gambar vektor bunga di atas dengan menyeleksi semua gambar kemudian hilangkan warna pada Stroke-nya.

Menghilangkan stroke pada gambar vektor bunga

Gambar 27


Silakan Anda berkreasi dengan warna-warna serta ukuran-ukuran lainnya seperti yang saya buat pada Gambar berikut ini.

Contoh gambar vektor bunga dengan warna-warna lainnya

Gambar 28


Demikian tutorial Adobe Illustrator membuat gambar vektor bunga ini. Sampai ketemu pada seri belajar Illustrator lainnya. Semoga bermanfaat dan wasalam.

Postingan populer dari blog ini

Tutorial Adobe Illustrator: Menambahkan Elemen Teks

Selain gambar dengan bentuk-bentuk dasar seperti persegi, garis, dan elips, kita juga dapat menambahkan elemen teks pada kreasi desain yang dibuat dengan Adobe Illustrator. Salah satu tool yang tersedia untuk membuat elemen teks ini adalah Type Tool . Teks-teks yang telah dibuat selanjutnya dapat kita atur jenis, ukuran, atau warna hurufnya sesuai dengan kebutuhan. Tidak sedikit desainer yang telah membuat kreasi-kreasi logo menakjubkan dengan semata-mata mengandalkan elemen teks ini. Beberapa dari karya-karya text-based design ini dapat kita lihat di www.1stwebdesigner.com ( 50 Creative Type-Based Logo Designs For Inspiration ) dan smashinghub.com ( 50 Cool Text Logo Designs ). Tutorial Adobe Illustrator kali ini akan menjelaskan cara menambahkan elemen teks beserta pengaturan-pengaturannya pada sebuah desain vektor.

Angkot: Free Vector Graphic

Terinspirasi oleh beberapa teman saya yang berprofesi sebagai sopir angkot (Angkutan Kota), saya membuat sebuah vector graphic berbentuk kendaraan yang menjadi sumber utama penghasilan teman-teman saya tersebut. Vector graphics berbentuk angkot ini saya buat dalam empat pilihan warna yaitu merah , hijau, kuning, dan biru. Keterangan Format file yang digunakan: PNG ( Portable Network Graphic ). Lebar dan tinggi vektor: 1024 pixels x 775 pixels. Ukuran file per satu vektor (berdasarkan warna): 228 -237 KB. Lisensi Creative Commons Attribution-NonCommercial-ShareAlike 3.0 .

Membuat Gambar Vektor Tali Tambang

Tutorial Adobe Illustrator kali ini akan menjelaskan cara membuat gambar vektor tambang, sejenis tali yang biasa kita gunakan untuk mengikat atau melilit sesuatu. Saya menggunakan Rectangle Tool dan Pen Tool untuk membuat gambar vektor tersebut dalam tutorial ini. Lilitan pada tambang menggunakan pattern brush yang akan kita buat sendiri, dengan panduan warna coklat terang dan gelap.