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="https://desaindigital.com/wp-content/uploads/2010/02/desain-gambar-untuk-pengumuman-di-situs/image-05.jpg&quot; 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.

Iklan

4 thoughts on “Desain Gambar untuk Pengumuman di Situs

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s