Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Icon Design

Cách tạo bộ biểu tượng săn bắt ma cà rồng 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

Đã từ rất lâu, con người đã có một nỗi sợ hãi cháy bỏng về những điều chưa biết, khiến trí tưởng tượng của họ sinh ra những sinh vật thần thoại đã ám ảnh họ trong nhiều thế kỷ.

Hôm nay, chúng ta sẽ tiếp cận cuộc đấu tranh chống lại siêu nhiên và tạo ra bộ dụng cụ săn ma cà rồng rất riêng của chúng ta, sử dụng một số hình dạng và công cụ thô sơ trong Adobe Illustrator.

Để thực hiện, đặt tay của bạn vào tách cà phê bạc và giữ thật chặt vì mọi thứ sắp trở nên thú vị rồi đấy.

Ồ, và đừng quên bạn luôn có thể mở rộng dự án bằng cách truy cập vào GraphicRiver nơi bạn có thể tìm thấy vô số gói biểu tượng theo chủ đề ma cà rồng tuyệt vời đang chờ để tải về.

1. Cách thiết lập một tài liệu mới

Vì tôi có thể chắc chắn rằng bạn đã có 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 (Tệp > Mới hoặc Control-N) bằng các cài đặt 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

Mẹo vặt: một số bạn có thể nhận thấy rằng tùy chọn Align New Object to Pixel Grid bị thiếu, đó là do tôi đang chạy phiên bản phần mềm CC 2017 mới, nơi đã có những thay đổi lớn đối với cách xử lý của Illustrator theo cách các hình dạng chụp vào lưới Pixel bên dưới.

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

Vì chúng ta sẽ tạo các biểu tượng bằng luồng công việc pixel hoàn hảo, do đó, bạn sẽ muốn thiết lập một Lưới Grid nhỏ để chúng ta có thể kiểm soát hoàn toàn các hình dạng của chúng ta, đó là nếu bạn đang chạy phiên bản cũ hơn của phần mềm này.

Bước 1

Chuyển đến menu con Edit > Preferences > Guides & Grid và điều chỉnh các cài đặt sau:

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

Mẹo vặt: bạn có thể tìm hiểu thêm về lưới bằng cách đọc phần chuyên sâu này về cách hoạt động của hệ thống Lưới Grid của Illustrator.

Bước 2

Khi chúng ta đã thiết lập lưới tùy chỉnh của mì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 trông rõ nét là bật tùy chọn Snap to Grid được tìm thấy trong menu View, sẽ chuyển thành Snap to Pixel mỗi khi bạn vào chế độ Pixel Preview.

Bây giờ, nếu bạn mới làm quen với toàn bộ quy trình làm việc pixel hoàn hảo, thì tôi khuyên bạn nên tìm hiểu cách tạo hướng dẫn tác phẩm nghệ thuật theo dạng pixel hoàn hảo, giúp bạn mở rộng các kỹ năng kỹ thuật của mình ngay lập tức.

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

Với tài liệu mới được tạo, sẽ là một ý tưởng tốt khi cấu trúc dự án của chúng ta bằng cách sử dụng một vài layer, vì cách này chúng ta có thể duy trì quy trình làm việc ổn định bằng cách tập trung vào một biểu tượng tại một thời điểm.

Để thực hiện, mở bảng điều khiển Layers và tạo tổng cộng bốn layer, chúng ta sẽ đổi tên như sau:

  • layer 1: reference grids
  • layer 2: bible
  • layer 3: garlic
  • layer 4: weapons
setting up the layers

4. Cách tạo lưới tham chiếu

Các lưới tham chiếu (hoặc lưới cơ sở) là một tập hợp các bề mặt tham chiếu được phân tách chính xác, cho phép chúng ta xây dựng các biểu tượng của mình bằng cách tập trung vào kích thước và tính nhất quán.

Thông thường, kích thước của các lưới xác định kích thước của các biểu tượng thực tế và chúng phải luôn là quyết định đầu tiên bạn đưa ra khi bắt đầu một dự án mới, vì bạn sẽ luôn muốn bắt đầu từ kích thước nhỏ nhất có thể và dựa vào đó.

