[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

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.

Trong bài đăng này, chúng ta sẽ tìm hiểu về một chút về công cụ Mesh của Illustrator.

Đây là một trong những công cụ khó nắm bắt nhất trong Illustrator, nhưng nếu bạn muốn tạo hình ảnh 3D trong các thiết kế của mình, bạn phải thực sự hiểu cách sử dụng công cụ này một cách hợp lý.

Chúng tôi sẽ tạo ra một loại nấm Mario theo phong cách trong game Super Mario để hiểu rõ hơn về cách sử dụng công cụ này bằng cách sử dụng một ví dụ thực tế.

BƯỚC 1

Chúng ta hãy mở Adobe Illustrator và tạo một khung vải có kích thước 25 x 11 cm (9,84 x 4,33 inch), RGB và 300 DPI.

Hãy bắt đầu ở phía bên trái của khung Canvas.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Bật công cụ thước đo lên (Command / Control + R), và sau đó vẽ một xuống trục y.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Sử dụng công cụ Ellipse (phím tắt là chữ L), vẽ một vòng tròn (giữ Shift để tạo hình tròn hoàn hảo).

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Sử dụng công cụ Pen (P), để vẽ phần đầu nắm. Đừng quên bao gồm một đường thẳng ở bên phải, bởi vì chúng ta sẽ phản ánh khía cạnh này sau đó cho phần còn lại của minh hoạ.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Một lần nữa sử dụng công cụ Pen (P), vẽ đường viền sau (sẽ là một trong những chấm trắng) trên đầu nấm.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Tạo khuôn mặt của nấm với công cụ Pen (P).

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Cuối cùng, sử dụng công cụ Ellipse (L), vẽ một hình elip, và điều chỉnh nó bằng công cụ Direct Selection Tool (A).

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

BƯỚC 2

Sử dụng công cụ Selection (L), chọn tất cả mọi thứ trừ vòng tròn hoàn hảo. Giữ chúng và nhấn Shift, sau đó kéo qua, sẽ lặp lại các phần tử.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Nhấp chuột phải vào các phần tử này để mở trình đơn ngữ cảnh. Chuyển đến Transform → Reflect.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Chọn trục thẳng đứng.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Bây giờ, chọn tất cả mọi thứ, và đi tới bảng Pathfinder. Chọn “Unite”.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Bây giờ các dòng của chúng ta đã được hoàn tất, chúng ta hãy tô màu chúng.

BƯỚC 3

Trước khi chúng ta có thể bắt đầu với công cụ Mesh, chúng ta phải chọn màu chính của nấm, đặt chúng làm chất đầy, và vô hiệu hóa tất cả các nét.

Tôi đã chọn bốn màu …

Beige cho mặt (R: 233 G: 201 B: 126) …

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Màu đỏ cho đầu (R: 196 G: 1 B: 1) …

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Màu trắng cho các dấu chấm (R: 255 G: 255 B: 255) …

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Và màu đen cho mắt (R: 0 G: 0 B: 0) …

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Ok, tất cả mọi thứ đều được thiết lập. Bây giờ sẽ đến công cụ Mesh Tool.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

BƯỚC 4

Giống như tôi, có thể bạn đã sử dụng công cụ Mesh chỉ một vài lần, nếu có. Việc làm chủ một công cụ rất khó nếu bạn không biết những điều cơ bản, vì vậy, hãy thử một bài tập đơn giản trước khi tiếp tục. Trước tiên, tạo một vòng tròn màu be hoàn hảo bằng công cụ Ellipse (L) + Shift.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Sử dụng công cụ Mesh (U) để tạo ra lưới dưới đây. Công cụ này tạo ra hai trục tại một điểm, vì vậy bạn có thể gặp khó khăn khi vẽ chúng nếu lần đầu tiên khi thử nó. Thực hành trên các hình dạng đơn giản như hình tròn này, và luôn luôn cố gắng làm cho lưới đối xứng. Một mẹo tốt là bắt đầu với một điểm ở giữa.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Sử dụng công cụ Lasso (Q) để chọn điểm mà bạn muốn. Đây là công cụ lựa chọn giống như trên Photoshop, vì vậy bạn có lẽ đã cảm thấy thoải mái với nó. Chọn các điểm ở phần trên bên trái của quả bóng.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Bây giờ vào bảng Color, và chọn màu bạn muốn. Bạn có thể điều chỉnh mọi điểm màu bằng cách chọn nó bằng công cụ Eyedropper (I). (Một mẹo tốt là sử dụng công cụ Eyedropper trên các màu đã có trên quả bóng. Các kết quả dễ kiểm soá tốt hơn theo cách này.)

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Lặp lại cùng một quá trình ở phía đối diện, với một màu nhẹ hơn thời gian này.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Nếu bạn không đạt được kết quả dưới đây, hãy luyện tập. Nó sẽ trở nên dễ dàng hơn. Sau một vài lần thử, bạn sẽ hiểu được cách thực hiện nó.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

BƯỚC 5

Trước khi bắt đầu nấm, khóa các yếu tố khác để bạn không vô tình chọn chúng bằng công cụ Lasso (Q). Nhưng hãy khóa một phần tử một lần (mặt, rồi đầu, sau đó là mắt, vân vân).

Hãy bắt đầu bằng khuôn mặt. Tạo lưới bằng công cụ Mesh (U). Hãy thử làm cho nó cân đối.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Sử dụng công cụ Lasso (Q) để chọn điểm tại botton. Sử dụng bảng màu để chọn màu tối hơn (giống như màu nâu), và điều chỉnh gradient bằng công cụ Eyedropper (I).

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Làm tương tự ở đầu, sử dụng một màu tối hơn thời gian này để làm cho nó trông giống như một cái bóng.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

BƯỚC 6

Sử dụng công cụ Mesh (U) trên một đôi mắt. Chúng tôi sẽ sao chép nó sau để tiết kiệm thời gian.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Thực hiện một lưới đối xứng. Chọn các điểm ở giữa bằng công cụ Lasso (Q), và điều chỉnh lượng gradient bằng công cụ Eyedropper (I), chọn từng điểm riêng lẻ.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Thêm một chút màu trắng cho ánh sáng trong mắt. Hãy dành thời gian để điều chỉnh nó.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Nhân đôi mắt, phản chiếu nó, và đặt nó lên từ mắt trái.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

BƯỚC 7

Sử dụng công cụ Mesh (U) trên đầu. Làm cho lưới điện này sẽ được một chút khó khăn hơn bởi vì nó lớn hơn, nhưng nó không phải quá phức tạp.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Sử dụng công cụ Lasso (Q) để thêm một số màu trắng vào đầu của đầu. Điều chỉnh gradient bằng công cụ Eyedropper (I).

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Các màu đen gradient ở phía dưới là không bình thường và do đó có thể là một chút khó khăn để có được. Nhưng thực hành lựa chọn và điều chỉnh nó như bạn đi cùng. Thật dễ dàng, tin tưởng tôi.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

BƯỚC 8

Tôi đã quyết định không sử dụng công cụ Mesh trên các vòng kết nối vì chúng khá đơn giản và có cách xử lý ít ánh sáng hơn. Thay vào đó, tôi đã sử dụng công cụ Gradient (G) để có được gradient xuyên tâm từ trắng đến xám, và tôi chỉ cần điều chỉnh hướng và lượng của nó.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Tôi lặp lại quá trình với các vòng tròn ở bên cạnh. Chỉ cần cẩn thận với hướng gradient.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

BƯỚC 9

Đối với một liên lạc cuối cùng, tôi đã thêm một hình elip đơn giản vào phía dưới bằng cách sử dụng công cụ Ellipse (L). Sau đó, sử dụng bảng Gradients, tôi đã áp dụng gradient đen bóng mờ này và điều chỉnh lượng và hình dạng của nó. Khá đơn giản, và tốt hơn Gaussian mờ để đạt được hiệu quả tương tự.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

KẾT QUẢ

Vâng, tôi hy vọng bạn đã có một thời gian tuyệt vời sau bài hướng dẫn này và tìm hiểu thêm về công cụ Mesh.

[Học Illustrator cơ bản] Bài 8: Tìm hiểu cơ bản về Mesh Tool trong Illustrator

Tải xuống tệp Illustrator