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 › Môi trường & đạo cụ game › Bài 152/158

Dự án 9: Hang băng phát sáng 16:9

Vẽ cảnh nền hang băng 1920 × 1080 px: vòm hang tối hai lớp, lối ra sáng ở điểm tụ, nhũ băng, sàn băng phản chiếu và cụm tinh thể phát sáng, thêm một điểm ấm tương phản, rồi dựng ánh sáng lạnh bằng Light 2D trong Unity 6.

Nâng cao 180 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).

Hang băng là màn chơi "lạnh" kinh điển: xanh, trắng, phát sáng huyền ảo. Cái khó là làm sao cho một cảnh toàn màu xanh mà vẫn có chiều sâu và điểm nhìn. Hai công cụ chính: value theo lớp (tiền cảnh tối nhất, lối ra xa sáng nhất – kiểu khung cửa) và tương phản nóng – lạnh (một ngọn đuốc cam nhỏ giữa biển xanh lập tức hút mắt). Bài này cũng ôn phối cảnh 1 điểm tụ theo kiểu cảnh nền, không phải hành lang.

Hình mẫu

Hang băng: vòm ngoài xanh thẫm và vòm trong xanh lam bao quanh lối ra sáng trắng, nhũ băng rủ xuống, sàn băng phản chiếu, cụm tinh thể phát sáng hai góc, người thám hiểm nhỏ cầm đuốc cam và bông tuyết
Hang băng: vòm ngoài xanh thẫm và vòm trong xanh lam bao quanh lối ra sáng trắng, nhũ băng rủ xuống, sàn băng phản chiếu, cụm tinh thể phát sáng hai góc, người thám hiểm nhỏ cầm đuốc cam và bông tuyết

Thời gian ước tính: khoảng 3 giờ. Hãy để ý: chỉ có một vùng sáng nhất (lối ra) và một điểm ấm (đuốc). Mọi thứ khác phục vụ hai điểm đó.

Chuẩn bị

  • Canvas: 1920 × 1080 px (16:9), Resolution (Độ phân giải) 72, RGB Color, Background Contents: White.
  • Công cụ chính: Lasso (Dây thòng lọng) và Polygonal Lasso (Thòng lọng đa giác) (L), Brush (Cọ vẽ) Tool (B) cứng và mềm, Gradient (Dải màu chuyển) Tool (G), Layer Mask (Mặt nạ lớp), các chế độ Multiply (Nhân (làm tối)), Screen, Color Dodge (Làm sáng rực), Overlay (Phủ chồng); LayerLớp›New Adjustment Layer›Black & White để kiểm tra value.
  • Thiết bị: cảnh lớn nên vẽ mảng bằng Brush cỡ to rất nhiều – bút Wacom, XP-Pen, Huion hay iPad cho tốc độ tốt nhất với Shape Dynamics (Biến đổi hình dạng) › Size Jitter (Dao động kích thước) › Control: Pen Pressure (Lực nhấn bút) và Transfer › Opacity (Độ mờ đục) Jitter › Control: Pen Pressure. Dùng chuột: dựng mọi mảng bằng Lasso + tô Alt+Backspace, làm mềm chuyển sắc bằng Gradient Tool trên layer kẹp – hoàn toàn đủ cho phong cách stylized.
  • File mẫu: "Khung phối cảnh hang băng" – điểm tụ hồng là nơi đặt lối ra, vòm hồng là miệng hang tiền cảnh, vòm xanh là lớp trung cảnh, tia xanh là hướng của nhũ băng và vết nứt sàn.
MàuMã hexDùng cho
#0e1f3dTrần hang, vùng tối nhất
#1d4f7aNền xa trong hang
#3d7fb0Vách băng trung cảnh
#2c6390Vách băng tối
#8fd8f5Mép sáng hướng về lối ra
#5aa6d4Sàn băng
#62e0ffTinh thể phát sáng
#eafcffLối ra sáng nhất
#ffb35cĐuốc – điểm ấm duy nhất

Các bước

