Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Fan Art
Design

Cách tạo skin Minecraft 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

Bạn luôn muốn tạo một skin nhân vật Minecraft của riêng bạn, nhưng không bao giờ biết chính xác nơi để bắt đầu? Vâng, hôm nay là ngày may mắn của bạn vì tôi sẽ mang đến cho bạn một cái nhìn sâu sắc về toàn bộ quá trình này, cho bạn thấy cách lấy một mẫu cơ bản và biến nó thành một sản phẩm hoàn chỉnh có thể sử dụng được.

Nếu điều đó nghe thú vị, hãy nhanh chóng lấy một tách cà phê mới và bắt tay vào ngay nhé!

Trước khi bắt đầu, tôi muốn chỉ ra rằng toàn bộ dự án là phần tiếp theo của một hướng dẫn cũ hơn, nơi tôi đã chỉ cho bạn về how to create an isometric Minecraft character bằng cách sử dụng Isometric Grid mạnh mẽ của Affinity Designer.

Hôm nay, chúng ta sẽ chuyển đổi bằng cách lấy nhân vật đã hoàn thành đó và chuyển nó sang Adobe Illustrator, sử dụng một mẫu tùy chỉnh mà tôi tạo ra.

Tại thời điểm này, một số bạn có thể chỉ ra rằng có một loạt các trình chỉnh sửa trực tuyến cho phép bạn đạt được kết quả tương tự, nhưng vì tôi muốn có toàn quyền kiểm soát quá trình sáng tạo từ đầu đến cuối, do đó, tôi đã dành thời gian để tạo ra một mẫu tùy chỉnh mà tôi đã đính kèm để làm mọi việc dễ dàng hơn.

Nếu bạn muốn tạo lại hướng dẫn này trong Affinity, đừng lo, vì tôi cũng đã tạo một mẫu riêng cho bạn để mọi người có thể tham gia và thưởng thức chính họ.

Ngoài ra, đừng quên rằng bạn luôn có thể mở rộng dự án bằng cách hướng đến GraphicRiver, nơi bạn sẽ tìm thấy một bộ chọn lựa tuyệt vời của nghệ thuật điểm ảnh vector.

Để làm như vậy, hãy chuyển sự tập trung của chúng ta trở lại dự án và hãy đi thẳng vào nó nhé.

1. Cách tải tập tin tài nguyên

Trước khi chúng ta bắt đầu làm việc trên skin thực tế, chúng ta phải mất một vài phút và chuẩn bị bằng cách tải mẫu tài nguyên.

Vì vậy, giả sử bạn đã tải xuống nó, hãy mở nó bằng cách tải nó từ bên trong Illustrator (File > Open và sau đó chuyển đến thư mục mà bạn đã tải xuống) hoặc bằng cách nhấp đúp trực tiếp vào tập tin.

loading the custom template

Ngay sau khi tập tin được tải, bạn sẽ có thể thấy mẫu thực tế, bao gồm một khung cơ bản 64 x 64 px trải rộng trên toàn bộ thân của nhân vật, đã được đính tên cẩn thận để bạn biết chính xác từng hình dạng đó là gì .

default template preview

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

Vì chúng ta không muốn thay đổi tập tin mẫu, do đó, chúng ta sẽ dùng một chút thời gian và lưu nó dưới dạng một dự án mới của riêng nó (File > Save as), đảm bảo đặt tên tùy chỉnh sao cho chúng ta có thể phân biệt nó sau này với các skin thiết kế khác.

saving the default template as a custom skin

3. Cách sử dụng Layer tùy chỉnh

Nếu bạn mở bảng Layers, bạn có thể thấy rằng tôi đã dành thời gian để thiết lập một vài layer riêng biệt cho từng phần cơ thể mà tôi đã gắn nhãn riêng để bạn có thể dễ dàng sử dụng chúng để dần dần tạo nhân vật.

example of the custom layers found within the template

Layer hướng dẫn có một vài layer con mà bạn có thể tắt và bật để xác định và cô lập một phần cụ thể của cơ thể, nếu bạn muốn giữ cho quy trình thiết kế càng sạch càng tốt.

expanded preview of the guides layer

Khi bạn bắt đầu làm việc với dự án thực tế, tôi khuyên bạn nên khóa tất cả các layer ngoại trừ layer bạn đang làm việc, để có thể tập trung vào một phần tại một thời điểm, điều này sẽ giúp hợp lý hóa toàn bộ quá trình thiết kế.

