vector

Membuat seamless pattern

Seperti yang gw tulis di artikel tentang macam-macam vector yang bisa kita jual, dan salah satunya adalah pattern. Yang utama dari sebuah pattern adalah harus berulang atau biasa disebut seamless. Seamless pattern bisa berulang secara vertical, horizontal, maupun keduanya. Mari kita coba membuatnya.

A3-01

 

1. BUAT NEW DOCUMENT

1

ukuran file 500 x 500 px dengan RGB color mode.

2. BUAT SEGITIGA

Buat segitiga menggunakan Polygon Tool, dengan radius berapa saja karena nanti akan kita resize lagi. Warna bebas, yang gw gunakan #3FA9F5

2   3

Resize ke ukuran W: 50px H: 43.301 px

4 A1-01

3.BERI WARNA TAMBAHAN

Supaya tidak terlalu simple, beri tambahan warna pada segitiga.

A2-01

4.BIKIN PATTERN

Select segitiga yang sudah kita buat, dan Group (Ctlr+G). Lalu pilih Object>Pattern>Make, nanti akan keluar menu seperti di bawah.

5

Ubah Tile Type menjadi “Brick by row”

6

Kita bisa mengedit shape yang berada di kotak biru, bila hal itu dilakukan object di luar kotak akan otomatis mengikuti. Sekarang tambahin warna hijau (#8DF8D5) di belakang segitiga. Cukup buat kotak dengan “Rectangle Tool” M, buat kotak jangan sampai keluar garis biru. Lalu “Send to back” (Shift+Ctrl+[). Lalu pilih “DONE”

Pattern akan secara otomatis tersimpan di tab “Swatch”. Segitganya sudah boleh dihapus karena pattern sudah jadi.

Sekarang buat kotak dengan “Rectangle Tool” dengan ukuran 500×500 px. Lalu dengan tetap diselect, klik pattern yang sudah kita buat di tab swatch tadi. Hasilnya akan seperti ini.A3-01

Sebenarnya bentuk yang kita gunakan bisa bermacam-macam, tinggal buat bentuk apa saja dan pilih pattern yang sudah kita buat pada tab swatch.

A4-01

Apabila ada request untuk tutorial silahkan email ke robotkotor@gmail.com

 

MEMBUAT VECTOR UCAPAN TAHUN BARU

happy new year 2016-01

2016 hanya tinggal menghitung hari. Supaya bisa tampil beda dari orang-orang yang mengucapkan selamat tahun baru hanya dengan text di sosial media, gw lebih suka mengucapkan dengan upload gambar. Tentunya gambar yang dibuat dengan vector, cukup simple tapi bisa sekalian promosi.

Ok, untuk langkah yang sangat awal sekali adalah download 2 font berikut. GREAT VIBES  dan CHUNKFIVEKeduanya free for commercial use. Setelah mendownload jangan lupa diinstall. Dan setelah itu buka Adobe Illustrator.

1. SIAPKAN DOKUMEN BARU

Buat dokumen baru (Ctrl+N) berukuran 500px X 500px dengan format color RGB karena image ini akan kita upload di sosial media bukan untuk dicetak.

2. BUAT BACKGROUND

Buat layer dengan nama “background”, lalu dengan menggunakan “Rectangel Tool” (M) buat kotak dengan ukuran 500px X 500px dan tempatkan di tengah. Cara menempatkannya agar tepat ditengah adalah menggunakan menu “Transform”, Window>Transform (Shift+F8). Lalu ubah angka di kolom X dan Y menjadi 250.

transform

Setelah itu beri warna dengan radial gradient seperti berikut. Kode warna terangnya #27c9ce dan warna gelapnya #017d89

gradient

Hasil yang didapat akan seperti di bawah.

bg

3. BUAT TEXT

Sekarang saatnya membuat tulisan “Happy New Year 2016”. Buat layer baru di atas “background” dengan nama “Text”. Lalu ketik perkata; “Happy”, “New Year” dengan font GREAT VIBES, buat paragraph: Align Center dan ukuran font 100pt. Lalu ketik “2016” dengan font CHUNKFIVE, lakukan hal yang sama untuk paragraph dan ukurannya.

Susun semua tulisan dengan rata ditengah, caranya select all (Ctrl+A) lalu Align to center. Window Align bisa ditemukan di Window>Align (Shit+F7)

align

Posisikan tulisan di tengah-tengah, caranya sama persis dengan waktu memposisikan background, gunakan menu “Transform”, Window>Transform (Shift+F8). Lalu ubah angka di kolom X dan Y menjadi 250. Lalu hasilnya akan seperti ini.

tampabayangan

4. LONG SHADOW AGAR NAMPAK GAUL

Hasil yang didapat memang sudah bisa untuk diupload karena pesannya sudah tersampaikan, yaitu mengucapkan selamat tahun baru. Tapi apa salahnya kita beri hiasan agar nampak gaul, untuk itu gw akan gunakan long shadow. Caranya amat sangat mudah, buat layer baru dengan nama “long shadow” tempatkan di bawah “text”. Copy (Ctrl+C) dan Peste in front (Ctrl+F) semua tulisan dari layer “text” ke layer “long shadow”. Lalu “Expand” Object>Expand, dan beri warna hitam. Matikan “Toggles Visibility” pada layer “text” agar lebih mudah mengerjakan “long shadow”.

layer

Hal-hal yang terjadi pada layer gw

blak

Copy (Ctrl+C) semua text yang berwarna hitam lalu Paste (Ctrl+V) dan posisikan tulisan dengan menu “Transform”, Window>Transform (Shift+F8). Lalu ubah angka di kolom X 760 dan Y 735. Setelah itu ubah opacitynya menjadi 0%.

Select kedua tulisan tersebut.

Blendtul 1

Lalu kita akan menggunakan “Blend Tool” Object>Blend>Blend Options dan buat settingan kayak di bawah. OK

Blendtul 2

Lalu Object>Blend>Make (Alt+Ctrl+B)

Blendtul 3

Ubah opacitynya menjadi 35%. Mohon maaf kalo respond komputer agak menjadi lemot 😛

Blendtul 4

Long shadow sudah jadi, tapi kita perlu rapihin supaya nggak keluar dari kotak

Dengan menggunakan “Rectangel Tool” (M) buat kotak dengan ukuran 500px X 500px dan tempatkan di tengah (Warna bebas). Select all (Ctrl+A)

masking 1

dan klik kanan>Make Clipping Mask

masking 2

Hasilnya seperti ini.

masking 3

Setelah itu munculkan kembali layer “text”.

5.EXPORT JPEG

Vector Happy new year sudah jadi, sekarang tinggal mengexportnya menjadi JPEG dan setelah itu silahkan upload atau masukin ke smartphone.

Cara export: File>Export… lalu pilih JPEG dan gambar dibawah adalah JPEG Options yang gw gunakan.

export

Selesai sudah vector buat taun baruan, selamat tahun baru 2016 semoga penjualan kita semakin meningkat.

happy new year 2016-01

Apabila ada request untuk tutorial silahkan email ke robotkotor@gmail.com

MENGORGANISIR VECTOR KITA

pendataan vector tabel-01

Menjual vector di lebih dari satu agensi emang agak repot, karena kadang udah lewat beberapa bulan gw baru sadar kalo ada vector yang belum di upload ke salah satu agensi. Sayang banget karena gw melewatkan potensi terjual selama beberapa bulan. Lalu gw berpikir untuk mendata semua vector gw dan menandai sudah masuk ke agensi mana aja. Awalnya mau pake excel, gagal….pake word, gagal….apa daya kapasitas otak terlalu sedikit, jadinya pake Adobe Illustrator aja deh yang penting ada datanya. Kalo ada yang punya metode lebih canggih lagi mohon dishare ya.

Gw cuma bikin tabel sederhana seperti diatas. Buat gw cukup untuk membuat gw tahu udah punya berapa vector dan udah dijual dimana aja. Setiap upload, gw update lagi datanya. Semakin banyak jumlahnya, tabel akan semakin panjang..mungkin bisa dibuat dalam beberapa halaman. Misalnya saja 1 tabel untuk 100 vector.

Buat yang mau tabelnya silahkan diunduh sajalah.

download button std

MENGGUNAKAN AUTO-TRACE

Jombi jadi

Gw nggak bisa selalu di depan komputer atau pun kemana-mana bawa laptop, tapi kalo sekedar kertas (atau sketch book) dan spidol masih gampang buat dibawa-bawa. Jadi kalo ada waktu luang bisa dipergunakan untuk gambar dengan spidol, setelah itu discan dan dijadikan vector di rumah. Gw akan berbagi cara yang biasa gw gunakan untuk membuat vector seperti zombi ember diatas. Caranya sangat cepat dan mudah. Vector file dan sketsanya boleh di download dulu.

download button_zombie-01

1.BIKIN SKETSA DAN SCAN

Gw cuma menggunakan kertas HVS biasa dan spidol hitam saat membuat sketsa. Bisa menggunakan pensil dulu, tapi setelah itu ditebelin banget dan pensilnya dihapus. Scan sketsanya, kalo nggak punya scaner bisa pinjem yang punya :P.

Buat dokumen baru di Adobe Illustrator; RGB dengan size 500 px x 500 px. Place (File>Place…) sketsa dan tempatkan didalam artboard.

2.AUTO TRACE

Live trace atau image trace ini adalah feature auto trace atau trace secara otomatis. Biasanya ada di bagian atas.

auto trace

Pencet “Image Trace” lalu pilih opsi sepeti di bawah. Untuk memunculkan menunya Window>Image Trace

Image trace

Setelah itu “expand”, pilihan “expand” biasanya ada di bagian atas layar. Hasilnya akan seperti gambar di bawah. Semua bagian tersambung dengan warna hitam saja.

hasil expand

Beri nama layer dengan “outline”.

3.BERI WARNA

Ini adalah cara mudah memberi warna yang sering gw pakai menggunakan pathfinder. Pastikan semua garis hitam tersambung karena akan digunakan sebagai pemotong. Buat layer baru di bawah “outline”, beri nama “color”.

Copy vector zombie yang berada di layer “outline” dan paste in front (Ctrl+F) ke layer “color”. Pilih “Rectangle Tool” (M) dan buat kotak dengan warna bebas (gw pake warna orange) hingga menutupi semua bagian zombie, lalu “Arange>Send to back” (Shift+Ctrl[).

warnai 1

Select all (Ctrl+A) lalu Pathfinder>Divide.

divide

Ungroup hasil pathfinder, dan hapus warna orange yang tidak menjadi bagian dari zombie.

hapus orange

Lalu hapus garis hitam, sehingga pada layer “color” hanya tersisa warna orange.

hapus stroke

Vector yang ada di layer “color”

Pastikan layer dan isinya seperti ini, lalu kita tinggal gonta-ganti warna aja.

pastikan

Kita bebas menggunakan warna apa saja, dan warna yang gw pake mirip-mirip sama warna asli si zombie kalo di game.

contoh warna

Warna dasarnya hanya 4, untuk bagian yang lebih gelap tinggal diubah dari warna dasarnya saja.

4.TAMBAHKAN BAYANGAN

Agar lebih bagus, kita tambahkan cahaya dan bayangan. Gw juga menambahkan garis lengkung pada ember di layer “outline”.

Buat layer di bawah “outline”, beri nama “shadow and light”. Sebenernya kita bebas mau kasih bayangan dari mana aja, tergantung arah cahaya. Untuk vector ini bayangan yang gw kasih hanya seperti ini.bayangan

Untuk bayangan gw cuma pake warna item dengan opacity 20%, dan cahayanya dengan warna putih dengan opacity 60%.

5.PERCANTIK

Vector zombie embernya sudah jadi, tapi biar lebih seru kita tambah background, drop shadow, dan text. Untuk background gw hanya membuat kotak dengan “Rectangle Tool” seukuran 500px X 500px. warna yang digunakan #FAFAC3

Lalu buat lingkaran gepeng berwarna hitam dengan “Ellips Tool” dan turunkan opacitynya jadi 50%.

Untuk text, font yang gw pake adalah “SHLOP”. Bisa didownload di Font Squirrel. Ketik text apa aja bebas, kasih warna hijau. Setelah itu “Expand” Object>Expand pilih OK tanpa harus merubah apa-apa. Setelah itu beri stroke berwarna hitam. Ubah posisi stroke jadi “outside”

Screenshot 2015-12-19 07.55.49

Dan selesailah sudah vector zombie kepala ember. Intinya adalah mempersingkat waktu dengan menggunakan aotu trace untuk membuat outline dan pathfinder untuk mewarnai. Ada baiknya kita selalu membawa kertas atau buku gambar dan alat tulis agar bisa membuat skecth dimana pun dan kapan pun.

Apabila ada request untuk tutorial silahkan email ke robotkotor@gmail.com