Tutorial · 09/07/2019
04 bước đơn giản tạo viền chữ trong Photoshop
Đức Hà09/07/2019 · 7 phút đọc · 179.179 lượt xem
Tạo viền chữ trong photoshop CS6 như thế nào ? Có những lưu ý hay tips nào để việc thiết kế, tạo viền chữ trong photoshop đẹp và nổi bật hơn ? Hãy khám phá câu trả lời ngay trong bài viết dưới đây nhé:
Tóm tắt nhanh: tạo viền chữ trong Photoshop (ColorME bổ sung, 17/10/2026)
Chọn layer chữ, vào Layer > Layer Style > Stroke (hoặc bấm biểu tượng fx dưới bảng Layers rồi chọn Stroke), đặt Size, Position và Color, bấm OK. Viền làm theo cách này là layer style: không phá ảnh, sửa chữ thì viền tự chạy theo. Theo Adobe, Stroke "viền quanh đối tượng bằng màu, gradient hoặc pattern", đặc biệt hợp với hình có cạnh rõ như chữ.
| Tuỳ chọn trong Stroke | Tác dụng | Gợi ý |
|---|---|---|
| Size | Độ dày viền, tính bằng pixel | Chữ tiêu đề: thử 2 đến 6 px rồi tăng dần |
| Position | Outside, Inside hoặc Center (Adobe) | Outside giữ nguyên nét chữ; Inside làm chữ trông mảnh đi |
| Blend Mode | Cách viền hoà với các layer bên dưới | Để Normal nếu muốn đúng màu đã chọn |
| Opacity | Độ trong của riêng hiệu ứng viền | 100% cho viền rõ |
| Fill Type | Color, Gradient hoặc Pattern | Gradient cho viền nổi bật kiểu poster |
Position của Stroke: Outside đặt viền ra ngoài, Inside vào trong làm chữ mảnh đi, Center chia đôi ở hai phía mép chữ. Hình do ColorME dựng bằng code với font Be Vietnam Pro (OFL), không phải giao diện Photoshop.
Bốn bước có ảnh minh hoạ ở ngay dưới đây là bài gốc; các mục ghi "ColorME bổ sung" được thêm ngày 17/10/2026 theo tài liệu Photoshop của Adobe.
A. 04 bước tạo viền chữ trong photoshop
Bước 1: Tạo layer text trên ảnh của bạn. Ở đây mình để text mình để là “ColorME” với mã màu #50d6f3
Như vậy chúng ta đã có một layer text ở trên ‘background’ trước khi bắt đầu tạo viền chữ.
Bước 2: Click chuột phải vào Layer Text. Sau đó, bạn chọn ‘Blending Options’
Bước 3: Tiếp theo, photoshop sẽ hiển thị một bảng layer style với nhiều lựa chọn để chỉnh sửa, thiết kế layer trong Photoshop. Để tạo viền chữ trong photoshop, bạn chọn phần ‘Stroke’.
Một số thông số bạn cần lưu ý:
-Size: Kích thước của viền chữ với đơn vị đo là px
-Position : Bạn có thể chọn 1 trong 3 option: Outside (viền chữ ở ngoài) khá phổ biến, Inside (Viền chữ ở bên trong), và Center (ở giữa)
-Bend Mode: Kiểu viền. Thông thường, để giữ nguyên bản màu viền đã chọn, mình để ‘Normal’.
Ghi chú (ColorME bổ sung, 17/10/2026): tên đúng của tuỳ chọn này trong Photoshop là Blend Mode. Adobe mô tả Blend Mode quyết định cách layer style hoà với các layer bên dưới.
-Opacity: Chỉnh độ trong/mờ của viền
-Color: Click vào ô màu sẽ chọn được màu sắc hoặc điền mã màu bạn có sẵn
Bước 4: Click ‘OK’. Vậy là bạn đã tạo được viền chữ trong Photoshop rồi đó. Còn đây là thành quả của mình:
Stroke trong Photoshop là gì? Hai lệnh dễ nhầm (ColorME bổ sung, 17/10/2026)
Trong Photoshop có hai chỗ cùng tên Stroke, cho kết quả khác nhau:
| Layer Style > Stroke | Edit > Stroke | |
|---|---|---|
| Bản chất | Hiệu ứng gắn với layer, sửa hoặc tắt được bất cứ lúc nào | Vẽ hẳn một đường viền bằng pixel lên layer |
| Dùng cho | Chữ còn sửa được, shape, logo | Vùng chọn (chữ nhật, elip, tự do) hoặc layer ảnh |
| Với layer chữ | Dùng trực tiếp | Bị mờ; Adobe hướng dẫn chuột phải chọn Rasterize Layer trước |
| Tuỳ chọn vị trí | Position: Outside, Inside, Center | Location: Inside, Center, Outside |
Nguồn: Adobe: các hiệu ứng layer style và Adobe: tô viền cho vùng chọn hoặc layer. Với chữ, nên dùng Layer Style vì rasterize xong là không sửa chữ được nữa.
4 kiểu viền chữ đẹp hay dùng (ColorME bổ sung, 17/10/2026)
1. Chữ rỗng, chỉ còn viền
- Thêm Stroke cho layer chữ như các bước ở trên.
- Trong bảng Layers, kéo ô Fill (ngay dưới Opacity) về 0%.
Theo Adobe, Fill chỉ làm trong phần nội dung (chữ, pixel, shape) và giữ nguyên độ đậm của các hiệu ứng như stroke và drop shadow; còn Opacity thì làm mờ cả layer lẫn hiệu ứng. Vì vậy kéo Fill thì còn lại viền, kéo Opacity thì viền mờ theo.
2. Viền đôi hai màu
- Nhân đôi layer chữ: chuột phải vào layer, chọn Duplicate Layer.
- Layer trên: Stroke mỏng, màu thứ nhất.
- Layer dưới: Stroke dày hơn, màu thứ hai. Phần dư của viền dưới lộ ra thành vòng viền ngoài.
3. Viền gradient
Trong Stroke, đổi Fill Type từ Color sang Gradient rồi chọn dải màu. Hợp với chữ đậm, cỡ lớn trên poster hay thumbnail.
4. Viền kèm đổ bóng
Bật thêm Drop Shadow trong cùng hộp Layer Style để chữ tách khỏi nền ảnh nhiều chi tiết. Các kiểu đổ bóng có trong bài tạo đổ bóng chữ trong Photoshop; nhiều hiệu ứng chữ khác xem 5 hiệu ứng chữ trong Photoshop.
Bốn kiểu viền chữ hay dùng trong bài: chữ rỗng (Fill 0%), viền đôi, viền gradient, viền kèm đổ bóng. Hình do ColorME dựng bằng code.
Tạo viền cho ảnh hoặc vùng chọn (ColorME bổ sung, 17/10/2026)
Nhiều bạn cần viền quanh cả bức ảnh chứ không phải quanh chữ. Cách của Adobe:
- Chọn màu foreground làm màu viền.
- Tạo vùng chọn (Select > All để chọn cả ảnh, hoặc dùng công cụ chọn bất kỳ).
- Vào Edit > Stroke, nhập Width (độ dày, pixel).
- Chọn Location: Inside, Center hoặc Outside; chỉnh Mode và Opacity nếu cần, rồi bấm OK.
Adobe lưu ý: nếu nội dung layer phủ kín cả ảnh thì viền đặt Outside sẽ không nhìn thấy. Khi viền quanh cả bức ảnh, hãy chọn Inside.
Lỗi thường gặp khi tạo viền chữ (ColorME bổ sung, 17/10/2026)
- Viền làm chữ dính vào nhau. Size quá lớn so với cỡ chữ; giảm Size hoặc tăng khoảng cách chữ.
- Góc chữ bị tròn. Viền Outside dày thường làm góc nhọn trông tròn; thử Position Center hoặc giảm Size.
- Edit > Stroke bị mờ. Layer đang là chữ, shape hoặc smart object (Adobe); với chữ hãy dùng Layer Style thay vì rasterize.
- Kéo Opacity để làm chữ rỗng. Viền mờ theo; phải kéo Fill.
- Viền chữ trên ảnh nhiều chi tiết vẫn khó đọc. Thêm Drop Shadow, hoặc đặt một mảng màu sau chữ.
Muốn chữ chứa cả ảnh bên trong rồi mới viền, xem cách dùng clipping mask.
Hai lỗi hay gặp: viền ngoài dày làm góc tròn đi; kéo Opacity thì viền mờ theo, phải kéo Fill. Hình do ColorME dựng bằng code.
Câu hỏi thường gặp (ColorME bổ sung, 17/10/2026)
Stroke trong Photoshop là gì?
Là hiệu ứng viền quanh đối tượng bằng màu, gradient hoặc pattern, nằm trong Layer Style. Ngoài ra Edit > Stroke là lệnh vẽ viền bằng pixel quanh vùng chọn hoặc layer.
Làm sao tạo chữ chỉ có viền, ruột trong suốt?
Thêm Stroke cho layer chữ rồi kéo Fill trong bảng Layers về 0%. Fill làm trong phần chữ nhưng giữ nguyên hiệu ứng viền.
Vì sao Edit > Stroke bị mờ, không bấm được?
Vì layer đang là chữ, shape hoặc smart object. Adobe hướng dẫn rasterize layer trước; với chữ nên dùng Layer Style > Stroke để vẫn sửa được chữ.
Viền Outside, Inside, Center khác nhau thế nào?
Outside đặt viền ra ngoài nét chữ, Inside đặt vào trong làm chữ trông mảnh đi, Center chia đôi viền ở hai phía của mép chữ.
B. THAM KHẢO:
Để nhanh chóng ‘nâng trình’ photoshop, ngoài hướng dẫn tạo viền chữ trong photoshop, bạn có thể theo dõi thêm các hướng dẫn học photoshop khác trên Blog ColorME nhé:
> layer là gì và các thao tác với layer trong photoshop
> Hướng dẫn tô màu trong photoshop nhanh và đẹp mắt
> học photoshop cơ bản với 05 công cụ này.
> cách ghép ảnh trong photoshop cs6
LỜI KẾT
Trên đây là hướng dẫn 04 bước cơ bản giúp bạn tạo viền chữ trong photoshop nhanh chóng và linh hoạt với các lựa chọn để thiết kế text thêm đẹp mắt. Ngoài tạo viền chữ trong photoshop, bạn có thể tham khảo nhiều các hướng dẫn mới trên Blog của chúng mình khi học photoshop cơ bản để 'nâng level' nhanh hơn. ColorME chúc bạn sẽ thành công và có nhiều ấn phẩm đẹp trong tương lai!
Và nếu bạn là một người mới bắt đầu học Photoshop và cần một lộ trình bài bản, ứng dụng cao vào công việc, hãy khám phá ngay Khoá học photoshop cơ bản cho người mới bắt đầu tại ColorME hay khoá học Photoshop Online tại E-ColorMe nhé!
Tác giảĐức Hà
