Menggambar iPhone 3G dengan Photoshop

Agustus 31, 2012

Didalam tutorial ini kita akan menggambar iPhone 3G dengan program kesayangan saya Photoshop. Rounded rectangle, Rectangle dan layer style sangat berperan penting, tidak ada teknik yang rumit dalam tutorial ini namun saya pikir hasilnya tidak terlalu buruk.Langsung saja kita ikuti tutorialnya.

Preview

Sebelum mengikuti tutorial ini silahkan lihat dahulu hasil akhir yang akan kita peroleh.

Detail tutorial

Tingkat kesulitan:Pemula, menengah
Software yang digunakan:Adobe Photoshop
Teknik yang dipelajari:Vector shape, Layer style

Resource

Untuk mengikuti tutorial ini, silahkan ambil terlebih dahulu resource berikut:

Ikon aplikasi dari Iconspedia
Wallpaper dari All iphone wallpapers

Tutorial

Langkah 1:Persiapan kanvas.

Buatlah sebuah dokumen baru dengan ukuran 467x700 px.

Langkah 2

Pilih menu Edit>Fill, pada kotak dialog isikan Use:Color dengan warna # 464646. Untuk mengisi kanvas dengan warna abu-abu gelap.

Langkah 3:Body

Aktifkan Rounded rectangle tool, pada property bar isikan Radius:50px, lalu buat shape persegi dengan warna # 121314, ganti nama layer menjadi body.

Langkah 4

Buat layer baru beri nama chrome strip, tahan Ctrl dan klik pada vector mask thumbail layer body sehingga akan muncul sebuah seleksi.

Langkah 5

Pilih menu Edit>Stroke, pada kotak dialog isikan Width:10px dengan warna # b5b5b5. Hilangkan seleksi dengan menekan Ctrl+D.

Langkah 6

Klik ganda pada layer untuk menambahkan layer style, dikotak dialog lakukan pengaturan seperti pada gambar.

Hasil penambahan layer style.

Langkah 7:Screen

Aktifkan Rectangle tool lalu buat sebuah persegi dengan warna # 272b2f.

Langkah 8

Tambahkan layer style dengan pengaturan seperti berikut.

Hasil penambahan layer style.

Langkah 9:Speaker

Aktifkan Rounded rectangle tool,padaproperty bar isikan Radius:50px lalu buat persegi dengan warna # 121314.

Langkah 10

Tambahkan layer style dengan pengaturan seperti berikut.

Hasil penambahan layer style.

Langkah 11:Tombol menu

Aktifkan Ellipse tool, tahan tombol Shift lalu klik dan drag untuk membuat lingkaran sempurna dengan warna hitam.

Langkah 12

Tambahkan layer style Outer Glow dan Bevel Emboss.

Hasil penambahan layer style.

Langkah 13

Aktifkan Rounded rectangle tool, pada property bar isikan Radius:5px lalu buat persegi warna hitam tepat ditengah tombol yang sebelumnya kita buat.

Langkah 14

Tambahkan layer style Inner Glow dan Bevel Emboss.

Hasil penambahan layer style.

Langkah 15:Battery

Dengan Rectangle tool buatlah dua buah persegi dengan ukuran berbeda, pada property bar aktifkan Add to shape area.

Langkah 16

Tambahkan layer style Stroke pada ikon battery,lalu turunkan Fill layer menjadi 0%.

Hasil penambahan layer style dan penurunan Fill layer.

Langkah 17

Buat lagi persegi warna putih didalam ikon battery.

Langkah 18

Seleksi kedua layer lalu tekan Ctrl+G untuk membuat group,beri nama group battery.

Langkah 19:Signal

Buatlah beberapa persegi warna putih dengan ukuran berbeda seperti terlihat pada gambar lalu buat group,beri nama group sinyal.

Langkah 20

Dengan teks tool buat teks disebelah ikon sinyal,lihat pengaturannya pada gambar berikut.

Langkah 21

Dengan teks tool buat juga petunjuk waktu seperti terlihat pada gambar.

Langkah 22

Dengan Rectangle tool buatlah sebuah persegi warna hitam dibagian bawah layar.

Langkah 23

Tambahkan layer style Inner Shadow dan Gradient Overlay.

Langkah 24

Turunkan opacity layer menjadi menjadi 34% dan Fill 11%.

Langkah 25:Ikon aplikasi

Ambil ikon aplikasi lalu atur letaknya seperti pada gambar berikut.

Langkah 26:Tombol

Aktifkan Rounded rectangle tool, pada property bar isikan Radius:50px, lalu buat persegi disebelah kiri iPhone.

Langkah 27

Tambahkan layer style Inner Shadow dan Bevel Emboss.

Hasil penambahan layer style.

Langkah 28

Buat duplikat tombol yang sebelumnya kita buat, atur ukurannya menjadi lebih kecil, lalu letakkan seperti terlihat pada gambar.

Langkah 29

Buat lagi tombol dengan Rounded rectangle tool radius:50px seperti gambar berikut.

Langkah 30

Tambahkan layer style Inner Shadow.

Hasil penambahan layer style.

Langkah 31

Buat sebuah persegi dengan rounded rectangle tool radius 50px dibagian bawah layer body.

Langkah 32

Tambahkan layer style dengan pengaturan seperti berikut.

Langkah 33:Cahaya

Buat layer baru, atur diameter brush 4px lalu buatlah path dengan Pen tool , Klik kanan diatas kanvas pada opsi yang muncul pilih Stroke path, pada kotak dialog yang muncul pilih Brush dan beri centang pada Simulate Pressure agar ujung brush yang dihasilkan menjadi lancip.