Tạo Pattern và phủ lên khung UI (Define Pattern)
Biến ô họa tiết rune 128 px thành pattern bằng Define Pattern, rồi phủ lên khung giao diện túi đồ bằng Pattern Overlay với tỉ lệ và độ mờ tùy chỉnh.
Photoshop hiển thị tiếng Anh. Từ có gạch chân chấm là thuật ngữ trên giao diện — chạm để xem nghĩa, hoặc tra Từ điển Anh–Việt.
Tải về rồi mở bằng Photoshop: (⌘ Cmd+O).
Khung cửa sổ, bảng túi đồ, nền menu trong game thường có một họa tiết lặp chìm bên dưới cho đỡ trống. Thay vì vẽ họa tiết khắp khung, bạn biến một ô nhỏ thành Pattern (Mẫu lặp) rồi phủ lên bất kỳ hình nào bằng Pattern Overlay (Phủ chồng) – đổi cỡ, đổi độ đậm chỉ bằng thanh trượt.
Mục tiêu
- Dùng để lưu một ô ảnh thành pattern.
- Phủ pattern lên shape bằng Layer Style Pattern Overlay, chỉnh Scale, Opacity (Độ mờ đục), Snap to Origin.
- Dựng một khung UI 800 × 600 px có góc bo tròn và nền trong suốt.
Chuẩn bị
Tải p2-hoa-tiet-rune.png. Ô này đã được làm liền mạch: các chấm ở 4 góc và 4 cạnh ghép vừa khít khi lặp lại. Nếu muốn tự làm ô liền mạch, xem lại bài Offset (Dịch chuyển (bọc vòng)) ở module Thực hành công cụ.
Các bước thực hiện
- Mở
p2-hoa-tiet-rune.png, nhấn ⌘ Cmd+A để chọn toàn bộ ô 128 × 128. - Chọn , ô Name gõ
Rune Star, bấm OK. Pattern được lưu vào bảng Patterns (). - Tạo file mới ⌘ Cmd+N: 800 × 600 px, Background Contents Transparent.
- Chọn Rectangle Tool U, chế độ Shape, Fill màu
3a2a5e, Stroke tắt. Nhấp một lần lên canvas, nhập Width 760, Height 560, OK. Trong bảng Properties đặt X 20, Y 20 và bán kính góc 32 px. Đặt tên layerPanel. - Nhấp đúp vào khoảng trống cạnh tên layer
Panelđể mở Layer Style, tích và chọn mục Pattern Overlay. - Bấm ô Pattern, chọn
Rune Star(thường ở cuối danh sách). Đặt Opacity 35%, Scale 50%, tích Link with Layer, bấm Snap to Origin. - Khi hộp thoại còn mở, bạn có thể kéo chuột trên canvas để dời vị trí họa tiết. Bấm thêm mục Stroke: 6 px, Position Inside, màu vàng
f4c542. OK. - Vẽ thanh tiêu đề: Rectangle 700 × 60 px màu vàng, bo góc 16 px, đặt ở trên cùng khung. Vẽ thêm 3 ô nội dung màu tối
1d1733có Stroke 2 px vàng (chuột phải > Copy Layer Style / Paste Layer Style để chép nhanh). - Thử đổi Scale của Pattern Overlay thành 25% và 100% để thấy khác biệt, rồi chọn mức bạn thích nhất.
- Xuất PNG 800 × 600, tích Transparency (Độ trong suốt).
Kết quả mong đợi
Khung túi đồ tím đậm có họa tiết ngôi sao rune chìm lặp đều, viền vàng, bốn góc bo tròn trong suốt. Họa tiết không bị đường nối giữa các ô.
Mẹo & trick học nhanh
Trong bảng Patterns, kéo các pattern vào một nhóm (Group) tên dự án, rồi chuột phải > Export Selected Patterns để chia sẻ file .pat cho đồng đội.
Đặt Blend Mode của Pattern Overlay là Overlay hoặc Soft Light – họa tiết ăn theo màu nền, đổi Fill là đổi cả tông khung.
Đặt Scale 100% và phóng to canvas (⌘ Cmd+=): nếu thấy đường kẻ lưới giữa các ô, ô gốc chưa liền mạch.