Để thực hiện, hãy chuyển sang quy trình sáng tạo thực tế, nơi chúng ta sẽ thấy việc tạo ra một skin nhân vật tùy chỉnh dễ dàng như thế nào bằng cách sử dụng không gì hơn một vài hình chữ nhật đơn giản.

example of locking the custom layers

4. Cách tạo các hình dạng thân chính

Ngay sau khi tập tin dự án mới của chúng ta được thiết lập, chúng ta có thể bắt đầu làm việc trên skin thực tế, và chúng ta sẽ làm như vậy bằng cách bố cục các hình dạng chính của nó.

Bước 1

Chọn công cụ Rectangle Tool (M) và, sử dụng #95693D làm màu Fill của bạn, bắt đầu vẽ lên từng đường dẫn khác nhau, đảm bảo đặt các hình dạng kết quả lên layer tương ứng của chúng.

drawing the main shapes of the skin

Bước 2

Bây giờ, sau khi tôi đã có một nhân vật mà tôi đã tạo trong Affinity Designer, tôi sẽ sao chép (Control-C) và dán (Control-F) thiết kế đó vào Illustrator, và sau đó sử dụng Eyedropper Tool (I) để chọn và áp dụng các màu sắc cho các bộ phận cơ thể khác nhau của skin bằng cách giữ phím Alt và sau đó chỉ cần nhấp vào chúng.

applying colors to the different sections of the skin

5. Cách thêm các chi tiết vào đầu của nhân vật

Sau khi chúng ta đã có tất cả các phần cơ thể được bố cục, chúng ta có thể dần dần thêm các chi tiết cho chúng, và chúng ta sẽ bắt đầu với đầu người. Vì vậy, giả sử bạn đang ở trên layer phù hợp (đó sẽ là layer thứ bảy), hãy phóng to phần trên cùng của Artboard và bắt đầu nhảy thẳng vào đó.

Bước 1

Bật chế độ Pixel Preview (Alt-Control-Y), sau đó vẽ miệng bằng hình chữ nhật 2 x 1 px mà chúng ta sẽ tô màu #BC9069 và sau đó căn giữa với khuôn mặt phía trước, đặt nó ở khoảng cách 1 px từ cạnh dưới của nó.

creating the mouth of the character

Bước 2

Thêm mắt phải bằng cách sử dụng hai ô vuông 1 x 1 px theo chiều ngang xếp chồng lên nhau, tô màu hình bên trái bằng cách sử dụng màu #FFFFFF và hình vuông bên phải màu #402C1B. Khi bạn đã hoàn tất, hãy chọn và nhóm cả hai lại với nhau bằng phím tắt Control-G, đặt chúng như được thấy trong hình ảnh tham chiếu.

creating the right eye of the character

Bước 3

Tạo mắt trá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, lật phản chiếu theo chiều dọc (nhấp chuột phải > Transform > Reflect > Vertical) và sau đó đặt ở phía đối diện của khuôn mặt.

creating the left eye

Bước 4

Sử dụng một vài hình chữ nhật màu #4D3723, vẽ phần trước của tóc, theo hình ảnh tham chiếu làm hướng dẫn chính của bạn. Hãy dành thời gian của bạn và sau khi hoàn tất, hãy chọn và nhóm (Control-G) tất cả các hình dạng soạn thảo khuôn mặt trước với nhau trước khi chuyển sang hình dạng tiếp theo.

creating the front section of the hair

Bước 5

Chuyển sang phần bên trái của đầu, và tạo ra các bông tai nhỏ sử dụng một hình chữ nhật 1 x 1 px mà chúng ta sẽ tô màu #E09A50 và sau đó đặt ở khoảng cách 3 px từ cạnh trái của hình vuông lớn hơn và 2 px từ đáy của nó một.

adding the earring to the side section of the head

Bước 6

