Thiết kế nút Glossy Web 2.0 trong Photoshop
Tìm cách thiết kế một số nút Web 2.0 bóng loáng? Đây là một hướng dẫn Photoshop đơn giản cung cấp cho bạn từng bước làm thế nào để có được một nút bóng đỏ trông đẹp mắt.
Bước 1 - Tạo cơ sở
Bật một khung vẽ mới và điều chỉnh các cài đặt sau (được đánh dấu màu vàng) theo hình ảnh bên dưới. Phần còn lại sẽ đến như mặc định. Bạn cũng có thể muốn kiểm tra lại với mặc định.
Tạo một cuộc gọi lớp mới 'Nút'
Trên lớp 'Nút', chọn công cụ Hình chữ nhật làm tròn
Cung cấp cho nó bán kính 7px
Vẽ một hình chữ nhật tương tự như hình dưới đây.
Bước 2 - Nút màu đỏ
Nhấp chuột phải vào Tùy chọn Trộn cho lớp 'Nút'
Tinh chỉnh các cài đặt sau cho
Thả bóng
Bóng tối bên trong
Vát và chạm nổi
Lớp phủ tốt nghiệp
Nút của bạn sẽ trông giống như thế này
Bước 3 - Tạo hiệu ứng bóng
Tạo một lớp mới gọi 'Glass'
Chọn công cụ marquee Retangular, đảm bảo bạn đang chọn lớp 'Nút'. Giữ phím ctrl của bạn và nhấp vào nút 'Lớp”hình thu nhỏ của lớp. Nút của bạn bây giờ sẽ được tô sáng.
Chọn nút 'Glass' ngay bây giờ, giữ phím Alt bằng công cụ marquee Retangular được chọn. Vẽ (cắt) trên nửa dưới của nút như hình ảnh bên dưới.
Tô màu khu vực đã chọn bằng màu trắng #ffffff bằng Paint Xô Tool
Điều chỉnh độ mờ đến 18%
Bạn nên có nút bóng như thế này.
Bước 4 - Lớp phủ mẫu
Chúng ta hãy cung cấp cho nút một số lớp phủ mô hình nhẹ. Tôi sẽ sử dụng sọc5px tùy chỉnh được tạo trước đó. Tạo một lớp gọi mới 'Mẫu' ở giữa 'Nút' và 'Kính' và tiến hành Tùy chọn Trộn.
Chọn Lớp phủ mẫu, chọn Stripe5px (hoặc bất kỳ mẫu nào bạn đã tạo) và nhấp OK, sau đó đóng đoạn hội thoại.
Hãy chắc chắn rằng bạn vẫn đang sử dụng công cụ Ripse Marquee, giữ
Bước 5 - Chèn văn bản
Ném vào một số văn bản ngẫu nhiên có màu #ffffff màu trắng với các cài đặt sau
Sử dụng các hiệu ứng hòa trộn sau đây trên lớp văn bản của tôi.
Thả bóng
Bước 6 - Đầu ra cuối cùng
Bạn sẽ nhận được một hình ảnh như thế này.