Sáu giai đoạn: thumbnail 3 tông, khối lớn, màu nền theo lớp, đổ bóng, phát sáng tinh thể và đuốc, chi tiết tuyết
Sáu giai đoạn: thumbnail 3 tông, khối lớn, màu nền theo lớp, đổ bóng, phát sáng tinh thể và đuốc, chi tiết tuyết
  1. Thumbnail 3 tông: file nhỏ 384 × 216 px (tỉ lệ 16:9), chỉ 3 màu xám: đen cho vòm ngoài, xám giữa cho vòm trong và sàn, trắng cho lối ra. Vẽ 3 phương án trong 10 phút, chọn phương án lối ra nằm gần giao điểm 1/3 hoặc giữa khung và vòm bao quanh nó rõ ràng nhất.
  2. Tạo file chính: FileTệp›NewTạo mới, 1920 × 1080 px. Đặt file khung phối cảnh lên trên cùng, Opacity 40%, khóa lại. Đặt thumbnail đã chọn ở góc làm tham chiếu (FileTệp›Place Embedded).
  3. Nền xa và lối ra: layer BG: Gradient Tool kiểu Linear từ #0e1f3d (trên) tới #1d4f7a (dưới). Layer Exit: Brush mềm cỡ 600 px, màu #eafcff, chấm vào điểm tụ, rồi Brush cứng vẽ hình vòm nhỏ #bfefff làm miệng lối ra. Đây là vùng sáng nhất cả cảnh.
  4. Vòm trong (trung cảnh): layer Mid_Arch: Lasso vẽ khối vách bao quanh lối ra theo vòm xanh của file mẫu, tô #3d7fb0. Layer kẹp Multiply: tô #2c6390 cho mặt vách quay ra ngoài; layer kẹp Screen: viền #8fd8f5 dọc mép vách quay vào lối ra – ánh sáng từ lối ra hắt lên mép băng.
  5. Vòm ngoài (tiền cảnh): layer Front_Arch trên cùng nhóm vách: Lasso vẽ khung hang lớn theo vòm hồng, tô #183a63 – tối hơn hẳn vòm trong. Viền sáng mỏng ở mép trong (Opacity 60%). Hai lớp vòm, tối dần ra phía trước, tạo chiều sâu kiểu "nhìn qua khung cửa".
  6. Nhũ băng: layer Icicles: Polygonal Lasso vẽ các tam giác nhọn dài ngắn khác nhau rủ từ mép vòm ngoài, tô #9fe6ff. Nhũ gần mép ngoài dài và to, càng vào trong càng nhỏ. Mỗi nhũ có một vệt sáng dọc bên phía lối ra – chọn Brush cứng 4 px #d6f7ff.
  7. Sàn băng: layer Floor: Lasso vẽ mặt sàn hơi cong, tô #5aa6d4, phần gần camera tối dần (Gradient trên layer kẹp Multiply). Phản chiếu: nhân đôi layer Exit, EditChỉnh sửa›TransformBiến đổi›Flip VerticalLật dọc, đặt dưới mép lối ra trên sàn, kẹp vào Floor, Opacity 40% – băng phản chiếu ánh sáng.
  8. Vết nứt và vân băng: Brush 3 px #cdf3ff Opacity 60% vẽ vài vết nứt trên sàn và vách, tất cả chạy theo tia xanh hướng về điểm tụ. Vết nứt theo phối cảnh làm sàn "nằm xuống" đúng góc nhìn.
  9. Tinh thể phát sáng: layer Crystals: Polygonal Lasso vẽ cụm 3–4 lăng trụ nhọn ở hai góc dưới (to) và cạnh vòm trong (nhỏ), tô #62e0ff; mặt tối #2fb2d8, viền tối #0e3a5c. Layer Crystal_Glow dưới tinh thể, chế độ Screen: Brush mềm 300 px #7cf7ff Opacity 40%. Thêm một chút Color Dodge lên vách và sàn ngay cạnh tinh thể.
  10. Điểm ấm: layer Explorer: một bóng người nhỏ tối gần lối ra (khoảng 60 px cao – cho biết hang to cỡ nào). Ngọn đuốc là hình giọt #ffd23f; layer Screen với Brush mềm 150 px #ffb35c Opacity 60%. Một chấm cam nhỏ giữa biển xanh là thứ mắt thấy đầu tiên – đừng thêm điểm ấm thứ hai.
  11. Không khí và tuyết: layer Atmos chế độ Screen, Brush mềm 800 px #1d4f7a Opacity 20% quét qua trung cảnh để vòm trong mờ hơn tiền cảnh một chút. Layer Snow: Brush tròn 4–8 px trắng, Scattering (Tán xạ) 300%, chấm rải rác; vài hạt to gần camera làm mờ bằng FilterBộ lọc›Blur›Gaussian Blur 2 px.
  12. Kiểm tra value: thêm Adjustment Layer (Lớp điều chỉnh) Black & White trên cùng. Ảnh xám phải còn đúng thứ tự: vòm ngoài tối nhất → vòm trong → sàn → lối ra trắng nhất; tinh thể và đuốc là điểm sáng phụ. Nếu vòm trong và vòm ngoài cùng độ xám, tối vòm ngoài bằng Curves kẹp. Tắt layer kiểm tra.
  13. Xuất và đưa vào Unity 6: lưu PSD, ẩn file mẫu, Export As (Xuất ra (tùy chỉnh)) PNG → ice_cave_bg.png 1920 × 1080 px. Unity 6 (Universal 2D): Texture Type Sprite (2D and UI), Max Size 2048, Pixels Per Unit (Số pixel mỗi đơn vị) 100. Đặt sprite ở Sorting Layer Background. Ánh sáng: chỉnh Global Light 2D màu #9fd3ff Intensity 0.6 cho cảm giác lạnh; thêm Spot Light 2D màu #62e0ff tại mỗi cụm tinh thể và một Spot Light 2D cam nhỏ đi theo nhân vật cầm đuốc. Nếu muốn parallax, xuất riêng Front_Arch và Icicles thành sprite tiền cảnh di chuyển nhanh hơn nền.
