Menggambar iPod dalam Berbagai Warna dengan Smart Object

Apple terkenal karena selalu menghasilkan produk-produk dengan desain yang revolusioner. Salah satu produk pertama Apple yang sukses luar biasa adalah iPod. Desain iPod yang minimalis membuatnya mudah digunakan dan disukai banyak orang. Kali ini, kita akan menggambar iPod dengan Photoshop. Dengan mengikuti tutorial ini, Anda akan belajar banyak teknik, mulai dari cara pembuatan latar hingga duplikasi Smart Object.

Preview


Sebelum mulai, lihat terlebih dahulu gambar yang akan kita buat di tutorial ini. Klik gambar untuk melihatnya dalam ukuran besar.

Menggambar iPod Dalam Berbagai Warna dengan Smart Object



Langkah 1: Dasar iPod


Buat file baru berukuran 250 x 550 px. tampilkan ruler dengan menekan Ctrl+R. Klik dan geser ruler vertikal ke tengah untuk membuat guide vertikal.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 2


Aktifkan tool rectangle. Klik dan geser dari tengah guide sambil menahan tombol Alt untuk membuat bentuk persegi. Anda bisa menggunakan warna apa pun untuk shape ini.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 3


Buat layer baru lalu tekan Ctrl + Alt + G untuk mengubahnya menjadi clipping mask. Klik Filter > Noise > Add Noise. Ubah blend mode ke Multiply dan turunkan opacity ke 20%.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 4


Aktifkan tool gradient dengan tipe reflected. Pilih gradasi dari hitam ke putih dan buat gradasi di salah satu sisi iPod. Sekarang dengan tool marquee persegi, seleksi setengah iPod lalu klik ikon Add Layer Mask. Ubah blending mode ke Multiply dan turunkan opacity layer.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 5


Gandakan layer gradasi dengan Ctrl + J lalu putar 180 derajat. Mungkin sebagian dari Anda bertanya kenapa tidak langsung saja membuat gradasi yang berbentuk seperti itu. Sebetulnya bisa saja dilakukan, hanya saja saya tidak begitu suka bermain-main dengan setting gradient. Anda bisa melakukan cara teknik mana saja, selama hasilnya menyerupai gambar di bawah.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 6


Gradasi ini sudah membuat iPod terlihat 3D tapi saya masih ingin memperbaikinya. Buat layer dan ubah ke Clipping Mask (Ctrl + Alt +G). Lukis hitam di kedua sisi iPod.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 7: Tombol


Buat shape lingkaran di tengah-tengah iPod. Beri layer style seperti di bawah.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Membuat iPod dalam Berbagai Warna dengan Smart Object


Langkah 8


Gandakan shape lingkaran (Ctrl + J). Lakukan transformasi (Ctrl + T) dan perkecil ukuran shape. Atur kembali setting layer styles hingga seperti terlihat di bawah.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Membuat iPod dalam Berbagai Warna dengan Smart Object


Langkah 9


Buat tulisan menu dan beberapa simbol untuk controller iPod. Simbol controller dibuat menggunakan tool poligon dan tool rectangle. Beri layer style seperti di bawah.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Membuat iPod dalam Berbagai Warna dengan Smart Object


Langkah 10: Layar


buat shape rectangle di bagian atas iPod untuk layarnya. Gunakan warna #ddfcf9 dan beri layer style berikut.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Membuat iPod dalam Berbagai Warna dengan Smart Object


Langkah 11


Buat layer baru dan seleksi bagian atas layer. Isi dengan gradasi dari putih ke hitam.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 12


Tambahkan label iPod di bagian atas layar. Sekarang kita buat ikon indikator baterai. Buat shape rectangle kecil dan beri layer style berikut.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Membuat iPod dalam Berbagai Warna dengan Smart Object


Langkah 13


Gandakan shape rectangle lalu perkecil ukurannya. Atur posisi layer agar berada di bawah shape rectangle besar.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 14


Tambahkan teks hitam untuk menu. Untuk item terpilih, ubah warnanya ke putih. Buat layer baru di belakang item menu dan beri gradasi linear dari biru ke biru muda. Caranya sama dengan pembuatan bagian atas layar di Langkah 11.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 15: Menambah Bayangan


Buat layer baru dan simpan di paling bawah. Seleksi bagian bawah iPod dengan tool marquee elips dan isi dengan hitam (Edit > Fill, Use: Color, #000000). Hilangkan seleksi dengan Ctrl + D lalu beri haluskan bayangan dengan klik Filter > Blur > Gaussian Blur. Turunkan opacity layer ke 30%.

Lukis juga rest point, yaitu titik tempat menempelnya iPod pada lantai menggunakan brush lembut.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 16: Membuat Latar


Pembuatan iPod sudah selesai. Seleksi semua layer iPod, klik kanan dan pilih Convert to Smart Object. Kita akan membuat beberapa iPod jadi tentu saja kita perlu memperluas kanvas. Klik Image > Canvas Size dan isikan Width: 300% untuk memperlebar kanvas.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 17


Sembunyikan iPod terlebih dahulu, kita fokus dulu pada latar. Buat gradasi radial putih ke hitam di tengah kanvas.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 18


Gandakan latar. Tekan Ctrl + T untuk melakukan transformasi lalu perkecil dan simpan bagian bawah gambar.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 19


Click ikon Add adjustment layer di panel Layers dan pilih Hue/Saturation. Aktifkan Colorize lalu geser slider untuk mengubah warna latar.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Membuat iPod dalam Berbagai Warna dengan Smart Object


Langkah 20: Menduplikasi, Mentransformasi, dan Merubah Warna


Munculkan kembali iPod. Geser sambil menahan Alt untuk menduplikasi iPod.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 21


Ctrl-klik semua layer iPod untuk memilihnya. Di baris pilihan, klik ikon Distribute Horizontal Center untuk menyamakan jarak antar iPod.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 22


Atur posisi layer iPod di panel Layers hingga ada sebagian yang di depan. Tekan Ctrl + T dan atur ukuran iPod hingga yang di belakang terlihat lebih kecil.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 23


Aktifkan salah satu iPod, tambahkan adjustment layer Hue/Saturation dan tekan Ctrl + Alt + G. Geser slider Hue untuk mengubah warna iPod.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 24


Ulangi proses ini pada iPod yang lain hingga semua warnanya berbeda.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 25: Efek Kedalaman


Sekarang kita tambahkan efek kedalaman pada objek. Seleksi iPod paling belakang dan klik Filter > Blur > Gaussian Blur dengan nilai radius 2 px.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Langkah 26


Ulangi pada iPod yang lain. Gunakan 2 px untuk iPod paling belakang dan 1,5 px untuk yang di tengah.

Membuat iPod dalam Berbagai Warna dengan Smart Object



Hasil Akhir


Ini dia iPod yang kita peroleh. Klik pada gambar untuk melihat ukuran sesungguhnya.

Membuat iPod dalam Berbagai Warna dengan Smart Object


download file psd