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 200x500 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.