Advertisement
  1. Design & Illustration
  2. Fan Art
Design

Cách vẽ Lego Batman Figurine trong Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

Vietnamese (Tiếng Việt) translation by Caitlyn Cat Tien (you can also view the original English article)

Final product image
What You'll Be Creating

Trong hướng dẫn hôm nay, chúng ta sẽ dành thời gian chơi chất lượng với nhau và giải phóng đứa trẻ bên trong cn người chúng ta bằng cách học cách tạo ra một phiên bản kỹ thuật số của Lego Batman tuyệt vời. Woohoo! Chúng ta sẽ làm tất cả những điều đó trong Adobe Illustrator, sử dụng các hình dạng hình học đơn giản mà chúng ta sẽ điều chỉnh ở đây đó. Nói đủ rồi - lấy một tách cà phê mới pha, và chúng ta hãy bắt đầu nhé!

Oh, và đừng quên bạn luôn có thể mở rộng vũ trụ của bạn bằng cách hướng đến GraphicRiver, nơi bạn sẽ tìm thấy một sự lựa chọn tuyệt vời của các công cụ theo chủ đề Lego.

1. Cách thiết lập một tệp dự án mới

Giả sử bạn đã mở Illustrator và chạy ở chế độ nền, hãy mở nó lên và thiết lập một tài liệu mới New Document (File > New hoặc Control-N) cho bài vẽ của chúng ta bằng cách sử dụng các thiết lập sau:

  • Number of Artboards: 1
  • Width: 800 px
  • Height: 600 px
  • Units: Pixels

Và từ tab Advanced:

  • Color Mode: RGB
  • Raster Effects: Screen (72ppi)
  • Preview Mode: Default
setting up a new document

2. Cách thiết lập lưới tùy chỉnh

Mặc dù hôm nay chúng ta không làm việc trên các biểu tượng, nhưng tôi vẫn muốn tạo hình minh họa bằng cách sử dụng pixel-perfect workflow, vì vậy, hãy thiết lập một lưới nhỏ đẹp để chúng ta có toàn quyền kiểm soát hình dạng của mình.

Bước 1

Vào Edit > Preferences > Guides & Grid và điều chỉnh các thiết lập sau:

  • Gridline every: 1 px
  • Subdivisions: 1
setting up a custom grid

Quick tip: bạn có thể tìm hiểu thêm về lưới bằng cách đọc bài viết này về Cách hoạt động của hệ thống lưới của Illustrator.

Bước 2

Khi chúng ta đã thiết lập lưới tùy chỉnh, tất cả những gì chúng ta cần làm để đảm bảo hình dạng của chúng ta trông sắc nét là kích hoạt tùy chọn Snap to Grid trong menu View (đó là nếu bạn đang sử dụng phiên bản Illustrator cũ hơn).

Bây giờ, nếu bạn mới làm quen với toàn bộ “pixel-perfect workflow”, tôi gợi ý bạn nên xem qua Hướng dẫn tạo Pixel-Perfect Artwork của tôi để giúp bạn mở rộng kỹ năng kỹ thuật của mình nhanh chóng.

3. Cách thiết lập các Layers

Khi chúng ta đã hoàn tất việc thiết lập tệp dự án của mình, bạn nên cấu trúc tài liệu của mình bằng một vài Layers, vì cách này chúng ta có thể duy trì luồng công việc ổn định bằng cách tập trung vào một phần của hình minh họa tại một thời điểm.

Mở bảng Layers và tạo tổng cộng hai Layers, chúng ta sẽ đổi tên như sau:

  • layer 1: main figure
  • layer 2: mask
setting up the layers

Quick tip: Tôi đã tô màu tất cả các lớp bằng cách sử dụng cùng một giá trị màu xanh, vì đây là cách dễ nhất để xem khi được sử dụng để làm nổi bật hình dạng bạn đã chọn (cho dù chúng là đường dẫn đóng hoặc mở).

4. Vẽ chân của bức tượng

