Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Cách tạo hiệu ứng văn bản lấy cảm hứng từ trang phục Sari trong Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

Vietnamese (Tiếng Việt) translation by Na Dang (you can also view the original English article)

Final product image
What You'll Be Creating

Trong hướng dẫn này, bạn sẽ học cách vẽ hiệu ứng văn bản lấy cảm hứng từ trang phục sari/saree tuyệt đẹp. Màu sắc chủ đạo ở đây là màu hồng và vàng tươi. Có rất nhiều chi tiết và nhiều cọ và hiệu ứng Illustrator mà chúng ta sẽ sử dụng để tạo ra các trang trí đẹp mắt và kết cấu mượt mà, vì vậy hãy làm theo và tìm hiểu một số kỹ thuật mới.

Nếu bạn thèm khát các hiệu ứng văn bản hơn nữa, hãy tham khảo GraphicRiver và bạn chắc chắn sẽ tìm thấy những gì bạn đang tìm kiếm ở đó.

1. Cách mở một tài liệu mới

Khởi chạy Illustrator và vào File > New để mở một tài liệu trống. Nhập tên cho tập tin của bạn, thiết lập kích thước và sau đó chọn Pixels làm UnitsRGB làm Color Mode. Đảm bảo rằng Align New Object to Pixel Grid không được đánh dấu.

Tiếp theo, vào Edit > Preferences > General và đặt Tăng Keyboard Increment 1 px và vào Units để đảm bảo chúng được thiết lập như trong hình ảnh sau. Tôi thường làm việc với các cài đặt này và chúng sẽ giúp bạn trong suốt quá trình vẽ.

how to open new illustrator document

2. Cách tạo văn bản Sari

Bước 1

Copy văn bản “साड़ी“, đó là từ tiếng Hindi có nghĩa là sariPaste nó lên bản vẽ của bạn bằng Type Tool (T). Rất có thể bạn sẽ thấy hình vuông thay vì văn bản, nhưng thay đổi phông chữ thành “Nirmala UI”, Bold, kích thước 220 pt. Đây là phông chữ của Microsoft đi kèm với Windows OS và đây là phông chữ duy nhất trong bộ sưu tập của tôi cho phép tôi nhìn thấy các ký tự Hindi. Bạn có thể tải nó từ đây hoặc ở đây.

Một lựa chọn khác là chỉ cần sử dụng từ Sari hoặc Saree.

Sử dụng Selection Tool (V) để chọn văn bản và kéo nó một chút sang bên phải để làm cho nó rộng hơn.

how to type Hindi word for Sari

Bước 2

Trong khi văn bản vẫn được chọn, chọn Expand từ menu Object và sau đó là Ungroup (Shift-Control-G). Bạn sẽ nhận được các phần văn bản cá thể. Trong suốt hướng dẫn này, tôi sẽ gọi đến ký tự màu hồng là “piece 1” của chữ, một ký tự màu cam là “piece 2”, và các ký tự màu xanh lá cây, xanh dương và đỏ là “piece 3”, “piece 4” và “piece 5”

Như bạn có thể thấy, các phần văn bản nằm chồng lên nhau ở trên cùng, đặc biệt là các phần màu cam và xanh lá cây. Bạn cần khắc phục điều đó. Chọn Direct Selection Tool (A) và sử dụng nó để chỉ chọn các điểm neo trên cùng bên trái của phần màu cam và di chuyển chúng vào phía trong, lên đến cạnh màu hồng. Tiếp tục với các điểm trên cùng bên phải và di chuyển chúng lên cạnh màu xanh lá cây. Lặp lại điều tương tự giữa các phần màu xanh lá cây và màu xanh dương.

Tô màu cho văn bản mới thu được với màu hồng sáng.

how to adjust the sari text

3. Cách tạo đường viền vàng xung quanh văn bản Sari

Bước 1

