Mendesain Icon Flat iMac

Di sini, kami akan memperlihatkan cara mendesain ikon flat iMac di Photoshop. Kita akan menggunakan fitur vektor Photoshop.

 

tutorial-mendesain-icon-flat-imac-final
Hasil akhir tutorial mendesain icon flat iMac.

Tutorial

Langkah 1: Persiapan

Buat file baru (Ctrl + N).

tutorial-mendesain-icon-flat-imac-01

Langkah 2

Untuk latar icon, tambahkan Adjustment Layer Solid Color dengan warna hijau terang.

tutorial-mendesain-icon-flat-imac-03

Langkah 3: Layar iMac

Aktifkan Tool Rounded Rectangle Tool dengan Radius: 10 px.

tutorial-mendesain-icon-flat-imac-02

Langkah 4

Buat rounded rectangle dengan warna putih.

tutorial-mendesain-icon-flat-imac-04

Langkah 5

Tambahkan bentuk persegi berwarna hitam di atas shape yang kita buat. Tekan Ctrl + Alt + G untuk memasukkannya ke dalam bentuk dasar layar.

tutorial-mendesain-icon-flat-imac-05

tutorial-mendesain-icon-flat-imac-06

Langkah 6

Tambahkan lagi bentuk rounded rectangle. Kali ini dengan Radius: 2 px dan warna abu-abu.

tutorial-mendesain-icon-flat-imac-08

Langkah 7

Buat lagi persegi menutupi bagian layar. Gunakan warna abu-abu lebih terang.

tutorial-mendesain-icon-flat-imac-09

Langkah 8

Geser pojok bawah bentuk dengan Tool Direct Selection. Anda mungkin ditanya tentang perubahan live shape. Klik saja Yes.

tutorial-mendesain-icon-flat-imac-10

Langkah 9

Sekarang, ubah bentuk menjadi Clipping Mask untuk mengubahnya jadi refleksi di layar. Tekan Ctrl + Alt + G.

tutorial-mendesain-icon-flat-imac-11

tutorial-mendesain-icon-flat-imac-12

Langkah 10: Dudukan iMac

Tambahkan bentuk persegi putih di bagian bawah, belakang layar.

tutorial-mendesain-icon-flat-imac-13

Langkah 11

Tekan Ctrl + T untuk melakukan transformasi., Klik kanan dan pilih Perspective. Perkecil bagian atasnya.

tutorial-mendesain-icon-flat-imac-14

Langkah 12

Buat lagi persegi berwarna abu-abu di atas bentuk tadi dan simpan tepat di bawah layar. Ubah menjadi Clipping Mask.

tutorial-mendesain-icon-flat-imac-15

tutorial-mendesain-icon-flat-imac-16

Langkah 13

Buat lagi rounded rectangle di bagian paling bawah iMac.

tutorial-mendesain-icon-flat-imac-17

Langkah 14: Rata Tengah

Kita perlu memastikan agar semua elemen berada di tengah. Seleksi semua lalu klik ikon untuk menengahkan isi layer.

tutorial-mendesain-icon-flat-imac-18

tutorial-mendesain-icon-flat-imac-19

Langkah 15: Bayangan

Buat shape baru berwarna hitam untuk bentuk bayangan dengan Tool Pen. Pastikan Anda sudah memilih Shape di Baris Pilihan.

tutorial-mendesain-icon-flat-imac-20

Langkah 16

Turunkan Opacity layer bayangan.

tutorial-mendesain-icon-flat-imac-21

Langkah 17: Finishing

Masukkan semua layer ke dalam sebuah grup layer, termasuk latarnya. Buat seleksi berbentuk lingkaran memilih icon iMac. Klik ikon Add Layer Mask untuk menambahkan layer mask dan menyisakan hanya bagian di dalam seleksi.

tutorial-mendesain-icon-flat-imac-22

tutorial-mendesain-icon-flat-imac-23

Langkah 18

Kita bisa menambahkan garis luar pada icon. Klik ganda grup layer dan aktifkan Stroke.

tutorial-mendesain-icon-flat-imac-24

Langkah 19

Karena icon ini murni terbuat dari vektor, kita bisa mengatur ukurannya tanpa menurunkan kualitasnya. Tekan Ctrl + G lalu atur ukurannya.

tutorial-mendesain-icon-flat-imac-25

Hasil Akhir

Inilah hasil akhir yang kita peroleh.

tutorial-mendesain-icon-flat-imac-final
Hasil akhir tutorial mendesain icon flat iMac.
Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s