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

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.

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.

1.png

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

2.png

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).

4.png

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ạ.

5.png

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.

6.png

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

7.png

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).

8.png



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ử.

9_1.png

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.

9_2.png

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

9_3.png

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

10.png

11.png

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.

[ADSENSE][/ADSENSE]

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) ...

12.png

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

13.png

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

14.png

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

15.png

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

16.png



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.

17.png

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.

18.png

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.

19.png

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.)

20.png

21.png

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.

22.png

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ó.

23.png



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.

24.png

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).

25.png

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.

26.png



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.

27.png

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ẻ.

28.png

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ó.

29.png

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

30.png



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.

31.png

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).

32.png

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.

33.png



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ó.

34.png

35.png

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.

36.png



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ự.

37.png

38.png


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.

blend_tool_mushroom_final-01.jpg

Tải xuống tệp Illustrator
 

Đính kèm

  • mesh-tools.jpg
    mesh-tools.jpg
    100.1 KB · Lượt xem: 7
  • Like
Reactions: TAH
Back
Bên trên