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.
[hr]
Sebelumnya lihat terlebih dahulu hasil yang akan kita peroleh. Ini adalah salah satu file mockup PSD gratis yang saya bagikan di PSDfreemium.
[hr]
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.
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.
Aktifkan tool rectangle biasa dan buat kotak lebih kecil. Tidak perlu khawatir dengan warna, apa pun warnanya tidak jadi masalah.
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.
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.
Beri Gradient Overlay.
Dengan tool pen, gambar logo apple tepat di bawah layar. Beri layer style berikut.
Dengan tool pen buat shape berikut untuk kaki iMac. Beri Gradient Overlay dengan susunan gradasi seperti terlihat di gambar.
Buat layer baru di atas kaki iMac. Lukis bayangan layar.
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.
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.
Hapus pixel gelap yang berada di bagian atas sehingga hanya tersisa bayangan di lantai.
Duplikasi bayangan pada kaki iMac dan beri Gaussian Blur yang lebih besar agar diperoleh bayangan yang lebih lembut.
Buat seleksi ellipse di bawah layar iMac. Isi dengan dengan hitam, haluskan dengan Gaussian Blur lalu hapus kedua ujungnya hingga bayangannya terlihat alami.
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.
Untuk membuat lantai mudah saja. Gandakan latar tadi, tekan Ctrl + T lalu transformasi hingga terlihat seperti di bawah.
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 .
[hr]
Di bawah adalah hasil akhir iMac yang kita peroleh.
Anda bisa juga berkreasi lagi dengan membuat latar alternatif seperti yang saya lakukan di PSDfreemium.
[hr]
[ilink style="download" url="http://psdfreemium.com/mockup-imac/"]Download File PSD di PSDfreemium[/ilink]
[hr]
Preview
Sebelumnya lihat terlebih dahulu hasil yang akan kita peroleh. Ini adalah salah satu file mockup PSD gratis yang saya bagikan di PSDfreemium.
[hr]
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 .
[hr]
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.
[hr]
Download Link
[ilink style="download" url="http://psdfreemium.com/mockup-imac/"]Download File PSD di PSDfreemium[/ilink]