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.
image-01
2. Ambil gambar tekstur. Ini saya peroleh dari deviant. Paste ke dalam seleksi dengan shortcut ctrl+shift+V.
image-02
3. Buat layer baru lalu teksn ctrl+alt+G untuk mengubahnya jadi layer mask. beri gradasi radial dari putih ke hitam.
image-03
4. Turunkan opacity ke 60%.
image-04
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.
<img src="http://desaindigital.com/wp-content/uploads/2010/02/desain-gambar-untuk-pengumuman-di-situs/image-05.jpg" image-05
6. Copy paste ikon ke atas gambar.
image-06
7. Sambil menahan shift buat seleksi seperti di bawah dengan tool lasso poligon.
image-07
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.
image-08
9. Buat teks UPDATE. Transformasi dan simpan ke atas pita.
image-09
10. Ctrl+klik teks. Sembunyikan teks dengan klik ikon mata di depan layernya.
image-10
11. Tekan ctrl+shift+I. Aktifkan layer pita, klik ikon Add Layer Mask. Sekarang pita akan berlubang,
image-11
12. Teks belum terbaca jelas. Beri pita layer style Drop Shadow dengan ukuran kecil seperti terlihat di bawah.
image-12
13. Akhirnya teks dapat terbaca dengan mudah.
image-13
14. Dengan tool marquee persegi buat seleksi di kedua ujung pita.
image-14
15. Buat layer di paling dan isi seleksi dengan warna yang sama dengan pita .
image-15
16. Zoom beberapa kali hingga detail terlihat jelas. Dengan brush kecil lukis warna hitam untuk bayangan gambar di pita.
image-16
17. Dan inilah hasil yang kita peroleh. Cantik bukan?
image-17
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 thoughts on “Desain Gambar untuk Pengumuman di Situs”

Leave a Reply

Your email address will not be published. Required fields are marked *