Laman » Photoshop » Reka Bentuk Web 2.0 Label / Lencana Dalam Photoshop

    Reka Bentuk Web 2.0 Label / Lencana Dalam Photoshop

    Banyak laman web Web 2.0 suka menggunakan label (atau lencana) seperti ini untuk menyampaikan status laman web / perkhidmatan semasa, sama ada versi atau sama ada mereka masih dalam beta. Mewujudkan label ini agak mudah, terutamanya dengan penggunaan Photoshop. Tutorial selepas melompat.

    Buat kanvas baru, ketinggian 400 lebar 200. Pilih Alat Bentuk Khas, di bawah Bentukjatuh turun, pilih Meterai dan lukiskan bentuk di tengah-tengah halaman.

    Namakan lapisan Star Label, peluncuran Pilihan Blending dan masukkan gaya berikut ini:

    Drop Shadow

    Bayang dalaman

    Bevel dan Emboss

    Overlay Gradien

    • Henti Warna 1: # 0076b3, Lokasi: 0%
    • Hentikan Warna 2: # b3d5ff, Lokasi: 100%

    Buat lapisan baru, pilih Alat Jenis mendatar dan masukkan sebarang teks. Saya akan menggunakan teks itu Beta! di sini. Pelancaran Pilihan Blending, masukkan gaya berikut:

    Drop Shadow

    Overlay Gradien

    • Hentikan Warna 1: # b2b9bc, Lokasi: 0%
    • Hentikan Warna 2: #ffffff, Lokasi: 100%

    Tahan Ctrl, klik thumbnail lapisan untuk lapisan Label Bintang untuk memilih garis besarnya. Buat lapisan baru di bahagian atas, namakannya Glossy.

    Dengan garis besar masih dipilih, Pilih Alat Lasso Polygonal, memegang Alt, dan tarik separuh bulatan seperti digambarkan dalam imej di bawah.

    Cat separuh baki dengan putih, kurangkan kelegapan hingga 15%, dan inilah hasil akhir anda.