1. Design & Illustration
  2. Text Effects

Cách tạo hiệu ứng chữ tiếng Nga trong Adobe Illustrator

by
Read Time:16 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Trong hướng dẫn này, bạn sẽ học cách tạo hiệu ứng chữ vector lấy cảm hứng từ tiếng Nga, được trang trí đẹp mắt với các thiết kế hình học truyền thống và màu vàng và đỏ tươi sáng.

Bạn sẽ sử dụng bảng Appearance trong Adobe Illustrator để tạo và lưu phong cách đồ họa cho các chữ cái và điều này sẽ giúp việc tô màu lại toàn bộ đoạn chữ dễ dàng hơn. Bạn sẽ tạo ra một mẫu hình học mới và hai Pattern Brush mới sẽ giúp chúng ta trang trí chữ vector.

Đến cuối hướng dẫn này, bạn cũng sẽ có thể áp dụng các kỹ thuật này cho các hiệu ứng chữ khác. Hãy bắt đầu nào!

Nếu bạn cần thêm các phong cách Illustrator và hiệu ứng chữ, hãy đảm bảo truy cập vào GraphicRiver, nơi bạn sẽ tìm thấy rất nhiều nhiều tài nguyên.

Công cụ hướng dẫn

Để hoàn thành hướng dẫn, bạn sẽ cần các công cụ sau:

1. Cách thiết lập 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, đặt kích thước và sau đó chọn Pixels làm UnitsRGB làm Color Mode.

Tiếp theo, vào Edit > Preferences > General, thiết lập Keyboard Increment thành 1 px và hãy 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 tron

how to open a new Illustrator documenthow to open a new Illustrator documenthow to open a new Illustrator document

2. Cách tạo chữ tiếng Nga

Bước 1

Để tạo hiệu ứng chữ này, chúng ta sẽ sử dụng từ “Русский", có nghĩa là “Russian”. Vì vậy, hãy dùng Type Tool (T) và viết chữ “PYCCKNN” lên bản vẽ của bạn với phông chữ Russian Land Font, kích cỡ 240 pt. Trong trường Set the tracking for the selected characters, chọn giá trị 10 để thêm khoảng khôn giữa các chữ cái.

Chọn Expand từ menu Object, theo sau là Ungroup (Shift-Control-G) để biến chữ thành các chữ cái riêng lẻ.

how to type the Russian texthow to type the Russian texthow to type the Russian text

Bước 2

Chỉ chọn hai chữ cái cuối cùng, vào bảng Transform và từ menu thả xuống, chọn Flip Horizontal. Bây giờ các chữ cái này đã phù hợp với bảng chữ cái Cyrillic.

Chúng ta cần một dấu để hoàn thành chữ cái cuối cùng, vì vậy hãy làm theo chuỗi hình ảnh để tạo ra nó. Đầu tiên, vẽ hai hình tròn 20 x 20 px tô với màu đen và sau đó, vẽ một đường cong để kết nối chúng ở phía dưới. Cung cấp cho nó một nét Stroke màu đen 4 pt và chọn Expand từ menu Object để biến nét stroke này thành một hình. Bây giờ, chọn tất cả ba hình dạng và nhấn Unite trong bảng Pathfinder để hợp nhất chúng thành hình dạng của dấu. Di chuyển nó lên trên chữ cái cuối cùng.

how to adjust the Russian vector texthow to adjust the Russian vector texthow to adjust the Russian vector text

3. Cách tạo các layer chữ màu

Bước 1

Hướng đến chữ cái đầu tiên và tô màu cho nó với màu xanh nhạt vào lúc này. Ngoài ra, chọn Stroke màu xanh 1 pt.

how to create the first and second layer of Russian vector letterhow to create the first and second layer of Russian vector letterhow to create the first and second layer of Russian vector letter

Bước 2

Với chữ cái này vẫn được chọn, thêm một New Stroke ở dưới cùng của bảng Appearance. Cung cấp cho nó một nét Stroke 10 pt màu hồng.

