[Học Illustrator cơ bản] Bài 9: Cách chuyển chữ viết tay thư pháp thành Vector

Tutorial

Moderator
Chào mừng các bạn đến với Seri khoá học illustrator cơ bản được thực hiện bởi Designer Việt Nam, sau seri này bạn sẽ học được các lệnh cơ bản trong illustrator, sau khi học xong seri này tôi tin rằng bạn có thể tự tin sử dụng illustrator một cách cơ bản.

Bạn có thể xem thêm các bài học khác tại Seri học Illustrator cơ bản, chúng tôi sẽ luôn cập nhật bài viết mới tại đây.

Trở thành một bậc thầy Typography bằng cách vector hóa thư pháp của riêng bạn!

Chúng ta cần một phác thảo ban đầu của một chữ cái tay có thể khá thô vì chúng ta luôn có thể điều chỉnh nó trên Illustrator. Bản phác thảo chỉ dành cho một tài liệu tham khảo; chúng tôi có thể tinh chỉnh nó bất cứ lúc nào trong phần mềm. Chúng tôi sẽ quét phác thảo và nhập nó vào Illustrator và bắt đầu làm việc với Pen tool (P).

Đây là mẫu chữ viết tay của tôi. Bạn có thể sử dụng chữ viết tay của bạn hoặc sao dùng mẫu của tôi.

18.jpg

Bước 1:

Tạo một tài liệu mới và nhập bức ảnh văn bản đã chụp lại vào Illustrator.

Vào File > Place (chọn tệp của bạn).

21.jpg

Bước 2:

Hình ảnh nhập khẩu này sẽ giúp bạn theo dõi nó. Đổi tên layer để dể phân biết.

Giảm opacity của layer này giúp cho khả năng hiển thị của Pen tool tốt hơn. Khóa layer này lại.

31.jpg

Bước 3:

Tạo một lớp mới và bắt đầu tracing layer này bằng công cụ Pen Tool (P).

1. Chọn Pen tool (P)

41.png

2. Đặt công cụ Pen nơi bạn muốn bắt đầu vẽ đường cong. Sau đó đặt công cụ Pen nơi bạn muốn đoạn đường cong kết thúc. Để tạo đường cong hình chữ C, kéo tay cầm theo hướng đối diện với đường trước. Sau đó thả chuột.

52.jpg

3. Tương tự như vậy, để tạo một đường cong hình chữ S, kéo theo cùng một hướng với dòng trước và thả chuột.

61.jpg

Bước 4:

Tiếp tục điều chỉnh các điểm neo với công cụ Anchor Point (Shift + C) để phù hợp nhất với phác thảo. Tốt hơn nên tạo một layer riêng biệt khi các đường path này đã đóng (nhinf ảnh dưới sẽ hiểu) và chúng ta có thể hợp nhất chúng lại sau nếu cần.

71.jpg

Sử dụng càng ít điểm neo càng tốt để tạo hình dạng của bạn. Ít điểm neo làm cho một đường cong mượt mà hơn.

Thêm điểm neo khi có sự thay đổi hướng đường cong bằng cách sử dụng công cụ "Add Anchor point tool" (+).

Tôi đang vẽ đường viền màu đỏ để có thể nhìn rõ hơn hình nền. Chúng ta có thể thay đổi nó sang màu khác sau đó.

81.jpg

Sau khi vẽ phác thảo, chúng ta cần vẽ những đường dẫn nhỏ bên trong "i", "r", "t", "h", "d", "a" và "y" và sử dụng tùy chọn Pathfinder để hợp nhất chúng vào một con đường duy nhất. Đây là cách thực hiện:

91.jpg

1. Vẽ tất cả các đường dẫn bên trong cùng lớp với đường dẫn bên ngoài. Trong ví dụ của tôi, tôi đang vẽ những đường dẫn đó bằng một màu khác để bạn có thể nhìn thấy chúng. Chúng ta cần kết hợp các lớp bên trong và bên ngoài vào một đường dẫn duy nhất để chúng ta có thể tô màu chúng.

102.jpg

2. Bây giờ, chúng ta cần phải chọn từng đường dẫn bên trong và vào Pathfinder> Divide.

112.jpg

[fright]
121.jpg
[/fright]
Đừng quên chọn con đường bên trong đầu tiên và sau đó là đường dẫn bên ngoài và sau đó nhấp vào Pathfinder> Divide.
Sau quá trình này, màu đường dẫn bên trong sẽ tự động thay đổi màu sắc của đường dẫn bên ngoài, cho thấy các đường dẫn được hợp nhất. Lặp lại điều này cho tất cả các layer bên trong.

131.jpg

Bước 5:

Sau khi vẽ đường viền, chọn tất cả các layer với công cụ lựa chọn (v) và nhấp đúp vào fill (x) và chọn màu bạn muốn.

142.jpg

Trong trường hợp của tôi, tôi đã xoá Stroke (X) và đổ màu này.

151.jpg

Bước 6:

Bây giờ, hãy thêm một số điểm nổi bật để làm cho nó hấp dẫn hơn.

Khóa layer hiện tại. Tạo một layer mới và bắt đầu vẽ các điểm nổi bật.

Cách tốt nhất để vẽ điểm nổi bật là tưởng tượng như thể ánh sáng chiếu vào thiết kế của bạn từ một hướng cụ thể.

161.jpg


Vẽ các đường dẫn nổi bật bằng cách sử dụng công cụ Pen. Màu gradient nhẹ hơn hoạt động tốt cho điểm nổi bật.

171.jpg

Bước cuối cùng:

Hoàn thành việc vẽ các điểm nổi bật cho mỗi chữ cái và thêm một layer màu nền (tạo một hình chữ nhật trong lớp bên dưới các lớp văn bản) với một màu phù hợp. Chúc bạn thành công!

182.jpg
 

Đính kèm

  • chuyen-chu-viet-tay-thanh-vecto.jpg
    chuyen-chu-viet-tay-thanh-vecto.jpg
    29.6 KB · Lượt xem: 11
  • Like
Reactions: TAH
DesignerVN là chuyên trang cung cấp thông tin dành cho cộng đồng Designer, nhà thiết kế Việt Nam. Thư viện font chữ, tài nguyên thiết kế đa dạng.
Back
Bên trên