CopyPaste in back (Control-B) tất cả năm phần văn bản và xóa màu tô. Chọn nét Stroke màu be 1,5 pt và nhấn biểu tượng Align Stroke to Outside trong bảng nét Stroke. Trong khi thuộc tính nét Stroke này vẫn được chọn trong bảng Appearance , vào Effect > Path > Offset Path và áp dụng Offset1 px.

Thêm một New Stroke ở dưới cùng của bảng Appearance và chọn nét Outside Stroke màu nâu nhạt 1 pt. Lần này áp dụng Offset 2,5 px.

Thêm một New Stroke ở đầu bảng Appearance và chọn nét Outside Stroke 1 pt.

how to create the golden border around the sari text

Bước 2

Bây giờ hãy tạo một hình dạng mặt nạ. Copy Paste in Place (Shift-Control-V) năm phần văn bản, xóa màu tô và chọn Outside Stroke 3,5 pt có độ dày chính xác của đường viền màu vàng. Chọn Expand Appearance từ menu Object để biến các nét stroke thành màu tô. Trong khi các viền màu xanh dương được chọn vẫn được chọn, vào Object > Compound Path > Make (Control-8) để hợp nhất chúng thành một hình compound đơn (1).

Chọn Rectangle Tool (M) và vẽ một hình chữ nhật giữa các điểm bên trong của đường viền màu xanh như hình (2). Bây giờ, chọn đường compound path màu xanh cùng với hình chữ nhật này và nhấn Minus Front trong bảng Pathfinder. Kết quả là, bạn sẽ thoát khỏi các phần nhỏ của đường viền màu xanh ở bên trong (3).

how to create a mask shape for the golden border around sari text

Bước 3

Dùng công cụ Pencil Tool (N) và vẽ một đường lượn sóng ngẫu nhiên theo đường viền vàng của phần văn bản đầu tiên (1). Làm điều tương tự cho các phần văn bản khác (2).

Vuốt các đường lượn sóng này bằng Watercolor -Blend Art Brush mà bạn có thể tìm thấy trong Brush Libraries Menu > Artistic > Artistic_Watercolor. Giữ Stroke Weight ở mức 1 pt và sau đó chuyển đến Effect > Blur > Gaussian Blur và áp dụng Radius 2 px. Đặt Blending Mode thành Color Burn (3).

how to create shading on golden border around sari text

Bước 4

Bây giờ, chọn hình dạng mặt nạ từ trước đó (phải ở trước mọi thứ và được đặt thành Stroke-none, fill-none (1)) cùng với tất cả các đường lượn sóng và vào Object > Clipping Mask > Make (Control-7). Như vậy, các chi tiết tô bóng sẽ chỉ hiển thị trên viền vàng (2). Bạn có thể thấy hình trước và sau trong cận cảnh dưới đây.

how to mask the golden border around sari text

4. Cách tạo sọc trang trí vàng trên văn bản Sari

Bước 1

Đầu tiên, hãy xác định nơi trang trí sẽ đi qua. Sử dụng Rectangle Tool (M) để vẽ hình chữ nhật có kích thước khoảng 575 x 88 px đè lên văn bản (1).

Tô màu cho hình chữ nhật với màu được chỉ định và sau đó thêm New Fill ở trên. Sử dụng Leaves Tropical Color Pattern mà bạn có thể tìm thấy trong menu Swatch Libraries menu > Patterns > Nature > Nature_Foliage. Đặt Blending Mode thành Hard Light và giảm Opacity xuống 45% (2).

Với hình chữ nhật vẫn được chọn, vào Object > Transform > Scale, nhập 50% vào trường Scale và đảm bảo chỉ đánh dấu tùy chọn Patterns. Nhấn OK và mẫu này sẽ nhỏ hơn (3).

how to create the pattern rectangle on sari text

Bước 2

Chọn năm phần văn bản, sau đó CopyPaste in place (Shift-Control-V) để tạo các bản sao của chúng trước mọi thứ. Vào Object > Compound Path > Make (Control-8) để hợp nhất chúng thành một hình dạng duy nhất và đặt nó thành Stroke-none và fill-none (1).

