Bạn học Photoshop trên máy nào? Phím tắt và hướng dẫn sẽ hiển thị đúng theo lựa chọn của bạn.

Lộ trình › Luyện nền tảng vẽ › Bài 110/158

Thumbnail bố cục 6 khung

Vẽ nhanh 6 thumbnail 3 tông xám cho cùng một chủ đề – một phần ba, đường dẫn, khung trong khung, đường chéo, tương phản, đối xứng – rồi chọn bản tốt nhất.

Trung cấp 40 phút ★★★ Vừa Hướng dẫn cho Windows · đổi sang macOS

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.

File mẫu để luyện tập

Tải về rồi mở bằng Photoshop: FileTệp›OpenMở (Ctrl+O).

Trước khi vẽ một màn hình tiêu đề, một ảnh bìa hay một cảnh nền, họa sĩ chuyên nghiệp luôn vẽ hàng loạt thumbnail – những bản phác bố cục bé xíu, chỉ vài phút mỗi bản. Ở kích thước nhỏ, bạn không thể sa vào chi tiết, chỉ còn bố cục và mảng sáng tối. Chọn đúng bố cục từ đầu tiết kiệm hàng giờ sửa sau này.

Hình mẫu

Sáu thumbnail 3 tông: một phần ba, đường dẫn, khung trong khung, đường chéo, tương phản điểm nhấn, đối xứng
Sáu thumbnail 3 tông: một phần ba, đường dẫn, khung trong khung, đường chéo, tương phản điểm nhấn, đối xứng

Thời gian ước tính: 40 phút (mỗi thumbnail 2–3 phút, phần còn lại để chọn và phóng to). Chủ đề gợi ý: "Ngọn tháp của pháp sư" – cùng một chủ đề, sáu cách sắp xếp.

Chuẩn bị

  • File mẫu: mở "Khung 6 thumbnail" (1920 × 1080 px), giữ làm layer dưới cùng tên Frames.
  • Ba tông: sáng #e8e8e8, giữa #999999, tối #3a3a3a (có thể thêm sáng vừa #c2c2c2).
  • Thiết bị: chuột: dùng Lasso (Dây thòng lọng) và Polygonal Lasso (Thòng lọng đa giác) tô mảng – đây là cách nhanh nhất để làm thumbnail. Bút Wacom/XP-Pen/Huion hoặc iPad: cọ Hard Round to 40–60 px, tắt Pen Pressure (Lực nhấn bút) cho Opacity (Độ mờ đục) để mảng phẳng.

Các bước

