Trang chủ » Photoshop » Thiết kế Nhãn / Phù hiệu Web 2.0 trong Photoshop

    Thiết kế Nhãn / Phù hiệu Web 2.0 trong Photoshop

    Rất nhiều trang web Web 2.0 muốn sử dụng nhãn (hoặc huy hiệu) như thế này để cung cấp trạng thái của trang web / dịch vụ hiện tại, dù là phiên bản hay liệu chúng vẫn đang trong giai đoạn thử nghiệm. Tạo các nhãn này khá dễ dàng, đặc biệt là với việc sử dụng Photoshop. Hướng dẫn sau khi nhảy.

    Tạo một canvas mới, 400 chiều rộng 200 chiều cao. Lựa chọn Công cụ hình dạng tùy chỉnh, Dưới Hình dạngthả xuống, chọn Niêm phong và vẽ hình ở giữa trang.

    Đặt tên cho lớp Star Label, khởi chạy Tùy chọn trộn và chèn các kiểu sau:

    Thả bóng

    Bóng tối bên trong

    Vát và chạm nổi

    Lớp phủ Gradient

    • Dừng màu 1: # 0076b3, Vị trí: 0%
    • Dừng màu 2: # b3d5ff, Vị trí: 100%

    Tạo một layer mới, chọn Công cụ loại ngang và chèn bất kỳ văn bản. Tôi sẽ sử dụng văn bản Beta! đây. Khởi chạy Tùy chọn Trộn, chèn các kiểu sau:

    Thả bóng

    Lớp phủ Gradient

    • Dừng màu 1: # b2b9bc, Vị trí: 0%
    • Dừng màu 2: #ffffff, Địa điểm: 100%

    Giữ Ctrl, nhấp vào hình thu nhỏ của lớp Nhãn sao để chọn phác thảo của nó. Tạo lớp mới trên cùng, đặt tên cho nó Bóng.

    Với các phác thảo vẫn được chọn, Chọn Công cụ Polygonal Lasso, giữ Alt, và vẽ nửa vòng tròn như minh họa trong hình bên dưới.

    Vẽ nửa còn lại bằng màu trắng, giảm độ mờ cho đến 15% và đây là kết quả cuối cùng của bạn.