Koleksi Ikon 3D Aplikasi Iphone – Volume 2

Ikon untuk aplikasi memiliki batasan-batasan khusus yang membuat desainnya unik. Sekarang, kita akan kembali melihat desain-desain ikon aplikasi dengan tampilan tiga dimensi. Pastikan untuk melihat desain ikon aplikasi 3D volume 1.

inspirasi-ikon-aplikasi-3d-v2-01inspirasi-ikon-aplikasi-3d-v2-02inspirasi-ikon-aplikasi-3d-v2-03inspirasi-ikon-aplikasi-3d-v2-04inspirasi-ikon-aplikasi-3d-v2-05inspirasi-ikon-aplikasi-3d-v2-06inspirasi-ikon-aplikasi-3d-v2-07inspirasi-ikon-aplikasi-3d-v2-08inspirasi-ikon-aplikasi-3d-v2-09inspirasi-ikon-aplikasi-3d-v2-10inspirasi-ikon-aplikasi-3d-v2-11inspirasi-ikon-aplikasi-3d-v2-12inspirasi-ikon-aplikasi-3d-v2-13inspirasi-ikon-aplikasi-3d-v2-14

Sumber:

  1. Journal iOS Icon
  2. Dribbble magic book
  3. waffle iphone icon
  4. Brother iOS Icon
  5. App Icon Design – Soccer Ball
  6. Wallet icon
  7. iOS Icon
  8. Prayr App Icon
  9. Petri Dish & Pill
  10. App Icon Design – Outdoor Elements
  11. Retro Tape icon
  12. Typewriter
  13. Swim Shorts iPhone Icon
  14. Camera iOS Icon
Iklan

Menggambar Pictogram di Adobe Illustrator (Video)

Kali ini, kita akan belajar cara menggambar pictogram –yaitu ikon simbol– sebuah jam di Adobe Illustrator yang terinspirasi oleh set ikon web vektor di Shutterstock. Dalam tutorial ini, kita akan belajar dasar penggunaan perintah Expand untuk memecah shape standar dan menggunakan Pathfinder untuk menggabungkan dan memotong beberapa shape.

Preview

Inilah tampilan pictogram yang akan diperoleh dalam video tutorial ini.

pictogram-jam.jpg

Video Tutorial

Download Link

Download File AI

Mendesain Ikon Aplikasi Kamera untuk Launcher Android

Dalam tutorial ini, kita akan mencoba menggambar ikon aplikasi kamera untuk-launcher android. Kita akan menggunakan Photoshop CS6 dalam proses desain. Kita juga akan menggunakan aturan dari developer android agar ikon yang diperoleh sesuai dengan standar.

Preview

thumbnail.jpg

Detail Tutorial

  • Tingkat Kesulitan: Menengah, Mahir
  • Software yang Digunakan: Adobe Photoshop CS6
  • Teknik yang Dipelajari: Layer Style, Menggambar dengan tool Brush
  • Lama Pengerjaan: 45 menit

Resource yang Dibutuhkan

Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource berikut:

Sebelum Anda Memulai

Sebelum memulai tutorial ini, saya sarankan Anda untuk membaca terlebih dahulu artikel dan tutorial berikut karena menggunakan dasar teknik yang sama:

Lanjutkan membaca Mendesain Ikon Aplikasi Kamera untuk Launcher Android

Mendesain Interface Tampilan Waktu dan Cuaca Terinspirasi Android

Sekarang kita akan coba mendesain display interface jam dan cuaca yang ada di HP Android. Kita akan menggunakan vektor shape dan layer styles untuk menghasilkan bentuk dasar interface. Kita juga akan menggambar manual dengan tool Brush dan Smudge untuk membuat ikon matahari tertutupi awan.

Preview

Inilah tampilan interface yang akan kita peroleh.

final.jpg

Detail Tutorial

  • Tingkat Kesulitan: Pemula, Menengah
  • Software yang Digunakan: Adobe Photoshop
  • Teknik yang Dipelajari: Vektor Shape, Layer Style
  • Lama Pengerjaan: 30 menit

Resource yang Dibutuhkan

Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource berikut:

Lanjutkan membaca Mendesain Interface Tampilan Waktu dan Cuaca Terinspirasi Android

Mendesain Ikon Untuk Aplikasi iPhone

