Tutorial Menciptakan Flat Design : Meteor!!!





Meteor Tutorial From Swerve

Inspirasi itu dapat tiba dari mana saja. Bahkan dari video-video tutorial lain, misalnya gambar diatas. Semuanya asal kreatif kita dapat menciptakan apapun yang ada dalam pikiran kita. Kali ini Tutorial Adobe Illustrator CC gratis mengambil tema Meteor. So, Kawan-kawan dapat mengambil tutorial yang tersedia dimanapun itu, baik dalam bentuk video maupun dalam bentuk teks menyerupai blog saya ini.

Buka Adobe Illustratornya kemudian buat new document dengan horizontal orientation. Biar lebih yummy gambarnya. Terus Buat rectangle shape dengan Warna gelap kebiru-biruan. Entah apa nama warnya itu. Kode Hexnya ialah #0D0628.

Layer background dengan isyarat hex #0D0628

Nah, kini sudah final dengan backgroundnya. Kita kini buat objeknya dilayer gres saja, untuk background kita tadi ada dilayer pertama dan kunci saja.

Layer background yang dikunci

Oke, kini mulai kita buat objek meteornya pada layer kedua. Oh iya, untuk tips saja, kawan-kawan dapat merubah nama layer itu menjadi apa pun. Misal layer 2 itu kawan-kawan ubah menjadi meteor. Ini hanya sekedar tips.



Baiklah. Kita akan mulai menggambar.

1. Menggambar objek meteor shape pertama
Kawan-kawan, kita mulai dengan membentuk meteor yang sesuai dengan gambar awal tadi bentuk lah dengan memakai Ellipse tool dan beri warna. Kita buat dua buah bulat dengan memakai ellipse tool, menyerupai pada gambar. Untuk cara cepatnya, kawan-kawan tinggal copy-paste saja, untuk paste pada posisi yang sama dan berada pada posisi dibelakang objek bulat yang pertama tekan ctrl + B.

Ellipse tool

Nah, kini untuk memperlihatkan imbas api-apinya, terlebih dahulu kita bekerja pada objek bulat yang pertama. Untuk objek bulat yang kedua disembunyikan saja terlebih dahulu. Untuk menciptakan objeknya apinya kita mainkan rectangle tool kawan.

Gambar shape rectangle, presisi dengan diameter lingkarannya.

 

Rectangle Tool untuk menciptakan imbas api meteor

Berilah warna untuk persegi yang pertama dengan warna yang sesuai dengan meteornya, yang kedua sesuai dengan warna background. Fungsi persegi yang kedua itu untuk presisi saja. Sisanya, kawan-kawan alt+ klik + drag kedua objek tersebut.

Gini nih hasilnya entar, kawan-kawan sesuain ya.

Nah, kini kita sesuain lagi posisi masing-masing shapenya.

Posisi dari rectangle yang sama dengan warna background tadi.

Kemudian Di group yang shape ini, tekan Ctrl + G.

grouping

PathFinder
Klik window >>  pathfinder atau dengan shortcut shift + ctrl + f9. Untuk memunculkan Jendela Pathfinder, Fungsi pathfinder disini ialah untuk menyatukan, atau membagi, atau Minus-front kedua shape, (untuk mengerti lebih dalam, pribadi praktek untuk liat imbas masih-masing jenis path finder). Kita praktekin ke Objek ini.
Minus-front

Menggunakan Minus Front pada shape yang mempunya warna sama dengan background

Caranya, Klik shape yang warna yang sama dengan warna background (nomor 1) dengan shape persegi (nomor 2) yang terlihat pada gambar. Jadi, untuk shape pertama tadi akan hilang, dan memperlihatkan bentuknya pada shape nomor 2 tadi.

Efek Minus Front

Unite
Sekarang kita bermain di Unite pada pathfinder. fungsinya kalo minus front tadi menghilangkan shape yang berada pada depan shape 2, unite artinya menggabungkan banyak sekali objek menjadi satu objek saja.

Unite pathfinder

Nah, kini gabungkan dengan shape yang kedua tadi.

Efek Pathfinder

Oke sudah. Lalu gabungkan dengan shape bulat tadi dengan unite.

Hasil Akhir unite

Ps. Untuk menghilangkan Anchor point sudah dijelaskan kemaren dengan memakai remove selected anchor point.

Menambahkan imbas ekor api meteor

 

Nah, kini kawan-kawan, tambahkan lagi imbas apinya dengan memakai rectangle tool (M), sejajarkan dengan masing-masing ekor apinya. Sekarang kita buat rounded dengan memakai direct selected tool (A), kawan-kawan select anchor point yang berdasarkan kawan-kawan keren dibentuk rounded.

rounded effect

2. Menggambar objek meteor shape kedua
Kali ini kita akan melaksanakan hal yang sama dengan metode yang sama saat menciptakan bentuk shape meteor. Tapi sebelum itu, Perlihatkan lagi gambar bulat yang tadi kita sembunyikan dan copy-paste lagi shape bulat dibelakang bulat kedua ini.

Menampilkan bulat dan menciptakan bulat lagi

Kemudian sembunyikan bulat yang ketiga ini. kita akan bekerja pada bulat yang kedua terlebih dahulu. Buat lagi bentuk persegi yang lebarnya sama dengan diameter bulat (lakukan klik dan drag pada objek)

bentuk persegi

Setelah selesai, buat bentuk persegi untuk ekor apinya (cara yang sama menyerupai menciptakan objek pertama tadi).

Unite dan Minus Front Path Finder

Kemudian, lakukan minus-front pada shape yang serupa dengan warna background dan unite grup persegi sisanya.

Hasil dari pathfinder

Kemudian, buat rounded pada sudut-sudut dari objek kedua.

Hasil Rounded

Dan, selesai. Kita sudah menuntaskan objek yang kedua. Sekarang kita beralih ke objek yang ketiga. Sebelumnya, perlihatkan lagi objek yang disembunyikan tadi. dan Buat bentuk persegi menyerupai pada gambar dibawah.

Nah, jadi dalam membentuk flat design meteor ini, saya menciptakan 3 buah layer untuk meteornya. Sekarang tinggal edit dengan menambahkan planet menyerupai pada gambar awal pandangan gres tadi.

flat design meteor

Selesai.