Advertisement
  1. Design & Illustration
  2. Fan Art
Design

Cách tạo một bộ hình đại diện X-Men bằng Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called X-Men Week.
Colossus: How to Turn Skin to Metal in Adobe Photoshop

Vietnamese (Tiếng Việt) translation by Thai An (you can also view the original English article)

Final product image
What You'll Be Creating

Bạn có đang chờ đợi phim X-Men mới: phim Apocalypse nhiều như tôi? Hãy cùng nhau sẵn sàng và thực hiện theo hướng dẫn này để tạo hình đại diện X-Men dạng phẳng, không có khuôn mặt nhé! Chúng ta sẽ khám phá một số mẹo và thủ thuật hữu ích và tìm hiểu các kỹ thuật đơn giản, đồng thời sử dụng các hình dạng cơ bản, bảng Pathfinder, Shape Builder Tool và Clipping Mask.

X-Men là những anh hùng yêu thích của tôi từ toàn bộ thế giới Marvel, vì vậy tôi luôn chờ đợi những bộ phim mới với sự thiếu kiên nhẫn. Tuy nhiên, hướng dẫn này có thể hữu ích không chỉ cho những người hâm mộ X-Men! Bạn có thể sử dụng các kỹ thuật sau đây để tạo ra một số hình đại diện siêu anh hùng, chân dung người theo phong cách phẳng và bất kỳ kiểu hình đại diện phẳng nào khác! Bạn thậm chí có thể sử dụng hình ảnh của riêng bạn hoặc bất kỳ hình ảnh tham khảo từ Envato Market để tạo ra một hình đại diện tương tự cho hồ sơ mạng xã hội của bạn. Hãy thử nó nào!

1. Vẽ hình đại diện Wolverine

Bước 1

Hãy tạo hình khuôn mặt của Wolverine, bắt đầu với chiếc cằm. Dùng Rectangle Tool (M) và tạo ra một hình dạng 100 x 60 px với tông màu da hồng hào. Vẫn chọn hình này, vào Object > Path > Add Anchor Points để thêm một điểm neo ở giữa mỗi cạnh.

create face from the rectangle 1

Bước 2

Hãy tạo hình chiếc cằm. Chọn điểm neo bên trái dưới cùng bằng Direct Selection Tool (A) và nhấn Enter để mở cửa sổ Move. Đặt giá trị Horizontal thành 20 pxVertical thành 0 px. Nhấn OK để di chuyển điểm neo này 20 px sang phải.

Lặp lại tương tự cho điểm neo bên phải dưới cùng, nhưng lần này đặt giá trị Horizontal thành -20 px để di chuyển điểm theo theo hướng ngược lại.

create face from the rectangle 2

Bước 3

Bây giờ, hãy làm cho hình dạng của chiếc cằm tròn hơn và mượt mà hơn với sự trợ giúp của chức năng Live Corners. Chọn tất cả các điểm neo ngoại trừ hai điểm trên cùng với Direct Selection Tool (A) và kéo các điểm đánh dấu vòng tròn của Live Corners lên trên, làm cho các góc hơi tròn.

Nếu bạn đang sử dụng các phiên bản Adobe Illustrator cũ hơn, không bao gồm chức năng này, bạn có thể sử dụng Effect > Stylize > Round Corners. Nhưng lưu ý rằng nó sẽ làm cho tất cả các góc được làm tròn. Trong trường hợp này, sử dụng Eraser Tool (Shift-E) trong khi nhấn giữ phím Alt để làm cho phần trên cùng của hình này thẳng và phẳng.

make the chin rounded using live corners

Bước 4

Bây giờ hãy tạo hình phần trên của khuôn mặt. Vẽ hình một chữ nhật có kích thước 100 x 75 pixel. Vào Object > Path > Add Anchor Points.

shape the upper part of the face

Bước 5

Hãy điều chỉnh chân tóc một chút. Chọn điểm neo ở giữa trên cùng với Direct Selection Tool (A) và di chuyển nó xuống 10 px. Chuyển sang Anchor Point Tool (Shift-C) và kéo các tay xoay của điểm neo đã chọn lên trên, như trong hình dưới đây. Bằng cách này, chúng ta đã tạo hình một chân tóc hình mòng biển.

adjust the hairline

Bước 6

Di chuyển tay xoay của các điểm neo bên trái và bên phải để làm cho đường chân tóc nhọn xuống và cong hơn.

