Di sini, saya akan membagikan cara mendesain ikon flat iMac di Photoshop. Kita akan menggunakan fitur vektor Photoshop.
Tutorial
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….
dapat dilihat pada gambar pertama dalam artikel ini,,
sekian dan semoga bermanfaat 🙂
Sumber: Internet