Mendesain Icon Flat iMac

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

 

[caption id="attachment_7804" align="alignnone" width="826"]tutorial-mendesain-icon-flat-imac-final Hasil akhir tutorial mendesain icon flat iMac.[/caption]


Tutorial


https://www.youtube.com/watch?v=UKf6ZRzfB3I

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.

[caption id="attachment_7804" align="alignnone" width="826"]tutorial-mendesain-icon-flat-imac-final Hasil akhir tutorial mendesain icon flat iMac.[/caption]