Laman » Photoshop » Tutorial Photoshop Tutorial Web 2.0 Badge That Flips Back

    Tutorial Photoshop Tutorial Web 2.0 Badge That Flips Back

    Jika anda fikir lencana Web 2.0 lencana bentuk terlalu umum digunakan di seluruh internet, inilah sesuatu untuk perubahan - yang lencana flip belakang yang dibulatkan. Ia tidak seperti disesuaikan secara meluas sebagai lencana bentuk meterai tetapi sangat sejuk. Tutorial penuh selepas melompat.

    Langkah 1

    Pergi ke Photoshop, buat dokumen baru pada saiz 450 x 300 piksel. Mulakan dengan latar belakang gelap (# 393939). Buat lapisan baru, lukis bulatan (# a1b86e) di tengah.

    Langkah 2

    Pilih lapisan bulatan, klik kanan -> Pilihan Blending atau klik dua kali untuk melancarkan Gaya Layer.

    1. In Bayang dalaman, ditetapkan Kelegapan hingga 32%, Jarak ke 0px; Choke to 0% dan Saiz hingga 62px;
    2. Dalam Stroke, Perubahan Isi Jenis kepada Kecerunan, dan masukkan warna berikut:
      • # a4c855 di Lokasi 0%
      • # ccea89 di Lokasi 100%

    Langkah 3

    Buat lapisan baru di atas lapisan bulatan. Pegang kekunci Perintah / Kawalan, pilih kedua-dua lapisan (yang telah anda buat dan lapisan bulatan), klik kanan -> Merge Layers.

    Langkah 4

    Pilih Alat Lasso Polygonal. Pilih sekeping kecil tepi, potong (Edit -> Potong atau Perintah / Kawalan X) dan tampalnya kembali (Edit -> Tempel atau Perintah / Kawalan V) dalam lapisan baru.

    Langkah 5

    Pilih Alat Rectangular Marquee. Pada bulatan yang lebih kecil, klik kanan -> Transform Percuma atau Perintah / Kawalan T. Putar dan letakkan ia bagus di pinggir bulatan yang lebih besar.

    Langkah 6

    Pilih lapisan bulatan yang lebih kecil, klik kanan -> Pilihan Blending atau klik dua kali untuk melancarkan Gaya Layer.

    1. In Drop Shadow, ditetapkan Opacity to 21%, Jarak ke 0px, Spread to 0%, Saiz hingga 8px;
    2. In Overlay Gradien, ditetapkan Mod Blend ke Cahaya Hard, Kelegapan hingga 100%. Masukkan tetapan kecerunan berikut:
      • # 000000 di Lokasi 0%
      • #FFFFFF di Lokasi 100%

      Tukar Sudut ke 131.

    Langkah 7

    Mari kita berikan bulatan yang lebih besar beberapa bayang-bayang. Klik kanan -> Pilihan Blending atau klik dua kali untuk melancarkan Gaya Layer.

      1. In Drop Shadow, ditetapkan Kelegasan hingga 29%, Jarak pada 3px; Spread at 0%, Saiz pada 9px.

    Langkah 8

    Lencana anda hampir siap. Masukkan lapisan teks di antara lapisan bulatan. Sembunyikan sedikit teks di bawah flip untuk mengeluarkan kesan flip.