Join The Community

Premium WordPress Themes

Search

Selasa, 06 November 2012

Desain Gambar untuk Pengumuman di Situs

Gambar kali ini terinspirasi dari gambar pengumuman yang digunakan di psdtuts+. Kita menggunakan cara mudah di sini, mengambil icon yang sudah jadi kemudian mempercantiknya dengan detail-detail kecil.
1. Mulai dengan membuat file baru berukuran 200?500 pixel. Saya menggunakan ukuran ini karena inilah ukuran yang digunakan dalam thumbnail depan setiap post situs DesainDigital. Dengan tool marquee buat seleksi sedikit lebih kecil dari area kanvas.
Desain Gambar untuk Pengumuman di Situs
2. Ambil gambar tekstur. Ini saya peroleh dari deviant. Paste ke dalam seleksi dengan shortcut ctrl+shift+V.
Desain Gambar untuk Pengumuman di Situs
3. Buat layer baru lalu teksn ctrl+alt+G untuk mengubahnya jadi layer mask. beri gradasi radial dari putih ke hitam.
Desain Gambar untuk Pengumuman di Situs
4. Turunkan opacity ke 60%.
Desain Gambar untuk Pengumuman di Situs
5. Untuk ikon, kita bisa membuatnya sendiri. Tapi saya pilih cara cepat dengan mendownload ikon gratis dari dryicons. Situs ini memiliki koleksi ikon-ikon yang sangat cantik. Saya mengetikkan news di kotak search dan menemukan ikon di bawah.
Desain Gambar untuk Pengumuman di Situs
6. Copy paste ikon ke atas gambar.
Desain Gambar untuk Pengumuman di Situs
7. Sambil menahan shift buat seleksi seperti di bawah dengan tool lasso poligon.
Desain Gambar untuk Pengumuman di Situs
8. Ambil tool eyedropper, pilih salah satu warna yang ada di ikon lalu isi seleksi dengan warna itu. Ini akan menjadi pita yang mengelilingi gambar.
Desain Gambar untuk Pengumuman di Situs
9. Buat teks UPDATE. Transformasi dan simpan ke atas pita.
Desain Gambar untuk Pengumuman di Situs
10. Ctrl+klik teks. Sembunyikan teks dengan klik ikon mata di depan layernya.
Desain Gambar untuk Pengumuman di Situs
11. Tekan ctrl+shift+I. Aktifkan layer pita, klik ikon Add Layer Mask. Sekarang pita akan berlubang,
Desain Gambar untuk Pengumuman di Situs
12. Teks belum terbaca jelas. Beri pita layer style Drop Shadow dengan ukuran kecil seperti terlihat di bawah.
Desain Gambar untuk Pengumuman di Situs
13. Akhirnya teks dapat terbaca dengan mudah.
Desain Gambar untuk Pengumuman di Situs
14. Dengan tool marquee persegi buat seleksi di kedua ujung pita.
Desain Gambar untuk Pengumuman di Situs
15. Buat layer di paling dan isi seleksi dengan warna yang sama dengan pita .
Desain Gambar untuk Pengumuman di Situs
16. Zoom beberapa kali hingga detail terlihat jelas. Dengan brush kecil lukis warna hitam untuk bayangan gambar di pita.
Desain Gambar untuk Pengumuman di Situs
17. Dan inilah hasil yang kita peroleh. Cantik bukan?
Desain Gambar untuk Pengumuman di Situs
Situs-situs desain terkemuka seperti psdtuts+ menyediakan banyak inspirasi bagi kita, desainer. Tidak sekedar dari tutorialnya yang berkualitas tinggi tapi juga detail-detail yang mereka gunakan. Saya sangat merekomendasikan untuk rutin berkunjung ke tempatnya. Saya juga melakukannya. Jika Anda menyukai tutorial ini, pastikan menulis komentar Anda di bawah.

0 komentar:

Posting Komentar