Lộ trình › Thực hành công cụ › Tạo nút UI game (Shape + Layer Styles)
Bộ nút PLAY 3 trạng thái
Đề bài
- Vẽ nút 400 × 120 px bo góc 30 px bằng Rectangle Tool (Shape).
- Thêm Gradient (Dải màu chuyển) Overlay (Phủ chồng), Stroke, Drop Shadow, vệt sáng và chữ PLAY.
- Tạo 3 nhóm btn_play_normal, btn_play_hover, btn_play_pressed.
- Lưu PSD và nộp.
Lỗi hay gặp & cách sửa
- Đổi màu Hover thì Normal cũng đổi theoBạn sửa nhầm nhóm. Mở đúng nhóm btn_play_hover trong Layers rồi mới nhấp đúp vào hiệu ứng.
- Góc bo bị méo khi kéo dài nútKhông kéo bằng Free Transform (Biến đổi tự do); sửa W trong bảng Properties để bán kính bo giữ nguyên.
- Export As xuất ra cả nềnTắt layer nền trước, hoặc chọn đúng các nhóm nút rồi mới nhấp chuột phải > Export As (Xuất ra (tùy chỉnh)).
Yêu cầu máy chấm sẽ kiểm tra
- Định dạng
- PSD
- Layer
- Ít nhất 4 layer (file PSD)
Cách tính: 70% yêu cầu kỹ thuật (máy chấm) + 30% tự kiểm tra. Sau đó giáo viên xem bài, chấm lại phần thẩm mỹ và góp ý.