1 Sep 2012

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.






About Author :

Hai nama Saya Muhammad godc, Saya adalah seorang Blogger, Author dan Freelance. Ditengah kesibukan saya selalu menyempatkan diri untuk menulis tutorial di Blog ini. Saya telah menerbitkan beberapa buku Photoshop.

Related post:

5 comments:

  1. Mantap sangat detail...

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

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

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

      Delete

Berlangganan via email

Subscribe via RSS Feed Jika Anda suka dengan artikel di Blog ini klik disini, atau berlangganan untuk mengikuti berita terbaru dari Lordgodc Art. GRATIS.

Temui kami di Facebook

Designed ByBlogger Templates