make the hairline more flowing

Bước 7

Hãy chắc chắn rằng các chi tiết của khuôn mặt hoàn toàn phù hợp với nhau. Chúng ta sẽ sử dụng kỹ thuật tương tự thêm nữa khi chúng ta cần sắp xếp các đối tượng với nhau.

Chọn cả hai chi tiết của khuôn mặt với Selection Tool (V) và nhấp chuột vào hình bên trên một lần nữa để làm cho nó thành một Key Object. Nó sẽ được thấy với một vùng chọn dày hơn xung quanh hình dạng này. Bây giờ, hãy vào bảng Align và nhấn Horizontal Align Center. Bằng cách này, chúng ta căn chỉnh chiếc cằm với hình bên trên.

align the shapes to the center

Bước 8

Di chuyển phần trên cùng của mặt xuống dưới, gắn nó vào chiếc cằm.

attach the parts of the face

Bước 9

Sử dụng chức năng Move một lần nữa để di chuyển các góc trên bên trái và bên phảigần nhau hơn một chút , làm cho đỉnh của hình này hẹp hơn.

make the face narrower

Bước 10

Bây giờ hãy vẽ kiểu tóc nổi tiếng của Wolverine! Dùng Pencil Tool (N) và vẽ phần bên trái của tóc. Kết nối các điểm neo ngoài cùng với Pencil Tool (N) hoặc bằng Pen Tool (P) để làm cho cạnh phải của hình này thẳng và vuông vắn.

draw hair with pencil tool

Bước 11

Tô màu hình này với màu xám đen. Và hãy lật bản sao này sang phía đối diện để tạo nửa thứ hai của kiểu tóc này. Nhấn đúp vào Reflect Tool (O) để mở cửa sổ các tùy chọn và chọn Vertical Axis. Nhấp vào Copy và gắn vào phần bên phải của kiểu tóc.

form the hairdo

Bước 12

Bây giờ chúng ta hãy thêm đôi tai. Dùng Ellipse Tool (L) và tạo một hình bầu dục có kích thước 15 x 30 px. Gắn hình dạng này vào mặt, xoay nó một chút. Thêm tai thứ hai, sử dụng Reflect Tool (O).

add the ears with ellipse tool

Bước 13

Bây giờ hãy tạo hình bộ râu của Wolverine! Trước hết, sao chép hình dạng khuôn mặt và Paste in Front (Control-C> Control-F). Sử dụng Eyedropper Tool (I) để chọn màu từ tóc và áp dụng nó cho bản sao đã tạo.

Dùng Ellipse Tool (L) và tạo một hình dạng 125 x 130 px, đặt nó ở trên phần trên của khuôn mặt. Bây giờ bạn có thể thấy bộ râu đã bắt đầu xuất hiện ở dưới cùng của khuôn mặt.

form the beard 1

Bước 14

Thêm một hình elip có kích thước nhỏ hơn (60 x 45 px), che một phần chiếc cằm.

form the beard 2

Bước 15

Chọn cả hai hình elip này và Unite chúng trong Pathfinder, hợp nhất chúng thành một hình duy nhất.

Unite the shapes in Pathfinder

Bước 16

Bây giờ hãy cắt bỏ các hình elip, chỉ để lại những phần màu xám đậm cho bộ râu. Chọn cả hai hình dạng màu xám đậm và các hình elip đã hợp nhất và sử dụng chức năng Minus Front của Pathfinder để cắt các hình dạng đó.

use minus front to cut out the beard

Bước 17

Hãy thêm một vài lọn tóc vào trán của Wolverine. Vẽ hình elip 60 x 5 px. Chọn các điểm neo bên của nó bằng Direct Selection Tool (A) và làm cho các đầu của hình dạng này nhọn, sử dụng chức năng Convert selected anchor points to corner của bảng điều khiển ở trên cùng.

Giữ hình dạng này vẫn được chọn, vào Effect> Warp> Arc. Đặt giá trị Horizontal Bend thành 30%Object > Expand Appearance để áp dụng hiệu ứng.

form a hair lock from ellipse

Bước 18

Đính kèm lọn tóc được tạo vào chân tóc và thêm một bản sao nhỏ hơn bên cạnh.

Attach the created hair lock to the hairline

Bước 19