Bây giờ, chọn hình chữ nhật mẫu cùng với đường compound path mới thu được và vào Object > Clipping Mask > Make (Control-7) (2).

how to mask the pattern rectangle on sari text

Bước 3

Sử dụng Pen Tool (P) hoặc Line Segment Tool (\) để vẽ một đường thẳng trên văn bản. Cung cấp cho nó một nét Stroke màu nâu ấm 2 pt và chọn Brush Gold Leaf Pattern từ Brush Libraries menu > Borders > Borders_Decorative. Mở cửa sổ Stroke Options và đặt Colorization Method thành Tints and Shades để cọ cũng có màu nâu ấm. Di chuyển đường path này dưới mặt nạ mà bạn đã tạo ở bước trước (1).

Trong khi thuộc tính nét Stroke này vẫn được chọn trong bảng Appearance, vào Effect > Distort & Transform > Transform và gõ -45 px trong trường Move Vertical. Điều này sẽ di chuyển nét stroke của cọ lên trên và sẽ đi chính xác đến cạnh của hình chữ nhật mẫu (2).

how to create the decorative stripe on the sari text

Bước 4

Thêm một New Stroke dưới cái đầu tiên trong bảng Appearance và sử dụng Floral 1 Pattern Brush từ Brush Libraries menu > Borders > Borders_Decorative. Đặt Stroke Weight thành 0,75 pt và sau đó đặt Colorization Method thành Tints and Shades trong cửa sổ Stroke Options để thay đổi màu của cọ vẽ.

Trong khi thuộc tính nét Stroke này vẫn được chọn trong bảng Appearance, hãy áp dụng lại hiệu ứng Transform và lần này gõ -15 px trong trường Move Vertical.

how to add the second brush on the decorative stripe on sari text

Bước 5

Thêm một New Stroke ở dưới cùng của bảng Appearance và sử dụng Leaf Pattern Pattern Brush từ Brush Libraries menu > Decorative > Elegant Curl & Floral Brush Set. Đặt Stroke Weight0,5 pt.Colorization Method được đặt thành Tints theo mặc định, vì vậy bạn không phải thay đổi nó lần này.

Trong khi thuộc tính nét Stroke này vẫn được chọn trong bảng Appearance , hãy áp dụng hiệu ứng Transform và gõ -33 px trong trường Move Vertical. Điều này sẽ di chuyển cọ ngay dưới dải dài ở đầu văn bản.

how to add the third brush on the decorative stripe on sari text

Bước 6

Thêm một New Stroke ở dưới cùng của bảng Appearance và sử dụng Rococo Pattern Brush từ Brush Libraries menu > Borders > Borders_Decorative. Giữ Stroke Weight 1 pt. Mở cửa sổ Stroke Options, đặt Colorization Method thành Tints and Shades và sử dụng màu được chỉ định. Áp dụng hiệu ứng Transform và gõ 5 px trong trường Move Vertical.

how to add the fourth brush on the decorative stripe on sari text

Bước 7

Thêm một New Stroke và cái cuối cùng ở dưới cùng của bảng Appearance và sử dụng Scallopped Pattern Pattern Brush từ Brush Libraries menu > Decorative > Elegant Curl & Floral Brush Set. Giảm Stroke Weight xuống 0,75 pt. Áp dụng hiệu ứng Transform và nhập 15 px trong trường Move Vertical.

Tại thời điểm này, các sọc trang trí đã sẵn sàng.

how to add the fifth brush on the decorative stripe on sari text

5. Cách tạo bóng đổ và điểm nổi bật trên văn bản Sari

Bước 1

Chọn tất cả năm phần văn bản, sau đó CopyPaste in place (Shift-Control-V) để tạo các bản sao của chúng ở phía trước mọi thứ. Tô màu cho các bản sao với một gradient tuyến tính được gọi là Tin từ Swatch Libraries menu > Gradients > Metals. Tiếp theo, đi tới Effect > Sketch > Chrome và áp dụng các cài đặt được hiển thị. Đặt Blending Mode thành Overlay và giảm Opacity xuống 55%. Kết quả là, bạn sẽ có được sự xuất hiện của bóng đor và điểm nổi bật trên văn bản.

