20 Tutorial Desain Ikon di Illustrator & Photoshop
Diterbitkan: 2017-12-03Menggunakan ikon yang indah dan menarik di situs web atau proyek aplikasi Anda adalah penting, karena detail kecil ini membuat perbedaan besar dalam meningkatkan nilai desain secara keseluruhan.
Ikon yang hebat harus cukup sederhana untuk diingat dan cukup kreatif untuk dihargai. Mendesain ikon baru dan kreatif terkadang bisa menjadi tugas yang sulit dan memakan waktu, jadi kami memilih 20 tutorial desain ikon yang akan memberi Anda panduan langkah demi langkah tentang cara mendesain ikon dengan cepat dan mudah. Anda akan belajar tentang berbagai teknik yang dapat Anda terapkan dalam proyek masa depan Anda.
Tutorial desain ikon ini dibuat menggunakan Adobe Photoshop, Illustrator, atau Sketch. Mereka memiliki instruksi cara kerja yang sederhana dan yang Anda butuhkan hanyalah pengetahuan dasar untuk menggunakan program ini. Tutorial memiliki instruksi sederhana sehingga Anda dapat membuat ikon yang indah dalam waktu singkat.
Anda akan bekerja dengan bentuk, gradien, tekstur, bayangan, sorotan, lapisan, dan banyak lagi. Lihatlah berbagai tutorial desain ikon keren ini dan mulailah berkreasi!
Ikon Datar Bayangan Panjang – Photoshop
Lihat tutorial Adobe Photoshop ini yang membantu Anda membuat ikon datar bayangan panjang. Dalam tutorial ini, Anda akan belajar cara membuat efek bayangan panjang untuk teks, bentuk, atau jenis grafik apa pun. Anda akan membuat ikon dan elemen datar berwarna-warni yang dipersonalisasi sendiri yang akan menerima kedalaman dengan bayangan panjang yang dapat disesuaikan ini.
Buat Alur Kerja Desain Ikon – Sketsa
Tutorial Sketch App 3 ini membantu Anda membuat ikon vektor aplikasi bulan yang hebat selangkah demi selangkah. Ini akan menambahkan fungsionalitas dari kotak alat Sketch. Anda juga akan belajar cara mengekspor ikon aplikasi ke ukuran apa pun yang Anda butuhkan untuk toko aplikasi. Ini adalah tutorial yang sangat mudah dan dijelaskan dengan baik yang cocok untuk pemula yang akan membantu Anda membuat bentuk dasar menggunakan berbagai jenis masking.
Ikon Cuaca – Photoshop
Berikut adalah tutorial Photoshop tentang cara membuat ikon cuaca yang indah dalam beberapa langkah mudah. Anda akan dapat membuat ikon ini dengan sangat cepat dan Anda tidak memerlukan teknik khusus. Anda dapat menerapkan teknik yang sama di Illustrator jika Anda ingin membuat ikon yang sama dengan vektor. Anda hanya perlu waktu antara 10 dan 15 menit untuk membuat ikon sederhana ini.
Buat Ikon Aplikasi Catatan – Photoshop
Dengan mengikuti tutorial Adobe Photoshop ini, Anda akan belajar cara membuat ikon aplikasi catatan realistis ini. Anda hanya akan menggunakan bentuk sederhana, gradien, dan beberapa tekstur. Ini adalah tutorial yang sangat cepat dan sederhana yang akan membantu Anda membuat ikon cantik dalam hitungan menit! Anda juga dapat dengan mudah mengubah warna dan tekstur.
Ikon Ruang Datar Bergaya – Photoshop
Ikon ruang datar yang bergaya ini dapat dibuat dengan mengikuti tutorial langkah demi langkah ini. Anda akan membuat desain ini di Adobe Photoshop dengan menggunakan bentuk sederhana, operasi jalur, dan efek bayangan panjang. Tutorial sederhana ini menggunakan palet warna retro terbatas untuk hasil yang indah dan akan membantu Anda membuat 6 ikon bulat yang terinspirasi oleh eksplorasi ruang angkasa.
Buat Ikon Buku Alamat – Photoshop
Dari tutorial ini, Anda akan belajar cara membuat ikon buku alamat di Adobe Photoshop. Anda akan menggunakan vektor, bayangan halus, teknik pencampuran semua dengan efek yang luar biasa. Tutorial ini juga menjelaskan cara mengatur grid dan memanfaatkan fitur Snap to Grid, membuat pekerjaan Anda lebih mudah. Hasil akhirnya adalah ikon yang realistis dan berkelas.
Buat Ikon Bintang Laut 3D – Photoshop
Dalam tutorial Adobe Photoshop ini, Anda akan diberikan petunjuk mudah tentang cara membuat ikon bintang laut 3d yang menakjubkan ini. Selain Photoshop, Anda akan menggunakan Cinema 4d dan ZBrush. Memiliki ikon yang menarik dan cantik adalah elemen kunci dalam membuat merek atau aplikasi Anda menonjol dari yang lain.
Cara Membuat Ikon Peta Menggunakan – Photoshop
Buat ikon peta 3d yang indah ini di Adobe Photoshop dalam waktu singkat. Ikuti instruksi dari tutorial ini di mana Anda akan mempelajari beberapa trik untuk bekerja dengan gradien, bayangan, dan sorotan. Anda akan menggunakan trik cepat ini untuk membuat ikon tiga dimensi dari bentuk sederhana tanpa menggunakan perangkat lunak 3D khusus.
Notebook Sederhana Saya con – Illustrator
Buat ikon buku catatan sederhana ini dengan mengikuti tutorial cara ini. Anda akan bekerja di Illustrator dan akan mempelajari beberapa dasar tentang teknik pencampuran dan bayangan latar belakang menggunakan panel tampilan dan panel goresan. Anda akan mulai dengan mempelajari cara menggunakan kisi sederhana untuk membuat bentuk sederhana dan kemudian beralih ke bayangan halus untuk ikon yang terlihat bersih namun profesional.
Ikon Peringatan Kotak Surat – Illustrator
Pelajari cara membuat ikon peringatan kotak surat ini menggunakan Illustrator. Dalam tutorial ini, Anda akan bekerja dengan bentuk dasar, gradien dan panel pathfinder. Hasilnya akan menjadi ikon kotak surat yang elegan dengan 2 cara menampilkan pemberitahuan: lingkaran merah dan pita. Terlepas dari versi apa yang Anda pilih, hasil akhirnya akan menjadi ikon sederhana namun berkelas dengan bayangan halus dan warna yang menarik.
Ikon Awan yang Cerah – Photoshop
Dalam tutorial Adobe Photoshop ini, Anda akan belajar lebih banyak tentang bekerja dengan gradien dan efek pencahayaan untuk membuat ikon awan yang hidup ini. Ini adalah tutorial langkah demi langkah sehingga Anda dapat membuat elemen ini tanpa masalah. Ini sempurna untuk desain situs web atau aplikasi seluler yang keren. Meskipun mungkin terlihat rumit, Anda dapat membuat ikon ini dengan sangat cepat.
Ikon Gembok – Photoshop
Buat ikon gembok mengkilap ini di Adobe Photoshop dengan mengikuti tutorial mudah ini. Anda akan belajar bagaimana menggunakan bentuk dasar, gradien, bayangan, dan refleksi. Dengan memulai dengan beberapa bentuk sederhana, Anda akan mendapatkan ikon gembok logam yang realistis.
Buat Ikon Aplikasi dalam 20 Langkah Mudah – Photoshop
Ini adalah tutorial hebat yang membantu Anda membuat ikon aplikasi kolam renang ini hanya dalam 20 langkah mudah. Anda akan membuat ikon cantik ini di Adobe Photoshop dengan banyak tekstur dan instruksi yang jelas dari desainer. Meskipun terlihat sedikit menakutkan, hasil yang mengesankan ini dapat dicapai dalam waktu singkat.
Ikon Toast Lezat – Ilustrator
Lihat ikon roti panggang keren yang dibuat di Illustrator. Anda dapat membuat ikon lezat ini dengan mengikuti tutorial langkah demi langkah ini. Vektor ini sangat menyenangkan dan mudah dibuat. Anda akan membuat tiga jenis roti panggang yang akan memiliki tampilan yang realistis dan lezat! Anda akan memulai dengan membuat roti panggang dasar. Menjadi kreatif!
Desain Ikon Kopi Bawa Pulang yang Realistis – Photoshop
Tutorial ini menunjukkan cara membuat ikon cangkir kopi realistis ini. Itu dibuat di Photoshop dengan instruksi yang jelas dari perancang. Anda akan membutuhkan pengetahuan dasar tentang Adobe Photoshop dan versi CS5 atau lebih tinggi. Tutorial ini membantu Anda membuat hasil yang diinginkan dengan menggabungkan banyak bentuk dan gradien sederhana dan sedikit karya seni berputar di bagian akhir.
Buat Ikon Kamera Rinci – Photoshop
Lihat tutorial keren ini yang menunjukkan cara membuat ikon kamera mendetail ini. Anda akan menggunakan Adobe Photoshop dan trik yang Anda pelajari dari ini akan sangat berguna untuk desain masa depan Anda. Tampilan realistis ini sedikit lebih menantang untuk dicapai daripada yang sederhana dan datar. Anda akan membuat ikon kamera Fuji X100 menggunakan banyak gradien, tekstur, dan banyak gaya lapisan berbeda.
Satu Set Ikon Makanan – Ilustrator
Dengan tutorial ini, Anda dapat membuat kumpulan ikon makanan yang hebat ini: secangkir teh, sandwich, dan mangkuk sup. Ini dibuat menggunakan Illustrator dengan mengikuti tugas-tugas mudah. Tutorial menggunakan palet warna terbatas dan bentuk serta goresan sederhana untuk menciptakan hasil kartun yang menarik.
Ikon Hewan Datar – Ilustrator
Lihat tutorial ini yang menunjukkan cara membuat enam ikon hewan yang berbeda ini. Ikon desain datar ini menggunakan bentuk dasar, panel pathfinder, dan beberapa fungsi Illustrator lainnya yang tidak sulit untuk digunakan sama sekali! Anda selalu dapat mengubah warna latar belakang untuk menciptakan hasil yang diinginkan. Sangat lucu dan sederhana!
Ikon Sandwich Bagel – Ilustrator
Tutorial ini menunjukkan cara membuat ikon sandwich bagel ini. Itu dibuat di Illustrator dan sangat mudah dibuat. Ikuti saja langkah-langkah untuk membuat desain bagel yang enak dan realistis ini. Anda akan mulai dengan membuat potongan bagel dan kemudian Anda hanya akan menambahkan bahan – selada, ham, dan keju. Nyam!