Thêm một New Stroke ở dưới cùng của bảng Appearance và cung cấp cho nó một nét Stroke xanh 10 pt. Trong khi thuộc tính Stroke này vẫn được chọn trong bảng Appearance, hãy đi tới Effect > Distort & Transform > Transform và áp dụng các cài đặt được hiển thị. Điều này sẽ di chuyển layer màu xanh lá cây xuống phía dưới bên phải để tạo chiều sâu.

how to create the third and fourth layer of Russian vector letterhow to create the third and fourth layer of Russian vector letterhow to create the third and fourth layer of Russian vector letter

Bước 3

Với chữ cái đầu tiên vẫn được chọn, nhấp chuột vào biểu tượng New Graphic Style ở cuối bảng Graphic Styles để lưu nó lại. Bây giờ, chọn phần còn lại của các chữ cái và áp dụng cùng một phong cách cho chúng.

how to save the graphic style for Russian vector texthow to save the graphic style for Russian vector texthow to save the graphic style for Russian vector text

Bước 4

Chọn chữ và chọn Expand Appearance theo sau là Expand từ menu Object để mở rộng giao diện và nét stroke. Ungroup (Shift-Control-G) hai lần để có được các layer màu riêng lẻ.

Lúc này, chữ này có thể không tuyệt vời ở một số phạm vi. Nếu bạn có được các gai như hiển thị trong cận cảnh, bạn có thể xóa chúng bằng sự trợ giúp của Delete Anchor Point Tool (-). Chỉ cần nhấp vào điểm neo ở chóp để loại bỏ nó và đường cong sẽ tự cập nhật.

how to expand and fix the Russian vector texthow to expand and fix the Russian vector texthow to expand and fix the Russian vector text

Bước 5

Di chuyển mỗi chữ cái đến một layer riêng biệt để giữ mọi thứ được sắp xếp trong bảng Layers. Trên mỗi layer, bạn nên có bốn hình tương ứng với bốn lần xuất hiện mà bạn đã áp dụng trước đó. Đổi tên hình dạng màu xanh lá cây là "depth", hình dạng màu hồng là “outer border”, hình chữ nhật màu xanh nhạt là “main letter” và hình dạng màu xanh da trời là “inner border”. Trên mỗi layer, bạn sẽ có cùng một thứ.

how to organize layers for Russian vector texthow to organize layers for Russian vector texthow to organize layers for Russian vector text

4. Cách tô màu chữ tiếng Nga

Bước 1

Chỉ chọn hình dạng "depth" của chữ cái đầu tiên và đi tới Select > Same > Fill Color. Do đó, Illustrator sẽ chọn tất cả các hình dạng màu xanh lá cây cho bạn. Thay thế màu tô bằng màu đỏ.

how to color the edge of Russian vector texthow to color the edge of Russian vector texthow to color the edge of Russian vector text

Bước 2

Tiếp theo, chỉ chọn hình "outer border" của hình chữ nhật đầu tiên và vào Select > Same > Fill Color. Do đó, Illustrator sẽ chọn tất cả các hình dạng màu hồng và bạn có thể dễ dàng thay thế màu tô bằng màu trắng. Ngoài ra, áp dụng nét Stroke màu đỏ 1 pt và nhấn vào tùy chọn Align Stroke to Inside trong bảng Stroke.

how to color the outer border of Russian vector texthow to color the outer border of Russian vector texthow to color the outer border of Russian vector text

Bước 3

Bây giờ, chọn hình "main letter" và sử dụng cùng một phương pháp để thay thế màu xanh nhạt bằng màu vàng. Ngoài ra, đi tới Effect > Stylize > Inside Glow và áp dụng các cài đặt được hiển thị.

how to color the main letter of Russian vector texthow to color the main letter of Russian vector texthow to color the main letter of Russian vector text

Bước 4

Hình dạng cuối cùng là “inner border”. Thay thế màu xanh bằng màu đỏ bằng phương pháp tương tự.

how to color the inner border of Russian vector texthow to color the inner border of Russian vector texthow to color the inner border of Russian vector text

Bước 5

