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 › Thực hành công cụ › Bài 48/158

Làm logo game (Type Tool + Layer Style)

Gõ tên game, uốn cong bằng Warp Text, thêm Stroke, Gradient Overlay, Bevel & Emboss, Outer Glow, Drop Shadow rồi xuất PNG nền trong suốt.

Nhập môn 25 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).

Logo là thứ đầu tiên người chơi thấy. Với Horizontal Type Tool (Công cụ gõ chữ ngang) và vài Layer Style (Hiệu ứng lớp), bạn có ngay chữ nổi khối, viền dày, phát sáng kiểu game – và vẫn đổi được nội dung chữ bất cứ lúc nào.

Mục tiêu

  • Gõ và định dạng chữ trong bảng Character (Ký tự).
  • Uốn chữ bằng Warp (Uốn cong) Text (Uốn chữ).
  • Kết hợp 5 hiệu ứng trong hộp Layer Style và xuất PNG trong suốt.

Chuẩn bị

Tải nen-logo-game.png để làm nền xem thử. Nghĩ trước tên game của bạn (ví dụ trong bài dùng STAR KNIGHT).

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

  1. Mở nen-logo-game.png. Nhấn T chọn Horizontal Type Tool, nhấp vào giữa canvas và gõ tên game. Nhấn Ctrl+Enter để kết thúc gõ.
  2. Mở WindowCửa sổ›CharacterKý tự. Chọn một font thật đậm (ví dụ Arial Black, hoặc font dày bạn thích), Size 150 pt, Tracking (khoảng cách chữ) 40, màu trắng, bấm nút All Caps (TT).
  3. Căn giữa: nhấn Ctrl+A (chọn toàn canvas), chọn Move Tool (Công cụ Di chuyển) V, bấm Align horizontal centers và Align vertical centers trên Options bar (Thanh tùy chọn), rồi Ctrl+D.
  4. Uốn chữ: TypeChữ›Warp Text, Style Arc, Horizontal, Bend +20%. OK.
  5. Nhấp đúp vào khoảng trống bên phải tên layer chữ (không phải vào tên) để mở hộp Layer Style.
  6. Stroke (Viền): Size 8 px, Position Outside, Color #3a1a0a.
  7. Gradient (Dải màu chuyển) Overlay (Phủ chồng) (Phủ chuyển màu): gradient vàng #ffe27a → cam #ff7a1a, Style Linear, Angle 90°.
  8. Bevel & Emboss (Vát nổi): Style Inner Bevel, Technique Smooth, Depth 120%, Size 5 px.
  9. Outer Glow: Blend Mode (Chế độ hòa trộn) Screen, màu #ff9f43, Size 40 px. Drop Shadow (Đổ bóng): Opacity (Độ mờ đục) 70%, Distance 8 px, Size 10 px. Bấm OK.
  10. Thêm dòng phụ nhỏ (ví dụ ADVENTURE) bằng Type Tool, size 48 pt. Nhấp chuột phải vào layer logo chọn Copy Layer Style, rồi nhấp chuột phải vào layer dòng phụ chọn Paste Layer Style.
  11. Xuất: tắt con mắt layer nền, FileTệp›Export›Export AsXuất ra (tùy chỉnh), Format PNG, tích Transparency (Độ trong suốt). Lưu thêm bản PSD để sửa sau.

Kết quả mong đợi

Gõ chữ → Warp Text uốn cong → bật các hiệu ứng trong Layer Style → logo hoàn chỉnh
Gõ chữ → Warp Text uốn cong → bật các hiệu ứng trong Layer Style → logo hoàn chỉnh

Logo chữ cong nhẹ, màu vàng cam chuyển dần, viền nâu đậm dày, nổi khối, có quầng sáng và đổ bóng; khi tắt nền thì phần quanh chữ trong suốt.

Mẹo: layer chữ vẫn là chữ – nhấp đúp vào biểu tượng T trên layer để sửa tên game, mọi hiệu ứng tự áp dụng lại cho chữ mới.
Lỗi hay gặp: đặt Stroke ở Position Inside với chữ mảnh – viền ăn mất ruột chữ, chữ trông gầy và khó đọc. Với logo, hãy dùng Outside.

Mẹo & trick học nhanh

Font và bản quyền

Dùng font cho phép dùng thương mại nếu bạn định phát hành game. Adobe Fonts (đi kèm gói Creative Cloud) có nhiều font dày hợp làm logo.

Thử nhanh bằng Styles

Sau khi ưng ý, trong hộp Layer Style bấm New Style… để lưu bộ hiệu ứng vào bảng Styles, lần sau một cú nhấp là có.

Đọc được khi nhỏ

Thu nhỏ logo còn 200 px để kiểm tra – nếu chữ dính vào nhau, tăng Tracking hoặc giảm Stroke.

Kiểm tra nhanh

1 Cách mở hộp Layer Style cho layer chữ?
2 Lệnh nào uốn cong cả dòng chữ theo hình vòng cung mà chữ vẫn sửa được?
3 Muốn logo xuất ra có nền trong suốt, cần làm gì?

Bài tập: Logo cho game 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