Memuat
Memuat
Ingin belajar lebih dalam?
Ikuti kursus kami atau tanyakan langsung lewat WhatsApp.
Dipilih dari software, topik, dan level “Kelas Illustrator #73: Ikon Garis (Line Icon) pada Pixel Grid 24 Piksel”.
Pilihan lain dari kami untuk Adobe Illustrator.
Belajar bareng mentor
Kursus Desain Grafis terjadwal, dibimbing langsung, bersertifikat.

Kursus Adobe Illustrator: Penerapan Adobe Illustrator dalam Desain Pakaian untuk Fashion Branding di Era Digital
★ 5.0 (4)

Kursus Adobe Illustrator: Belajar Menggambar Mode Dengan Adobe Illustrator CC – Advanced
★ 4.9 (9)

Kursus Desain Grafis Terlengkap
★ 5.0 (6)
Minta dibuatkan
Tidak sempat belajar Adobe Illustrator? Tim kami bisa mengerjakan proyeknya.

Jasa Pembuatan Adobe Illustrator — Belajar Menggambar Mode Dengan Adobe Illustrator CC – Basic
★ 5.0 (5)

Jasa Pembuatan Adobe Illustrator — Penerapan Adobe Illustrator dalam Desain Pakaian untuk Fashion Branding di Era Digital
★ 5.0 (3)

Jasa Pembuatan Adobe InDesign — Pelajari Adobe InDesign: Dengan Membuat Kartu Resep
★ 5.0 (40)
Kabari saya kalau ada kelas Adobe Illustrator baru
Paling banyak satu email per minggu. Berhenti kapan saja dengan satu klik.
Narasi lengkap video ini. Kalimat yang sedang diucapkan disorot saat video diputar; klik kalimat untuk melompat ke sana.
Inilah yang akan kita buat di episode ini, set ikon garis yang tajam di layar, rumah, pesan, dan pengaturan, dibuat pada piksel grid 24 piksel dengan aturan konsisten. Ayo kita mulai. Halo, selamat datang kembali di seri Adobe Illustrator lengkap dari Cerdas Inovasi Digital. Ikon untuk aplikasi dan web biasanya dibuat pada grid kecil, seperti 24 piksel. Garis yang tepat jatuh di grid piksel membuat ikon tajam, bukan buram.
Buat dokumen dengan 3 artboard 24x24 piksel. Perbesar tampilan sampai sekitar 2000% agar setiap piksel terlihat.
Tampilkan grid dengan garis setiap 1 piksel dan aktifkan snap to grid. Buat kotak 20x20 piksel di tengah sebagai kil ini. Batas aman agar ikon punya ruang napas 2 piksel di tepi. Di artboard pertama, gambar atap dan dinding rumah dengan pen tool memakai stroke 2 piksel, round cap, dan round join.
Setiap anchor jatuh tepat di titik grid.
Di artboard kedua, gambar kotak dengan sudut bulat 2 piksel sebagai badan pesan dan garis V di dalamnya sebagai lipatan amplop, dengan stroke yang sama. Di artboard ketiga, buat lingkaran tengah dan roda gigi dari poligon yang diberi zigzag lalu expand, juga dengan stroke 2 piksel. Konsistensi tebal garis membuat ketiga ikon terlihat sekeluarga.
Sembunyikan kil ini, lalu ekspor for screen dalam format SVG. File SVG ikon siap dipakai pengembang web dan aplikasi.
Selesai. Kita sudah menyiapkan artboard 24 piksel, grid dan kiline, stroke konsisten 2 piksel dengan sudut membulat, membuat 3 ikon, dan mengekspor SVG. Di episode berikutnya kita membuat ikon flat berwarna. Butuh desain logo, identitas brand, ilustrasi vektor, infografis, atau materi cetak dan media sosial? Cerdas inovasi digital melayani jasa desain grafis vektor, serta membuka kursus ilustrator dari dasar sampai mahir. Ingin menguasai seluruh seri ini, 106 episode dari antarmuka sampai proyek akhir? Semua episode, lengkap dengan PDF panduan langkah demi langkah, file latihan, dan file project vektor, tersedia untuk pelanggan tutorial premium. Terima kasih telah menonton, sampai jumpa di episode berikutnya. Selamat menonton, sampai jumpa di episode berikutnya.
Ketik pertanyaan atau kata kunci; kami carikan bagian episode ini yang menjelaskannya dan lompatkan videonya ke sana.
Catatan disimpan bersama menit video saat ini dan hanya terlihat oleh Anda.
Bingung di salah satu langkah? Tanyakan di sini; pengajar dan peserta lain bisa menjawab.
Belum ada pertanyaan.

Tim Cerdas Inovasi Digital
Pengembang software, engineer BIM & 3D, dan praktisi AI
Sehari-hari kami mengerjakan software, model BIM, game, dan otomasi AI untuk klien, lalu menjadikan pengalaman praktik itu kelas langkah demi langkah: setiap langkah diperlihatkan di layar dan dilengkapi panduan PDF.
Lihat klien kami →