Hãy thêm cổ. Vẽ một hình chữ nhật 60 x 70 px với tông màu da sẫm màu hơn. Đặt cổ xuống dưới đầu bằng cách Moving to Back (Shift-Control- [). Điều chỉnh độ dài của cổ bằng cách di chuyển nó lên hoặc xuống, che phần không cần thiết bên dưới đầu.

Thêm một hình chữ nhật khác có kích thước 75 x 25 px cho cổ áo và tô nó với màu xanh xám đậm.

add neck and collar from rectangles

Bước 20

Hãy tạo hình thân trên Vẽ hình chữ nhật có kích thước 160 x 110 px có màu xanh xám nhạt và đặt nó ngay dưới cổ áo. Căn chỉnh tất cả các hình dạng ra giữa, nếu cần.

Chọn điểm neo bên trái dưới cùng với Direct Selection Tool (A) và nhấn Enter để mở cửa sổ Move. Di chuyển con trỏ sang trái, đặt giá trị Horizontal Position thành -20 px.

Di chuyển điểm neo bên phải theo hướng ngược lại, làm cho đáy của hình chữ nhật này rộng hơn và tạo thành một hình thang.

form a torso from rectangle

Bước 21

Sử dụng tính năng Live Corners (hoặc hiệu ứng Round Corners) để làm cho vai của thân trên tròn.

Hãy thêm biểu tượng X-Men tròn vào cổ áo. Vẽ một hình tròn 28 x 28 px với Ellipse Tool (L) với màu xám đậm và Stroke màu vàng đậm (đặt Stroke Weight5 pt trong bảng điều khiển phía trên).

Sử dụng Line Segment Tool (\) để tạo thành hai nét viền màu vàng 5 pt cho ký hiệu X ở giữa.

make the X-Men round emblem

Bước 22

Hãy thêm hình cơ sở vào hình đại diện của chúng ta. Vẽ một hình vuông màu vàng 300 x 300 pxSend to Back (Shift-Control- [), bên dưới nhân vật. Group (Control-G) tất cả các chi tiết của Wolverine và thay đổi kích thước của anh ta để tạo hình bóng vừa vặn với hình vuông. Bạn có thể để phần dưới của thân trên bên ngoài hình vuông, như trong hình dưới đây.

Sao chép hình vuông này và Bring to Front (Shift-Control-]), phía trên tất cả các đối tượng khác.

Cuối cùng, chọn tất cả mọi thứ (Control-A), nhấp chuột phải Make Clipping Mask, ẩn các chi tiết không mong muốn bên ngoài hình vuông. Tuyệt vời!

make the base from square

Bây giờ chúng ta đã có hình đại diện X-Men đầu tiên! Hãy chuyển sang hình kế tiếp.

wolverine avatar

2. Vẽ hình đại diện của Mystique

Bước 1

Nhân vật thứ hai của chúng ta sẽ là Mystique kỳ diệu.

Hãy bắt đầu tạo hình khuôn mặt của cô ấy từ chiếc cằm, như chúng ta đã làm trước đây. Lấy chiếc cằm của Wolverine từ hình đại diện đầu tiên của chúng ta và chỉnh sửa nó, làm cho các góc tròn hơn với sự trợ giúp của tính năng Live Corners. Chọn điểm neo giữa phía dưới (đầu của chiếc cằm) và làm cho nó nhọn bằng cách Converting it to Corner từ menu Convert ở trên cùng.

form the chin

Bước 2

Bây giờ hãy tạo hình phần trên của khuôn mặt. Vẽ một hình chữ nhật có kích thước 100 x 60 pxcăn chỉnh nó thành hình chiếc cằm. Sử dụng Direct Selection Tool (A) để chọn cả hai điểm neo trên cùng bên trái và bên phải và làm cho phần trên của hình dạng này được làm tròn hoàn toàn.

Sử dụng Anchor Point Tool (Shift-C) để tạo hình đường chân tóc hình trái tim bằng cách đặt các chốt neo như trong hình dưới đây.

form the hairline

Bước 3

Gắn phần trên của khuôn mặt vào phần dưới và thay đổi màu da thành màu xanh da trời.

Hãy thêm hình dạng kiểu tóc! Vẽ một hình chữ nhật màu đỏ 100 x 80 px và đặt nó bên dưới khuôn mặt ở phần trên của đầu. Làm cho đầu hình chữ nhật này được làm tròn hoàn toàn.

Điều chỉnh vị trí của các hình dạng với nhau. Trong trường hợp của tôi, tôi di chuyển phần trên của khuôn mặt xuống để làm cho khuôn mặt ngắn hơn và để lộ tóc hơn một chút.

recolor the skin and add hair

Bước 4

Thêm tai và cổ vào đầu của Mystique. Vẽ thành một hình thang cho thân và lần này Unite thân và cổ trong Pathfinder.

add ears neck and torso

Bước 5

Sử dụng Direct Selection Tool (A) để chọn các điểm neo ở dưới cùng của cổ. Làm cho chúng được tròn, sử dụng tính năng Live Corners. Làm cho vai tròn, tạo thành một hình bóng mượt mà, nhẹ nhàng.

make the silhouette rounded

Bước 6

Sử dụng Ellipse Tool (L) để tạo hình elip 5 x 10 px có màu hơi đậm hơn mặt. Thêm một số chấm nhỏ vào mặt, thay đổi kích thước và vị trí của chúng.

add elliptical spots

Bước 7

Kết thúc với avatar của Mystique bằng cách thêm một số chấm nhỏ vào cơ thể của cô ấy và đưa nhân vật vào một mặt nạ hình vuông với hình nền màu xanh đậm.

Mystique avatar

3. Vẽ hình đại diện của Magneto

Bước 1

Hãy tạo đầu và mũ cho Magneto. Sao chép hình cơ sở của thân từ Wolverine và thay đổi phần trên của đầu bằng cách thay thế khuôn mặt và tóc của Wolverine bằng hình chữ nhật 100 x 75 px. Làm cho đỉnh đầu hoàn toàn tròn bằng chức năng Live Corners.

Vẽ một hình chữ nhật trên đầu (hơi lớn hơn đầu) và làm cho phần trên của nó được làm tròn. Đây sẽ là mũ của Magneto.

Ở giai đoạn này tôi cũng loại bỏ tai và đặt màu Fill của mũ đội đầu thành None để nhìn rõ đầu.

make Magnetos helmet from rectangle

Bước 2

Bây giờ hãy tạo hình các bộ phận trên khuôn mặt của mũ đội đầu. Nếu bạn nhớ những bộ phim của X-Men, Magneto có một hình cắt lớn trên mắt, mũi và miệng.

Vẽ một hình elip nhỏ và đặt nó vào vùng mắt bên trái, như thể hiện trong hình bên dưới. Sử dụng Reflect Tool (O) để tạo một hình elip thứ hai. Thêm một sọc dọc, kết hợp nó với các lỗ mắt. Cuối cùng, chọn hình elip đã tạo và sọc dọc và Unite chúng trong Pathfinder.

make the elements of the helmet 1

Bước 3

Chuyển màu Fill của mũ đội đầu thành màu tía đậm và hình ở giữa thành bất kỳ màu tương phản nào, ví dụ như màu vàng. Giữ cho hình dạng màu vàng được chọn, vào Object> Path> Offset Path và thiết lập giá trị Offset5 px, tạo ra một hình dạng lớn hơn.

make the elements of the helmet 2

Bước 4

Chọn mũ đội đầu và hình dạng màu vàng nhỏ hơn. Sử dụng chức năng Minus Front của Pathfinder để cắt hình này ra.

Bây giờ chúng ta có hình dạng màu vàng đậm hơn và một chiếc mũ đội đầu có lỗ ở giữa.

Use the Minus Front function

Bước 5

Giữ cả hai hình dạng được vùng chọn, dùng Shape Builder Tool (Shift-M), nhấn giữ phím Alt và nhấp chuột vào giữa hình dạng màu vàng đậm mà chúng ta cần xóa. Tuyệt quá! Bây giờ chúng ta đã có thể nhìn thấy khuôn mặt.

use the Shape Builder Tool

Bước 6

Thay đổi màu vàng đậm thành màu tím nhạt để làm cho nó hòa hợp với chiếc mũ. Và hãy thêm một sọc 5 px mỏng ở dưới cùng của mũ đội đầu. Sử dụng Shape Builder Tool (Shift-M) một lần nữa để xóa các chi tiết không cần thiết của sọc bên ngoài mũ đội đầu.

complete the helmet

Bước 7

Hãy thao tác với bộ đồ của Magneto một chút. Làm cho nó tối hơn, thay đổi màu Fill thành màu tím xám đậm. Thêm một đường thẳng mỏng vào giữa bộ đồ, mô tả một bộ khóa zip được cách điệu.

Và hãy làm tối hai vai. Dùng Line Segment Tool (\) và vẽ hai đường chéo qua vai. Chọn cả hai đường này và thân trên và sử dụng Shape Builder Tool (Shift-M) để nhấp chuột vào phần vai mà chúng ta cần cắt. Tuyệt vời - bây giờ các chi tiết vai đã được chia ra khỏi phần còn lại của thân trên và chúng ta có thể làm cho chúng tối màu hơn.

Đừng quên xóa các chi tiết của đường thẳng mà chúng ta không cần.

add details to the suite

Bước 8

Vẽ một hình cơ sở hình đại diện màu tím nhạt và sử dụng Clipping Mask để tạo thành bố cục.

Cuối cùng, sử dụng chức năng Convert để làm cho các góc bên ngoài của lỗ mắt hơi nhọn. Chỉnh sửa các hình dạng này bằng Direct Selection Tool (A).

make the eyes pointed

Tuyệt quá! Hình đại diện của Magneto đã sẵn sàng. Chúng ta còn một người cuối cùng!

The Magnetos avatar is ready

4. Vẽ hình đại diện của Rogue

Bước 1

Hình đại diện cuối cùng của chúng ta sẽ là Rogue trẻ trung.

Hãy sao chép toàn bộ hình bóng của Mystique và sử dụng nó làm hình cơ sở cho hình đại diện của Rogue bằng cách đổi màu da và loại bỏ các chấm nhỏ khỏi cơ thể.

duplicate Mystiques body

Bước 2

Chọn điểm ở giữa của đường chân tóc với Direct Selection Tool (A) và di chuyển nó sang phải một chút, thay đổi hình dạng của đường chân tóc.

Bây giờ lấy Pencil Tool (N) và tạo một nét viền cong cho lọn tóc.

change the hair

Bước 3

Hãy sửa đổi lọn tóc. Chuyển đổi màu Stroke thành màu xám nhạt. Đi đến bảng Stroke (Window > Stroke) và đặt Weight là 16 pt, làm cho tóc dày hơn nhiều.

Đặt Cap và Corner ra giữa để làm cho phần kết thúc của nét viền được làm tròn.

Cuối cùng, thay đổi Profile thành Width Profile 5 (một trong các profile mặc định trong menu thả xuống) và sử dụng nút Flip Along bên cạnh nó để thay đổi hướng của đường nét viền. Làm tốt lắm!

Thêm một nét viền dọc màu be nhạt trên đầu tóc tối màu cho đường rẽ ngôi. Đặt Stroke Weight thành 1.5 ptProfile là Width Profile 1.

make a bang from a stroke

Bước 4

Thêm một lọn tóc khác ở phía đối diện của khuôn mặt và sử dụng các cài đặt tương tự như trong bước trước. Bạn có thể sử dụng Eyedropper Tool (I) để chọn hình dạng lọn tóc trước đó và gắn nó thành lọn tóc mới, giảm Weight xuống còn 12 pt.

Sao chép cổ áo từ hình đại diện của Wolverine và đặt nó lên cổ của Rogue.

add a second lock the the hair

Bước 5

Hãy mặc đồ cho nhân vật của chúng ta. Chọn hình dạng cơ thể và sử dụng công cụ Knife để chia hình này thành hai phần. Tô màu thân trên với màu xám đen, mô tả bộ đồ X-Men.

add a dark suite

Bước 6

Thêm một cái móc dây kéo và logo X-Men vào bộ đồ của Rogue.

add details to the suit

Bước 7

Hoàn thành avatar bằng cách thêm một hình vuông màu xanh lá cây và đưa các đối tượng vào một Clipping Mask.

Avatar of Rogue

Thật tuyệt vời! hình đại diện X-Men theo phong cách phẳng của chúng ta đã hoàn tất!

Chúng ta đã thực hiện một công việc thật tuyệt vời! Bạn có thể tiếp tục tinh chỉnh các avatar và thêm các chi tiết nhỏ theo ý thích của bạn. Hơn thế nữa, bạn có thể sử dụng các kỹ thuật đơn giản này để tạo ra toàn bộ nhóm X-Men, bao gồm cả những người tốt và kẻ xấu!

Chúc vui vẻ!

X-men flat avatars are finished
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.