Menggambar iPhone 3G dengan Photoshop



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:



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.
 

 



 

 

 

Langkah 34

Pilih menu Filter>Blur>Gaussian blur, dikotak dialog isikan Radius:3.0pixels.


 

 

 

Langkah 35

Ulangi cara yang sama pada sisi yang lain.

 

 

 

Langkah 36

Aktifkan Pen tool,lalu buat sebuah shape warna hitam seperti gambar berikut.

 

 

 

Langkah 37

Tahan Ctrl dan klik pada vector mask thumbnail layer body sehingga terbentuk sebuah seleksi lalu klik ikon Add layer mask dibawah palet layer.


 

 

 

Langkah 38

Tambahkan layer style Gradient Overlay.


Turunkan Fill layer menjadi 0%.

 

 

 

Langkah 39:Bayangan

Aktifkan Ellipse tool, lalu buat lingkaran lonjong warna hitam tepat dibawah gambar iPhone.

 

 

 

Langkah 40

Pilih menu Filter>Blur>Gaussian blur, dikotak dialog isikan Radius:5.1pixels.

 

 

 

Langkah 41

Ambil gambar Wallpaper lalu simpan diatas layer background, ubah blending mode menjadi Soft Light dan turunkan opacity menjadi 88% dan Fill 68%.

 

 

 

Hasil akhir

Berikut hasil akhir yang kita peroleh, semoga bermanfaat.


 

Tutorial populer lainnya:





Komentar

  1. Rio1 September 2012 pukul 22.11

    Mantap sangat detail...

    BalasHapus
  2. Anonymous13 Desember 2012 pukul 19.00

    coba dicek mz , cz q buat kok pelipir hp g jd wrna putih tp semu putih kelabu

    BalasHapus
  3. Anonymous23 Desember 2012 pukul 07.03

    mas coba dicek kayaknya salah pengaturan diblending awal (garis putih pd pinggiran hp) coz hasil akhir g sesuai!!

    BalasHapus
    Balasan
    1. Muhammad Godc23 Desember 2012 pukul 07.46

      Maaf bisa di sebutkan ada pada langkah nomor berapa? nanti saya cek kembali.

      Hapus

Posting Komentar

Postingan populer dari blog ini

Tutorial:Membuat poster dengan Photoshop.

Gambar
Apa itu poster? Menurut wikipedia, definisi poster atau plakat adalah karya seni atau desain grafis yang memuat komposisi gambar dan huruf di atas kertas berukuran besar. Pengaplikasiannya dengan ditempel di dinding atau permukaan datar lainnya dengan sifat mencari perhatian mata sekuat mungkin. Karena itu poster biasanya dibuat dengan warna-warna kontras dan kuat. Terinspirasi dari maraknya berita tentang kekerasan baik di media cetak dan media elektronik,saya tergerak untuk membuat sebuah poster yang berjudul  STOP KEKERASAN.Ikuti tutorial di bawah ini Preview. Sebelum mengikuti tutoriak ini silahkan lihat hasil akhir yang akan kita peroleh                                                                                                                    Resource >> stock image.zip Tutorial. Langkah 1 Jalankan program Photoshop lalu buka file gambar tangan pilih File>Open. Langkah 2 Balik gambar tangan dengan menekan Image>Rotate canvas>Flip canvas Vertical
Baca selengkapnya

Teori lingkaran warna

Gambar
Brewster adalah orang yg pertama kali mengenalkan pengelompokan warna atau di sebut teori lingkaran warna dia membagi warna dalam 4 klasifikasi: 1.Warna primer yaitu warna dasar yg bukan campuran dari warna2 lain,merah,biru dan kuning adalah golongan dari warna primer. 2.Warna sekunder yaitu hasil dari pencampuran warna2 primer dengan komposisi 1:1 contoh warna jingga merupakan campuran warna merah dengan kuning,warna ungu adalah campuran dari warna merah dan biru,warna hijau adalah campuran warna biru dan kuning. 3.Warna tersier yaitu campuran salah satu warna primer dengan salah satu warna sekunder contoh warna jingga kekuningan didapat dari pencampuran warna kuning dan jingga. 4.Warna netral yaitu campuran ketiga warna dasar dalam proporsi 1:1:1 warna ini sering muncul sebagai penyeimbang warna2 kontras di alam,biasanya hasil campuran yg tepat akan cenderung menuju ke hitam. Lingkaran warna primer hingga tersier bisa di kelompokan menjadi dua kelompok besar,yaitu kelompok warna pan
Baca selengkapnya

Menggambar ikon baju pelampung di Photoshop

Gambar
Pada tutorial ini kita akan membuat sebuah ikon baju pelampung menggunakan Photoshop. Teknik yang digunakan yaitu menggambar menggunakan Path, melukis manual dengan Brush dll. Langsung saja kita ikuti tutorialnya. Final preview Berikut adalah hasil akhir yang akan kita peroleh.     Detail tutorial Tingkat Kesulitan: Pemula, Menengah Software yang Digunakan: Adobe Photoshop Teknik yang Dipelajari: Path, gradasi warna, lukis manual dengan brush dll.   Riset Sebelum mulai menggambar lakukan riset dengan mencari gambar baju pelampung di Google.   Tutorial   Langkah 1 Mulai dengan membuat sebuah dokumen baru dengan ukuran 1200 x 1500 px.    Langkah 2 Ubah warna depan/Foreground menjadi # ff7e00. Seperti terlihat pada gambar berikut:    Langkah 3 Aktifkan Pen tool lalu buatlah sebuah path seperti pada gambar:   Langkah 4 Buat layer baru, lalu klik kanan di atas kanvas pilih Fill path dan ikuti pengaturan seperti pada gambar:   Langkah 5 Setelah path terisi oleh warna orange hapus pat
Baca selengkapnya