Saat kita masuk
pada halaman toko online pasti terdapat label yang menjelaskan seperti
harga, discount produk terbaru, produk terlaris dan lain lain. Label
sendiri bisa di katakan cukup penting dalam desain toko online karena
dapat menonjolkan dan menarik pelanggan saat masuk halaman dalam sekali
lihat. Untuk membuat label di toko online sangat sederhana dan cukup
mudah, buat saja dengan photoshop seperti yang ada di bawah ini.
1. Buat lembar kerja, atur agar sama dengan yang ada pada gambar.
Ukuran di bawah ini adalah ukuran standar untuk sebuah website.

2. Setelah membuat lembar kerja baru. Tambah layer,
pilih Rectangular Marquee Tool, buat seleksi pada layer baru.
Gunakan Brush Tool berukuran 10 persen dan hardness 0 persen. Brush area
seleksi dengan setengah brus saja. lihat gambar.

Ctrl+D untuk menghilangkan seleksi. Resize brush memanjang agar terlihat seperti bayangan yang keluar dari lubang.

3. Buat objek persegi panjang yang memanjang ke bawah dengan
menggunakan Rectangle Tool, buat layer berada di bawah layer bayangan.

Untuk membuat gambar terlihat seperti memiliki ruang tambahkan efect Layer Style.
Gradient Overlay (warna yang di gunakan #fc0b0b, #b62020 dan #f66a6a)

Stroke (agar terlihat detail di bagian pinggir gunakan warna #a60808)

Inner Grow ( agar Stroke terlihat tidak menyatu dengan gradasi)

Hasil sementara.

Susunan Layernya seperti ini.

4.
Tambahkan titik node di bagian tengan bawah Shape dengan Pen Tool.
Gunakan anak panah atas pada keyboard untuk menggeser nodek ke atas.

5. Potong kelebihan object yang melewati bayangan dengan men-seleksi bagian bawah object.

Buat Mask Layer untuk masking layer shape object merah. Zoom gambar, hilangkan bagian yang yang tidak rapi.

Hasilnya seperti ini.

6.
Sekarang membuat efect 3D dengan menambahkan bayangan pada object
merah. Duplikat object merah, letakan layer duplikat di bawah layer
object merah yang asli. Kemudian layer yang tadi di duplikat hilangkan
semua Layer Style-nya.

Berikan efek blur pada layer bayangan dengan menggunakan Filter Gaussian Blur, set dengan radius 2 piksel.

7. Tambahkan teks label, rotate tulusan 90 derajat.

8.
Berikan efect mengkilat. Duplikat lagi layer object merah seperti tadi
dan jangan lupa untuk menghilangkan semua Layer Style-nya, letakan layer
tersebut di bawah layer teks. Gunakan Pen Tool untuk membuat pola
seperi pada gambar, ganti warna seperti kode warna berikut ini #ffffff.

Mask Layer putih yang baru tadi untuk membuat gradasi miring dengan menggunkan Gradient Tool. Opacity Layer buat 30 persen.
Thanks to : http://beritaprinting.com
No comments:
Post a Comment