Mendesain Aplikasi Email iOS7 di Photoshop

Tutorial ini akan memperlihatkan cara mendesain aplikasi email di iOS7 yang terkenal dengan gaya flat-nya. Desain ini dibuat di Photoshop menggunakan standar aplikasi iOS7 sesuai ketentuan dari Apple. Desain terinspirasi oleh aplikasi gmail.

[hr]

Preview

Berikut adalah hasil akhir yang diperoleh.

Mendesain Aplikasi Email iOS7 di Photoshop

[hr]

Sebagian Langkah dalam Tutorial

Tutorial ini sangat detail dan membahas banyak teknik yang umum digunakan dalam desain interface. Dimulai dari sketsa, mendesain ikon satu per satu, lalu menempatkan setiap elemen secara manual mengikuti aturan standar iOS7. Di bawah adalah beberapa langkah dalam tutorial.

Mendesain Aplikasi Email iOS7 di Photoshop
Mendesain Aplikasi Email iOS7 di Photoshop
Mendesain Aplikasi Email iOS7 di Photoshop
Mendesain Aplikasi Email iOS7 di Photoshop
Mendesain Aplikasi Email iOS7 di Photoshop
Mendesain Aplikasi Email iOS7 di Photoshop

[hr]

Link Tutorial

[unordered_list style=”bullet”]

[/unordered_list]

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.

[hr]

Preview

Berikut adalah hasil akhir yang diperoleh.

Mendesain Ikon Untuk Aplikasi iPhone

[hr]

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.

Mendesain Ikon Untuk Aplikasi iPhone
Mendesain Ikon Untuk Aplikasi iPhone
Mendesain Ikon Untuk Aplikasi iPhone
Mendesain Ikon Untuk Aplikasi iPhone
Mendesain Ikon Untuk Aplikasi iPhone
Mendesain Ikon Untuk Aplikasi iPhone
Mendesain Ikon Untuk Aplikasi iPhone
Mendesain Ikon Untuk Aplikasi iPhone
Mendesain Ikon Untuk Aplikasi iPhone

[hr]

Link Tutorial

[unordered_list style=”bullet”]

[/unordered_list]

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.

[hr]

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.

[hr]

Preview

Berikut adalah hasil akhir yang diperoleh.

Mendesain Ikon Apple iCloud

[hr]

Sebagian Langkah dalam Tutorial

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

Mendesain Ikon Apple iCloud
Mendesain Ikon Apple iCloud
Mendesain Ikon Apple iCloud
Mendesain Ikon Apple iCloud

[hr]

Link Tutorial

[unordered_list style=”bullet”]

[/unordered_list]

Menggambar iPad 2 Realistik di Photoshop

Apple iPad 2 — saya menyebutnya iPhone raksasa. Salah satu gadget paling fenomenal dari Apple. Walaupun begitu, kita harus hati-hati karena menjualnya bisa membuat Anda masuk penjara. Oleh karena itu, kita cukupkan saja dengan menggambarnya di Photoshop. Tutorial ini ditulis ekslusif untuk Hongkiat.

[hr]

Preview

Berikut adalah hasil akhir yang diperoleh.

Menggambar iPad 2 Realistik di Photoshop

[hr]

Sebagian Langkah dalam Tutorial

Proses pembuatan iPad 2 dalam tutorial ini menggunakan banyak Layer Styles kemudian digabung dengan menggambar manual.

Menggambar iPad 2 Realistik di Photoshop
Menggambar iPad 2 Realistik di Photoshop
Menggambar iPad 2 Realistik di Photoshop
Menggambar iPad 2 Realistik di Photoshop
Menggambar iPad 2 Realistik di Photoshop
Menggambar iPad 2 Realistik di Photoshop

[hr]

Link Tutorial

[unordered_list style=”bullet”]

[/unordered_list]

Menggambar iPad 2 di Photoshop

Dalam tutorial ini, saya memperlihatkan cara menggambar Apple iPad 2 menggunakan Photoshop. Di sini, kita menggunakan teknik menggambar vektor, menggabungkannya dengan menggambar manual dan Layer Styles untuk memperoleh hasil yang realistis. Tidak hanya itu, saya juga memperlihatkan cara memanfaatkan Smart Object untuk secara mudah mengubah isi layar iPad dan warna Smart Cover-nya.

[hr]

Preview

Berikut adalah iPad 2 yang diperoleh.

Judul

[hr]

Sebagian Langkah dalam Tutorial

Di bawah adalah beberapa langkah dalam tutorial.

Menggambar iPad 2 di Photoshop
Menggambar iPad 2 di Photoshop
Menggambar iPad 2 di Photoshop
Menggambar iPad 2 di Photoshop
Menggambar iPad 2 di Photoshop
Menggambar iPad 2 di Photoshop
Menggambar iPad 2 di Photoshop

Dengan fitur Smart Object, kita bisa dengan mudah mengubah isi layar iPad dan warna Smart Cover.

Menggambar iPad 2 di Photoshop
Menggambar iPad 2 di Photoshop

[hr]

Link Tutorial

Tutorial ini ditulis ekslusif untuk Design Instruct.
[unordered_list style=”bullet”]

[/unordered_list]

Menggambar Macbook Air Realistis dengan Photoshop

Satu lagi tutorial terbaru untuk Design Instruct. Dalam tutorial ini, saya menunjukkan cara menggambar Macbook Air dengan Photoshop. Melalui tutorial ini, Anda akan belajar cara membuat refleksi, memodifikasi shape, transformasi dengan warp, dan tentu saja Layer Style.

[hr]

Preview

Berikut adalah hasil akhir yang diperoleh.

Menggambar Macbook Air Realistis dengan Photoshop

[hr]

Sebagian Langkah dalam Tutorial

Dalam tutorial ini, saya bereksperimen dengan tidak banyak mengandalkan layer style namun langsung menggambar secara manual. Di bawah adalah beberapa langkah yang dilakukan dalam tutorial.

Menggambar Macbook Air Realistis dengan Photoshop
Menggambar Macbook Air Realistis dengan Photoshop
Menggambar Macbook Air Realistis dengan Photoshop
Menggambar Macbook Air Realistis dengan Photoshop
Menggambar Macbook Air Realistis dengan Photoshop
Menggambar Macbook Air Realistis dengan Photoshop
Menggambar Macbook Air Realistis dengan Photoshop
Menggambar Macbook Air Realistis dengan Photoshop
Menggambar Macbook Air Realistis dengan Photoshop
Menggambar Macbook Air Realistis dengan Photoshop

[hr]

Link Tutorial

Tutorial ini ditulis ekslusif untuk Design Instruct.
[unordered_list style=”bullet”]

[/unordered_list]