Cara Membuat Icon Pesan Flat Design
Jadi apa sebenarnya desain flat? Nah, untuk definisi, desain flat adalah pendekatan desain minimalis yang mengutamakan kegunaan. Jenis antarmuka ini berfokus pada ruang terbuka, warna-warna cerah dan grafik datar atau ilustrasi. Ikon pada desain flat bersih dan memiliki tepi yang tajam lagi dengan tata letak grafis dua dimensi yang datar. Desain ikon flat pertama kali diadopsi oleh Microsoft untuk sistem operasi terbaru mereka, Windows 8. Set ikon datar ini menggunakan bentuk atau ilustrasi alih-alih gambar atau objek realistis, membuatnya sangat berbeda dari desain yang biasa kita gunakan Nah disini saya akan membuat icon text flat desain yang dapat teman-teman ikuti. Yuk langsung saja.
Pertama disini saya akan menggunakan rounded rectangle tool uttuk membuat objek pertama dan untuk objek kedua saya menggunakan pentool, buat pola dengan pentool seperti buntut. Objek Pertama dan objek kedua menggunakan warna biru tua dan untuk objek ketiga menggunakan warna krem dan dibuat dengan menggunakan ellipse tool lalu copy > paste menjadi 3 bagian.
![]()
Setelah menjadi satu icon, kita copy > paste, lalu pilih transfrom > reflect. Sehingga icon akan menjadi dua objek dan saling melengkapi bagian kiri dan kanan.
![]()
Masih menggunakan ellipse tool,buat objek bulat yang lebih besar untuk tempat icon yang sudah dibuat tadi, sehingga hasilnya akan jadi seperti ini.![]()
Lanjut membuat icon yang kedua yah. Masih menggunakan tool-tool yang mudah digunakan dan tidak asing lagi yaitu rounded rectangle tool untuk objek yang pertama, dan objek yang kedua menggunakan pentool, seperti biasa kita akan membuat buntutnya. Objek yang ketiga kembali lagi ke rectangle tool untuk membuat deretan baris text.
![]()
Setelah menjadi satu icon, kita copy > paste, lalu pilih transfrom > reflect. Sehingga icon akan menjadi dua objek dan saling melengkapi bagian kiri dan kanan.
![]()
Masukan lagi icon kedalam objek ellipse yang lebih besar.
![]()
Lanjut untuk icon yang terkahir masih menggunakan ellipse tool dan pentool. Teman-teman bisa mengulang seperti langkah yang sebelumnya.
![]()
Sehingga hasilnya akan jadi seperti ini.
![]()
Jika digabungkan semuanya akan jadi seperti ini.
![]()
Bagaimana teman-teman mudah bukan cara membuatnya. Selamat mencoba dan semoga bermanfaat:)
Webinar Gratis 2024
Sabtu, 09 Maret 2024
10 Bahasa Rekomendasi Untuk Dipelajari di 2024
Python Developer, Data Science, Web Application
Minggu, 26 Mei 2024, 09.00-13.00 WIB
(4 Jam Membuat Backend di Laravel 11)