Tại thời điểm này, nếu bạn phóng to chữ cái đầu tiên, bạn sẽ nhận thấy rằng một số góc bị thiếu và chúng ta cần sửa chúng. Lấy công cụ Pen Tool (P) và vẽ một hình tam giác để che khoảng trống ở các góc. Tô màu cho chúng với màu đỏ giống như hình dạng "depth" (1).

Bây giờ, chọn hình "depth" cùng với các hình tam giác và nhấn Unite trong bảng Pathfinder để hợp nhất chúng (2). Di chuyển hình "depth" mới thu được ra phía sau, ở vị trí cũ (3).

how to fix the corners of Russian vector letterhow to fix the corners of Russian vector letterhow to fix the corners of Russian vector letter

Bước 6

Phóng to các chữ cái khác, và sửa các góc như đã giải thích trong bước trước.

how to fix all corners for Russian vector texthow to fix all corners for Russian vector texthow to fix all corners for Russian vector text

5. Cách tạo mẫu tiếng Nga truyền thống đơn giản

Bước 1

Hãy tạo một phiên bản đơn giản hóa của một mẫu truyền thống. Sử dụng Rectangle Tool (M) và vẽ một hình vuông 50 x 50 px trên bản vẽ của bạn (1); sau đó vẽ một hình vuông nhỏ hơn 20 x 20 px ở giữa. Chọn Stroke màu đen 6 pt cho cả hai hình (2).

Xoay cả hai hình vuông 45 độ bằng bảng Transform (3) và sau đó chọn Expand từ menu Object để biến các nét stroke thành màu tô. Kéo hai hình dạng vào bảng Swatches để lưu nó dưới dạng New Pattern Swatch (4).

how to create a simple traditional Russian patternhow to create a simple traditional Russian patternhow to create a simple traditional Russian pattern

Bước 2

Hãy áp dụng mẫu này. Hướng đến chữ cái đầu tiên và chọn hình "main letter". Thêm một New Fill phía trên Fill màu vàng hiện có và chọn Swatch Pattern Squatch mới được lưu từ bảng Swatches (1).

Để thu nhỏ mẫu này, vào Object > Transform > Scale và đảm bảo rằng chỉ có tùy chọn Transform Patterns được chọn. Nhập 15% vào trường Scale Uniform và nhấn OK (2). Cuối cùng, đặt Blending Mode thành Overlay cho thuộc tính Fill này (3).

how to apply a traditional pattern to Russian vector letterhow to apply a traditional pattern to Russian vector letterhow to apply a traditional pattern to Russian vector letter

Bước 3

Lặp lại điều tương tự cho các chữ cái khác và áp dụng mẫu này.

how to apply a traditional pattern to Russian vector texthow to apply a traditional pattern to Russian vector texthow to apply a traditional pattern to Russian vector text

6. Cách tạo bóng đổ trên cạnh của chữ tiếng Nga

Bước 1

Trước tiên hãy tạo một hình dạng mặt nạ. Chọn hình dạng "depth" của chữ cái đầu tiên, sau đó CopyPaste in Place (Shift-Control-V) để tạo một bản sao của nó ở trước mọi thứ (1). Tiếp theo, chọn hình "outer border" và sau đó CopyPaste in Place (Shift-Control-V) một lần nữa (2). Vì lý do trực quan, tôi đã thay đổi màu tô thành màu xanh dương và xanh lục.

Mặc dù các bản sao này vẫn được chọn, nhấn Minus Front trong bảng Pathfinder và kết quả là bạn sẽ có được một nhóm các hình dạng (3). Chỉ giữ lại các hình dạng phù hợp với cạnh dưới cùng bên phải và xóa phần còn lại. Vào Object > Compound Path > Make (Control-8) để hợp nhất các hình dạng còn lại thành một. Đây sẽ là hình dạng mặt nạ (4).

Lặp lại tương tự cho các chữ cái khác bởi vì bạn sẽ cần một hình dạng mặt nạ cho mỗi một trong số chúng (5). Giấu chúng trong lúc này.

