What's New Here?

Tampilkan postingan dengan label Adobe Photoshop. Tampilkan semua postingan
Tampilkan postingan dengan label Adobe Photoshop. Tampilkan semua postingan

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

Menggambar Handphone Touch Screen Dengan Adobe Photoshop

Posted by Dodi Buitenzorg No comments


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

Mengenal Efek TWIRL pada Adobe Photoshop

Mengenal efek Twirl Pada Adobe Photoshop
Twirl Ini Bisa Di gunakan Untuk Membuat Efek Riak Air, Tapi Kali ini Saya Akan Mencoba Menggabungkan Efek Twirl Ini Dengan Gradient, Dan Hasilnya Wallpaper Berwarna,
Langkah Pertama Buka Program Adobe Photoshop Versi Berapa Saja,
2. Buat Dokumen Baru, Klik File > New
Dokumen Baru
3. Buat Gradient Dengan KLik Gradient Tool, Setelah Itu Klik Dari Bawah Dan Seret Ke Atas Document
Menerapkan Gradient
   4. Klik Menu FILTER > DISTORT > WAVE
Wave
Setelah Itu Akan Muncul Kotak Dialog Wave, Set Seperti Gambar Dan Klik Ok.
Kotak Dialog Wave
Dan Hasilnya Akan Seperti Ini,
Hasil Wave
5. Klik Menu FILTER > DISTORT > POLAR COORDINATES
Polar coordinates
Setelah Muncul Kotk Dialog Polar Coordinates, Klik OK
Kotak Dialog Polar Coordinates
Hasilnya Akan Seperti
Hasil2
6. Klik Menu FILTER > DISTORT > TWIRL, Atur Angle Nya 150 Derajat Lalu Klik OK.
Twirl
Hasilnya
Hasil3
7. Klik Icon Yang Telah Saya Beri Lingkaran Warna Merah Pada Gambar Di Bawah, Lalu Klik Gradient.
Gradient
Akan muncul Kotak Dialog Gradient Fiil, Style Pilih Agle Klik Pada Gradient Yang Telah Saya Lingkari Merah.
gradient Fill

Setelah Itu Akan Muncul Kotak Dialog Gradient Editor.Set Seperti Gambar Dan Klik OK Untuk Keluar Dari Gradient Editor, Lalu Klik OK Untuk Keluar Dari Gradient Fill.
Gradient Editor
Hasinya.
Hasil4
Tahap Terakhir Adalah Mengubah Ke OVERLAY
Overlay
Dan Jadilah Walpaper Dengan Efek Twirl,
hasilnya
Terima Kasih

Mengenal Efek TWIRL pada Adobe Photoshop

Posted by Dodi Buitenzorg 3 comments

Mengenal efek Twirl Pada Adobe Photoshop
Twirl Ini Bisa Di gunakan Untuk Membuat Efek Riak Air, Tapi Kali ini Saya Akan Mencoba Menggabungkan Efek Twirl Ini Dengan Gradient, Dan Hasilnya Wallpaper Berwarna,
Langkah Pertama Buka Program Adobe Photoshop Versi Berapa Saja,
2. Buat Dokumen Baru, Klik File > New
Dokumen Baru
3. Buat Gradient Dengan KLik Gradient Tool, Setelah Itu Klik Dari Bawah Dan Seret Ke Atas Document
Menerapkan Gradient
   4. Klik Menu FILTER > DISTORT > WAVE
Wave
Setelah Itu Akan Muncul Kotak Dialog Wave, Set Seperti Gambar Dan Klik Ok.
Kotak Dialog Wave
Dan Hasilnya Akan Seperti Ini,
Hasil Wave
5. Klik Menu FILTER > DISTORT > POLAR COORDINATES
Polar coordinates
Setelah Muncul Kotk Dialog Polar Coordinates, Klik OK
Kotak Dialog Polar Coordinates
Hasilnya Akan Seperti
Hasil2
6. Klik Menu FILTER > DISTORT > TWIRL, Atur Angle Nya 150 Derajat Lalu Klik OK.
Twirl
Hasilnya
Hasil3
7. Klik Icon Yang Telah Saya Beri Lingkaran Warna Merah Pada Gambar Di Bawah, Lalu Klik Gradient.
Gradient
Akan muncul Kotak Dialog Gradient Fiil, Style Pilih Agle Klik Pada Gradient Yang Telah Saya Lingkari Merah.
gradient Fill

Setelah Itu Akan Muncul Kotak Dialog Gradient Editor.Set Seperti Gambar Dan Klik OK Untuk Keluar Dari Gradient Editor, Lalu Klik OK Untuk Keluar Dari Gradient Fill.
Gradient Editor
Hasinya.
Hasil4
Tahap Terakhir Adalah Mengubah Ke OVERLAY
Overlay
Dan Jadilah Walpaper Dengan Efek Twirl,
hasilnya
Terima Kasih

