Posted by : Unknown Monday, November 10, 2014


Creating The Featured Area

Pilih “Rounded Rectangle Tool” (U) dengan radius 10px kemudian buatlah persegi panjang dengan ukuran yang sesuai pada elemen header.
Tutorial Web Desain Photoshop 13
Tutorial Web Desain Photoshop 13
Tutorial Web Desain Photoshop 14
Tutorial Web Desain Photoshop 14
Selanjutnya pilih “Rounded Rectangle Layer” dan beri label “Featured” kemudian berikan pengaturan layer styles seperti berikut.
Tutorial Web Desain Photoshop 15
Tutorial Web Desain Photoshop 15
Tutorial Web Desain Photoshop 16
Tutorial Web Desain Photoshop 16
Selanjutnya atur opacity hingga 50%, hasil semestinya seperti berikut.
Tutorial Web Desain Photosp 17
Tutorial Web Desain Photosp 17
Kita sekarang perlu menambahkan gambar di dalam persegi panjang, gambar harus sekitar 15px lebih kecil dari persegi panjang, karena akan di letakkan di dalam persegi panjang.
Tutorial Web Desain Photosop 18
Tutorial Web Desain Photosop 18
Setelah persegi panjang terseleksi, selanjutnya klik menu  “Select > Modify > Contract”. Contract the selection by 15px kemudian tekan OK. Masih dalam keadaan ter-select, silahkan download gambar dan masukkan (open) kedalam photoshop. Download gambar di sini (atau agan bisa menggunakan gambar sesuai keinginan agan)
Copy (Ctrl+C) gambar tersebut kedalam clipboard kemudian kembali ke kanvas asli agan kemudian klik menu “Edit> Paste Special> Paste Into” (Alt + Shift + Ctrl + V”. Atur gambar sesuai yang agan inginkan dan selanjutnya hilangkan tanda seleksi dengan cara “Ctrl + D”.
Tutorial Web Desain Photosop 19
Tutorial Web Desain Photosop 19
Select “Pen Tool” (P) atau “Polygonal Lasso Tool” (L) dan buat seleksi disekitar gambar seperti gambar berikut.
Tutorial Web Desain Photoshop 20
Tutorial Web Desain Photoshop 20
Fill (G) / beri warna pada selection pada layer baru dengan warna white #ffffff, lalu atur layer opacity sekitar 35%.
Tutorial Web Desain Photoshop 21
Tutorial Web Desain Photoshop 21
Selanjutnya, kita perlu menambahkan keterangan pada gambar. Cukup pilih “Rectangular Marquee Tool” (M) kemudian tarik keluar menjadi persegi panjang di bagian bawah gambar.
Tutorial Web Desain Photoshop 22
Tutorial Web Desain Photoshop 22
Fill (G) / beri warna pada selection dengan warna bebas kemudian atur layer styles dengan aturan seperti berikut.
Tutorial Web Desain Photoshop 23
Tutorial Web Desain Photoshop 23
Tutorial Web Desain Photoshop 24
Tutorial Web Desain Photoshop 24
Tutorial Web Desain Photoshop 25
Tutorial Web Desain Photoshop 25
Pilih “Type Tool” (T) kemudian tambahkan beberapa teks keterangan di dalam persegi panjang, hasilnya kurang lebih seperti berikut.
Tutorial Web Desain Photoshop 26
Tutorial Web Desain Photoshop 26


Sunber (http://melasbanget.wordpress.com)

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog

Popular Post

Blogger templates

Copyright @Danankzaputraz. Powered by Blogger.

- Copyright © Advance Horizon -Robotic Notes- Powered by Blogger - Designed by Johanes Djogan -