Dalam tutorial ini, kita akan menggambar iMac dengan Photoshop. Kita akan banyak menggunakan tool shape dan mengkombinasikannya dengan Layer Style untuk memberikan pencahayaan yang alami.
Preview
Sebelumnya lihat terlebih dahulu hasil yang akan kita peroleh. Ini adalah salah satu file mockup PSD gratis yang saya bagikan di PSDfreemium.
Tutorial
Langkah 1: Layar
Aktifkan tool rounded rectangle dengan radius 30 px. Mulai dengan membuat sebuah kotak untuk layar iMac. Beri sedikit Layer Style Gradient Overlay agar warnanya tidak terlalu solid. Sedikit gradasi seperti ini memberi kesan pencahayaan yang alami.
Langkah 2
Ambil tool rounded rectangle dan turunkan radiusnya ke 20 px. Buat lagi kotak kali ini lebih kecil dengan proporsi seperti terlihat di bawah. Seperti sebelumnya beri Layer Style Gradient Overlay.
Langkah 3
Aktifkan tool rectangle biasa dan buat kotak lebih kecil. Tidak perlu khawatir dengan warna, apa pun warnanya tidak jadi masalah.
Langkah 4
Sekarang ambil gambar screenshot OS Apple dari Google Image. Simpan ke atas kotak lalu tekan Ctrl + Alt + G untuk mengubahnya menjadi Clipping Mask dan memasukkan gambar ke dalam layar.
Langkah 5: Refleksi Pada Layar
Dengan tool pen, gambar sebuah segitiga di pojok kanan atas. Kita akan menggunakan segitiga ini untuk memberi refleksi pada layar.
Perhatikan bahwa posisi ini –pojok kanan atas– sesuai dengan arah gradasi pada badan iMac. Kesalahan penempatan refleksi bisa membuat produk yang diperoleh terlihat ganjil dan tidak nyata.
Langkah 6
Beri Gradient Overlay.
Langkah 7: Logo Apple
Dengan tool pen, gambar logo apple tepat di bawah layar. Beri layer style berikut.
Langkah 8: Kaki iMac
Dengan tool pen buat shape berikut untuk kaki iMac. Beri Gradient Overlay dengan susunan gradasi seperti terlihat di gambar.
Langkah 9
Buat layer baru di atas kaki iMac. Lukis bayangan layar.
Langkah 10
Buat lagi shape untuk ketebalan kaki iMac. Simpan di bawah shape sebelumnya. Beri Gradient Overlay berikut.
Di bawah Anda bisa melihat bentuk ketebalan kaki iMac jika tidak tertutupi.
Langkah 11: Bayangan
Pertama, kita buat dahulu rest point, yaitu bayangan paling dekat dengan lantai. Ctrl-klik shape kaki iMac. Geser seleksi yang siperoleh beberapa pixel ke bawah. Isi seleksi dengan hitam lalu haluskan dengan Gaussian Blur.
Langkah 12
Hapus pixel gelap yang berada di bagian atas sehingga hanya tersisa bayangan di lantai.
Langkah 13
Duplikasi bayangan pada kaki iMac dan beri Gaussian Blur yang lebih besar agar diperoleh bayangan yang lebih lembut.
Langkah 14
Buat seleksi ellipse di bawah layar iMac. Isi dengan dengan hitam, haluskan dengan Gaussian Blur lalu hapus kedua ujungnya hingga bayangannya terlihat alami.
Langkah 15: Latar
Kareana tujuan ini fokus pada pembuatan iMac, kita akan menggunakan latar sederhana saja. Buat layer baru dan simpan di paling bawah. Isi dengan gradasi radial dari putih ke abu-abu.
Langkah 16
Untuk membuat lantai mudah saja. Gandakan latar tadi, tekan Ctrl + T lalu transformasi hingga terlihat seperti di bawah.
Langkah 17
Tambahkan adjustment layer Hue/Saturation dan simpan di atas layer latar. Aktifkan Colorize dan geser parameter yang tersedia. Adjustment layer ini akan mempermudah Anda jika ingin mengubah latarwarna .
Hasil Akhir
Di bawah adalah hasil akhir iMac yang kita peroleh.
Anda bisa juga berkreasi lagi dengan membuat latar alternatif seperti yang saya lakukan di PSDfreemium.
Wooww… Dari yang simple menjadi luar biasa seperti aslinya ya mas Jeprie… Ternyata sampai sedetil itu ya pembuatannya… Ikut sedot file psd nya untuk belajar…
nicely done..
detailnya keren..
Bangus bagat ini buat iklan promosi tapi kalau di bikin berkilau gmana lagi caranya jadik kagat kelihatan kaku :mikir:
Wow bagus sekali hasil akhirnya. Saya paling suka yang latarnya ada patternnya itu, Mas Jeprie
Untuk pembuatan desain itu ada beberapa langkah lebih panjang. Saya sudah tidak ingat dengan source yang digunakan jadi tidak dibahas di sini.
Wah, keren mas jep,
ikutan curi ilmu yah..thanks