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

Iklan

6 thoughts on “Menggambar iPod dalam Berbagai Warna dengan Smart Object

  1. Biasa saja, yang ini kan ga begitu sulit.
    Kalau mau terlihat real harus apik dengan detail-detail kecil. Misalnya dengan tekstur dan rest point, walaupun sedikit (subtle) digabung dengan yang lain hasilnya jadi real.

  2. wew..tutorialnya mangstab bener, lengkap dan hasilnya keren..ijin bookmark ya

    screenshotnya rapih sob, ga ada watermark tapi pakai inisial “D” di Ipod-nya (salut..)halah malah ngebahas yang lain 🙂

  3. Trims.

    Screenshot tutorial memang harus rapi kalau mau berkualitas. Tutorial desain memang harus fokus ke gambar, saya juga biasanya cukup dengan melihat gambar kalau baca tutorial.

    Saya tidak tertarik menggunakan watermark karena mengganggu. Cara lebih baik memang dengan memasukkan info situs kita langsung ke dalam tutorial, jadi semua copy paste langsung kelihatan.

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