Tutorial · 14/07/2019
Tạo đổ bóng chữ với hai kiểu đơn giản trong Photoshop

Tạo chữ đổ bóng là một trong rất nhiều cách blend chữ mà Photoshop mang lại cho người dùng. Một hiệu ứng đẹp mắt mà thực hiện lại rất đơn giản, cùng ColorME tìm hiểu cách tạo đổ bóng trong bài viết dưới đây nhé.
Cách đổ bóng chữ trong Photoshop: trả lời nhanh (ColorME bổ sung, 17/10/2026)
Cách nhanh nhất để đổ bóng chữ trong Photoshop là dùng hiệu ứng Drop Shadow. Theo hướng dẫn thêm layer style của Adobe: chọn layer chữ trong bảng Layers, bấm biểu tượng Add a layer style (fx) ở cuối bảng hoặc vào Layer > Layer Style > Drop Shadow, chỉnh thông số rồi bấm OK. Bài gốc dưới đây hướng dẫn hai kiểu: bóng phản chiếu bên dưới chữ (Kiểu 1) và bóng ngắn, bóng dài bằng Drop Shadow (Kiểu 2).
| Muốn có | Cách làm | Xem ở |
|---|---|---|
| Bóng mờ nhẹ sau chữ | Drop Shadow, Distance nhỏ, Size lớn hơn để bóng mềm | Bảng tuỳ chọn bên dưới |
| Bóng cứng, ngắn kiểu phẳng | Drop Shadow, Spread 100%, Size nhỏ | Kiểu 2 (bóng ngắn) |
| Bóng dài kéo xéo | Nhiều lớp Drop Shadow tăng dần Distance, hoặc Layer Group | Kiểu 2 (bóng dài) |
| Bóng phản chiếu dưới chân chữ | Nhân đôi, lật dọc, layer mask và gradient | Kiểu 1 |
| Bóng nằm nghiêng xuống nền | Tách bóng thành layer rồi biến dạng | Mục "Bóng đổ nghiêng xuống nền" |
Các thông số Drop Shadow nghĩa là gì (ColorME bổ sung, 17/10/2026)
Theo bảng giải thích tuỳ chọn layer style của Adobe:
| Thông số | Tác dụng |
|---|---|
| Angle | Góc chiếu sáng, quyết định bóng đổ về phía nào |
| Use Global Light | Dùng chung một góc sáng cho Drop Shadow, Inner Shadow và Bevel & Emboss trên mọi layer |
| Distance | Khoảng lệch của bóng so với chữ |
| Spread | Nới rộng vùng bóng trước khi làm mờ; 100% cho bóng cứng, rõ nét |
| Size | Độ mờ, độ lớn của bóng |
| Opacity | Độ đậm nhạt của hiệu ứng |
| Noise | Thêm hạt ngẫu nhiên vào độ trong của bóng |
| Layer Knocks Out Drop Shadow | Điều khiển việc bóng có lộ ra qua layer bán trong suốt hay không |
Các mục ghi "ColorME bổ sung" được thêm ngày 17/10/2026; phần còn lại là bài gốc của tác giả.
KIỂU 1: Tạo bóng đổ
Bước 1: Mở Photoshop, tạo một file ảnh mới với kích thước và màu nền tùy bạn chọn.
Bước 2: Chọn công cụ Text (phím tắt T) để gõ một đoạn Text bất kì. Ở đây mình sẽ sử dụng màu đỏ với mã #e50f38l cho background và mã màu #ffffff cho layer text, font UTM Facebook
Ghi chú của ColorME (17/10/2026): mã màu nền trong bước trên có chữ "l" thừa ở cuối do gõ nhầm; mã đúng là #e50f38.

Bước 3: Nhân đôi Layer text bằng cách trên thanh công cụ click Layer --> Duplicate Layer… hoặc Ctrl+J

Bước 4: Chọn Layer vừa nhân đôi, click tổ hợp phím Ctrl+T để điều chỉnh vị trí của layer này, click chuột phải chọn Flip Vertical để quay ngược Layer mới so với vị trí ban đầu.


Layer sau khi đã bị đảo ngược
Bước 5: Chọn chuột phải vào layer vừa chỉnh > Rasterize Type để thay đổi sang dạng Graphic