how to apply chrome effect on sari text

Bước 2

Dùng công cụ Pen Tool (P) và vẽ bốn đường path trên phần văn bản đầu tiên. Cung cấp cho chúng nét Stroke màu đen 5 pt và sử dụng Tapered Blend Art Brush mà tôi đã hướng dẫn cách tạo và lưu trong bước 10 của hướng dẫn Nhân vật kẹo quái vật.

Tiếp theo, đi tới Effect > Blur > Gaussian Blur và áp dụng Radius 3 px. Đặt Blending Mode thành Multiply và giảm Opacity xuống 75%. Đường path màu xanh lá cây được đặt thành 55%.

how to create shading on the first piece of sari text

Bước 3

Chọn phần văn bản đầu tiên, sau đó Copy Paste in place (Shift-Control-V) để tạo một bản sao của nó trước mọi thứ. Đặt bản sao này thành Stroke-none và fill-none.

Bây giờ, chọn bản sao này cùng với phần văn bản có hiệu ứng Chrome được áp dụng cho nó và bốn đường path từ bước trước đó và vào Object > Clipping Mask > Make (Control-7).

how to mask shading on the first piece of sari text

Bước 4

Sử dụng kỹ thuật đã giải thích trong hai bước trước và tạo một số bóng cho các phần văn bản khác.

how to create shading on other pieces of sari text

6. Cách tạo bóng đổ & điểm nổi bật trên sọc trang trí vàng

Bước 1

Trước tiên hãy tạo hình dạng mặt nạ. Chọn đường path với tất cả các nét trang trí được áp dụng cho nó và sau đó CopyPaste in Place (Shift-Control-V) để tạo một bản sao của nó trước mọi thứ. Từ menu Object, chọn Expand Appearance rồi chọn Compound Path > Make (Control-8) (1).

Chọn bốn phần văn bản và CopyPaste in place (Shift-Control-V) để tạo các bản sao của chúng ở phía trước. Vào Object > Compound Path > Make (Control-8) để hợp nhất chúng thành một hình dạng duy nhất (2).

Bây giờ, chọn hai đường compound path mới này và nhấn Intersect trong bảng Pathfinder. Bạn có thể thấy hình dạng kết quả trong hình ảnh dưới đây (3).

how to create a mask shape for the decorative stripe on sari text

Bước 2

Sử dụng Pencil Tool (N) để vẽ đường lượn sóng ngẫu nhiên trên dải trang trí. Cung cấp cho nó một nét Stroke màu đen 1 pt và sử dụng Watercolor – Blend Art Brush từ Brush Libraries menu > Artistic > Artistic_Watercolor. Áp dụng Gaussian Blur 5 px; sau đó đặt Blending Mode thành Color Burn Opacity thành 75%.

how to create shading on the decorative stripe on sari text

Bước 3

CopyPaste in Front (Control-F) đường path lượn sóng từ bước trước đó và chọn Flip Vertical từ menu của bảng Transform. Thay đổi màu nét Stroke thành màu trắng và Blending Mode thành Overlay với Opacity 100%.

how to create highlights on the decorative stripe on sari text

Bước 4

Bây giờ, chọn hai đường lượn sóng cùng với hình dạng mặt nạ được tạo trước đó, sẽ ở phía trước và được đặt thành Stroke-none, fill-none và vào Object > Clipping Mask > Make (Control-7). Bạn sẽ nhận được một thông báo nói rằng hình dạng mặt nạ rất phức tạp, nhưng hãy làm điều đó bằng mọi cách.

how to mask shading highlights on the decorative stripe on sari text

Bước 5

Đây là một GIF trước và sau để bạn có thể thấy sự khác biệt tốt hơn.