EFEK CAHAYA PADA TEKS DENGAN ADOBE PHOTOSHOP

dodibuitenzorg.blogspot.com
Hai Sobat,,, Membuat Efek Ini Sangatlah Mudah, Dan Kali Ini Saya Akan Menguraikan Dengan Sederhana. dibawah Ini :

1. Buka Adobe Photoshop Sobat, Disini Saya Menggunakan Adobe Photoshop CS2, Kemudian Buat Dokumen Baru, Dengan Klik File > New.
2. Klik Type Tool Yang Ada Di Kiri Lembar Kerja Seperti Huruf  T, Ketiklah Kata - Kata Terserah Sobat, Disini Saya Mengetikan Efek Cahaya,


3. Lalu Klik Menu LAYER > DUPLICATE LAYER, Sehinga Ada Tiga (3) Layer Pada Palet Layer,
 4. Klik Menu LAYER > MERGE VISIBLE, Atau Tekan SHIFT+CTRL+E Pada Keyboard, 
5. Kemudian Klik Menu FILTER > BLUR > GAUSSIAN BLUR. Lalu Akan Muncul Kotak Dialog Atur Radiusnya Menjadi 4,2 Pixels Dan Klik OK. 
6. Klik Menu FILTER > STYLIZE > SOLARIZE. Teks Akan Menjadi Seperti Di Bawah,
7. Lalu Klik Menu IMAGE > ADJUSTMENTS > AUTO LEVELS,

Teks Akan Seperti Ini,
8. Klik Kanan Layer, Lalu Pilih Duplicate Layer,
9. Lalu Klik Menu FILTER > DISTORT > POLAR COORDINATES.
Dan Akan Muncul Kotak Dialog Polar Coordinates, Klik Pada Bagian Polar To Rectanguler. Lalu Klik OK Lihat Gambar Di Bawah.
Teks Akan Seperti Dibawah.
10. Klik Menu IMAGE > ROTATE CANVAS > 90 CW
Teks Akan Di Putar 90 Derajat Ke Kanan,
11. Setelah Tahap Di Atas Selesai Klik Menu IMAGE > ADJUSTMENT > INVERT, Atau Tekan CTRL+I Pada Keyboard.
Teks Akan Seperti Gambar Di Bawah.
12. Lalu Klik Menu FILTER > STYLIZE > WIND,
Setelah Itu Akan Muncul Kotak Dialog Wind, Atur Seperti Gambar Di Bawah DAn Klik OK.
Dan Ulangi Tahap Ini Sekali Lagi Seperti Diatas. Dan Teks Akan Seperti Di Bawah.
13. Lalu Klik Menu IMAGE > ADJUSTMEN > INVERT.
14. setelah Itu Ulangi Proses Wind, Kali Ini Tiga (3) Kali, Setelah Kita Melakukan Proses 3 Kali Wind Hasil Teks Akan Seperti Di Bawah,
15. Lalu Klik Menu IMAGE > AUTO LEVEL, Dan Lanjutkan Dengan Klik Menu IMAGE > ROTATE CANVAS > 90 CCW,
16. Setelah Selesai Menu FILTER > DISTORT > POLAR COORDINATES, Seperti Tahap No.9, Akan Muncul Kotak Dialog Polar Coordinate, Kali Ini Pilih Rectangular To Polar. lalu klik OK
Hasil Teks Akan Seperti Di Bawah.
17. Ubah Blending Mode Dari Normal Menjadi Screen,
Setelah Mengganti Blending Mode Menjadi Screen, Teks Akan Seperti Di Bawah.
 18. KLik Icon Create New Fill Or Adjustment Layer, Lihat Gambar.
Akan Muncul Kotak Dialog Gradient Fill, lalu Klik Kotak Gradient Yang Telah Saya Lingkari Merah.

Setelah Itu Akan Muncul Gradient Editor, Pada Preset Pilih Yang Ke Tiga,  Lalu Klik Segitiga Scrool Di Sebelah Kiri, Lalu Klik Pada Color, Akan Muncul Color Picker Lalu Klik Warna Merah Dan Klik OK,
Ulangi Tahap Ini Kali Ini Klik Segitiga Yang Di Kanan, Lalu Klik Color Setelah Muncul Color Picker Klik Warna Kuning Dan Klik OK, Lalu OK Lagi Pada Kotak Gradient Editor Dan Klik Ok Pada Gradient Fill. Dan Hasil Akhir Akan Seperti Di Bawah Ini.
Terima Kasih......