Bây giờ, trong trường hợp của chúng ta, chúng ta sẽ tạo ra gói biểu tượng này chỉ bằng một kích thước, chính xác hơn là 128 x 128 px, một kích thước khá lớn.

Bước 1

Bắt đầu bằng cách khóa tất cả trừ layer lưới tham chiếu, sau đó lấy Rectangle Tool (M) và tạo một hình vuông 128 x 128 px màu cam (#F15A24), sẽ giúp xác định kích thước tổng thể của các biểu tượng của chúng ta.

creating the main shape for the reference grid

Bước 2

Thêm một hình 120 x 120 px nhỏ hơn nữa (#FFFFFF) sẽ đóng vai trò là vùng vẽ hoạt động của chúng ta, cung cấp cho chúng ta phần đệm 4 px toàn diện.

creating the main shape for the active drawing area

Bước 3

Nhóm hai hình vuông tạo lưới tham chiếu bằng phím tắt Control-G, sau đó tạo hai bản sao cách một khoảng 40 px với nhau, đảm bảo căn chỉnh chúng vào giữa của Artboard.

Khi bạn đã hoàn tất, hãy khóa layer hiện tại và chuyển sang layer tiếp theo nơi chúng ta sẽ bắt đầu làm việc với biểu tượng đầu tiên của mình.

creating and positioning all three reference grids

5. Cách vẽ Kinh thánh

Chúng ta sẽ khởi động dự án bằng cách tạo ra cuốn Kinh thánh cách điệu nhỏ, vì vậy hãy chắc chắn rằng bạn ở trên layer phù hợp (đó sẽ là layer thứ hai) và sau đó phóng to lưới tham chiếu đầu tiên để chúng ta có thể bắt đầu.

Bước 1

Tạo cho hình dạng chính cho phần thân Kinh Thánh, sử dụng hình chữ nhật 84 x 116 px, tô màu #895C4D, sau đó căn giữa với vùng vẽ đang hoạt động bên dưới.

creating and positioning the main shape for the bibles body

Bước 2

Thêm phần tối của trang bìa bằng cách sử dụng hình chữ nhật 6 x 116 px, tô màu #70473C, sau đó căn giữa với cạnh trái của hình đã tạo trước đó.

adding the darker section to the bibles cover

Bước 3

Thêm nét viền vào bìa sách bằng phương pháp Stroke, bằng cách tạo một bản sao (Control-C) của phần thân lớn hơn và dán nó ở phía trước (Control-F). Với bản sao đã có, lật màu tô của nó với nét stroke của nó (Shift-X) và sau đó điều chỉnh nó bằng cách thay đổi nó thành #332E2E và đặt Weight của nó thành 4 pxCorner của nó thành Round Join từ trong bảng Stroke.

adding the outline to the bibles body

Bước 4

Sử dụng Pen Tool (P), vẽ đường viền dọc cho phần tối hơn của bìa, sử dụng cùng nét Stroke dày 4 px (#332E2E), đảm bảo rằng Điểm neo của nó chồng lên đường path của đường viền lớn hơn, bằng cách đi qua cạnh phải của hình chữ nhật bên dưới.

adding the vertical outline to the darker section of the bibles cover

Bước 5

Thêm hai đường phân chia ngang dày 8 px (#332E2E), đặt hình này ở mỗi bên của trang bìa, cách một khoảng 8 px từ mép ngoài của nét viền lớn hơn, chọn và nhóm (Control-G) tất cả các hình dạng tạo thành của bìa sau đó.

adding the horizontal divider lines to the darker section of the bibles cover

Bước 6

Sử dụng Rectangle Tool (M), tạo một hình dạng 68 x 106 px (#332E2E) mà chúng ta sẽ biến thành một đường viền dày 2 px và sau đó đặt lên trên trang bìa, căn chỉnh nó vào giữa phần sáng hơn của nó.

adding the inner decorative line to the bibles cover

Bước 7

Tạo cho một hình chữ nhật 50 x 88 px nhỏ hơn, tô màu #70473C và sau đó căn chỉnh vào giữa của đường trang trí mà chúng ta đã tạo ở bước trước.

creating and positioning the main shape for the bibles larger cover insertion

Bước 8

Điều chỉnh hình dạng từ bước trước, đặt hình tròn 20 x 20 px (được tô sáng bằng màu cam) trên mỗi góc của nó, sau đó cắt chúng ra bằng cách sử dụng Minus Front Shape Mode của Pathfinder.

adjusting the inner darker section of the bibles cover

Bước 9

Tạo cho hình dạng kết quả một đường viền dày đẹp bằng cách sử dụng một bản sao (Control-C > Control-F), mà chúng ta sẽ điều chỉnh bằng cách lật màu tô của nó với nét stroke của nó (Shift-X) và sau đó đặt màu của nó thành #332E2E và Weight của nó là 4 px.

adding the outline to the bibles inner darker section

Bước 10

Phần tiếp theo sẽ yêu cầu bạn sáng tạo hơn một chút, vì bạn sẽ phải vẽ các đường chi tiết dọc nhỏ bằng cách sử dụng Pen Tool (P). Để thực hiện, đặt Weight Stroke của bạn thành 2 px, Cap của bạn thành Round Join và sử dụng #332E2E làm màu chính của bạn, dần dần thêm các đường nét, nhóm (Control-G) lại với nhau sau khi bạn hoàn thành.

Sau đó, trước khi bạn chuyển sang bước tiếp theo, hãy đảm bảo rằng bạn chọn phần tối hơn của trang bìa cùng với các đường viền và chi tiết của nó, và nhóm chúng lại (Control-G).

Bước 11

Tạo cho hình chữ thập vàng nhỏ, sử dụng hình chữ nhật dọc 8 x 48 px ở trên, chúng ta sẽ thêm một hình ngang 24 x 8 px, hợp nhất chúng lại và sau đó tô màu #E0AA75, đặt hình dạng kết quả trên phần tối hơn ở giữa , cách một khoảng 18 px từ phía trên cùng của nét viền.

creating and positioning the main shapes for the bibles golden cross

Bước 12

Tạo cho hình chữ thập một nét viền dày 4 px bằng màu #332E2E làm màu Stroke của bạn, chọn và nhóm hai hình dạng lại với nhau sau đó bằng phím tắt Control-G.

Sau đó, chọn cả hình chữ thập và phần tối hơn bên dưới và nhóm chúng lại với nhau (Control-G).

adding the outline to the bibles cross

Bước 13

Bắt đầu làm việc với góc vàng phía dưới, bằng cách tạo một hình chữ nhật 20 x 20 px (#E0AA75) mà chúng ta sẽ điều chỉnh bằng cách cắt ra một hình tròn 28 x 28 px từ góc trên bên trái của nó. Tạo cho hình dạng kết quả một nét viền dày 4 px (#332E2E) với Miter Join, sau đó căn chỉnh hai hình vào góc dưới bên phải của thân chính quyển Kinh Thánh.

creating and positioning the main shapes for the bibles bottom-right golden corner

Bước 14

Thêm một hình chữ nhật 6 x 6 px (#332E2E) vào góc mà chúng ta vừa tạo ra, sau đó chúng ta sẽ điều chỉnh bằng cách lật màu tô của nó với một nét stroke dày 2 px (Shift-X) và thiết lập Corner thành Mitre Join. Chọn và nhóm (Control-G) cả ba hình dạng với nhau sau đó.

adding the little detail square to the bibles bottom golden corner

Bước 15

Hoàn thành biểu tượng bằng cách tạo góc vàng phía trên, sử dụng bản sao của góc mà chúng ta vừa tạo ra (Control-C > Control-F) và sau đó đặt nó ở trên cùng, đảm bảo lật nó theo chiều ngang bằng cách nhấp chuột phải > Transform > Reflect > Horizontal.

Sau đó, một khi bạn đã hoàn thành, đừng quên chọn và nhóm tất cả các hình dạng tạo thành của Kinh Thánh bằng cách sử dụng phím tắt Control-G.

adding the top-right golden corner to the bibles cover

6. Cách vẽ củ tỏi

Giả sử bạn đã khóa layer trước đó và chuyển lên layer thứ ba, phóng to lưới tham chiếu thứ hai để chúng ta có thể bắt đầu làm việc với biểu tượng thứ hai của mình.

Bước 1

Tạo cho hình dạng chính cho thân củ tỏi bằng cách sử dụng hình elip 100 x 76 px, tô màu #AF9591 và sau đó đặt ở giữa vùng vẽ đang hoạt động bên dưới, cách một khoảng 8 px từ cạnh dưới của nó.

creating and positioning the main shape for the lower section of the garlics body

Bước 2

Chọn Rectangle Tool (M) và tạo một hình dạng 12 x 2 px, tô màu #AF9591 và sau đó căn giữa với hình tròn từ bước trước đó, cách một khoảng 32 px từ điểm neo trên cùng của nó.

creating and positioning the main shape for the upper section of the garlics body

Bước 3

Sử dụng Direct Selection Tool (A), chọn các điểm neo dưới đáy hình chữ nhật và điểm trên cùng của hình elip, sau đó xóa chúng bằng phím Delete. Kết hợp hai đường path kết quả bằng cách nhấn Control-J hai lần.

uniting the top and bottom paths of the garlics body

Bước 4

Điều chỉnh hình dạng mới bằng cách làm mượt các phần bên của nó. Làm cong các điểm neo của chúng bằng cách sử dụng nút Convert selected anchor points to smooth và sau đó điều chỉnh các tay xoay của chúng với hình ảnh tham chiếu làm hướng dẫn.

Cách tốt nhất để làm điều này là bằng cách bật chế độ Pixel Preview (Alt-Control-Y), sau đó kéo và đặt các đầu cuối của tay xoay ở mức 42 px cho điểm neo trên cùng và 28 px cho điểm neo dưới cùng.

adjusting the main shape of the garlics body

Bước 5

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

adding the outline to the garlics main shape

Bước 6

Tạo cho phần giữa của củ tỏi bằng quy trình tương tự, chỉ lần này sử dụng hình elip 88 x 76 px nhỏ hơn cho hình cơ sở, tô màu hình dạng kết quả bằng cách sử dụng màu #BFA9A5 và nhóm (Control-G) cả nó và nét viền của nó (#332E2E) lại với nhau.

creating and positioning the main shapes for the garlics center section

Bước 7

Tạo cho phần trước của củ tỏi, theo quy trình tương tự bằng cách sử dụng một hình elip 64 x 76 px nhỏ hơn (#E5D8D3) làm hình cơ sở. Tạo cho hình dạng kết quả nét viền dày 4 px (#332E2E) và sau đó nhóm (Control-G) chúng lại với nhau và đặt hai hình dạng này vào các phần khác, căn giữa chúng.

creating and positioning the main shapes for the garlics front section

Bước 8

Sử dụng Pen Tool (P), vẽ hai đường chi tiết dọc lên phần trên cùng của thân củ tỏi, sử dụng nét Stroke dày 2 px với màu được đặt thành #332E2E Cap Round. Khi bạn đã hoàn thành, hãy chọn và nhóm (Control-G) cả hai lại với nhau, thực hiện tương tự cho phần còn lại của biểu tượng.

adding the two vertical detail lines to the upper section of the garlics body

Bước 9

Tạo cho phần dưới cùng của củ tỏi bằng hình chữ nhật 28 x 8 px (#BC895B) mà chúng ta sẽ điều chỉnh bằng cách chọn riêng lẻ các điểm neo dưới cùng của nó và đẩy chúng vào bên trong thêm 2 px (nhấp chuột phải > > Transform > Move > + / - 2 px tùy thuộc vào điểm neo nơi bạn bắt đầu). Tạo cho hình dạng kết quả là một nét viền dày 4 px (#332E2E) với Round Join, và sau đó căn giữa hai cạnh với cạnh dưới của vùng vẽ đang hoạt động bên dưới.

creating and positioning the main shapes for the garlics bottom section

Bước 10

Thêm một vài đường nét chi tiết dọc bằng Stroke dày 2 px (#332E2E) với Round Cap và sau đó nhóm (Control-G) chúng và hình dạng chính của phần dưới cùng của củ tỏi, gửi chúng đến mặt sau của phần thân lớn hơn (nhấp chuột phải > Arrange > Send to Back).

Ngoài ra, vì chúng ta đã hoàn thành công việc trên chính củ tỏi đó, do đó bạn có thể chọn và nhóm (Control-G) tất cả các hình dạng tạo thành của nó.

adding details to the bottom section of the garlics body

Bước 11

Bắt đầu làm việc trên chuỗi tràng hạt bằng cách tạo tám hạt tròn 12 x 12 px (#BF8B6F) với đường viền dày 4 px (#332E2E) mà chúng ta sẽ đặt cạnh nhau liên tiếp, sao cho đường viền của chúng nằm chồng lên nhau.

creating and positioning the main shapes for the garlics rosary beads

Bước 12

Thay đổi màu của một số hạt thành #AF7054, bắt đầu bằng hạt đầu tiên, cho đến khi bạn có bốn màu tối hơn và bốn màu khác nhạt hơn.

adjusting the colors of some of the garlics rosary beads

Bước 13

Điều chỉnh vị trí của một số hạt bằng cách chọn hai trong số các cặp, sau đó đẩy chúng lên trên cùng bằng cách tăng 2 px4 px cho đến khi bạn có được một hình vòng cung hướng xuống đẹp.

Khi bạn đã hoàn tất, đừng quên chọn và nhóm (Control-G) tất cả tám hình trong số chúng lại với nhau.

adjusting the position of the garlics rosary beads

Bước 14

Vì chúng ta muốn tạo ấn tượng rằng chuỗi tràng hạt trải dài theo chu vi của củ tỏi, chúng ta sẽ cần thêm hai hạt nữa vào phía sau thân của nó, đẩy nhẹ chúng lên phía trên, đảm bảo giữ cho màu sắc thẳng hàng với các yếu tố còn lại của nó.

adding the back beads to the garlics rosary

Bước 15

Bắt đầu thao tác trên cây thánh giá nhỏ treo trên chuỗi tràng hạt, bằng cách tạo một hình chữ nhật dọc 6 x 24 px trên đó chúng ta sẽ thêm một hình ngang 18 x 6 px, sau đó chúng ta sẽ kết hợp chúng lại với nhau bằng Unite Shape Mode của Pathfinder. Tô màu cho hình dạng kết quả bằng màu #CCCCCC và tạo cho nó một nét viền dày 4 px #332E2E, nhóm (Control-G) chúng lại với nhau và đặt hai hình bên dưới các hạt ở giữa, cách một khoảng 2 px.

creating and positioning the main shapes for the garlics front cross

Bước 16

Hoàn thành chuỗi mân côi bằng cách vẽ đoạn dây nhỏ (#332E2E) bằng Pen Tool (P) với Weight được đặt thành 4 px, nhóm (Control-G) nó với chuỗi hạt và thánh giá sau đó.

Ngoài ra, vì chúng ta đã thực hiện với chính biểu tượng đó, bạn có thể chọn và nhóm (Control-G) tất cả các hình dạng tạo thành của nó.

garlic icon finished

7. Cách vẽ vũ khí

Bây giờ chúng ta đã xuống biểu tượng thứ ba và cuối cùng của chúng ta, vì vậy giả sử bạn đã biết cách thực hiện, hãy phóng to lưới tham chiếu của nó để chúng ta có thể bắt đầu.

Bước 1

Tạo cho hình dạng chính của vồ gỗ bằng hình chữ nhật 14 x 116 px (#AF7054), chúng ta sẽ điều chỉnh bằng cách đặt Radius của các góc trên cùng của nó thành 2 px và các góc đáy của nó thành 4 px, căn chỉnh hình dạng kết quả vào giữa vùng vẽ hoạt động bên dưới.

creating and positioning the main shape for the mallets body

Bước 2

Chuyển sang chế độ Pixel Preview (Alt-Control-Y), sau đó lấy Add Anchor Point Tool (+) và thêm một cặp điểm neo cách một khoảng 42 px từ cạnh trên của hình dạng và một cặp khác 34 px từ cạnh dưới của nó. Sau đó, chỉ cần chọn riêng lẻ và di chuyển những điểm neo ở giữa trên cùng vào bên trong 2 px bằng cách sử dụng Move Tool (nhấp chuột phải > Transform > Move > + / - 2 px tùy thuộc vào nơi điểm neo của bạn bắt đầu).

further adjusting the shape of the mallets body

Bước 3

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

adding the outline to the mallets main body

Bước 4

Tạo phần tay cầm bằng hình chữ nhật 14 x 23 px (#BF8B6F) với đường viền 4 px (#332E2E) ở trên, chúng ta sẽ thêm một nhóm sáu đường nét chi tiết ngang dày 2 px (#332E2E), xếp chồng lên nhau theo chiều dọc cách nhau 1 px. Khi bạn đã hoàn thành, nhóm (Control-G) tất cả các phần tử tạo thành phần này, và sau đó căn giữa chúng với hình dạng bên dưới, cách một khoảng 4 px so với nét viền của nó.

creating and positioning the main shapes for the mallets handle

Bước 5

Thêm một hình chữ thập nhỏ bằng một hình chữ nhật dọc 2 x 10 px, thêm một hình chữ thập ngang 6 x 2 px cách một khoảng 2 px từ cạnh trên của nó, nối hai hình lại với nhau bằng Unite Shape Mode của Pathfinder. Tô màu hình dạng kết quả bằng màu #332E2E và sau đó căn giữa nó với tay cầm mà chúng ta đã tạo ở bước trước, cách một khoảng 6 px so với nét viền của nó.

adding the little cross onto the mallets handle

Bước 6

Sử dụng Pen Tool (P), vẽ các đường chi tiết dọc nhỏ bằng nét Stroke dày 2 px (#332E2E) với Cap Round, nhóm chúng lại với nhau (Control-G) sau đó.

Bạn cũng có thể chọn và nhóm (Control-G) các hình dạng tạo thành của tay cầm sau khi chúng ta đã thực hiện khá nhiều công việc trong phần này.

adding the little detail lines to the mallets body

Bước 7

Tạo cho phần đầu của vồ bằng hình chữ nhật tròn 64 x 34 px (#BF8B6F) với Corner Radius 4 px và đường viền 4 px (#332E2E) mà chúng ta sẽ nhóm (Control-G) chúng lại với nhau và sau đó căn giữa với tay xoay bên dưới, cách một khoảng 6 px từ cạnh trên của vùng vẽ đang hoạt động.

creating and positioning the main shapes for the mallets head

Bước 8

Phải mất một thời gian để sáng tạo lại một lần nữa và vẽ các đường chi tiết nhỏ nằm ngang trên đầu vồ, sử dụng Pen Tool (P) với Weight Stroke được đặt thành 2 px với Round Cap, sử dụng màu #332E2E.

Sau khi bạn đã hoàn thành, nhóm (Control-G) tất cả các đường nét lại với nhau, và sau đó làm tương tự với phần đầu và toàn bộ vồ.

adding the horizontal detail lines to the mallets head

Bước 9

Tạo cho hình dạng chính của cọc gỗ bằng hình chữ nhật 12 x 64 px, tô màu #BF8B6F và sau đó đặt vào bên trái của vồ, cách một khoảng 10 px so với đường viền của đầu của nó.

creating and positioning the main shape for the wooden stakes body

Bước 10

Điều chỉnh hình dạng bằng cách thêm một điểm neo mới ở giữa của cạnh dưới của nó, sau đó chọn và di chuyển các cạnh bên của nó về phía trên 14 px (nhấp chuột phải > Transform > Move > Vertical > -14 px).

adjusting the shape of the wooden stakes body

Bước 11

Tạo và đặt một hình chữ nhật 12 x 40 px ngắn hơn một chút (#AF7054) lên trên hình mà chúng ta vừa điều chỉnh, sau đó thêm đường viền dày 4 px (#332E2E), thiết lập Corner thành Round Join.

adding the outline to the main shape of the stakes body

Bước 12

Sử dụng Pen Tool (P), vẽ đường phân chia ngang (#332E2E) trên cạnh dưới của phần tối hơn của cọc, đảm bảo sử dụng cùng độ dày 4 px cho Weight Stroke.

adding the horizontal divider line to the darker section of the stakes body

Bước 13

Với Pen Tool (P) vẫn được chọn, hãy vẽ các đường chi tiết dọc nhỏ bằng cách sử dụng Stroke dày 2 px (#332E2E) với Round Cap, chọn và nhóm (Control-C) tất cả các hình dạng tạo thành của cọc sau đó.

adding the little vertical detail lines to the wooden stakes body

Bước 14

Bắt đầu làm việc trên thân lọ nhỏ bằng cách tạo một hình chữ nhật tròn 16 x 44 px (#332E2E) với Corner Radius 4 px, chúng ta sẽ đặt vào bên phải của vồ, cách một khoảng 30 px từ đường viền của đầu của nó.

creating and positioning the main shape for the vials body

Bước 15

Thêm một hình chữ nhật 8 x 2 px nhỏ hơn (#332E2E) phía trên hình mà chúng ta vừa tạo, đảm bảo căn giữa hai hình cách một khoảng 2 px với nhau.

creating and positioning the main shape for the vials neck

Bước 16

Sử dụng Direct Selection Tool (A), chọn các điểm neo dưới đáy hình chữ nhật và các điểm neo ở trên cùng của hình chữ nhật được làm tròn và loại bỏ chúng bằng cách nhấn Delete, hợp nhất hai đường path bằng cách nhấn đúp vào Control-J. Sau đó, sử dụng một quy trình tương tự như quy trình được sử dụng cho thân của củ tỏi, điều chỉnh độ cong của quá trình chuyển đổi, lật màu tô của hình dạng kết quả với Stroke dày 4 px (#332E2E).

adjusting the stroke of the vials body

Bước 17

Tạo cho phần màu tô của lọ bằng một hình chữ nhật 16 x 38 px (#CCCCCC), chúng ta sẽ điều chỉnh bằng cách đặt Radius của các góc dưới cùng của nó thành 4 px và sau đó đặt bên dưới đường viền chính của nó (nhấp chuột phải > Arrange > Send to Back).

adding the fill section to the vials outline

Bước 18

Với hình dạngmàu tô đã có, vẽ đường phân chia ngang, theo đường nét của cạnh trên của nó bằng Stroke dày 4 px với màu được đặt thành #332E2E.

adding the horizontal divider line to the vials fill shape

Bước 19

Thêm các đường nét chi tiết nhỏ theo chiều ngang, sử dụng Stroke dày 2 px (#332E2E) với Round Cap, nhóm (Control-G) cả hai lại với nhau và các hình dạng tạo thành lọ thuốc sau đó.

adding the horizontal detail lines to the vials body

Bước 20

Bắt đầu làm việc ở phần dưới của nút chai bằng cách tạo một hình chữ nhật 8 x 6 px (#895C4D) với đường viền 4 px (#332E2E), chúng ta sẽ nhóm (Control-G) chúng lại với nhau và sau đó đặt lên phần trên cùng của đường viền của lọ.

creating and positioning the main shapes for the lower section of the vials cork

Bước 21

Hoàn thành lọ thuốc và với biểu tượng đó, bằng cách tạo phần trên của nút chai bằng hình chữ nhật 12 x 8 px (#AF7054) với đường viền dày 4 px (#332E2E), trên đó chúng ta sẽ thêm đường phân chia ngang dày 2 px (#332E2E), nhóm (Control-G) chúng lại với nhau và đặt các hình dạng này phía trên phần mà chúng ta đã tạo ở bước trước.

Khi bạn đã hoàn thành, đừng quên nhóm (Control-G) các hình dạng tạo thành lọ thuốc, làm tương tự cho toàn bộ biểu tượng sau đó.

weapons icon finished

Thế là xong!

Bạn đã có nó: gói biểu tượng săn ma cà rồng của riêng bạn, sẵn sàng giúp bạn giết bất kỳ sinh vật nào dám băng qua đường đicủa bạn. Tôi hy vọng bạn đã có thể theo kịp các bước và quan trọng nhất là học được điều gì đó mới và hữu ích khi thực hiện.

project final preview
Advertisement
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.