Tutorial Membuat Icon “Flat Design” Kotak Surat di Adobe Illustrator

Tutorial Membuat Icon Flat Design Kotak Surat di Adobe Illustrator

Langkah 1

Mari kita mulai dengan membuat background gelap untuk project ikon ini. Ambil Rectangle Tool (M) dan buatlah 600 x 600 px persegi dengan warna biru gelap. Lalu kunci panel Layers .

Tutorial Icon Flat Design Kotak Surat di Adobe Illustrator 01

Langkah 2

Buat objek kotak putih 190 x 120 px untuk dasar objek kotak surat.

Mari kita buat sudut atasnya menjadi bulat. Ambil Direct Selection Tool (A) lalu pilih anchor points sisi kiri dan kanan atas. Geser penanda Live Corners ke bawah untuk membulatkan sudut secara manual atau pergi ke panel kontrol sisi atas lalu atur nilai yang ingin digunakan pada Corners Window. Mari tentukan radius menjadi 42 px.

Tutorial Icon Flat Design Kotak Surat di Adobe Illustrator 02

Langkah 3

Tahan Alt-Shift dan geser objek ke kiri untuk membuat objek copy. Buat kedua objek tumpang tindih seperti yang ditunjukkan pada gambar di bawah ini.

Selanjutnya pilih kedua objek, lalu pilih Shape Builder Tool (Shift-M) , tahan Alt dan klik bagian sebelah kiri untuk menghapusnya.

Beri warna objek yang tersisa dengan warna biru, untuk membuat dimensi sisi dalam kotak surat.

Tutorial Icon Flat Design Kotak Surat di Adobe Illustrator 03

Langkah 4

Selanjutnya Copy (Control-C) objek biru dan Paste in Front (Control-F).  Beri warna objek copy paling atas dengan warna biru yang lebih gelap.

Tahan tombol Shift dan geser objek hasil copy ke kanan, seperti yang ditunjukkan pada gambar di bawah.

Pilih kedua objek dan gunakan Shape Builder Tool (Shift-M) sambil menahan Alt untuk menghapus bagian objek yang tidak dibutuhkan di sebelah kanan.

Tutorial Icon Flat Design Kotak Surat di Adobe Illustrator 04

Langkah 5

Copy (Control-C) objek warna putih dan Paste in Back (Control-B). Pilih objek hasil copy bawah, ubah ukuran sisi bawahnya menjadi lebih kecil. Lalu beri warna objek baru dengan warna coklat untuk menggambarkan permukaan kayu.

Tutorial Icon Flat Design Kotak Surat di Adobe Illustrator 05

Langkah 6

Sekarang mari kita tambahkan penyangga kayu vertikal yang akan menopang kotak surat. Buat persegi panjang 25 x 140 px dan letakkan di bawah kotak surat, tepat ditengah.

Duplicate (Control-C > Control-F) dan buat object copy sisi atas, menjadi sedikit lebih kecil. Beri warna object hasil copy bagian bawah, dengan warna cokelat yang lebih gelap untuk memberi kesan bayangan.

Tutorial Icon Flat Design Kotak Surat di Adobe Illustrator 06

Langkah 7

Sekarang mari kita tambahkan bendera warna merah ke sisi kotak surat, untuk menunjukkan bahwa kita memiliki surat untuk diambil. Mulailah dengan membuat persegi panjang merah 8 x 120 px .

Ambil Ellipse Tool (L) dan buat lingkaran merah 15 x 15 px . Letakkan ke bagian bawah kotak merah.

Tutorial Icon Flat Design Kotak Surat di Adobe Illustrator 07

Langkah 8

Tambahkan 30 x 20 px persegi panjang merah di bagian atas bendera. Kita dapat mengatur tata letak garis vertikal dengan menggunakan opsi Align di panel kontrol sisi atas atau panel Align (Window > Align) .

Untuk melakukan proses ini, pilih kedua objek dan klik objek vertikal sekali lagi untuk menjadikannya Key Object.  Sekarang kita dapat mengklik Horizontal Align Left untuk menempelkan semua objek ke tepi kiri garis vertikal.

Tutorial Icon Flat Design Kotak Surat di Adobe Illustrator 08

Langkah 9

Sekarang mari kita menggambar surat di dalam kotak. Buat 75 x 50 px persegi panjang abu-abu terang dan letakkan di dalam bagian gelap kotak surat.

Duplicate (Control-C > Control-F) objek dan geser sedikit ke sisi kanan. Beri warna objek hasil copy dengan warna abu-abu yang lebih gelap, untuk membuat efek bayangan.

Gunakan Rectangle Tool (M) untuk menambahkan garis abu-abu pada objek berbagai panjang, untuk menggambarkan teks / isi pada surat itu.

Tutorial Icon Flat Design Kotak Surat di Adobe Illustrator 09

Langkah 10

Mari menyelesaikan proses terakhir kotak surat. Duplicate (Control-C > Control-F) objek warna putih dan beri warna objek hasil copy menjadi sedikit lebih gelap. Ambil Eraser Tool (Shift-E), tahan Alt dan blocking pada 1/2 bagian objek persegi panjang sisi atas kotak surat untuk menghapus bagian yang tidak dipergunakan.

Tutorial Icon Flat Design Kotak Surat di Adobe Illustrator 10

Leave a Reply

Your email address will not be published. Required fields are marked *