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 104/158

Phối cảnh 1 điểm: hành lang hầm ngục

Dựng đường chân trời và điểm tụ bằng Guides, kéo tia bằng Line Tool rồi vẽ hành lang dungeon có sàn gạch, cột vòm và đuốc.

Trung cấp 60 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).

Hành lang hầm ngục, con đường làng, đường ray tàu – khi người xem nhìn thẳng vào sâu, mọi đường chạy ra xa đều hội tụ về một điểm tụ (vanishing point – VP) nằm trên đường chân trời (horizon line – chính là tầm mắt người xem). Đây là phối cảnh đơn giản nhất và rất hay dùng cho màn hình tiêu đề, khung nền phòng boss hay ảnh minh họa cửa vào màn chơi.

Hình mẫu

Hành lang hầm ngục có cột vòm, đuốc và sàn gạch, các tia xanh hội tụ về điểm tụ
Hành lang hầm ngục có cột vòm, đuốc và sàn gạch, các tia xanh hội tụ về điểm tụ

Thời gian ước tính: 60 phút. Ba loại đường trong phối cảnh 1 điểm: đường thẳng đứng luôn thẳng đứng, đường nằm ngang (song song mặt tranh) luôn nằm ngang, còn đường chạy vào sâu đều đi qua VP.

Chuẩn bị

  • Canvas: 1920 × 1080 px, Resolution (Độ phân giải) 72.
  • File mẫu: "Lưới phối cảnh 1 điểm" – đặt làm layer dưới cùng tên Grid, Opacity (Độ mờ đục) 35%, khóa lại.
  • Công cụ: Line Tool (U, chế độ Pixels hoặc Shape với Stroke 2 px), Rectangle Tool, Polygonal Lasso (Thòng lọng đa giác).
  • Thiết bị: bài này dựa vào công cụ hình học nên chuột chính xác không kém bút. Mẹo chuột: với Brush (Cọ vẽ), nhấp vào VP, giữ Shift và nhấp vào điểm thứ hai – có ngay đường thẳng đi qua VP. Bút XP-Pen/Huion/Wacom hoặc iPad: dùng cách nhấp – Shift – nhấp tương tự, chỉ vẽ tay ở bước tô màu.

Các bước

Sáu bước: chân trời và VP → tia tụ → khung gần và tường xa → sàn gạch → cột vòm và đuốc → tô màu
Sáu bước: chân trời và VP → tia tụ → khung gần và tường xa → sàn gạch → cột vòm và đuốc → tô màu
  1. Hiện thước: ViewHiển thị›RulersThước đo (Ctrl+R). Chuột phải lên thước chọn Pixels.
  2. Đường chân trời: ViewHiển thị›GuidesĐường gióng›New Guide, Orientation Horizontal, Position 486 px. Thêm một Guide Vertical 960 px. Giao điểm hai Guide là VP. Khóa Guides (Đường gióng) bằng ViewHiển thị›GuidesĐường gióng›Lock Guides.
  3. Layer Perspective (Phối cảnh): tạo layer, chọn Line Tool, màu xanh #31a8ff, Weight 2 px. Kéo từ VP ra bốn góc canvas và thêm 8–10 tia khác tỏa đều. Đây là "đường ray" cho mọi cạnh chạy vào sâu.
  4. Khung gần (miệng hành lang): layer Line, Rectangle Tool chế độ Shape, Fill: None, Stroke 4 px màu tối. Vẽ một hình chữ nhật lớn gần sát mép canvas – đây là cửa hành lang gần mắt nhất.
  5. Tường xa: vẽ một hình chữ nhật nhỏ quanh VP, sao cho bốn góc của nó nằm đúng trên bốn tia nối VP với bốn góc khung gần. Nối bốn góc khung gần với bốn góc tường xa – bạn đã có sàn, trần và hai bức tường.
  6. Sàn gạch – đường dọc: chia cạnh dưới khung gần thành 4 đoạn đều, từ mỗi điểm chia kẻ một đường về VP.
  7. Sàn gạch – đường ngang: kẻ đường chéo từ góc dưới – trái khung gần tới góc dưới – phải tường xa. Tại mỗi điểm đường chéo cắt các đường dọc, kẻ một đường nằm ngang. Các hàng gạch tự động hẹp dần khi xa – đúng phối cảnh.
  8. Cột vòm: mỗi cột vòm là một khung chữ nhật nhỏ dần về VP. Vẽ khung vòm đầu tiên, rồi tìm khung tiếp theo bằng cách kéo tia từ bốn góc của nó về VP. Phần vòm cong: dùng Ellipse Tool vẽ nửa elip trên đỉnh mỗi khung.
  9. Đuốc: đặt đuốc trên tường, giữa các cột. Đuốc xa nhỏ hơn và gần đường chân trời hơn – kẻ một tia từ đuốc gần nhất về VP để xếp các đuốc sau thẳng hàng.
  10. Tô màu nền: layer Color dưới Line. Polygonal Lasso chọn từng mặt: tường trái #4d4f5e, tường phải #3e404d (tối hơn vì xa đuốc), trần #2a2b34, sàn gradient từ #6b5a4c (gần) tới #2a2420 (xa).
  11. Ánh sáng đuốc: layer mới blend mode Linear Dodge (Add) (Cộng sáng), Soft Round lớn màu #ff9f43 Opacity 40% chấm quanh mỗi ngọn đuốc. Cửa xa cuối hành lang tô xanh lạnh #7fd6ff để mắt bị hút vào sâu.
  12. Hoàn thiện: ẩn layer Perspective và Grid, lưu PSD, xuất PNG 1920 × 1080 px.
Mẹo: đặt đường chân trời thấp (dưới giữa tranh) khiến hành lang trông cao và hùng vĩ; đặt cao khiến người xem như nhìn từ trên xuống. Với màn hình tiêu đề game, VP thường đặt gần giữa để dồn mắt vào logo.
Lỗi hay gặp: các hàng gạch sàn cách đều nhau từ gần tới xa – sàn trông như dựng đứng. Hãy dùng đường chéo để chia: khoảng cách giữa các hàng phải nhỏ dần về VP.

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

  • Căn phòng game: dùng cùng cách dựng để vẽ phòng chứa kho báu: bức tường xa có rương, hai tường bên có kệ.
  • Vanishing Point: thử FilterBộ lọc›Vanishing Point để dán texture gạch lên sàn theo đúng phối cảnh.
  • Sương mù chiều sâu: thêm layer gradient tím nhạt chế độ Screen từ VP ra ngoài – vật càng xa càng nhạt.

Mẹo & trick học nhanh

Kẻ tia bằng Shift

Với Brush, nhấp đúng VP, giữ Shift và nhấp điểm khác – Photoshop nối đường thẳng. Lặp lại thật nhanh để có cả chùm tia.

Bật tắt Guides

Nhấn Ctrl+; để ẩn hoặc hiện Guides, Ctrl+H để ẩn mọi thứ phụ trợ và nhìn tranh sạch.

Lưu lưới dùng lại

Lưu layer Perspective thành file riêng. Lần sau chỉ cần kéo vào và dời VP tới vị trí mới.

Kiểm tra nhanh

1 Trong phối cảnh 1 điểm, đường chân trời (horizon line) thể hiện điều gì?
2 Cạnh đứng của cột vòm trong hành lang 1 điểm phải vẽ thế nào?
3 Cách đúng để các hàng gạch sàn nhỏ dần khi xa là gì?
4 Phím tắt nào ẩn hoặc hiện Guides?

Bài tập: Nộp hành lang phối cảnh 1 điểm

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