Ads

Menggambar Handphone Touch Screen Dengan Adobe Photoshop


Gambar Handphone Touch Screen
Hai Sobat, Kali Ini Saya Akan Mencoba Membuat Gambar Handphone Touch Srceen Menggunakan Adobe Photoshop CS2, Adapun Cara Atau LangkahNya Sangat Sederhana. 
Yang Pertama Tentunya Buka Program Adobe Photoshop.
2. Buat Document Baru, Dengan Klik File > New.
Buat Document Baru
 3. Buatlah Persegi Panjang Dengan Klik Icon Rounded Rectangle Tool Yang Berada Di Kiri Lembar Kerja, 
Rounded Rectangle Tooll

Lalu Atur Radiusnya Menjadi 35 px, Warna Hitam, Style : Default, Seperti Gambar Dibawah.

Pengaturan

4. Klik Menu LAYER > LAYER STYLE > STROKE, Setelah Muncul Kotak Dialog Layer Style, Klik Pada Bagian Color, Dan Akan Muncul Kotak Dialog Color Picker Pilih Warna Seperti Gambar.Klik OK dan OK.

Kotak Dialog
Dan Hasilnya Akan Seperti,

Hasil Stroke

5. Buatlah Persegi Panjang, Kali Ini Kita Menggunakan Rectangle Tool, Gunakan Warna Hitam Yang Tidak Pekat

Rectangle Tool

Posisikan Persegi Panjang Seperti Gambar Dibawah.

Persegi Panjang Ke2
6. Setelah Tahap Ini Kita Akan Membuat Lingkaran Tombol Navigasi, Dengan Ellipse Tool, 

Ellipse Tool
Tips : Agar Lingkaran Bulat Sempurna Tahan Tombol Shift Ketika Menggeser Mouse Membuat Lingkaran.

7. Klik Menu LAYER > LAYER STYLE > GRADIENT OVERLAY.

Gradient Overlay

Lalu Klik Pada Gradient Yang Telah Saya LingKari Merah, Dan Akan Muncul Kotak Dialog Gradient Editor, Klik Saja Segitiga Sebelah KiriYang Telah Saya Lingkari Merah Lalu Klik Pada Color Pilih Warna Hitam Yang Tidak Pekat. Lalu Klik OK, Lanjutkan Dengan Klik Segitiga Di Sebelah Kanan, Lalu Klik Lagi Pada Color Pilih Warna Hitam. Dan KLik OK. Dan Ok Lagi Pada Kotak Dialog Layer Style.

Color Picker
Hasilnya Akan Seperti Ini.

Hasil

8. Sekarang Buat Kotak Kecil, Klik Rounded Rectangle Tool, Lalu Atur Radiusnya : 2 px , Warna : Putih, Dan Posisikan Ditengah Lingkaran.

Kotak Kecil

Kemudian Klik Menu LAYER > LAYER STYLE > STROKE. Atur Fill Opacity Menjadi 0 %.

Stroke,

Hasilnya Akan Seperti Gambar Dibawah.

Hasil 3

9. Buat LAgi Persegi Panjang Kecil, Masih Menggunakan Rounded Rectangle Tool, Lalu Atur Seperti Gambar, Dan Posisikan Diatas.

Buat Kotak Kecil

Lanjutkan Dengan Klik Menu LAYER > LAYER STYLE > BEVEL And EMBOSS, Setelah Itu Atur Style : Emboss, Direction : Down, Size : 2 Dan Klik OK.


Bevel And Emboss

Lanjutkan Dengan Klik Menu LAYER > LAYER STYLE > COLOR OVERLAY. Lalu Sesuaikan Warna.

Color Overlay

10. Gandakan Layer Yang Pertama Kita Buat, Yaitu Layer Yang Berada Di Atas Layer Background, Caranya Klik Kanan Pada Layer Shape 1 Atau Layer Pertama Tadi, Lalu Pilih Duplicate Layer.

Menduplikat Layer

Setelah Muncul Dialog Duplicate Layer, Beri Nama 1 Copy,

KOtak Dialog

Pindahkan Kebawah Layer 1 Copy Bertukar Tempat Dengan Layer Shape 1. Dengan Cara Tahan Pada Layer 1 Copy Dan Menggesernya Ke Bawah
,
Tukar Posisi Layer

11. KLik Pada Layer 1 Copy, Lalu Pilih Rounded Rectangle Tool, Ubah Warnanya Menjadi Putih,

Rounded Rectangle Tool U

Lalu Perbesar Ukurannya Dengan Menggeser Mouse. Sehingga Mendapatkan Hasil Seperti Gambar di Bawah,

Membesarkan

Kemudian Klik Menu LAYER > LAYER STYLE > PATTERN OVERLAY. Atus Seperti Gambar Di Bawah, 

Pattern Overlay
12. Buat Lagi Kotak Kecil Dan Posisikan Seperti Gambar Di Bawah. Caranya Sama Seperti Sebelumnya.
Posisi Kotak
Bila Selesai Hasilnya Akan Seperti Ini :
Hasil Akhir
Terima Kasih

Postingan terkait:

Belum ada tanggapan untuk "Menggambar Handphone Touch Screen Dengan Adobe Photoshop"

Posting Komentar

Silahkan Meninggalkan Komentar, Semua Komentar Anda Saya Hargai, Kecuali Yang Menanamkan Sara, Pornografi, Duplikat Coment, Akan Di Hapus Oleh Admin....