Thêm đoạn tóc sau vào phần dưới cùng của đầu bằng cách sử dụng một hình chữ nhật 8 x 4 px (#402C1B), trên đó chúng ta sẽ thêm một hình nhỏ hơn 4 x 2 px (#95693D), mà chúng ta sẽ nhóm lại (Control- G) và sau đó đặt như được thấy trong hình ảnh tham chiếu. Khi bạn hoàn tất, hãy chọn và nhóm (Control-G) tất cả các hình dạng của phần hiện tại với nhau, làm tương tự cho toàn bộ phần đầu sau đó.

adding the hair segment from underneath the head

Lưu ý: bước này là tùy chọn nếu bạn xử lý các ký tự có tóc ngắn, vì khi bạn tải skin trong trò chơi và di chuyển đầu xung quanh, nó sẽ không trông kỳ lạ nếu bạn xử lý với mái tóc dài hơn.

6. Cách thêm chi tiết vào phần thân trên của nhân vật

Sau khi đã thêm các chi tiết vào đầu, chúng ta có thể di chuyển xuống một layer và tập trung vào phần thân trên, mà chúng ta sẽ dần dần tinh chỉnh từng phần một.

Bước 1

Bắt đầu làm việc trên phần trên cùng của thân bằng cách thêm phần sau của cổ áo bằng hình chữ nhật 4 x 1 px, chúng ta sẽ tô màu #BF522E và sau đó căn giữa với cạnh trên của hình dạng nằm bên dưới.

adding the blouse neck segment to the upper section of the torso

Bước 2

Thêm các đoạn tóc bằng cách sử dụng hai hình chữ nhật 2 x 4 px (#4D3723), đặt ở hai bên như được thấy trong hình ảnh tham chiếu. Khi bạn hoàn tất, hãy chọn và nhóm (Control-G) tất cả các hình dạng soạn thảo của mục hiện tại với nhau trước khi chuyển sang hình dạng tiếp theo.

adding the hair segments to the upper section of the torso

Bước 3

Di chuyển phần trước của thân xuống dưới, và tạo hình cutout của cổ bằng cách sử dụng một hình chữ nhật 4 x 2 px (#95693D) theo chiều dọc xếp chồng lên nhau ở trên của một hình nhỏ hơn 2 x 1 px (#95693D), mà chúng ta sẽ nhóm lại (Control- G) và sau đó căn giữa với cạnh trên của hình dạng bên dưới.

adding the neck cutout to the front section of the torso

Bước 4

Nhanh chóng vẽ vòng cổ bằng cách sử dụng một vài hình chữ nhật màu #E09A50, mà chúng ta sẽ nhóm lại (Control-G) và đặt trên hình cutout cái cổ như trong hình ảnh tham khảo.

adding the necklace to the neck cutout

Bước 5

Thêm các đoạn tóc bằng cách sử dụng hai hình chữ nhật 2 x 4 px (#4D3723) xếp chồng lên nhau theo chiều dọc trên hai hình nhỏ hơn 1 x 2 px (#4D3723), chúng ta sẽ nhóm riêng lẻ (Control-G) và sau đó đặt vào các cạnh của hình cutout cổ. Khi bạn đã định hình xong, hãy chọn và nhóm (Control-G) tất cả chúng lại với nhau trước khi chuyển sang phần tiếp theo.

adding the hair segments to the front section of the torso

Bước 6

Di chuyển đến phần sau của thân trên, và sau đó nhanh chóng thêm các đoạn tóc bằng cách sử dụng ba hình chữ nhật cao 1 px mà chúng ta sẽ tô màu #4D3723 và sau đó đặt như trong hình ảnh tham chiếu. Khi bạn đã hoàn tất, hãy đảm bảo chọn và nhóm (Control-G) cả ba hình trong số chúng lại với nhau, làm tương tự cho toàn bộ phần này sau đó.

adding the hair segments to the back of the torso

Bước 7

Kết thúc phần hiện tại bằng cách thêm dây lưng bằng hình chữ nhật 24 x 1 px, chúng ta sẽ tô màu #37404D và sau đó đặt cách 1 px từ cạnh dưới của thân trên.

adding the belt to the torso

7. Cách thêm các chi tiết vào cánh tay của nhân vật

Bây giờ chúng ta đã hoàn thành công việc cho thân trên, chúng ta có thể chuyển sang layer tiếp theo (đó sẽ là layer thứ tư) và dần dần thêm các chi tiết vào cánh tay, bắt đầu với cánh tay phải.

Bước 1

Tạo phần bên ngoài của ống tay áo bằng cách sử dụng hình chữ nhật 4 x 8 px, chúng ta sẽ tô màu #BF522E và sau đó căn chỉnh với mép trên của hình dạng bên dưới, đảm bảo chọn và nhóm (Control-G) cả hai sau đó.

adding the outer side section to the right sleeve

Bước 2

Vẽ phần trước của tay áo bằng hình chữ nhật lớn hơn 4 x 6 px (#E37047), sau đó là hai chữ hình nhỏ hơn (#E37047), chúng ta sẽ nhóm lại (Control-G) và đặt như trong hình ảnh tham chiếu. 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 cạnh hiện tại bằng phím tắt Control-G trên bàn phím.

adding the front section of the right sleeve

Bước 3

Thêm phần bên trong của tay áo bằng cách sử dụng hình chữ nhật 4 x 6 px, chúng ta sẽ tô màu #BF522E và sau đó căn chỉnh với mép trên của hình dạng bên dưới, đảm bảo chọn và nhóm (Control-G) chúng lại với nhau sau đó.

adding the inner side section of the right sleeve

Bước 4

Tạo phần sau của tay áo bằng cách sử dụng một bản sao (Control-C > Control-F) của mặt trước, mà chúng ta sẽ phản ánh theo chiều dọc (nhấp chuột phải > Transform > Reflect > Vertical) và sau đó đặt lên phần cánh tay tương ứng, đảm bảo xóa các hình dạng bên dưới sau đó.

adding the back segment to the right sleeve

Bước 5

Vì bây giờ chúng ta đã có một phiên bản hoàn chỉnh của cánh tay bên phải, chúng ta có thể nhanh chóng tạo ra cánh tay bên trái bằng cách sử dụng một bản sao của nó (Control-C), mà chúng ta sẽ dán (Control-F) lên layer thứ năm và sau đó điều chỉnh bằng cách nhấn đúp vào nó để vào Isolation Mode và sau đó hoán đổi các cạnh khác nhau như được thấy trong hình ảnh tham chiếu. Khi bạn hoàn tất, thoát Isolation Mode bằng cách nhấn Escape, đảm bảo xóa các hình dạng bên dưới trước khi chuyển sang bước tiếp theo.

adding the blouse sleeve to the left arm

Bước 6

Thêm đoạn tóc vào phần trên cùng của tay áo bên trái (vai) sử dụng một hình chữ nhật 1 x 4 px, chúng ta sẽ tô màu #6D4B31 và sau đó đặt trên cạnh trái của nó, đảm bảo chọn và nhóm cả hai lại với nhau bằng phím tắt Control-G.

adding the hair segment to the left shoulder

Bước 7

Kết thúc phần cơ thể hiện tại bằng cách thêm đoạn tóc vào mặt trước của ống tay áo bằng một hình chữ nhật 1 x 2 px (#4D3723), chúng ta sẽ đặt đặt như trong hình ảnh tham chiếu. Khi bạn hoàn tất, hãy chọn và nhóm tất cả các hình dạng lại với nhau bằng phím tắt Control-G.

adding the hair segment to the front of the left sleeve

8. Cách thêm các chi tiết vào chân của nhân vật

Khi chúng ta đã hoàn tất việc thêm chi tiết vào cánh tay của nhân vật, chúng ta có thể chuyển sang layer thứ ba, nơi chúng ta sẽ tập trung vào việc tinh chỉnh đôi chân, bắt đầu với chân trái.

Bước 1

Tạo phần bên trong của chiếc giày bằng cách sử dụng hình chữ nhật 4 x 5 px, chúng ta sẽ tô màu #37404D và sau đó căn chỉnh với hình dạng bên dưới, đảm bảo chọn và nhóm (Control-G) cả hai với nhau sau đó.

adding the inner side section of the left boot

Bước 2

Vẽ phần phía trước của chiếc giày bằng cách sử dụng một vài hình chữ nhật màu #37404D, chúng ta sẽ nhóm (Control-G) và đặt như hình ảnh tham chiếu.

adding the front section of the left boot

Bước 3

Thêm góc nhỏ của áo bằng cách sử dụng một hình chữ nhật 2 x 1 px (#E37047) theo chiều dọc xếp chồng lên nhau trên đầu một hình nhỏ hơn 1 x 1 px (#E37047), chúng ta sẽ nhóm (Control-G) và sau đó căn chỉnh góc trên cùng bên phải của hình dạng. Khi bạn đã hoàn tất, hãy chọn và nhóm (Control-G) tất cả các hình dạng soạn thảo của phần hiện tại trước khi chuyển sang hình dạng tiếp theo.

adding the front blouse segment to the left leg

Bước 4

Thêm phần bên ngoài của chiếc giày bằng cách sử dụng một hình chữ nhật 4 x 5 px (#37404D), mà chúng ta sẽ căn giữa với cạnh dưới của hình dạng lớn hơn, đảm bảo nhóm (Control-G) hai với nhau sau đó.

adding the outer side section of the left boot

Bước 5

Tạo phân đoạn bên của góc dưới của áo bằng cách sử dụng hình chữ nhật 4 x 2 px, chúng ta sẽ tô màu #E37047 và sau đó căn chỉnh với cạnh trên của hình dạng bên dưới lớn hơn. Khi bạn đã hoàn tất, hãy chọn và nhóm (Control-G) tất cả các hình dạng soạn thảo của phần hiện tại trước khi chuyển sang hình dạng tiếp theo.

adding the blouse segment to the side of the left leg

Bước 6

Thêm các chi tiết trở lại vào chân bằng cách sử dụng một bản sao (Control-C > Control-F) của hình ở phía trước, mà chúng ta sẽ đặt bên phải và sau đó điều chỉnh như như trong hình tham chiếu. 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 chân trước khi chuyển sang bước tiếp theo.

adding the details to the back section of the left boot

Bước 7

Kết thúc skin bằng cách thêm các chi tiết vào chân phải bằng cách sử dụng một bản sao (Control-C) của hình mà chúng ta vừa mới hoàn thành, mà chúng ta sẽ dán (Control-F) vào layer phù hợp (đó sẽ là thứ hai) và sau đó điều chỉnh bằng cách hoán đổi các phần của nó như trong hình tham chiếu. Khi bạn hoàn tất, đừng quên xóa các hình dạng bên dưới trước khi nhấn nút lưu.

finishing off the illustration

9. Cách xuất skin

Được rồi, vì vậy bây giờ chúng ta có một skin hoàn toàn làm việc, có nghĩa là tất cả những gì chúng ta cần làm là xuất nó để chúng ta có thể đưa nó vào Minecraft.

Bước 1

Trước khi bạn xuất thực tế, bạn sẽ phải mở bảng Layers và ẩn layer hướng dẫn, nếu không skin của bạn sẽ bị tạp chất.

example of hiding the guides layer

Bước 2

Ngay sau khi các hướng dẫn được ẩn, bạn có thể dễ dàng xuất thiết kế cuối cùng bằng cách vào File > Export > Save for Web (hoặc bằng cách sử dụng phím tắt Alt-Shift-Control-S), nơi chúng ta sẽ đặt File FormatPNG-24, đảm bảo đánh dấu tùy chọn Transparency.

exporting the skin using the save for web option

10. Cách nhập skin vào Minecraft

Bây giờ chúng ta đã có bản thiết kế được xuất của chúng ta, tất cả những gì chúng ta cần làm là khởi động trò chơi và tải lên nhân vật xinh đẹp này!

Bước 1

Khi trò chơi đã tải xong, nhấp vào biểu tượng móc áo nhỏ được tìm thấy trong phần dưới cùng bên phải của cửa sổ chính, ngay bên dưới tên người dùng và bản xem trước nhân vật của bạn.

using the hanger button to upload the skin

Bước 2

Một cửa sổ mới sẽ bật lên, cung cấp cho bạn tùy chọn để chọn một skin mới.

choosing the new skin in minecraft

Bước 3

Điều hướng đến thư mục nơi bạn xuất skin và sau đó chỉ cần nhấp đúp vào nó để tải nó lên trong trò chơi.

navigating to the the saved skin

Bước 4

Trò chơi sau đó sẽ yêu cầu bạn chọn loại nhân vật chính xác cho skin của bạn, mà trong trường hợp của chúng ta là nhân vật ở bên phải với cánh tay dày hơn.

choosing the correct model type for the skin

Bước 5

Sau đó, tất cả những gì bạn cần làm là nhấp vào nút Confirm, và sau đó bạn có thể bắt đầu chơi với skin tùy chỉnh của bạn mà bạn tạo ra.

in game skin example

Thế là xong!

Vậy là bạn đã xong, những người chơi Minecraft, một hướng dẫn tốt đẹp và dễ dàng về cách tạo ra skin tùy chỉnh của riêng bạn, không sử dụng gì ngoài một vài hình chữ nhật.

Như mọi khi, tôi hy vọng bạn sẽ thích thú khi làm việc trên dự án này, và quan trọng nhất là học được một điều gì đó mới và hữu ích khi thực hiện.

Nếu bạn có bất kỳ câu hỏi nào, vui lòng đăng câu hỏi đó ở phần nhận xét và tôi sẽ liên hệ lại với bạn ngay khi có thể!

finished project preview
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.