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.
Bật công cụ thước đo lên (Command / Control + R), và sau đó vẽ một xuống trục y.
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).
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ạ.
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.
Tạo khuôn mặt của nấm với công cụ Pen (P).
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).
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ử.
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.
Chọn trục thẳng đứng.
Bây giờ, chọn tất cả mọi thứ, và đi tới bảng Pathfinder. Chọn "Unite".
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) ...
Màu đỏ cho đầu (R: 196 G: 1 B: 1) ...
Màu trắng cho các dấu chấm (R: 255 G: 255 B: 255) ...
Và màu đen cho mắt (R: 0 G: 0 B: 0) ...
Ok, tất cả mọi thứ đều được thiết lập. Bây giờ sẽ đến công cụ Mesh Tool.
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.
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.
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.
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.)
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.
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ó.
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.
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).
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.
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.
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ẻ.
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ó.
Nhân đôi mắt, phản chiếu nó, và đặt nó lên từ mắt trái.
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.
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).
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.
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ó.
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.
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ự.
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.
Tải xuống tệp Illustrator
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.
Bật công cụ thước đo lên (Command / Control + R), và sau đó vẽ một xuống trục y.
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).
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ạ.
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.
Tạo khuôn mặt của nấm với công cụ Pen (P).
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).
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ử.
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.
Chọn trục thẳng đứng.
Bây giờ, chọn tất cả mọi thứ, và đi tới bảng Pathfinder. Chọn "Unite".
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) ...
Màu đỏ cho đầu (R: 196 G: 1 B: 1) ...
Màu trắng cho các dấu chấm (R: 255 G: 255 B: 255) ...
Và màu đen cho mắt (R: 0 G: 0 B: 0) ...
Ok, tất cả mọi thứ đều được thiết lập. Bây giờ sẽ đến công cụ Mesh Tool.
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.
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.
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.
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.)
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.
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ó.
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.
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).
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.
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.
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ẻ.
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ó.
Nhân đôi mắt, phản chiếu nó, và đặt nó lên từ mắt trái.
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.
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).
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.
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ó.
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.
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ự.
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.
Tải xuống tệp Illustrator