Sáu bước: 6 khung 16:9 → lưới một phần ba → khối 3 tông → điểm nhấn ở giao điểm → dẫn mắt → chọn và phóng to
Sáu bước: 6 khung 16:9 → lưới một phần ba → khối 3 tông → điểm nhấn ở giao điểm → dẫn mắt → chọn và phóng to
  1. Khung: nếu không dùng file mẫu, tạo canvas 1920 × 1080 px và dùng Rectangle Tool (Fill: None, Stroke 3 px) vẽ 6 khung 560 × 315 px (tỉ lệ 16:9 – đúng tỉ lệ màn hình game).
  2. Lưới một phần ba: chia mỗi khung thành 3 × 3 ô. Với file mẫu, lưới đã có sẵn. Tự làm: ViewHiển thị›GuidesĐường gióng›New Guide Layout cho một khung rồi kẻ lại lưới bằng Line Tool.
  3. Mỗi khung một layer: tạo 6 layer Thumb 1 … Thumb 6. Đặt hẹn giờ 3 phút cho mỗi khung.
  4. Thumb 1 – Một phần ba: phủ tông giữa, đường chân trời đặt ở vạch 2/3 dưới. Ngọn tháp tối đặt ở đường dọc 1/3 trái, mặt trăng sáng ở giao điểm trên – phải.
  5. Thumb 2 – Đường dẫn: con đường hoặc dòng sông bắt đầu rộng ở cạnh dưới, hẹp dần và dẫn thẳng tới chân tháp.
  6. Thumb 3 – Khung trong khung: miệng hang tối viền quanh cả khung, ngọn tháp sáng nằm giữa khoảng trống của miệng hang.
  7. Thumb 4 – Đường chéo: sườn núi chạy chéo từ dưới – trái lên trên – phải, nhân vật nhỏ leo trên sườn hướng lên tháp – tạo cảm giác chuyển động và khó khăn.
  8. Thumb 5 – Tương phản điểm nhấn: gần như toàn khung tối (rừng đêm), chỉ một mảng sáng duy nhất – cửa tháp phát sáng. Mắt bị hút vào đó ngay lập tức.
  9. Thumb 6 – Đối xứng: tháp đứng chính giữa, bậc thang trải đều hai bên – trang nghiêm, hợp cho màn hình tiêu đề.
  10. Đánh giá: thu nhỏ cả trang còn 25% (Ctrl+-). Thumbnail nào vẫn đọc được chủ đề và có điểm nhấn rõ nhất? Đánh dấu bằng một ngôi sao trên layer mới.
  11. Phóng to bản chọn: chọn vùng thumbnail tốt nhất bằng Rectangular Marquee (Khung chọn), Ctrl+Shift+C (Copy Merged), tạo file mới 1920 × 1080 px và dán (Ctrl+V), Ctrl+T phóng to vừa khung. Bản mờ nhòe này chính là "bản đồ" để vẽ chi tiết sau.
  12. Xuất: lưu PSD, và xuất PNG trang 6 thumbnail (đã ẩn layer ngôi sao nếu muốn).
Mẹo: với màn hình game, chừa chỗ cho giao diện: logo thường nằm ở 1/3 trên, nút bấm ở 1/3 dưới. Thumbnail tốt để trống những vùng đó bằng mảng ít chi tiết.
Lỗi hay gặp: vẽ thumbnail chi tiết như tranh thật – mất 15 phút cho một khung và không còn sức thử ý tưởng khác. Hết 3 phút là chuyển khung, kể cả khi chưa ưng.

Nâng cao (tùy chọn)

  • Thêm màu: dùng Gradient Map (Ánh xạ dải màu) biến thumbnail đã chọn thành 3 phương án màu (ấm, lạnh, hoàng hôn).
  • 12 thumbnail: làm thêm một trang với 6 bố cục kết hợp (một phần ba + đường dẫn, khung + tương phản…).
  • Phân tích game: chụp 3 màn hình tiêu đề game yêu thích, kẻ lưới 1/3 lên trên và tìm xem họ dùng nguyên tắc nào.

Mẹo & trick học nhanh

Copy Merged

Ctrl+Shift+C sao chép vùng chọn từ mọi layer đang hiện như thể đã gộp – tiện để lấy nguyên một thumbnail sang file mới.

Mảng trước, chi tiết không

Nếu muốn vẽ cửa sổ, lá cây, gạch trong thumbnail, hãy dừng lại. Thumbnail chỉ có mảng – chi tiết để dành cho bản phóng to.

Lật để thấy cân bằng

Lật cả trang bằng ViewHiển thị›Flip HorizontalLật ngang: bố cục tốt vẫn cân bằng khi lật, bố cục yếu sẽ trông lệch hẳn sang một bên.

Kiểm tra nhanh

1 Theo quy tắc một phần ba, nên đặt điểm nhấn ở đâu?
2 Bố cục "tương phản điểm nhấn" hoạt động thế nào?
3 Mỗi thumbnail nên vẽ trong bao lâu?

Bài tập: Nộp trang 6 thumbnail

Làm trong Photoshop rồi nộp file. Máy chấm kiểm tra các yêu cầu kỹ thuật và chỉ cách sửa từng lỗi; giáo viên chấm thêm phần thẩm mỹ.

Làm bài tập