Yang menyenangkan dari Photoshop adalah Anda praktis bisa membuat apapun. Misalnya, dalam kasus ini, saya bisa mencoba mendesain ikon aplikasi iPhone. Secara umum, prosesnya tidak berbeda dengan desain ikon biasa. Yang membedakan hanyalah ukurannya. Tutorial ini ditulis ekslusif untuk Vandelay Design Blog.

Preview

Berikut adalah hasil akhir yang diperoleh.

final

Sebagian Langkah dalam Tutorial

Seperti biasa, tutorial ini sangat detail dan membahas banyak teknik yang umum digunakan dalam desain ikon. Di bawah adalah beberapa langkah dalam tutorial.

Link Tutorial

Koleksi Ikon 3D Aplikasi Iphone – Volume 1

Desain ikon iPhone masih relatif baru mengingat iPhone sendiri baru muncul tahun 2007. Namun, desain ini berkembang sangat pesat karena iPhone sangat laris dan konsep interfacenya ditiru banyak pihak. Berbeda dengan ikon aplikasi yang lebih bebas, ikon iPhone dibatasi oleh bidang rounded rectangle. Pembatasan ini memaksa desainer untuk lebih kreatif dalam peroses pembuatan ikon. Di artikel ini, kita akan melihat koleksi ikon iPhone dalam tampilan 3 dimensi.

Pastikan untuk melihat desain ikon aplikasi 3D volume 2.

Lanjutkan membaca Koleksi Ikon 3D Aplikasi Iphone – Volume 1

Menggambar Ikon Kentang Goreng dengan Photoshop

Tutorial ini adalah hasil kerja sama dengan salah satu desainer ikon lokal terbaik dari Bandung, Syarip Yunus. Syarip mendesain ikon ini sementara saya fokus pada penulisan tutorialnya. Semoga ada kesempatan lain untuk membuat tutorial bersamanya lagi. Tutorial ini ditulis ekslusif untuk Hongkiat.

Preview

Berikut adalah hasil akhir yang diperoleh.

final

Sebagian Langkah dalam Tutorial

Tutorial ini sangat detail dan membahas banyak teknik yang umum digunakan dalam desain ikon. Di bawah adalah sebagian langkah dalam tutorial tersebut.

Link Tutorial

Mendesain Ikon Apple iCloud

Layanan penyimpanan berbasis cloud terbaru dari Apple, iCloud, memiliki logo yang sederhana namun unik khas Apple. Ikon ini terbuat dari bahan dasar metalik dengan bentuk awan di dalamnya. Di tutorial ini, kita akan belajar membuatnya dengan Photoshop. Tutorial ini ditulis ekslusif untuk Hongkiat.

Preview

Berikut adalah hasil akhir yang diperoleh.

final.jpg

Sebagian Langkah dalam Tutorial

Tutorial ini sederhana dan cocok bagi para pemula. Di bawah adalah beberapa langkah dalam tutorial.

Link Tutorial

Menggambar Communicator Star Trek

Dalam tutorial ini, kita akan mendesain ikon Communicator, yaitu alat komunikasi yang digunakan dalam film seri Star Trek generasi pertama. Kita akan menggunakan fungsi vektor, Layer Styles, dan menggambar pencahayaan secara manual dengan tool brush untuk memperoleh tampilan yang realistis. Tutorial ini ditulis eksklusif untuk Psdtuts+.

Preview

Berikut adalah hasil akhir yang diperoleh.

final.jpg

Sebagian Langkah dalam Tutorial

Tutorial ini sangat detail dan membahas banyak teknik yang umum digunakan dalam proses desain ikon. Di bawah adalah beberapa langkah dalam tutorial.

Link Tutorial

Tutorial ini ditulis ekslusif untuk Psdtuts+.

Membuat Ikon Gambar Tangan dengan Cara Manual

Dalam tutorial ini, kita akan membuat ikon dari gambar tangan. Gambar tangan di sini berarti benar-benar gambar tangan secara manual, bukan hasil permainan efek filter. Tekniknya sederhana, menggambar dengan pensil di kertas biasa, proses scanning lalu sedikit editing di Photoshop.

Preview

Ini adalah hasil akhir ikon yang akan kita peroleh.

final.jpg

Detail Tutorial

  • Tingkat Kesulitan: Pemula
  • Software yang Digunakan: Adobe Photoshop
  • Alat yang Digunakan: Kertas putih, Scanner, Pensil HB, dan Pensil 2B
  • Teknik yang Dipelajari: Channel Alpha, Proses Scan
  • Lama Pengerjaan: 20 menit

Lanjutkan membaca Membuat Ikon Gambar Tangan dengan Cara Manual