Cara Menggambar iMac dengan Photoshop

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]

Preview

Sebelumnya lihat terlebih dahulu hasil yang akan kita peroleh. Ini adalah salah satu file mockup PSD gratis yang saya bagikan di PSDfreemium.

Cara Menggambar iMac dengan Photoshop

[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.

Cara Menggambar iMac dengan Photoshop
Cara Menggambar iMac dengan Photoshop
Cara Menggambar iMac dengan Photoshop

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.

Cara Menggambar iMac dengan Photoshop
Cara Menggambar iMac dengan Photoshop
Cara Menggambar iMac dengan Photoshop

Langkah 3

Aktifkan tool rectangle biasa dan buat kotak lebih kecil. Tidak perlu khawatir dengan warna, apa pun warnanya tidak jadi masalah.

Cara Menggambar iMac dengan Photoshop

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.

Cara Menggambar iMac dengan Photoshop

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.

Cara Menggambar iMac dengan Photoshop

Langkah 6

Beri Gradient Overlay.

Cara Menggambar iMac dengan Photoshop
Cara Menggambar iMac dengan Photoshop

Langkah 7: Logo Apple

Dengan tool pen, gambar logo apple tepat di bawah layar. Beri layer style berikut.

Cara Menggambar iMac dengan Photoshop
Cara Menggambar iMac dengan Photoshop
Cara Menggambar iMac dengan Photoshop
Cara Menggambar iMac dengan Photoshop

Langkah 8: Kaki iMac

Dengan tool pen buat shape berikut untuk kaki iMac. Beri Gradient Overlay dengan susunan gradasi seperti terlihat di gambar.

Cara Menggambar iMac dengan Photoshop
Cara Menggambar iMac dengan Photoshop
Cara Menggambar iMac dengan Photoshop

Langkah 9

Buat layer baru di atas kaki iMac. Lukis bayangan layar.

Cara Menggambar iMac dengan Photoshop

Langkah 10

Buat lagi shape untuk ketebalan kaki iMac. Simpan di bawah shape sebelumnya. Beri Gradient Overlay berikut.

Cara Menggambar iMac dengan Photoshop
Cara Menggambar iMac dengan Photoshop
Cara Menggambar iMac dengan Photoshop

Di bawah Anda bisa melihat bentuk ketebalan kaki iMac jika tidak tertutupi.

Cara Menggambar iMac dengan Photoshop

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.

Cara Menggambar iMac dengan Photoshop
Cara Menggambar iMac dengan Photoshop

Langkah 12

Hapus pixel gelap yang berada di bagian atas sehingga hanya tersisa bayangan di lantai.

Cara Menggambar iMac dengan Photoshop

Langkah 13

Duplikasi bayangan pada kaki iMac dan beri Gaussian Blur yang lebih besar agar diperoleh bayangan yang lebih lembut.

Cara Menggambar iMac dengan Photoshop

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.

Cara Menggambar iMac dengan Photoshop
Cara Menggambar iMac dengan Photoshop

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.

Cara Menggambar iMac dengan Photoshop

Langkah 16

Untuk membuat lantai mudah saja. Gandakan latar tadi, tekan Ctrl + T lalu transformasi hingga terlihat seperti di bawah.

Cara Menggambar iMac dengan Photoshop
Cara Menggambar iMac dengan Photoshop

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 .

Cara Menggambar iMac dengan Photoshop

[hr]

Hasil Akhir

Di bawah adalah hasil akhir iMac yang kita peroleh.

Cara Menggambar iMac dengan Photoshop

Anda bisa juga berkreasi lagi dengan membuat latar alternatif seperti yang saya lakukan di PSDfreemium.

Cara Menggambar iMac dengan Photoshop

[hr]

Download Link

[ilink style=”download” url=”http://psdfreemium.com/mockup-imac/”%5DDownload File PSD di PSDfreemium[/ilink]

Iklan

7 thoughts on “Cara Menggambar iMac dengan Photoshop

  1. 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…

  2. Untuk pembuatan desain itu ada beberapa langkah lebih panjang. Saya sudah tidak ingat dengan source yang digunakan jadi tidak dibahas di sini.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s