how to create a mask shape for Russian vector letterhow to create a mask shape for Russian vector letterhow to create a mask shape for Russian vector letter

Bước 2

Sử dụng Pen Tool (P) hoặc Line Segment Tool (\) để vẽ một đường path ngắn, thẳng ở góc dưới bên phải của chữ cái đầu tiên (1). Cung cấp cho nó một nét Stroke đen 2 pt; sau đó đi tới Effect > Blur > Gaussian Blur và áp dụng Radius 4 px. Giảm Opacity xuống 75% (2).

Nhân bản đường path này và thêm các bản sao ở các góc khác nơi có bóng đổ, như thể hiện trong hình bên dưới (3).

how to create shading on Russian vector letterhow to create shading on Russian vector letterhow to create shading on Russian vector letter

Bước 3

Bây giờ, chọn tất cả các đường path bóng đổ cùng với hình dạng mặt nạ mà bạn đã tạo trước đó (sẽ ở phía trước) và đặt stroke-none, fill-none và vào Object > Clipping Mask > Make (Control-7). Điều này sẽ làm cho bóng mờ chỉ nhìn thấy trên cạnh màu đỏ.

how to mask shading on Russian vector letterhow to mask shading on Russian vector letterhow to mask shading on Russian vector letter

Bước 4

Làm điều tương tự cho các chữ cái khác bằng cách nhân bản cùng một đường path bóng đổ và sắp xếp chúng trong các phạm vi mà bạn muốn tạo ra một bóng đổ tinh tế. Sau đó, che dấu chúng bằng cách sử dụng các hình dạng được tạo trước đó.

how to create shading for Russian vector texthow to create shading for Russian vector texthow to create shading for Russian vector text

7. Cách tạo cọ chéo nhau đơn giản, truyền thống

Bước 1

Chúng ta hãy tạo một phiên bản đơn giản hóa của trang trí sọc chéo truyền thống. Sử dụng Rectangle Tool (M) và vẽ hình vuông 117,5 x 117,5 px trên bản vẽ của bạn (1). Tiếp theo, vẽ bốn hình vuông nhỏ hơn 17,5 x 17,5 px tô màu đỏ sẫm và sắp xếp chúng ở các góc bên ngoài của hình lớn hơn (2). Vẽ bốn hình chữ nhật 17 x 67 px khác tô màu đỏ và sắp xếp chúng giữa các hình vuông nhỏ ở hai bên (3).

Chọn tất cả các hình dạng và Xoay chúng 45 độ trong bảng Transform. Tại thời điểm này, bạn có thể xóa hình vuông màu xám (4). Tiếp theo, lấy Delete Anchor Point Tool (-) và nhấp vào các điểm bên ngoài của các hình vuông nhỏ để xóa chúng. Bây giờ các hình vuông sẽ biến thành hình tam giác.

Vào View > Rulers > Show Rulers và kéo hai đường Guide ngang và dọc xuống đáy của mỗi hình tam giác (5). Họ sẽ giúp bạn vẽ một hình vuông mới ở giữa. Tô nó với màu vàng sáng và để nó ra phía sau (6).

how to create a criss-cross pattern brush in Illustratorhow to create a criss-cross pattern brush in Illustratorhow to create a criss-cross pattern brush in Illustrator

Bước 2

Kéo trang trí hình vuông mà bạn đã tạo ở bước trước vào bảng Brush để lưu nó dưới dạng New Pattern Brush. Trong cửa sổ Pattern Brush Options, nhập vào “CrissCross Pattern Brush” làm tên và kéo thanh trượt Scale lên 4%. Nhấn OK.

how to save a criss-cross pattern brush in Illustratorhow to save a criss-cross pattern brush in Illustratorhow to save a criss-cross pattern brush in Illustrator

Bước 3

Hãy áp dụng cọ vừa được lưu. Dùng Pen Tool (P) hoặc Line Segment Tool (\) và vẽ một đường thẳng ở đầu chữ cái đầu tiên lên đường viền màu đỏ bên trong (1). Chọn Stroke 1 ptCrissCross Pattern Brush từ bảng Brushes. Thực hiện các điều chỉnh bổ sung nếu cần và đảm bảo nó phù hợp một cách hoàn hảo (2).

