Cách tạo viền chữ trong illustrator

Cũng ko khó, bạn làm như sau:- Chọn công cụ Selection Tool [V]- Click chọn chữ muốn tạo viền- Trên thanh công cụ, ở chỗ Color Picker [thường nằm dưới công cụ Zoom] bạn sẽ thấy 2 hình vuông màu đè lên nhau [1 cái là fill, 1 cái là stroke] > Bấm X để chuyển giữa Fill và Stroke- Chuyển Stroke lên trên Fill để chọn màu cho đường viền.- Mở bảng Stroke [Windows > Stroke], chỉnh weight cho nó.- XongCòn với leading [khoảng cách dòng] thì bạn làm như sau:- Bôi đen đoạn cần chỉnh leading- Mở bảng Character [Ctrl + T]- Dưới khung chỉnh Font Style [Bold, Italic,...] sẽ có 2 khung chỉnh Font Size và Leading [có biểu tượng 2 chữ A, 1 cái trên, 1 cái dưới và có mũi tên 2 chiều nằm dọc]- Chỉnh thông số leading.

- Xong

Diễn đàn Designer Việt Nam

Trang chủ Diễn đàn > Đồ họa vector > Illustrator > Hỏi đáp - Thảo luận về Illustrator >

Lượt xem: 51,723

Diễn đàn Designer Việt Nam

Trang chủ Diễn đàn > Đồ họa vector > Illustrator > Hỏi đáp - Thảo luận về Illustrator >

Mẹo nhỏ: Để tìm kiếm chính xác các ấn phẩm của makiemluc.vn, hãy search trên Google với cú pháp: "Từ khóa" + "makiemluc.vn". [Ví dụ: thiệp tân linh mục makiemluc.vn]. Tìm kiếm ngay

Chào các bạn, nếu là phần mềm Photoshop thì chúng ta có thể sử dụng bảng Layer style, chọn Stroke là có thể tạo viền cho đối tượng rồi phải không? Còn ở phần mềm Illustrator thì sao? Có nhiều bạn chưa thực sự nắm rõ. Do đó, hôm nay mình viết bài hướng dẫn cách tạo viền cho chữ trong phần mềm Adobe Illustrator chi tiết nhất!


Sử dụng Stroke Tool

Trong phần mềm Adobe Illustrator, bạn nhập một dòng chữ bất kỳ, sau đó chọn màu cho nền chữ và màu cho viền của chữ bằng cách sử dụng công cụ Fill hoặc Stroke ở thanh công cụ như hình dưới đây:

Sử dụng công cụ fill hoặc stroke để tô màu nền và tô màu viền cho chữ

Chúng ta có thể đảo qua đảo lại hai màu Nền Viền bằng cách nhấn phím X hoặc dấu mũi tên 2 chiều bên góc trên cùng bên phải [trong phần khoanh màu vàng ở hình trên]. Từ phiên bản Illustrator CS6 trở lên, chúng ta được phép chọn màu chuyển sắc [gradient] cho đường viền.

Bạn đang xem: Tạo viền cho chữ trong ai

Pallette Stroke [Các tùy chọn thay đổi đường viền]

Sau khi đã đổ được màu cho viền rồi, chúng ta có thể thay đổi cách hiển thị đường viền như: thay đổi tùy chọn bo góc, thay đổi tùy chọn hiển thị đầu mút của đường viền, tạo đường viền dạng nét đứt,… bằng cách sử dụng Pallette Stroke trong Hộp thoại Stroke.

Bước 1: Vào Window – Stroke

Vào Window – Stroke – Show Option để mở bảng chọn.

Vào Window – Stroke – Show Option để mở Bảng chọn cho StrokeBước 2: Tùy chọn độ dày mảnh của đường viền

Để chọn độ dày mảnh hoặc kiểu hiển thị của đường viền, chúng ta có thể chọn thông số trong phần Weight như hình trên, hoặc cũng có thể chọn tùy chọn nhanh ở trên thanh tùy biến:

Tùy chọn độ dày mảnh của đường viềnBước 3: Các tùy chọn khác của đường viền:

Vào Window – Stroke – Show Option. Trong cửa sổ mở ra, chúng ta có thể nhận thấy rất nhiều tùy chọn hữu ích cho đường viền của chữ như: tùy chọn kiểu bo góc [vuông/tròn]; tùy chọn kiểu bo đầu nút; tùy chọn kiểu đường viền có nét đứt, nét gạch,… như hình bên dưới:

pallette stroke

Sử dụng Offset Path

Một cách rất hay nữa khi muốn tạo viền cho chữ là sử dụng Offset Path. Tuy nhiên, dùng cách này thì dòng chữ của bạn sẽ không thể thay đổi được nữa. Nghĩa là, chỉ sử dụng được Offset Path khi bạn convert font chữ sang đối tượng vector.

Bước 1: Nhập dòng chữ bạn cần tạo viền.Bước 2: Convert font chữ sang đối tượng Vector

Chọn dòng chữ muốn convert, sử dụng Object – Expand --> OK hoặc nhấn tổ hợp phím Ctrl+Shift+O.