Mẹo: Băng không phải màu trắng! Bóng của băng là xanh lam đậm, mép sáng là xanh ngọc nhạt, chỉ vùng lối ra và vệt sáng mạnh nhất mới gần trắng. Giữ trắng tinh #ffffff cho dưới 2% diện tích ảnh.
Lỗi hay gặp: Cho tinh thể ở khắp nơi đều sáng rực như lối ra. Cảnh không còn điểm nhìn, mắt nhảy loạn. Tinh thể là điểm sáng phụ: nhỏ hơn, ít hơn và tối hơn lối ra một bậc.

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

  • Tách lớp parallax: giữ BG + Exit, Mid_Arch, Front_Arch + Icicles thành 3 PNG 1920 × 1080 riêng, trong Unity cho chúng di chuyển với tốc độ khác nhau theo camera.
  • Hang băng ban đêm / bị nhiễm độc: thêm Adjustment Layer Hue/Saturation (Sắc độ/Độ bão hòa) trên toàn cảnh, Hue +120 cho tinh thể tím – cùng một hang, khác màn chơi.
  • Tinh thể nhấp nháy: xuất riêng Crystal_Glow, trong Unity tạo Animation đổi Alpha 0.6 → 1 lặp lại chậm.

Mẹo & trick học nhanh

Khung tối, tâm sáng

Vòm tiền cảnh tối bao quanh lối ra sáng là bố cục "khung cửa" – cách nhanh nhất để cảnh có chiều sâu và dẫn mắt vào trung tâm.

Một điểm ấm giữa biển lạnh

Màu bổ túc (cam – xanh lam) đặt cạnh nhau tạo tương phản mạnh nhất. Một ngọn đuốc nhỏ có giá trị hơn mười tinh thể sáng.

Kiểm tra bằng Black & White

Cảnh đơn sắc rất dễ "phẳng". Một Adjustment Layer Black & White bật tắt liên tục cho bạn biết ngay lớp nào bị trùng độ sáng với lớp nào.

Kiểm tra nhanh

1 Trong cảnh hang băng, vùng nào nên sáng nhất?
2 Vì sao ngọn đuốc màu cam hút mắt mạnh trong cảnh xanh?
3 Để tạo phản chiếu của lối ra trên sàn băng, cách nhanh nhất là gì?

Bài tập: Cảnh hang băng 16:9 của bạn

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