Lộ trình › Key art & marketing cho game › Bài 199/218

Dự án 11: Photobash concept môi trường từ ảnh tự chụp và CC0

Dựng concept cảnh vách đá – thác nước – đền cổ 1920 × 1080 bằng photobash: khóa value 3 tông, ghép ảnh tự chụp và ảnh CC0 vào từng mảng, thống nhất màu bằng Color Balance / Match Color, vẽ đè để thành tác phẩm của riêng bạn – kèm quy trình ghi nguồn và giấy phép cho từng ảnh.

Nâng cao 120 phút ★★★ Khó 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.

Photobash là kỹ thuật vẽ concept bằng cách ghép nhiều mảnh ảnh chụp rồi vẽ đè lên – cách các studio game và phim làm concept môi trường nhanh gấp nhiều lần vẽ tay từ đầu. Ảnh chụp mang lại chất liệu thật (đá, mây, nước), còn họa sĩ quyết định bố cục, ánh sáng và câu chuyện. Nhưng photobash đi kèm hai cái bẫy: bố cục lỏng lẻo vì bị ảnh dẫn dắt, và bản quyền vì dùng ảnh của người khác. Dự án này dạy quy trình chuyên nghiệp: value trước – ảnh sau, và chỉ dùng ảnh tự chụp hoặc ảnh có giấy phép rõ ràng, ghi nguồn đầy đủ ngay trong lúc làm.

Hình mẫu

Concept 1920 × 1080: hai vách đá hai bên ghép từ ảnh đá tự chụp, bầu trời mây từ ảnh CC0, thác nước trắng ở giữa đổ xuống hồ, đền cổ trên đỉnh vách phải, cây và nhân vật nhỏ trên mỏm đá để so tỉ lệ, tia nắng và sương; cột phải là ba ảnh nguồn kèm nhãn Tự chụp, CC0 / Pexels, Unsplash License; bên dưới là chồng layer từ Value Sketch tới Paint Over
Concept 1920 × 1080: hai vách đá hai bên ghép từ ảnh đá tự chụp, bầu trời mây từ ảnh CC0, thác nước trắng ở giữa đổ xuống hồ, đền cổ trên đỉnh vách phải, cây và nhân vật nhỏ trên mỏm đá để so tỉ lệ, tia nắng và sương; cột phải là ba ảnh nguồn kèm nhãn Tự chụp, CC0 / Pexels, Unsplash License; bên dưới là chồng layer từ Value Sketch tới Paint Over

Thời gian ước tính: khoảng 120 phút. Kết quả là concept 1920 × 1080 (có thể làm 3840 × 2160 nếu máy đủ mạnh) – dùng làm định hướng cho họa sĩ môi trường hoặc làm nền ảnh marketing sau khi vẽ đè kỹ.

Chuẩn bị

  • Ảnh nguồn – chỉ ba loại được phép: (1) ảnh bạn tự chụp: đá, cây, mây, công trình bạn được phép chụp; (2) ảnh CC0 / public domain (ví dụ thư viện Poly Haven, ambientCG; một số bộ sưu tập bảo tàng có ghi rõ CC0); (3) ảnh có giấy phép cho dùng thương mại và chỉnh sửa như Unsplash License, Pexels License – đọc kỹ điều khoản. Tránh ảnh có người nhận diện được, logo, thương hiệu, công trình có bản quyền kiến trúc đặc biệt.
  • Sổ nguồn: tạo file sources.txt ngay từ đầu. Mỗi ảnh một dòng: tên file – nguồn (link hoặc "tự chụp, ngày, nơi") – giấy phép – ngày tải. Đặt tên layer trong PSD kèm nguồn, ví dụ Cliffs (own photo), Sky (CC0).
  • Canvas: 1920 × 1080 px, RGB, 8 bit. File mẫu bố cục đặt trên cùng, khóa.
  • Công cụ chính: Lasso (Dây thòng lọng) Tool (L) + Fill cho value; Layer Mask (Mặt nạ lớp) và Clipping Mask (Mặt nạ cắt); Free Transform (Biến đổi tự do), Warp (Uốn cong) (EditChỉnh sửa›TransformBiến đổi›WarpUốn cong); ImageHình ảnh›AdjustmentsĐiều chỉnh màu›Match Color, Adjustment Layer (Lớp điều chỉnh) Color Balance (Cân bằng màu), Hue/Saturation (Sắc độ/Độ bão hòa), Levels; Brush (Cọ vẽ) Tool cho vẽ đè; chế độ Screen cho tia nắng và sương.
  • Thiết bị: bước vẽ đè (paint over) cần bút Wacom, XP-Pen, Huion hoặc iPad + Apple Pencil (Bút chì) để nét tự nhiên – cọ có Pen Pressure (Lực nhấn bút) ở Opacity (Độ mờ đục) và Size. Dùng chuột vẫn làm được phần ghép và mask: tô mask bằng Gradient (Dải màu chuyển) Tool và Lasso có Feather (Làm mềm viền) 20–40 px thay cho cọ mềm; vẽ đè chi tiết bằng Lasso + Fill các mảng nhỏ (kỹ thuật "lasso painting").