Vẽ một đường path mới có cùng độ dài, ngay dưới đáy của trang trí sọc chéo (3) và tạo cho nó một nét Stroke màu đỏ 1 pt. Điều này sẽ làm cho thiết kế đối xứng hơn (4).

Lặp lại tương tự và tạo ra một trang trí sọc chéo khác ở dưới cùng của chữ cái đầu tiên (5).

how to create a criss-cross stripe on Russian vector letterhow to create a criss-cross stripe on Russian vector letterhow to create a criss-cross stripe on Russian vector letter

Bước 4

Sử dụng kỹ thuật được giải thích ở trên để tạo ra các trang trí sọc chéo trên phần còn lại của các chữ cái, như được hiển thị bên dưới.

how to create a criss-cross stripe on Russian vector texthow to create a criss-cross stripe on Russian vector texthow to create a criss-cross stripe on Russian vector text

8. Cách tạo cọ vẽ hoa văn hình học

Bước 1

Sử dụng Rectangle Tool (M) để vẽ một hình chữ nhật nhỏ 12 x 8,5 px trên bản vẽ của bạn và tô màu vàng sáng. Chuyển sang Direct Selection Tool (A) và sử dụng nó để chỉ chọn hai điểm trên cùng; sau đó di chuyển chúng sang bên phải bằng phím Mũi tên Phải trên bàn phím của bạn. Bạn sẽ có được hình dạng giống như cánh hoa hình học (1).

Tiếp theo, vẽ hai hình chữ nhật nhỏ 5,5 x 2,5 px và sắp xếp chúng theo hình chữ thập. Căn chỉnh góc trái của hình cánh hoa với góc của chữ thập màu xám như hình dưới đây (2). Trong khi hình dạng cánh hoa vẫn được chọn, vào Object > Transform > Reflect, đánh dấu vào Horizontal và nhấn Copy. Bạn sẽ có được cánh hoa thứ hai, và bạn cần căn chỉnh nó với góc của chữ thập màu xám (3).

Trong khi cả hai cánh hoa vẫn được chọn, hãy quay lại Object > Transform > Reflect và lần này, đánh dấu Vertical. Nhấn Copy và bạn sẽ có được hai cánh hoa mới cho phía bên trái. Sắp xếp chúng vào vị trí (4).

Trong khi bốn cánh hoa vẫn được chọn, vào Object > Transform > Rotate và chọn 90 degrees Angle. Nhấn Copy và bạn sẽ nhận được bốn cánh hoa cuối cùng. Sắp xếp chúng vào vị trí, và bây giờ bông hoa hình học đã hoàn thành (5).

Sử dụng Rectangle Tool (M) để vẽ một hình vuông xung quanh bông hoa. Của tôi chính xác là 50 x 50 px. Tô nó với màu đỏ sẫm và đặt nó ra phía sau(6).

how to create a geometric flower pattern brush in Illustratorhow to create a geometric flower pattern brush in Illustratorhow to create a geometric flower pattern brush in Illustrator

Bước 2

Chọn bông hoa hình học và hình vuông màu đỏ và Rotate chúng 45 độ trong bảng Transform. Kéo mọi thứ vào bảng Brushes để lưu nó dưới dạng New Pattern Brush. Trong cửa sổ Pattern Brush Options, chỉ cần nhập K“Geometric Flower Pattern Brush” làm tên và sau đó nhấn OK.

how to save a geometric flower pattern brush in Illustratorhow to save a geometric flower pattern brush in Illustratorhow to save a geometric flower pattern brush in Illustrator

Bước 3

Bây giờ, hãy sử dụng cọ vừa được lưu để trang trí chữ vector Nga. Hướng đến chữ cái đầu tiên và vẽ một đường thẳng bằng Pen Tool (P) hoặc Line Segment Tool (\) như được hiển thị (1). Chọn Stroke 1 pt và mẫu Geometric Flower Pattern Brush hoa hình học từ bảng Brushes. Mở cửa sổ Stroke Options từ bảng Appearance và kéo thanh trượt Scale xuống 15% để làm cho các bông hoa hình học nhỏ hơn (2).