Chúng ta sẽ bắt đầu bằng cách tạo phần thân dưới của món đồ chơi, vì vậy hãy chắc chắn rằng bạn đang ở đúng Layer (đó sẽ là lớp đầu tiên), rồi khóa cái layer còn lại để chúng ta có thể bắt đầu.

Bước 1

Tạo hình dạng chính cho phần thân dưới của bức tượng bằng hình chữ nhật có kích thước 100 x 16 px, chúng ta sẽ tô màu #53555E và sau đó căn giữa với Artboard, định vị nó ở khoảng cách 224 px từ cạnh dưới của nó.

creating the upper section of the legs

Bước 2

Tạo nét viền cho hình dạng mà chúng ta vừa tạo bằng phương pháp Stroke, bằng cách tạo bản sao của nó (Control-C), chúng ta sẽ dán ở phía trước (Control-F) và sau đó điều chỉnh bằng cách thay đổi màu đầu tiên thành #24252B và sau đó lật Fill của nó với Stroke của nó (Shift-X). Đặt Weight của đường viền kết quả là 8 px Corner to Round Join, chọn và nhóm hai hình lại với nhau sau đó bằng phím tắt Control-G.

adding the outline to the upper section of the legs

Bước 3

Bắt đầu vẽ chân trái bằng cách tạo phần trên bằng cách sử dụng hình chữ nhật có kích thước 44 x 32 px (#6D6F77) với đường viền dày 8 px (# 6D6F77), chúng ta sẽ nhóm (Control-G) và sau đó đặt bên dưới phần trước để chúng chồng lên nhau như trong hình ảnh tham khảo.

creating the upper section of the left leg

Bước 4

Tạo phần trung tâm bằng hình chữ nhật 44 x 36 px (#53555E) với nét viền dày 8 px (# 24252B), mà chúng ta sẽ nhóm lại (# 24252B) và sau đó đặt lên phần nhỏ hơn.

creating the center section of the left leg

Bước 5

Thêm phần chân bằng cách sử dụng hình chữ nhật có kích thước 44 x 20 px (# 6D6F77) với đường viền dày 8 px (# 24252B), nhóm (Control-G) và sau đó đặt hai hình đó như trong hình ảnh tham khảo. Khi bạn đã hoàn tất, hãy chọn và nhóm (Control-G) tất cả các phần soạn thảo của cái chân hiện tại trước khi chuyển sang bước tiếp theo.

adding the bottom section to the left leg

Bước 6

Tạo chân phải bằng cách sử dụng một bản sao (Control-C > Control-F) của hình mà chúng ta vừa hoàn thành trước đó, đặt ở cạnh đối diện của thân dưới.

adding the right leg

Bước 7

Thêm đường chia giữ hai chân lại với nhau bằng hình chữ nhật 16 x 36 px (# 6D6F77) với đường viền dày 8 px (# 24252B), chúng ta sẽ nhóm (Control-G) và sau đó đặt như hình ảnh tham khảo. Khi bạn đã hoàn tất, hãy chọn và nhóm (Control-G) tất cả các phần hiện tại trước khi chuyển sang phần tiếp theo.

adding the vertical divider to the legs

5. Cách tạo thân của bức tượng

Khi chúng ta đã hoàn thành thân dưới của cơ thể, chúng ta có thể di chuyển một vài pixel lên trên và bắt đầu làm việc với phần thân trên, bắt đầu với phần thân.

Bước 1

Tạo phần dưới của thân bằng cách sử dụng một hình chữ nhật 108 x 12 px, chúng ta sẽ tô màu #6D6F77 và sau đó đặt lên phần trên của thân dưới như trong hình tham khảo.

creating the lower section of the torso

Bước 2

Thêm phần trên bằng cách sử dụng một hình chữ nhật 108 x 76 px, chúng ta sẽ tô màu # 6D6F77 và sau đó đặt lên trên của hình dạng trước đó.

creating the upper section of the torso

Bước 3

Điều chỉnh hình dạng của hình chữ nhật mà chúng ta vừa tạo, bằng cách chọn từng điểm neo trên cùng bằng công cụ Direct Selection Tool (A) và sau đó đẩy chúng vào trong 12 px bằng công cụ Move (nhấn chuột phải > Transform > Move > + / - 12 px tùy thuộc vào bên bạn bắt đầu).

adjusting the upper section of the torso

Bước 4

Chọn hai hình tạo thành phần thân và kết hợp chúng thành một hình lớn hơn bằng cách sử dụng Chế độ Unite Shape Mode của Pathfinder.

uniting the two composing shapes of the torso

Bước 5

Tạo cho hình kết quả một nét viền dày 8 px (#24252B), chọn và nhóm chúng lại với nhau sau đó bằng phím tắt Control-G.

adding the outline to the torso

6. Cách tạo tay của bức tượng

Khi bạn đã hoàn thành phần thân, chúng ta có thể di chuyển sang hai bên và bắt đầu làm việc với cánh tay đồ chơi.

Bước 1

Chọn Công cụ Pen Tool (P) và, với màu được đặt thành #53555E, từ từ vẽ cánh tay bằng cách sử dụng hình tham khảo làm hướng dẫn chính của bạn.

drawing the left arm

Bước 2

Vẽ cho hình kết quả một nét viền dày 8 px (#24252B) sử dụng phương pháp Stroke.

adding the outline to the left arm

Bước 3

Vẽ đoạn đường chéo nơi cánh tay thường uốn cong, sử dụng Stroke dày 8 px (#24252B) với Round Cap, mà chúng ta sẽ đặt như trong hình ảnh tham khảo. Khi bạn đã hoàn tất, hãy chọn và nhóm (Control-G) cả ba hình với nhau trước khi chuyển sang bước tiếp theo.

adding the detail line to the left arm

Bước 4

Tạo cổ tay bằng hình chữ nhật 20 x 16 px, chúng ta sẽ tô màu #53555E và sau đó đặt lên cánh tay, ở khoảng cách 12 px từ điểm neo dưới cùng bên phải của nó.

creating the main shape for the left wrist

Bước 5

Điều chỉnh hình dạng mà chúng ta vừa tạo bằng cách chọn và đẩy các điểm neo dưới cùng của nó sang bên trái 2 px bằng công cụ Move (nhấp chuột phải > Transform > Move > Horizontal > -2 px).

re positioning the bottom anchor points of the left wrist

Bước 6

Tiếp tục điều chỉnh hình dạng hiện tại, bằng cách chọn và đẩy điểm neo bên trái dưới cùng của nó lên trên cùng 2 px.

adjusting the shape of the left wrist

Bước 7

Vẽ nét viền cho hình kết quả dày 8 px (#24252B), nhóm (Control-G) và sau đó đăth hai hình này bên dưới bàn tay lớn hơn (nhấp chuột phải> Arrange > Send Backward).

adding the outline to the left wrist

Bước 8

Tạo hình dạng chính cho bàn tay bằng một hình tròn 36 x 36 px, chúng ta sẽ tô màu #6D6F77 và sau đó đặt lên cổ tay, như trong hình tham khảo.

creating the main shape for the left arm

Bước 9

Điều chỉnh vòng tròn mà chúng ta vừa tạo ra bằng cách cắt ra một hình chữ nhật bo tròn 12 x 30 px (được đánh dấu bằng màu đỏ) với Corner Radius 6 px từ nửa dưới của nó.

adjusting the shape of the left hand

Bước 10

Tạo nét viền dày 8 px, (#24252B) cho hình dạng kết quả, chọn và nhóm cả hai lại với nhau bằng phím tắt Control-G. Khi bạn đã hoàn tất, hãy chọn và nhóm (Control-G) tất cả các phần soạn thảo của cánh tay trái, đặt chúng bên dưới thân lớn hơn (nhấp chuột phải> > Arrange > Send to Back).

positioning the left arm underneath the torso

Bước 11

Tạo cánh tay phải bằng cách sử dụng một bản sao (Control-C > Control-F) của hình mà chúng ta vừa hoàn thành, chúng ta sẽ phản ánh theo chiều dọc (nhấp chuột phải > Transform > Reflect > Vertical) và sau đó đặt ở phía đối diện của thân.

adding the right arm

7. Cách tạo đầu của bức tượng

Vì chúng ta đã thực hiện khá nhiều công việc trên cơ thể của bức tượng, do đó, chúng ta có thể chuyển sự tập trung của chúng ta về phía đầu, và dần dần xây dựng nó từng phần một.

Bước 1

Bắt đầu bằng cách tạo phần cổ bằng hình chữ nhật 40 x 12 px (#DDA98C) với đường viền dày 8 px (# 24252B), chúng ta sẽ nhóm (Control-G) và sau đó đặt lên đầu của thân lớn hơn.

creating the neck section

Bước 2

Thêm cái đầu bằng hình chữ nhật tròn 76 x 64 px (#F9C9A9) với Corner Radius 16 px và đường viền dày 8 px (#24252B), chúng ta sẽ nhóm (Control-G) và sau đó đặt lên trên phần cổ.

adding the head

Bước 3

Hoàn thành bức tượng trống, bằng cách kết nối vào đầu của tượng bằng hình chữ nhật 32 x 16 px (# DDA98C) với đường viền dày 8 px (# 24252B), nhóm (Control-G) và sau đó định vị hai phần này như được thấy trong hình ảnh tham khảo. Khi bạn đã hoàn tất, hãy chọn và nhóm (Control-G) tất cả các phần soạn thảo của phần đầu trước khi chuyển sang bước tiếp theo.

adding the connector section to the head

8. Cách thêm các chi tiết vào khuôn mặt của bức tượng

Tại thời điểm này, chúng ta có một phiên bản hoàn toàn trống rỗng của bức tượng Lego, chúng ta sẽ biến thành anh hùng chống tội ác bằng cách dần dần thêm các chi tiết vào các phần khác nhau của anh hùng và chúng ta sẽ bắt đầu với phần đầu.

Bước 1

Bắt đầu vẽ đôi mắt bằng cách tạo hình dạng chính cho con mắt bên trái bằng một hình elip có kích thước 8 x 10 px, chúng ta sẽ tô màu #24252B và sau đó đặt cách 20 px từ cạnh trái của phần đầu và 16 px từ cạnh trên cùng của nó.

creating and positioning the main shape for the left eye

Bước 2

Thêm ánh sáng mắt nhỏ bằng cách sử dụng một vòng tròn 2 x 2 px, chúng ta sẽ tô màu trắng (#FFFFFF), và sau đó căn giữa với hình dạng trước đó, đặt nó cách 2 px từ mép trên của nó. Khi bạn đã hoàn tất, hãy chọn và nhóm (Control-G) cả hai với nhau trước khi chuyển sang bước tiếp theo.

adding the highlight to the left eye

Bước 3

Thêm mắt phải bằng cách sử dụng một bản sao (Control-C > Control-F) của hình mà chúng ta vừa hoàn thành công việc, chúng ta sẽ đặt ở phía đối diện của phần đầu, đảm bảo duy trì cùng khoảng cách 20 px từ mép ngoài của nó.

adding the right eye

Bước 4

Vẽ lông mày bằng hai đường Stroke dày 4 px (#24252B) với Round CapJoin, dùng hình tham khảo như hướng dẫn chính của bạn.

drawing the eyebrows

Bước 5

Bắt đầu vẽ miệng bằng cách tạo một hình chữ nhật 24 x 10 px, chúng ta sẽ tô màu trắng (#FFFFFF) và sau đó căn giữa với đầu, đặt nó cách 12 px từ mép trên của nó.

creating the main shape for the mouth

Bước 6

Điều chỉnh hình dạng mà chúng ta vừa tạo bằng cách định vị lại các điểm neo trên cùng của nó như trong hình tham khảo, tạo cho hình dạng kết quả đường viền dày 4 px (#24252B).

adjusting the shape of the mouth

Bước 7

Thêm đường chi tiết ngang vào bên phải của miệng, sử dụng đường nét Stroke dài 6 px dày 2 px (#24252B). Khi bạn hoàn tất, hãy chọn và nhóm tất cả các hình dạng soạn thảo của phần hiện tại bằng phím tắt Control-G.

adding the horizontal detail line to the mouth

Bước 8

Như chúng ta đã làm với lông mày, dùng một vài khoảnh khắc và vẽ hai đường má bằng cách sử dụng một nét Stroke dày 4 px (#24252B) với Round CapJoin, chúng ta sẽ đặt như trong hình ảnh tham chiếu. Hãy dành thời gian để vẽ và sau khi hoàn tất, hãy chọn và nhóm (Control-G) tất cả các hình soạn thảo của khuôn mặt trước khi chuyển sang bước tiếp theo.

drawing the cheek lines

9. Cách thêm các chi tiết vào thân tượng

Khi bạn đã hoàn thành công việc trên khuôn mặt, hãy di chuyển đến phần thân và bắt đầu thêm các chi tiết vào trang phục của Batman.

Bước 1

Bắt đầu làm việc trên miếng dán logo ngực bằng cách tạo hình elip có kích thước 44 x 28 px, chúng ta sẽ tô màu #FCCF4F và sau đó căn giữa với thân lớn hơn, đặt nó cách 14 px từ cạnh trên của nó.

creating the main shape for the chest patch

Bước 2

Vẽ logo người dơi (#24252B), sử dụng hình tham khảo làm hướng dẫn chính. Dùng thời gian để vẽ, và khi hoàn tất, chọn hai hình đó và nhóm chúng lại với nhau bằng phím tắt Control-G.

drawing the batman logo

Bước 3

Với bản vá đã xong, bắt đầu vẽ phần còn lại của bộ giáp, bắt đầu với khu vực ngực, sử dụng một vài nét Stroke dày 4 px (#24252B) với Round CapJoin.

drawing the pectoral lines

Bước 4

Vẽ bụng bằng cách sử dụng các bước tương tự, đảm bảo rằng tất cả các điểm neo được đặt sao cho chúng chồng lên các nét bên cạnh chúng.

drawing the abs

Bước 5

Kết thúc áo giáp bằng cách vẽ các đường sườn, chọn và nhóm tất cả các hình dạng soạn thảo của nó sau đó bằng phím tắt Control-G. Ngoài ra, vì chúng ta đã thực hiện khá nhiều công việc trên bức tượng, bạn cũng có thể chọn và nhóm (Control-G) tất cả các phần soạn thảo của nó.

drawing the rib lines

10. Cách vẽ áo choàng

Tiếp theo trong danh sách chống đỡ của trang phục của chúng ta là áo choàng của quân thập tự chinh, mà chúng ta sẽ tạo ra sau đây.

Bước 1

Bắt đầu bằng cách tạo một hình elip 256 x 320 px, chúng ta sẽ tô màu #393B42 và sau đó căn giữa với cạnh trên của thân.

creating the main shape for the cape

Bước 2

Hủy bỏ nửa dưới của hình đó, bằng cách chọn điểm neo dưới cùng của nó với công cụ Direct Selection Tool (A) và sau đó nhấn Delete, đảm bảo đóng đường path kết quả bằng phím tắt Control-J.

removing the bottom half of the cape

Bước 3

Tạo bốn hình elip có kích thước 64 x 32 px (được đánh dấu bằng màu đỏ), mà chúng ta sẽ định vị như trong hình ảnh tham khảo và sau đó bỏ đi khỏi áo choàng đó bằng cách sử dụng Chế độ Minus Front Shape Mode của Pathfinder.

adjusting the shape of the cape

Bước 4

Tạo nét viền dày 8 px, (#24252B) cho hình kết quả, nhóm (Control-G) và sau đó đặt hai hình này bên dưới bức tượng bằng công cụ Arrange (nhấp chuột phải> Sắp xếp> Gửi về sau).

adding the outline to the cape

11. Cách vẽ mặt nạ

Vì chúng ta cần bảo vệ danh tính thực sự của Batman, nên chúng ta sẽ phải tạo mặt nạ của anh ấy, vì vậy hãy đảm bảo bạn đã ở trên Layer thứ hai và chúng ta hãy bắt đầu nhé!

Bước 1

Tạo một hình chữ nhật 84 x 92 px, chúng ta sẽ tô màu #53555E và sau đó căn giữa với phàn đầu, đặt nó lên cạnh trên của đường viền cổ.

creating and positioning the main shape for the mask

Bước 2

Đặt Radius của các góc dưới của hình này thành 8 px từ Rectangle Properties của bảng Transform.

adjusting the bottom corners of the mask

Bước 3

Thêm đôi tai bằng hai hình chữ nhật 24 x 36 px (#53555E), chúng ta sẽ đặt lên hình vừa điều chỉnh.

creating the main shapes for the ears

Bước 4

Chọn và hợp nhất tất cả ba hình dạng thành một hình lớn hơn bằng cách sử dụng Chế độ Unite Shape Mode của Pathfinder, chọn và đẩy điểm neo ngoài cùng của đôi tai vào bên trong 16 px (nhấp chuột phải >Transform > Move > Horizontal > + / - 16 px tùy thuộc vào mà bên bạn bắt đầu).

adjusting the shape of the ears

Bước 5

Tiếp tục điều chỉnh hình kết quả bằng cách chọn và đẩy các điểm neo ở dưới cùng của đôi tai xuống dưới cùng 24 px (nhấp chuột phải > Transform > Move > Vertical > 24 px), sau đó điều chỉnh độ cong của chúng như trong hình tham khảo.

adjusting the shape of the mask

Bước 6

Hãy dành thời gian vẽ đường cắt nhỏ mà chúng tai sẽ loại bỏ khỏi mặt nạ, sử dụng hình ảnh tham khảo làm hướng dẫn chính của bạn.

drawing the cutout for the mask

Bước 7

Cắt bỏ hình chúng ta vừa tạo từ bề mặt của mặt nạ bằng cách sử dụng chế độ Minus Front Shape của Pathfinder, tạo cho hình kết quả là một đường viền dày 8 px (#24252B).

adding the outline to the mask

Bước 8

Thêm cặp mắt bằng hai hình elip 20 x 14 px (#FFFFFF) với nét viền dày 8 px, (#24252B), nhóm riêng biệt (Control-G) và sau đó đặt như hình tham khảo.

adding the eyes to the mask

Bước 9

Thêm các dòng chi tiết vào tai của mặt nạ bằng cách sử dụng hai nét Stroke dày 8 px (#24252B) với Round Cap.

adding the line details to the ears

Bước 10

Hoàn thành mặt nạ, và với bản vẽ chính nó, bằng cách thêm các dòng chi tiết còn lại bằng cách sử dụng một vài nét Stroke dày 4 px (#24252B). Khi bạn đã hoàn tất, hãy chọn và nhóm (Control-G) tất cả các hình tạo thành của phần hiện tại trước khi nhấn nút lưu.

finishing off the mask

Bạn làm rất tuyệt!

Không quan trọng nếu bạn là một fan hâm mộ của Batman nguyên bản hoặc những hiện thân tái sinh gần đây hơn, tôi thực sự hy vọng bạn thấy vui khi vẽ lại người bạn nhỏ này và học được thủ thuật mới trên đường thực hiện.

final result preview

Vì vẻ đẹp của Lego là điều bạn có thể dễ dàng tạo ra những thế giới và nhân vật mới bằng cách chuyển đổi một vài phần, tôi muốn cho bạn thấy những gì bạn có thể đạt được bằng cách sử dụng phiên bản trống của bức tượng này làm điểm bắt đầu.

Batman and Wonder Woman

Nếu bạn có bất kỳ câu hỏi nào, hãy để lại trong phần bình luận, tôi sẽ trả lời ngay khi có thể!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.