Bước 6: Chọn biểu tượng Add Vector mask để tạo một mặt nạ bên trên layer này.

Bước 7: Chọn vùng Add Vertor mask của Layer copy, chọn công cụ Gradient Tool (G) để đổ màu cho chữ.
Giữ và kéo chuột trên Layer này theo chiều từ dưới lên trên. Lưu ý, để giữ chiều tạo gradient thẳng, bạn nhớ giữ shift nhé

Ghi chú của ColorME (17/10/2026), chỉnh lại tên biểu tượng ở Bước 6 và 7: biểu tượng hình chữ nhật có vòng tròn ở cuối bảng Layers là Add layer mask (mặt nạ điểm ảnh), không phải vector mask. Theo hướng dẫn layer mask của Adobe, bấm biểu tượng này sẽ tạo mặt nạ hiện toàn bộ layer; sau đó kéo Gradient đen trắng trên mặt nạ để chữ phản chiếu mờ dần. Theo trang vector mask của Adobe, vector mask dùng đường path cho cạnh sắc, còn vùng chuyển mềm nên dùng layer mask, vì vậy gradient ở Bước 7 cần layer mask.
Bước 8: Chỉnh độ mờ Opacity cho Layer vừa tạo, chỉnh khoảng 60% cho ảnh tự nhiên hơn.
Đây là hình ảnh sau khi đã hoàn thiện.

KIỂU 2: Tạo đổ bóng dài và ngắn
Bước 1: Tạo một document mới. Sử dụng Type Tool để gõ chữ mà muốn tạo hiệu ứng vào. Trong ví dụ này mình tạo một document mới có kích thước 600px x 600px và mình sử dụng font UTM Facebook

Bước 2: Chọn chuột phải vào layer chữ > Chọn Blending Option để tạo hiệu ứng đổ bóng

Để đổ bóng ngắn chọn Drop Shadow vào layer text và thay đổi các thuộc tính trên bảng sau
- Angle: 135 độ
- Distance: 13px
- Spread: 100%
- Size: 5px
Ghi chú của ColorME (17/10/2026): theo hướng dẫn Global Light của Adobe, nếu tích Use Global Light thì mọi Drop Shadow, Inner Shadow và Bevel & Emboss trong tệp dùng chung một góc; đổi góc ở một chỗ thì tất cả đổi theo. Khi làm bóng dài nhiều lớp như dưới đây, hãy giữ cùng một Angle cho mọi lớp để bóng thẳng hàng.

Kết quả chúng ta sẽ có một chút bóng đổ nhỏ sau chữ:

Để đổ bóng dài, trên bảng Layer Style, chọn Stroke và Drop Shadow. Trong trường hợp này mình sẽ để màu của stroke cùng màu với màu bóng đổ.

Bây giờ chúng ta sẽ thu được kết quả là:

Tiếp theo, thêm một Drop Shadow nữa bằng cách chọn ‘fx’ ở cuối bảng Layer Style.

Chọn Drop Shadow, lúc này bạn sẽ có thêm một hiệu ứng đổ bóng khác cho layer text của mình

Chọn một kiểu mới và điều chỉnh thuộc tính Distance. Bạn nên tăng Distance lên một chút ít so với Drop Shadow đầu tiên. Mình sẽ để là 7px.
Tiếp tục thêm Drop Shadow, và điều chỉnh Distance như trên.
Bây giờ ta sẽ làm bóng đổ dài thêm bằng cách gộp tất cả các bóng đổ đặt vào một lớp duy nhất. Bạn cũng có thể sử dụng Layer Group để bổ sung thêm vào Drop Shadow. Đặt text layer vào Layer Group.
Thêm một Drop Shadow vào Layer Group. Một số cài đặt sẽ cần được điều chỉnh để phù hợp với màu sắc và kiểu của bóng đổ trước đó. Ngoài ra, bạn cần đặt bóng đổ để nó xuất hiện như một sự tiếp nối của các phong cách lớp trước đó.

Tada! Chúng ta sẽ có kết quả như sau:

Tiếp tục làm các bước tương tự cho đến khi bạn đạt được độ dài bóng đổ mong muốn nhé.
Bóng đổ nghiêng xuống nền (ColorME bổ sung, 17/10/2026)
Khi muốn chữ như đứng trên mặt bàn và bóng ngả ra phía sau, Drop Shadow không đủ vì nó chỉ lệch bóng, không làm nghiêng. Cách làm thường gặp:
- Thêm Drop Shadow cho layer chữ như Kiểu 2.
- Vào Layer > Layer Style > Create Layers. Theo hướng dẫn tách layer style thành layer của Adobe, Photoshop tách mỗi hiệu ứng thành một layer riêng; bóng giờ là một layer ảnh thường.
- Chọn layer bóng, bấm Ctrl + T (Command + T trên macOS), chuột phải chọn Distort hoặc Perspective, kéo cạnh trên của bóng ngả ra sau.
- Giảm Opacity của layer bóng và làm mờ phần xa hơn nếu muốn bóng tự nhiên.
Lưu ý từ Adobe: sau khi tách, bóng không còn gắn với chữ; sửa chữ thì bóng không tự cập nhật. Nên giữ một bản sao layer chữ gốc trước khi tách.
Dùng lại hiệu ứng bóng cho chữ khác (ColorME bổ sung, 17/10/2026)
Theo hướng dẫn sao chép layer style của Adobe: chuột phải vào layer đã có bóng, chọn Copy Layer Style; chuột phải vào layer đích (giữ Ctrl hoặc Command để chọn nhiều layer), chọn Paste Layer Style. Nếu hay dùng một kiểu bóng, Adobe gợi ý lưu nó thành style trong bảng Styles.
Lỗi thường gặp khi đổ bóng chữ (ColorME bổ sung, 17/10/2026)
- Bóng mỗi chữ một hướng: các layer dùng Angle khác nhau; bật Use Global Light.
- Không tô gradient lên mặt nạ được: đang dùng vector mask hoặc đang chọn ô ảnh thay vì ô mặt nạ; tạo layer mask và bấm vào ô mặt nạ trước khi kéo gradient.
- Bóng quá đậm, nhìn bẩn: giảm Opacity của Drop Shadow hoặc chọn màu bóng đậm hơn màu nền một chút thay vì đen tuyền.
- Sửa chữ xong hiệu ứng bị mất: layer đã bị Rasterize hoặc đã Create Layers; giữ bản layer chữ gốc để sửa nội dung.
Muốn chữ nổi khối thay vì chỉ có bóng, xem cách thiết kế chữ 3D nổi bật trong Photoshop.
Câu hỏi thường gặp (ColorME bổ sung, 17/10/2026)
Cách đổ bóng chữ trong Photoshop như thế nào?
Chọn layer chữ, bấm biểu tượng fx ở cuối bảng Layers hoặc vào Layer > Layer Style > Drop Shadow, chỉnh Angle, Distance, Spread, Size rồi bấm OK.
Làm sao tạo bóng đổ dài cho chữ?
Thêm nhiều lớp Drop Shadow cùng một góc và tăng dần Distance, hoặc đặt chữ vào Layer Group rồi thêm Drop Shadow cho group để nối tiếp các lớp bóng.
Spread trong Drop Shadow là gì?
Spread nới rộng vùng bóng trước khi làm mờ. Spread 100% cho bóng cứng, rõ cạnh; Spread thấp với Size lớn cho bóng mềm.
Vì sao các bóng đổ trong file không cùng hướng?
Vì các layer dùng góc Angle khác nhau. Bật Use Global Light để mọi Drop Shadow, Inner Shadow và Bevel & Emboss dùng chung một góc sáng.
Làm sao chép hiệu ứng đổ bóng sang chữ khác?
Chuột phải vào layer có bóng, chọn Copy Layer Style, rồi chuột phải vào layer đích và chọn Paste Layer Style.
Tạm kết,
Với các thao tác như trên, thoạt nhìn có vẻ rất phức tạp vì phải trải qua rất nhiều bước nhưng đó đều là những thao tác rất cơ bản và dễ dàng phải không nào? Nếu bạn muốn khám phá thêm những ứng dụng tuyệt vời khác của Photoshop, tham khảo khóa học Photoshop cơ bản tại ColorME nhé!
Tham khảo: Khóa học Photoshop Online
Tác giảKiều Anh