Convert font chữBước 3: Tạo viền cho chữ sử dụng Offset Path

Thực chất việc sử dụng Offset Path không phải tạo viền, mà là tạo một đối tượng mới có kích thước mở rộng hay thu hẹp lại so với viền của đối tượng cũ bao nhiêu pixel [+px hoặc -px]. Sau khi convert font sang đối tượng, chúng ta vào Object – Path – Offset Path để tiến hành thiết lập viền mở rộng cho đối tượng mới.

Sử dụng Offset Path để tạo viền cho đối tượng

Trong hình trên, chúng ta nhập giá trị độ dày cho viền vào ô Offset, chọn kiểu bo viền sắc cạnh [Miter] hoặc kiểu bo viền thon tròn ở các góc [round]. Giá trị trong Miter litmit có thể để mặc định nhé!

Sau khi thiết lập các giá trị xong, các bạn nhấn OK để xem thay đổi như hình dưới nhé:

Bước 4: Chọn màu cho đối tượng được mở rộng và đưa xuống dưới cùng.

Xem thêm: Top 12 Bộ Phim Làm Nên Tên Tuổi Của Song Joong Ki Hậu Duệ Mặt Trời Cute

Sau khi sử dụng lệnh Offset Path, đối tượng mới được tạo ra với viền được mở rộng hơn 3px so với đối tượng cũ. Tuy nhiên, nó đang nằm đè lên đối tượng cũ. Việc tiếp theo chúng ta phải đổ màu và sử dụng tổ hợp phím Ctrl+Shift+{ để đưa nó xuống dưới cùng nhé!

Như vậy, với một đối tượng mới, chúng ta có thể di chuyển theo ý thích để tạo nên hiệu ứng border đặc sắc hơn cho chữ trong phần mềm Illustrator rồi.

Tạo viền cho chữ trong phần mềm Illustrator

Lời kết

Như vậy, mình đã chỉ cho các bạn cách tạo viền cho chữ trong phần mềm Adobe Illustrator rồi phải không? Tóm tắt nội dung, các bạn chỉ cần nhớ có hai cách tạo viền cho chữ trong Illustrator là sử dụng công cụ Stroke hoặc sử dụng lệnh Offset Path [không thể chỉnh sửa chữ nhưng tạo được nhiều hiệu ứng hay hơn] là được nhé! Chúc các bạn học tốt và làm tốt!

Font chữ là một yếu tố quan trọng trong thiết kế đồ họa, vừa nâng tầm thiết kế mà còn giúp người xem hiểu hơn về ấn phẩm của bạn. Có rất nhiều cách để bạn “trang trí” cho phần text của mình, một trong số đó là tạo viền chữ cho text. Vậy làm thế nào để tạo được viền chữ? Trong bài viết hôm nay, G-Multimedia sẽ hướng dẫn bạn cách tạo viền chữ vô cùng đơn giản trong hai phần mềm thiết kế phổ biến nhất là Photoshop mà Illustrator, hãy cùng đón xem nhé!

Master Illustrator: làm chủ từ Tư duy đến Công cụ thiết kế 

Cách tạo viền chữ trong phần mềm Photoshop

Bước 1: Chọn ảnh 

Ở đây, G-multimedia đã chuẩn bị một file PSD để hỗ trợ việc hướng dẫn. Bạn có thể chọn bất cứ ấn phẩm Photoshop nào, tải trên mạng hoặc kể cả ấn phẩm Photoshop mà bạn đang làm dở. Chỉ cần đảm bảo trên ảnh của bạn đã có layer text.

Bước 2: Chỉnh sửa layer Text

Bạn click chuột chọn vào layer của Text, sau đó đó ấn vào biểu tượng công cụ Blending Option nằm phía dưới bảng Layer. Tại đây bạn chọn vào phần Stroke và bảng công cụ này sẽ hiện ra.

Ở bảng Stroke này bạn sẽ bao gồm các lựa chọn sau:

  • Size [kích cỡ]: Bạn có thể thay đổi kích cỡ to nhỏ của viền chữ tại đây.
  • Position [Vị trị]: Vị trí của viền chữ, có 3 lựa chọn là viền ngoài, viền trong và viền giữa.
  • Blend mode [hiệu ứng hòa màu]: Tùy chỉnh hiệu ứng màu sắc của viền chữ.
  • Opacity [độ trong suốt]: chỉnh độ mờ, rõ của viền chữ.
  • Color [Màu sắc]: Chọn màu viền chữ, ngoài ra còn có lựa chọn màu viền chữ Photoshop theo dạng Solid, Gradient hoặc Pattern.p

Cách sử dụng khá dễ dàng, bạn chỉ cần thêm màu và thay đổi các thông số sao cho phù hợp với nhu cầu sử dụng viền chữ của bạn. Nếu chưa có lựa chọn nào, bạn có thể áp dụng thông số của G-multimedia ở ảnh trên,

Bước 3: Kết quả

Và đây chính là kết quả sau khi đã thêm viền chữ trong Photoshop, nhìn Layer text giờ đã thêm phần thu hút đúng không nào? Bạn hãy thử ngay nhé!

Cách tạo viền chữ với Text không đổ màu trong Photoshop

Ở trên G-multimedia đã hướng dẫn bạn cách tạo viền chữ [Outline] với Text đã đổ màu sẵn, tuy nhiên nếu bạn muốn tạo viền chữ với Text chưa đổ màu thì sao? Đừng lo, G-Multimedia sẽ hướng dẫn bạn chỉnh sửa chỉ với 2 bước nhanh chóng sau đây.

Bước 1: Sử dụng Blending Option

Giống như cách tạo viền chữ trên, bạn chọn công cụ Blending Option ở phía dưới bảng layer, thay vì chọn Stroke, bạn ấn vào phần Blending Option ở trên cùng, một bảng chỉnh sửa sẽ hiện ra.

Sau khi bảng hiện ra, bạn chỉ cần chú ý tới đúng một tùy chỉnh đó là phần Fill Opacity, kéo nó về mức 0%, sau đó tùy chỉnh lại phần Stroke như đã hướng dẫn ở cách tạo viền chữ bên trên. 

Xem thêm: Hướng dẫn chỉnh màu ảnh trong Photoshop cực đơn giản cho người bắt đầu

Bước 2: Kết quả

Sau khi đã chỉnh sửa hai phần Blending Option Stroke, giờ đây bạn đã có hiệu ứng viền chữ đẹp mặt cho text của mình, hãy thử ngay bạn nhé!

Cách tạo viền chữ trong Illustrator

Bước 1: Chọn ảnh 

Giống như trên, để tạo viền chữ trong Illustrator bạn hãy chọn một file EPS hoặc AI bất kì. Hãy đảm bảo ảnh có Layer text nhé. 

Bước 2: Sử dụng công cụ Appearance

Đầu tiên, chọn layer text, sau đó vào phần Appearance, bạn có thể mở bằng cách nhấn Windows và chọn Appearance. Sau đó một bảng nhỏ sẽ hiện ra.

Để tạo viền chữ cho Text trong Illustrator, bạn phải đổ màu cho text trước đã, hãy ấn vào biểu tượng trong hình phía dưới để thêm layer cho Text, 1 layer màu cho lõi và 1 layer màu cho viền chữ [màu tùy ý]. Ở đây G-Multimedia sẽ chọn màu trắng là màu lõi và màu nâu đậm là màu viền.

Để tạo viền chữ, hãy chọn layer màu viền [ở đây là màu nâu đậm]. Nếu để ý dưới bảng Appearance có biểu tượng công cụ giống với biểu tượng Blending Option bên Photoshop, bạn hãy ấn vào đó để tiếp tục.

Tiếp theo, hãy chọn Path và chọn mục Offset Path, một bảng nhỏ hiện ra và bạn có thể tạo viền chữ cho Illustrator ở đây. 

Các mục ở trong Offset Path bao gồm:

  • Offset: Độ dày của viền chữ.
  • Joins: Tùy chỉnh góc của viền chữ, có 3 lựa chọn là góc tròn [Round], góc vuông [Miter] và góc xiên [Bevel].
  • Miter Limit: Tùy chỉnh cho góc vuông và góc xiên.

Ở đây, chúng mình sẽ chọn góc của viền chữ là góc tròn, với độ dày là 7, bạn có thể tham khảo như hình hoặc tùy chỉnh theo nhu cầu mong muốn.

Xem thêm: 10 thiết kế logo line art đỉnh cao khai phá sức sáng tạo trong bạn

Sau khi chọn xong, ấn OK để đóng bảng Offset Path, và viền chữ của bạn đã được tạo xong, rất dễ dàng phải không nào!

Tổng kết

Trên đây là cách tạo viền chữ text cơ bản nhất cho hai phần mềm thiết kế Photoshop và Illustrator. Photoshop là phần mềm chuyên về chỉnh sửa ảnh vậy nên nó không thực sự hỗ trợ tạo hiệu ứng cho Text, nếu muốn bạn sẽ cần nhân nhiều Layer lên khá phức tạp. G-Multimedia khuyên bạn nếu muốn chỉnh sửa font chữ hoặc text, hãy sử dụng phần Illustrator bởi nó sẽ hỗ trợ tốt hơn. 

Nếu bạn muốn phát triển kĩ năng chỉnh sửa font chữ hoặc tạo ra ấn phẩm đẹp mặt, hãy cùng G-Multimedia tham gia ngay khóa học Master Illustrator: làm chủ từ Tư duy đến Công cụ thiết kế để làm chủ công cụ thiết kế đình đám này nhé. Nếu như có bất kỳ câu hỏi nào về bài học, bạn chỉ cần bình luận, và giảng viên sẽ giải đáp cho bạn chỉ trong vòng 24 giờ. Vậy thì bạn còn chần chừ gì mà không đăng ký ngay nào!

G-Multimedia xin cảm ơn bạn đọc và chúc bạn thành công!

Cùng tham gia cộng đồng hỏi đáp về chủ đề Thiết kế

Video liên quan

Chủ Đề