MàuMã hexDùng cho
#3e5e8aTrời xanh xám – đỉnh
#e8c8a0Chân trời ấm – sau thác
#4a4448Đá vách – tông chung sau khi thống nhất
#1d5a6aBóng lạnh – nửa dưới cảnh
#ffb35cÁnh nắng ấm phủ toàn cảnh (Opacity thấp)
#fff3d0Tia nắng, sương

Các bước

Sáu giai đoạn: phác value 3 tông bằng Lasso + Fill, ghép bầu trời bằng Layer Mask, ghép ảnh đá vào hai vách bằng Clipping Mask, thêm thác nước và thống nhất màu, vẽ đè đền, cây, nhân vật, cuối cùng thêm tia nắng và sương
Sáu giai đoạn: phác value 3 tông bằng Lasso + Fill, ghép bầu trời bằng Layer Mask, ghép ảnh đá vào hai vách bằng Clipping Mask, thêm thác nước và thống nhất màu, vẽ đè đền, cây, nhân vật, cuối cùng thêm tia nắng và sương
  1. Value 3 tông trước tiên: layer Value Sketch, Lasso Tool tô ba mảng xám: sáng (trời, thác), trung (núi xa, mặt nước), tối (hai vách đá, tiền cảnh). Không có ảnh nào ở bước này. Nheo mắt: bố cục đã đọc được chưa? Mắt có đi về thác – tiêu điểm – không? Nếu chưa, sửa value ngay, đừng hy vọng ảnh sẽ cứu.
  2. Mỗi mảng value là một Group: tạo Group SKY, FAR, CLIFFS, WATER, FG. Trong mỗi Group, mảng xám value làm "khuôn": ảnh sẽ được Clipping Mask vào khuôn đó, nên hình dáng luôn do bạn quyết định chứ không do ảnh.
  3. Ghép bầu trời: Place Embedded ảnh mây (CC0 / tự chụp) vào Group SKY, Clipping Mask vào mảng sáng. Ctrl+T chọn đoạn mây có hướng sáng khớp với nguồn sáng bạn định (nắng sau thác). Đổi tên layer Sky (CC0) và ghi vào sources.txt.
  4. Ghép đá vào vách: Place Embedded ảnh đá tự chụp (hoặc file luyện tập) vào CLIFFS, Clipping Mask vào mảng tối. Xoay ảnh để vân đá chạy theo hướng vách (dọc, hơi chéo). Dùng EditChỉnh sửa›TransformBiến đổi›WarpUốn cong uốn vân đá theo khối. Có thể ghép 2–3 ảnh đá khác nhau, nối bằng Layer Mask có mép mềm.
  5. Khớp perspective và tỉ lệ: chi tiết trong ảnh đá (vết nứt, viên đá) phải nhỏ dần lên phía trên vách – phóng ảnh to ở chân vách, thu nhỏ ở đỉnh, hoặc dùng EditChỉnh sửa›TransformBiến đổi›PerspectivePhối cảnh. Tỉ lệ sai là thứ làm photobash trông "giả" nhất.
  6. Thác và mặt nước: trong WATER, ghép ảnh thác (CC0) hoặc vẽ: mảng trắng, thêm FilterBộ lọc›Blur›Motion Blur dọc 30–60 px trên một layer nhiễu (FilterBộ lọc›Noise›Add Noise) để có vệt nước chảy. Bọt dưới chân thác là cọ Soft Round trắng chế độ Screen.
  7. Thống nhất màu từng nguồn: mỗi ảnh chụp ở thời điểm khác nhau nên lệch màu. Với từng ảnh: Adjustment Layer Levels (Clipping Mask) chỉnh độ sáng về đúng mảng value; Hue/Saturation giảm bão hòa ảnh đá; hoặc ImageHình ảnh›AdjustmentsĐiều chỉnh màu›Match Color lấy Source là ảnh bầu trời để kéo màu đá theo.
  8. Thống nhất màu toàn cảnh: trên cùng các Group: Color Balance – Highlights đẩy về vàng/đỏ, Shadows đẩy về xanh/cyan; một layer tô #ffb35c chế độ Soft Light (Ánh sáng dịu) Opacity 14% cho ánh nắng chung; một layer gradient #1d5a6a từ dưới lên chế độ Multiply (Nhân (làm tối)) 20%. Giờ mọi mảnh ảnh như được chụp cùng lúc.
  9. Kiểm tra lại value: bật tạm Adjustment Layer Black & White trên cùng và so với Value Sketch. Nếu ảnh ghép làm vách đá sáng lên quá, kéo Levels của Group đó xuống. Value lệch là bố cục hỏng.
  10. Vẽ đè (paint over): layer Paint Over trên cùng (Normal). Vẽ đền cổ trên đỉnh vách phải, cây, dây leo, chim, mỏm đá. Thêm một nhân vật nhỏ trên mỏm đá để người xem hiểu tỉ lệ – cảnh trở nên khổng lồ. Vẽ đè cũng xóa những dấu vết "ảnh chụp" lộ liễu (vật thể hiện đại, dây điện, chữ, người).
  11. Biến thành tác phẩm của bạn: phần vẽ đè và chỉnh sửa nên chiếm đáng kể bề mặt (ít nhất khoảng một phần ba). Concept có giá trị nhờ thiết kế của bạn – đền, ánh sáng, câu chuyện – chứ không phải nhờ ảnh đẹp có sẵn.
  12. Tia nắng và sương: Polygonal Lasso (Thòng lọng đa giác) vẽ các dải chéo từ trên xuống, tô #fff3d0, Gaussian Blur 20 px, chế độ Screen Opacity 12–20%. Sương: gradient trắng kem từ dưới lên ở chân vách, Opacity 50–70%. Sương tách các lớp xa gần, che các mối ghép ảnh.
  13. Hoàn thiện và ghi nguồn: thêm chút nhiễu hạt đồng nhất toàn ảnh (FilterBộ lọc›Noise›Add Noise 1–2% trên layer xám Overlay (Phủ chồng)) để các nguồn ảnh cùng "hạt". Ẩn file mẫu, xuất JPG; lưu PSD giữ nguyên Group và tên layer; lưu sources.txt cạnh file.