Vẽ một đường path khác trên chữ cái đầu tiên và áp dụng các cài đặt tương tự để thêm các trang trí (3).

how to apply a geometric flower pattern brush on Russian vector letterhow to apply a geometric flower pattern brush on Russian vector letterhow to apply a geometric flower pattern brush on Russian vector letter

Bước 4

Lặp lại tương tự cho các chữ cái còn lại và trang trí chúng bằng Geometric Flower Pattern Brush.

how to apply a geometric flower pattern brush on Russian vector texthow to apply a geometric flower pattern brush on Russian vector texthow to apply a geometric flower pattern brush on Russian vector text

9. Cách thêm các chi tiết bổ sung về hiệu ứng chữ tiếng Nga

Bước 1

Phóng to chữ cái đầu tiên và vẽ một hình dạng như trong hình bên dưới, giữa đường viền bên trong màu đỏ. Sau đó, vẽ các hình tương tự trên các chữ cái khác. Lấp đầy những hình dạng này với cùng một màu đỏ như đường viền bên trong.

how to add extra details on Russian vector text effecthow to add extra details on Russian vector text effecthow to add extra details on Russian vector text effect

Bước 2

Cuối cùng, bạn có thể thêm một hình tròn màu đỏ rất nhỏ với cùng một màu đỏ trên các chữ cái thứ nhất, thứ ba và thứ tư.

how to add extra small decorations on the Russian vector text effecthow to add extra small decorations on the Russian vector text effecthow to add extra small decorations on the Russian vector text effect

10. Cách tạo bóng đổ dưới hiệu ứng chữ Nga

Bước 1

Hướng đến chữ cái đầu tiên một lần nữa và chỉ chọn hình dạng "depth". CopyPaste in Place (Shift-Control-V) để tạo một bản sao của nó trước mọi thứ (1). Tiếp theo, chọn lại hình “outer border” và CopyPaste in Place (Shift-Control-V) một lần nữa để tạo một bản sao của hình dạng này (2). Vì lý do trực quan, tôi đã thay đổi màu tô thành màu xanh và màu xám.

Trong khi cả hai bản sao vẫn được chọn, nhấn Unite trong bảng Pathfinder để hợp nhất chúng thành một hình dạng mới (3). Gửi hình dạng mới này dưới chữ cái trong bảng Layers; sau đó vào Effect > Stylize > Drop Shadow và áp dụng hiệu ứng này ba lần để tạo bóng (4).

how to create shadow under Russian vector letterhow to create shadow under Russian vector letterhow to create shadow under Russian vector letter

Đây là các cài đặt cho ba hiệu ứng Drop Shadow:

drop shadow effect settings for Russian vector text effectdrop shadow effect settings for Russian vector text effectdrop shadow effect settings for Russian vector text effect

Bước 2

Thực hiện theo các kỹ thuật được giải thích ở trên để tạo ra các hình dạng mới cho phần còn lại của các chữ cái và gửi chúng ra phía sau. Áp dụng hiệu ứng Drop Shadow ba lần bằng các cài đặt tương tự.

how to create shadow under Russian vector text effecthow to create shadow under Russian vector text effecthow to create shadow under Russian vector text effect

Tuyệt vời, bạn đã hoàn thành!

Dưới đây là hình ảnh cuối cùng của hiệu ứng chữ lấy cảm hứng từ tiếng Nga. Tôi hy vọng bạn thích hướng dẫn này và bạn đã học được các kỹ thuật mới ngày hôm nay có thể được áp dụng trong các dự án trong tương lai.

Russian inspired vector text effect final imageRussian inspired vector text effect final imageRussian inspired vector text effect final image

Tiếp tục vẽ và tìm hiểu với các hướng dẫn được đề xuất:

One subscription.
Unlimited Downloads.
Get unlimited downloads