Lộ trình › Thực hành công cụ › Bài 43/218

Vẽ bầu trời hoàng hôn (Gradient)

Tạo lớp Gradient Fill 4 màu vàng – cam – hồng – tím, thêm mặt trời phát sáng bằng Ellipse + Outer Glow và đặt bóng núi lên trên.

Nhập môn 20 phút ★★★ Dễ 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).

Bầu trời là nền của rất nhiều màn chơi 2D. Chỉ với một dải chuyển màu (gradient) đúng màu, bạn đã có ngay một phông nền hoàng hôn đẹp mà không cần vẽ tay nét nào.

Mục tiêu

  • Tạo Gradient (Dải màu chuyển) Fill (Lớp tô chuyển màu) – loại layer sửa lại màu bất cứ lúc nào.
  • Dùng Gradient Editor (Trình sửa dải màu): thêm Color Stop (điểm màu) và chỉnh Location (vị trí).
  • Vẽ hình tròn bằng Ellipse Tool và thêm Outer Glow (Phát sáng ngoài).

Chuẩn bị

Tải bong-nui-hoang-hon.png (bóng núi màu tím than trên nền trong suốt). Bạn sẽ đặt nó lên trên bầu trời ở cuối bài.

Các bước thực hiện

  1. Tạo file mới Ctrl+N: Width 1920 px, Height 1080 px, Resolution (Độ phân giải) 72, Color Mode RGB Color. Bấm Create.
  2. Vào LayerLớp›New Fill Layer›GradientDải màu chuyển, đặt tên Sky, OK. Hộp thoại Gradient Fill mở ra.
  3. Nhấp vào thanh gradient để mở Gradient Editor. Nhấp vào ô vuông màu nhỏ bên dưới thanh (Color Stop) bên trái, bấm ô Color và gõ ffd66b (vàng). Color Stop bên phải: 2b1e5e (tím than).
  4. Nhấp vào khoảng trống ngay dưới thanh để thêm Color Stop mới: một stop màu ff8a3d (cam) với Location 25%, một stop c9407a (hồng) với Location 55%. Bấm OK.
  5. Trở lại hộp Gradient Fill: Style Linear, Angle 90°, Scale 100%. Nếu thấy vàng nằm trên và tím nằm dưới, tích Reverse. Bấm OK.
  6. Chọn Ellipse Tool (nhấn U, nếu chưa đúng thì Shift+U đến khi thấy hình elip). Options bar (Thanh tùy chọn): chế độ Shape, Fill #fff1b8, Stroke: không màu.
  7. Giữ Shift và kéo một hình tròn khoảng 260 px ở phía dưới bên phải, nơi màu cam và vàng gặp nhau.
  8. Bấm biểu tượng fx dưới bảng Layers, chọn Outer Glow: Blend Mode (Chế độ hòa trộn) Screen, Opacity (Độ mờ đục) 60%, màu #ffb46b, Size 120 px. OK.
  9. Vào FileTệp›Place Embedded, chọn bong-nui-hoang-hon.png. Trên Options bar gõ W 120%, H 120% để phủ kín 1920 px, nhấn Enter. Kéo bóng núi sát mép dưới.
  10. Muốn đổi màu trời? Nhấp đúp vào hình thu nhỏ của layer Sky – Gradient Editor mở lại. Lưu PSD và xuất PNG/JPG bằng FileTệp›Export›Export AsXuất ra (tùy chỉnh).

Kết quả mong đợi

Tạo lớp Gradient → thêm 4 điểm màu → mặt trời phát sáng → đặt bóng núi
Tạo lớp Gradient → thêm 4 điểm màu → mặt trời phát sáng → đặt bóng núi

Bầu trời chuyển mượt từ vàng sát chân trời lên cam, hồng và tím than ở đỉnh; mặt trời có quầng sáng mềm; bóng núi phủ kín mép dưới.

Ghi chú phiên bản: Photoshop bản mới (2023 trở lên) có Gradient Tool (G) tạo luôn lớp gradient chỉnh trực tiếp trên canvas. Cách dùng LayerLớp›New Fill Layer›GradientDải màu chuyển trong bài chạy được trên mọi phiên bản và cho kết quả tương tự.
Mẹo: bầu trời thật không bao giờ chỉ có 2 màu. Thêm 1–2 điểm màu trung gian (cam, hồng) giúp dải màu không bị "bẩn" xám ở giữa.
Lỗi hay gặp: dải màu bị sọc bậc thang (banding). Thử tăng số điểm màu trung gian, hoặc thêm một lớp nhiễu rất nhẹ: FilterBộ lọc›Noise›Add Noise 1–2% trên một layer riêng chế độ Overlay (Phủ chồng).

Mẹo & trick học nhanh

Xóa điểm màu

Trong Gradient Editor, kéo một Color Stop ra xa khỏi thanh (xuống dưới) để xóa nó.

Lưu dải màu dùng lại

Trong Gradient Editor, gõ tên vào ô Name và bấm New để lưu gradient hoàng hôn vào thư viện, dùng cho các màn chơi khác.

Kéo gradient trên canvas

Khi hộp Gradient Fill đang mở, bạn có thể kéo trực tiếp trên canvas để dời vị trí dải màu lên xuống.

Kiểm tra nhanh

1 Ưu điểm lớn nhất của Layer > New Fill Layer > Gradient so với tô gradient thẳng lên layer thường là gì?
2 Trong Gradient Editor, làm sao thêm một điểm màu mới?
3 Giữ phím nào khi kéo Ellipse Tool để được hình tròn đều?

Bài tập: Phông nền hoàng hôn cho màn chơi

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