EFEK CAHAYA PADA TEKS DENGAN ADOBE PHOTOSHOP

Posted by Dodi Buitenzorg 1 comment

dodibuitenzorg.blogspot.com
Hai Sobat,,, Membuat Efek Ini Sangatlah Mudah, Dan Kali Ini Saya Akan Menguraikan Dengan Sederhana. dibawah Ini :

1. Buka Adobe Photoshop Sobat, Disini Saya Menggunakan Adobe Photoshop CS2, Kemudian Buat Dokumen Baru, Dengan Klik File > New.
2. Klik Type Tool Yang Ada Di Kiri Lembar Kerja Seperti Huruf  T, Ketiklah Kata - Kata Terserah Sobat, Disini Saya Mengetikan Efek Cahaya,


3. Lalu Klik Menu LAYER > DUPLICATE LAYER, Sehinga Ada Tiga (3) Layer Pada Palet Layer,
 4. Klik Menu LAYER > MERGE VISIBLE, Atau Tekan SHIFT+CTRL+E Pada Keyboard, 
5. Kemudian Klik Menu FILTER > BLUR > GAUSSIAN BLUR. Lalu Akan Muncul Kotak Dialog Atur Radiusnya Menjadi 4,2 Pixels Dan Klik OK. 
6. Klik Menu FILTER > STYLIZE > SOLARIZE. Teks Akan Menjadi Seperti Di Bawah,
7. Lalu Klik Menu IMAGE > ADJUSTMENTS > AUTO LEVELS,

Teks Akan Seperti Ini,
8. Klik Kanan Layer, Lalu Pilih Duplicate Layer,
9. Lalu Klik Menu FILTER > DISTORT > POLAR COORDINATES.
Dan Akan Muncul Kotak Dialog Polar Coordinates, Klik Pada Bagian Polar To Rectanguler. Lalu Klik OK Lihat Gambar Di Bawah.
Teks Akan Seperti Dibawah.
10. Klik Menu IMAGE > ROTATE CANVAS > 90 CW
Teks Akan Di Putar 90 Derajat Ke Kanan,
11. Setelah Tahap Di Atas Selesai Klik Menu IMAGE > ADJUSTMENT > INVERT, Atau Tekan CTRL+I Pada Keyboard.
Teks Akan Seperti Gambar Di Bawah.
12. Lalu Klik Menu FILTER > STYLIZE > WIND,
Setelah Itu Akan Muncul Kotak Dialog Wind, Atur Seperti Gambar Di Bawah DAn Klik OK.
Dan Ulangi Tahap Ini Sekali Lagi Seperti Diatas. Dan Teks Akan Seperti Di Bawah.
13. Lalu Klik Menu IMAGE > ADJUSTMEN > INVERT.
14. setelah Itu Ulangi Proses Wind, Kali Ini Tiga (3) Kali, Setelah Kita Melakukan Proses 3 Kali Wind Hasil Teks Akan Seperti Di Bawah,
15. Lalu Klik Menu IMAGE > AUTO LEVEL, Dan Lanjutkan Dengan Klik Menu IMAGE > ROTATE CANVAS > 90 CCW,
16. Setelah Selesai Menu FILTER > DISTORT > POLAR COORDINATES, Seperti Tahap No.9, Akan Muncul Kotak Dialog Polar Coordinate, Kali Ini Pilih Rectangular To Polar. lalu klik OK
Hasil Teks Akan Seperti Di Bawah.
17. Ubah Blending Mode Dari Normal Menjadi Screen,
Setelah Mengganti Blending Mode Menjadi Screen, Teks Akan Seperti Di Bawah.
 18. KLik Icon Create New Fill Or Adjustment Layer, Lihat Gambar.
Akan Muncul Kotak Dialog Gradient Fill, lalu Klik Kotak Gradient Yang Telah Saya Lingkari Merah.

Setelah Itu Akan Muncul Gradient Editor, Pada Preset Pilih Yang Ke Tiga,  Lalu Klik Segitiga Scrool Di Sebelah Kiri, Lalu Klik Pada Color, Akan Muncul Color Picker Lalu Klik Warna Merah Dan Klik OK,
Ulangi Tahap Ini Kali Ini Klik Segitiga Yang Di Kanan, Lalu Klik Color Setelah Muncul Color Picker Klik Warna Kuning Dan Klik OK, Lalu OK Lagi Pada Kotak Gradient Editor Dan Klik Ok Pada Gradient Fill. Dan Hasil Akhir Akan Seperti Di Bawah Ini.
Terima Kasih......

About Me

Foto saya

Menghargai orang lain tanpa melihat dari sisi manapun,
Blogger templates. Proudly Powered by Blogger.
back to top