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"]
Hasil akhir tutorial mendesain icon flat iMac.[/caption]
https://www.youtube.com/watch?v=UKf6ZRzfB3I
Buat file baru (Ctrl + N).

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

Aktifkan Tool Rounded Rectangle Tool dengan Radius: 10 px.

Buat rounded rectangle dengan warna putih.

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


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

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

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

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


Tambahkan bentuk persegi putih di bagian bawah, belakang layar.

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

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


Buat lagi rounded rectangle di bagian paling bawah iMac.

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


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

Turunkan Opacity layer bayangan.

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.


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

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

Inilah hasil akhir yang kita peroleh.
[caption id="attachment_7804" align="alignnone" width="826"]
Hasil akhir tutorial mendesain icon flat iMac.[/caption]
[caption id="attachment_7804" align="alignnone" width="826"]

Tutorial
https://www.youtube.com/watch?v=UKf6ZRzfB3I
Langkah 1: Persiapan
Buat file baru (Ctrl + N).

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

Langkah 3: Layar iMac
Aktifkan Tool Rounded Rectangle Tool dengan Radius: 10 px.

Langkah 4
Buat rounded rectangle dengan warna putih.

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


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

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

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

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


Langkah 10: Dudukan iMac
Tambahkan bentuk persegi putih di bagian bawah, belakang layar.

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

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


Langkah 13
Buat lagi rounded rectangle di bagian paling bawah iMac.

Langkah 14: Rata Tengah
Kita perlu memastikan agar semua elemen berada di tengah. Seleksi semua lalu klik ikon untuk menengahkan isi layer.


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

Langkah 16
Turunkan Opacity layer bayangan.

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.


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

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

Hasil Akhir
Inilah hasil akhir yang kita peroleh.
[caption id="attachment_7804" align="alignnone" width="826"]

Comments
Post a Comment