before and after shading highlights on decorative stripe on sari text

7. Cách tạo bóng đổ bên trong trên văn bản Sari

Chọn tất cả năm phần văn bản, sau đó Copy Paste in place (Shift-Control-V) để tạo các bản sao của chúng trước mọi thứ. Sau đó, vào Object > Compound Path > Make (Control-8) (1).

Tô màu cho hình dạng mới thu được với màu trắng; sau đó đi tới Effect > Stylize > Inside Glow và áp dụng các cài đặt được hiển thị. Đặt Blending Mode thành Multiply nhưng chỉ cho thuộc tính Fill vì theo cách này, màu trắng sẽ trở nên trong suốt nhưng bạn vẫn có thể nhìn thấy bóng đổ bên trong (2).

how to create inner shadow on sari text

8. Cách thêm sự tỏa sáng trên văn bản Sari

Sử dụng Pen Tool (P) để vẽ các đường path sau trên văn bản. Cung cấp cho chúng nét Stroke 3 pt và sử dụng Tapered Blend Art Brush một lần nữa. Áp dụng Gaussian Blur 3 px và sau đó đặt Blending Mode thành Color Dodge.

how to create shine on sari text

9. Cách tạo họa tiết vải trên văn bản Sari

Copy Paste in Place (Shift-Control-V) năm phần văn bản và thay thế màu tô bằng màu xám nhạt. Tiếp theo, đi tới Effect > Texture > Texturizer và áp dụng các cài đặt được hiển thị. Đặt Blending Mode thành Multiply và giảm Opacity xuống khoảng 10%. Nó sẽ chỉ thấy mờ mờ.

how to create the fabric texture on sari text

10. Cách tạo trang trí thêm trên văn bản Sari

Bước 1

Vẽ một đường thẳng bằng Pen Tool (P) hoặc Line Segment Tool (\) và sử dụng Floral 1 Pattern Brush từ Brush Libraries menu > Borders > Borders_Decorative. Giữ Stroke Weight1 pt (1).

Trong khi đường path này vẫn được chọn, chọn Expand Appearance từ menu Object và sau đó chỉ chọn hình dạng nhỏ ở giữa (2).

Tạo một bản sao của hình dạng này, Xoay-30 độ và thay thế màu tô hiện có bằng gradient tuyến tính được hiển thị. Tiếp theo, đi tới Effect > Stylize > Drop Shadow và áp dụng hiệu ứng này hai lần bằng các cài đặt hiển thị bên dưới (3).

how to create extra golden decorations on sari text

Bước 2

Nhân bản trang trí nhỏ bằng vàng và căn chỉnh một vài bản sao trên mỗi phần văn bản.

how to arrange extra golden decorations on sari text

11. Cách tạo bóng đổ cho văn bản Sari

Copy Paste in Place (Shift-Control-V) năm phần văn bản để tạo các bản sao của chúng và sau đó vào Object > Compound Path > Make (Control-8). Di chuyển đường compound path mới sang một New Layer phía sau hiệu ứng văn bản (1).

Xóa màu tô hiện có và chọn Outside Stroke 3 pt bên ngoài. Tiếp theo, đi tới Effect > Stylize > Drop Shadow và áp dụng hiệu ứng này bốn lần để tạo bóng dưới văn bản (2).

how to create shadow under sari text

Dưới đây là các cài đặt cho các hiệu ứng Drop Shadow theo thứ tự.

settings for drop shadow effects

Xin chúc mừng! Bạn đã hoàn tất!

Hiệu ứng văn bản lấy cảm hứng từ sari đã sẵn sàng. Tôi hy vọng bạn đã học được các kỹ thuật mới ngày hôm nay và bạn sẽ có thể áp dụng cho các hiệu ứng văn bản khác và các dự án trong tương lai.

Nếu bạn quyết định tạo lại hiệu ứng này, đừng quên chia sẻ hình ảnh này nhé.

sari inspired text effect final image
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.