Bản quyền ảnh: "Tìm thấy trên mạng" không có nghĩa là được dùng. Ảnh trên Google, Pinterest, ArtStation, mạng xã hội thuộc về người chụp/vẽ. Ảnh có người cần sự đồng ý của người đó (model release) khi dùng thương mại. Khi không chắc chắn về giấy phép – không dùng, hoặc tự đi chụp. Một concept có ảnh vi phạm bản quyền có thể khiến cả game bị gỡ khỏi cửa hàng.
Mẹo: Xây dựng "thư viện ảnh của riêng bạn": mỗi lần đi chơi, chụp 20–30 tấm đá, vỏ cây, mây, mái ngói, rêu ở góc chính diện, ánh sáng đều. Đặt tên thư mục theo chất liệu. Sau một năm bạn có hàng nghìn ảnh dùng tự do, không lo giấy phép.
Lỗi hay gặp: Bắt đầu bằng cách thả một ảnh phong cảnh đẹp vào rồi "thêm thắt". Bố cục khi đó là của người chụp ảnh, không phải của bạn – và bức tranh gần như là ảnh gốc. Luôn bắt đầu từ value sketch của chính bạn.

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

  • Ba biến thể ánh sáng: dùng cùng các Group, đổi Color Balance và lớp nắng để có bản bình minh, hoàng hôn, đêm trăng – kỹ năng cực kỳ được việc khi làm concept cho nhiều màn chơi.
  • Từ concept tới nền game: tách các Group thành lớp xa – giữa – gần để dùng làm nền parallax (dự án 12 đi sâu vào việc này), vẽ đè dày hơn để khớp phong cách game.
  • Photobash nhân vật / đạo cụ: áp dụng quy trình value trước – ảnh sau để thiết kế giáp, vũ khí từ ảnh kim loại, da thuộc tự chụp.

Mẹo & trick học nhanh

Value trước, ảnh sau

Ba mảng xám quyết định bố cục. Ảnh chỉ được Clipping Mask vào các mảng đó – hình dáng luôn do bạn vẽ.

Ghi nguồn ngay khi ghép

Đặt tên layer kèm nguồn và ghi vào sources.txt ngay lúc thả ảnh vào. Để đến cuối là sẽ quên ảnh nào lấy ở đâu.

Một màu ánh sáng cho tất cả

Mỗi ảnh chỉnh Levels riêng cho đúng value, rồi một bộ Color Balance + lớp nắng chung phủ toàn cảnh – các mảnh ghép như chụp cùng một lúc.

Kiểm tra nhanh

1 Bước đầu tiên đúng của quy trình photobash là gì?
2 Nguồn ảnh nào an toàn để photobash cho game thương mại?
3 Vì sao nên đặt ảnh vào Group bằng Clipping Mask lên mảng value?
4 Làm sao để các ảnh từ nhiều nguồn trông như chụp cùng lúc?

Bài tập: Concept môi trường photobash của riêng 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