Pada tutorial kali ini kita akan membuat flat icon dengan adobe illustrator. dibawah ini adalah contoh hasil akhir dari flat icon yang akan kita buat.
By : Muhammad Fakih Pratama
DGM-1D
Probis-UNIVERSITAS NEGERI MALANG
Langkah 1
Buka Illustrator, buat file baru dengan format web document dengan ukuran 800x600px.
Langkah 2
Aktifkan Ellipse Tool. Klik di atas kanvas dan masukkan setting width: 60px dan height: 60px untuk menghasilkan bentuk lingkaran, Ubah juga warnanya ke Hijau tosca.
Langkah 3
Duplikat lingkaran tersebut dengan cara klik lingkaran, tahan dan tekan alt pada keyboard, kemudian geser, otomatis gambar akan menjadi dua. Setelah itu ubah ukuran salah satu lingkaran agar lebih kecil dari yang satunya
Langkah 4
pilih direct selection tool (shortcutnya tekan “A” saja), lalu geser point (titik) paling bawah dengan tool tersebut sehingga seperti gambar dibawah
Langkah 5
Pilih convert anchor point tool (shortcut shift+c), kemudian klik point yang digeser tadi agar menjadi runcing
Langkah 6
buat lingkaran lagi lebih kecil dengan warna putih seperti gambar, lalu drag lingkaran kecil dan lingkaran yang diedit tadi kemudian klik menu partfinder > klik tanda subtract from shape area (lihat tanda merah pada gambar) setelah itu akan terlihat bolong pada lingkaran kecil yang putih tadi.
Langkah 7
Atur posisi tanda lokasi tersebut dengan cara klik kedua gambar tersebut, lalu pilih menu align > klik horizontal align center lihat gambar dibawah
Langkah 8
Ubah warna tanda lokasi tersebut menjadi putih
Langkah 9
Buat shadow dengan menggunakan pen tool (shortcut “P”), setelah itu ambil warna agar sama dengan warna lingkaran dasar dengan tool eyedroper
Langkah 10
Atur warna shadow agar lebih gelap dari warna lingkaran
Langkah 11
Ubah posisi shadow di bawah tanda lokasi dengan klik kanan pada shadow > pilih arrange > klik send backward
Langkah 12
Duplikat lingkaran besar (backgound lingkaran) dengan menekan ctrl+C lalu ctrl+f, kemudian klik shadow dan lingkaran besar lalu pilih menu partfinder > intersect shape area (lihat gambar)> expand
Selamat Mencoba.
DOWNLOAD FILE DOCUMENT IN HERE
0 komentar:
Posting Komentar