Advertisement
  1. Design & Illustration
  2. Fan Art
Design

Cách tạo gói biểu tượng theo chủ đề thứ sáu ngày 13 trong Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Horror Movie Week.
How to Create a Scary Window Scene Photo Manipulation With Adobe Photoshop
How to Create a 'Hellraiser' Inspired Text Effect 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

Hôm nay hướng dẫn là một phần của Tuần lễ phim kinh dị đặc biệt, trong đó tôi và mọi người khác trong Team Tuts + có cơ hội tái tạo một phần phim kinh dị yêu thích của họ. Vì tôi là một fan hâm mộ lớn của Jason, đây là một lựa chọn dễ dàng đối với tôi và cậu bé chúng tôi sẽ vui vẻ với điều này vì chúng tôi sẽ tạo lại một số đạo cụ tuyệt vời bằng cách sử dụng các công cụ và hình dạng cơ bản nhất của Adobe Illustrator.

Giờ đây, không lãng phí thêm thời gian nào nữa, hãy để Vỉ tay bẩn và mang những biểu tượng này vào cuộc sống!

Ồ, và đừng quên, bạn luôn có thể mở rộng bộ bằng cách đi đến Chợ Envato, nơi bạn có thể tìm thấy vô số gói biểu tượng được chế tác đẹp mắt đang chờ để được lấy.

1. 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 mang nó lên và để cho Lọ 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:

  • Số lượng Artboards: 1
  • Chiều rộng: 800 px
  • Chiều cao: 600 px
  • Đơn vị: Pixels

Và từ tab Nâng cao:

  • Chế độ màu: RGB
  • Hiệu ứng raster: Màn hình (72ppi)
  • Căn chỉnh các đối tượng mới vào lưới Pixel: đã chọn
setting up a new document

2. Thiết lập lưới tùy chỉnh

Như bạn có thể đã biết, Illustrator cho phép bạn tận dụng Hệ thống lưới mạnh mẽ của nó bằng cách thiết lập nó bằng cách sử dụng các giá trị thấp nhất có thể, để cuối cùng bạn sẽ có toàn quyền kiểm soát hình dạng của mình vì bạn có thể chắc chắn rằng chúng được chụp hoàn hảo đến lưới Pixel bên dưới.

Bước 1

Các cài đặt mà chúng tôi quan tâm có thể được tìm thấy trong menu con Chỉnh sửa> Tùy chọn> Hướng dẫn & Lưới và nên được điều chỉnh như sau:

  • Đường lưới mỗi: 1 px
  • Phân khu: 1
setting up a custom grid

Mẹo nhanh: 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 Illustrator Lưới Grid System.

Bước 2

Khi chúng tôi đã thiết lập lưới tùy chỉnh của mình, tất cả những gì chúng tôi 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 thành Pixel mỗi khi bạn vào Pixel Preview chế độ.

Bây giờ, vì chúng tôi đang nhắm đến việc tạo các biểu tượng bằng quy trình làm việc hoàn hảo về pixel, 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 hoàn hảo pixel, 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. Thiết lập các lớp

Với Tài liệu mới được tạo, sẽ là một ý tưởng tốt để phân lớp dự án của chúng tôi, vì theo cách này chúng tôi 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.

Điều đó đang được nói, đưa lên bảng điều khiển Lớp và tạo tổng cộng bốn lớp, chúng tôi sẽ đổi tên như sau:

  • lớp 1> lưới tham chiếu
  • lớp 2> bẫy gấu
  • lớp 3> mặt nạ khúc côn cầu
  • lớp 4> bánh răng
setting up the layers

4. 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 tôi, chúng tôi sẽ tạo ra gói biểu tượng 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ừ lớp lưới tham chiếu, sau đó lấy Công cụ hình chữ nhật (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 tôi.

creating the main shape for the reference grid

Bước 2

Thêm một 120 x 120 px nhỏ hơn nữa (#FFFFFF) sẽ đóng vai trò là khu vực vẽ hoạt động của chúng tôi, do đó cung cấp cho chúng tôi 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 ở khoảng cách 40 px với nhau, đảm bảo căn chỉnh chúng vào trung tâm của Artboard.

Khi bạn đã hoàn tất, hãy khóa lớp hiện tại và chuyển sang lớp tiếp theo nơi chúng tôi 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. Tạo biểu tượng bẫy gấu

Đầu tiên, hãy chắc chắn rằng bạn đã ở trên lớp bên phải, đó sẽ là lớp thứ hai và sau đó phóng to lưới tham chiếu đầu tiên để bạn có thể có cái nhìn rõ hơn về những gì bạn sẽ tạo ra.

Bước 1

Sử dụng Công cụ Hình chữ nhật Tròn, tạo hình dạng 48 x 104 px với Bán kính góc 8 px, chúng tôi sẽ tô màu bằng cách sử dụng # A06C60 và sau đó căn chỉnh vào giữa khu vực vẽ đang hoạt động của chúng tôi.

creating and positioning the bear traps jaw main shape

Bước 2

Chọn hình dạng mà chúng tôi vừa tạo, sau đó đi đến Object> Đường dẫn> Đường dẫn offset và tạo Offset 4 px từ đó chúng tôi sẽ trừ đi hình dạng nhỏ hơn bằng cách sử dụng Chế độ hình dạng mặt trước của Pathfinder.

creating the bear traps main shape

Bước 3

Cung cấp cho hình dạng kết quả một phác thảo bằng phương pháp Đường dẫn bù, bằng cách áp dụng Độ lệch 4 px, sau đó chúng ta sẽ tô màu bằng cách sử dụng # 3A322F để làm cho nó nổi bật.

adding the outline to the bear traps jaw

Bước 4

Vẽ một hình chữ nhật tròn 52 x 108 px khác (#FFFFFF) với Bán kính góc 10 px, định vị nó trên các hình mà chúng tôi vừa tạo, sau đó đặt cho nó một Offset 2 px, trừ đi hình dạng nhỏ hơn từ đó.

creating the main shape used to add the highlight and shadow to the bear traps jaw

Bước 5

Vì chúng tôi sẽ sử dụng hình dạng màu trắng để tạo điểm nhấn và bóng cho hàm bẫy bẫy, chúng tôi sẽ phải điều chỉnh nó bằng cách trừ đi một hình chữ nhật 64 x 8 px (được tô màu cam) từ nó.

adjusting the shape used to create the bear traps highlight and shadow

Bước 6

Ghép các hình dạng kết quả (nhấp chuột phải> Ungroup) và sau đó chọn nửa trên và biến nó thành điểm sáng bằng cách đặt Chế độ hòa trộn của nó thành Lớp phủ và giảm Opacity xuống 30%.

creating the top half highlight for the bear traps jaw

Bước 7

Chọn nửa dưới và biến nó thành bóng bằng cách đặt màu của nó thành màu đen (# 000000) và sau đó hạ thấp Opacity xuống 20%.

creating the bear traps bottom half shadow

Bước 8

Điền vào các khoảng trống từ giữa hai hình dạng chi tiết, bằng cách thêm hai hình chữ nhật 4 x 8 px (# 000000) mà chúng tôi sẽ điều chỉnh bằng cách hạ thấp Opacity của chúng xuống 20%.

adding the center shadows to the bear traps jaw

Bước 9

Thêm hai hình chữ nhật 4 x 4 px nhỏ hơn trên các bóng mà chúng tôi vừa tạo, tô màu chúng bằng cách sử dụng # 3A322F.

adding the joints to the bear traps jaw

Bước 10

Sử dụng Công cụ hình chữ nhật (M) để tạo hình chữ nhật 2 x 2 px (#FFFFFF) theo sau là hình 4 x 2 px lớn hơn (#FFFFFF). Định vị hai 2 px từ nhau, sau đó biến chúng thành các điểm nổi bật bằng cách đặt Chế độ hòa trộn của chúng thành Lớp phủ và hạ Opacity xuống 30%, nhóm (Control-G) và định vị một bản sao ở phía trên của hàm và một vị trí khác một cái ở phía dưới

creating and positioning the vertical highlights onto the bear traps jaw

Bước 11

Bắt đầu làm việc với các răng kim loại bẫy bẫy bằng cách tạo một vòng tròn 4 x 4 px (# 3A322F) mà chúng ta sẽ điều chỉnh bằng cách sử dụng Công cụ điểm neo trên các điểm neo trái và phải của nó để làm cho chúng hơi nhọn. Sau đó, tạo ba bản sao của hình dạng được điều chỉnh, ở khoảng cách 4 px so với nhau, nhóm (Control-G) và định vị một bộ ở phía trên hàm jaw và một cái khác ở phía dưới của nó.

adding the metal teeth to the bear traps jaw

Mẹo nhanh: đồng thời, tại thời điểm này, sẽ là một ý tưởng tốt để chọn tất cả các hình dạng mà chúng ta có từ trước đến nay và nhóm chúng lại với nhau (Control-G).

Bước 12

Chọn Công cụ Hình chữ nhật (M) và tạo thanh chứng khoán bằng cách thêm hình dạng 68 x 8 px (# 70625E) về phía giữa hàm của bẫy, đảm bảo đặt nó bên dưới (nhấp chuột phải> Sắp xếp> Gửi lại) đó là một phác thảo dày 4 px (# 3A322F) bằng phương pháp Offset Path.

creating and positioning the bear traps stock bar

Bước 13

Thêm hai hình chữ nhật 4 x 8 px (# 000000) về phía các cạnh của phần bên trong của thanh, biến chúng thành bóng bằng cách hạ thấp Opacity xuống 20%.

adding shadow to the inner section of the bear traps stock bar

Bước 14

Tiếp theo, thêm một vài điểm nổi bật cao 2 px về phía trên cùng của thanh chứng khoán. Sử dụng màu trắng (#FFFFFF) cho màu sắc, Ánh sáng dịu cho Chế độ hòa trộn và 60% cho Độ mờ.

adding highlights to the bear traps stock bar

Bước 15

Sử dụng Công cụ Ellipse (L) thêm hai vòng tròn 4 x 4 px (# 3A322F) vào các cạnh của phần bên trong thanh chứng khoán, để lại một khoảng cách 1 px giữa chúng và đường viền hàm.

Khi bạn đã thêm chúng vào, hãy chọn tất cả các hình dạng thanh tổng hợp hình chữ nhật và nhóm chúng bằng phím tắt Control-G.

adding the little screws to the bear traps stock bar

Bước 16

Bắt đầu làm việc trên cây cầu giữ tấm, bằng cách tạo một hình chữ nhật 4 x 68 px (# 5E524E) mà chúng ta sẽ điều chỉnh bằng cách đặt Góc bán kính của Điểm neo dưới cùng của nó thành 2 px. Đưa ra hình dạng kết quả là đường viền dày 4 px (# 3A322F) và sau đó đặt hai hướng về phía trên của hàm, sao cho đường viền của chúng kết thúc chồng chéo.

creating and positioning the bear traps bridge

Bước 17

Thêm một hình chữ nhật 4 x 4 px (# 000000) về phía trên của cây cầu, biến nó thành một cái bóng bằng cách hạ thấp Opacity của nó xuống 20%.

adding a shadow to the upper section of the bear traps bridge

Bước 18

Thêm một hình chữ nhật 4 x 4 px khác (# 3A322F) khoảng 22 px từ bóng mà chúng ta vừa tạo và một vòng tròn 2 x 2 px (# 3A322F) về phía đầu cầu, chọn và nhóm (Control-G) tất cả các hình dạng sáng tác của nó sau đó.

adding details to the bear traps bridge

Bước 19

Tạo tấm bẫy bẫy bằng cách vẽ một vòng tròn 20 x 20 px (# A06C60), sau đó chúng ta sẽ định vị trên thanh chứng khoán, tạo cho nó một đường viền dày 4 px (# 3A322F) sau đó.

creating and positioning the main shapes of the bear traps plate

Bước 20

Lấy một bản sao (Control-C> Control-F) của hình dạng điền của tấm (vòng tròn 20 x 20 px) và sau đó trừ một hình 16 x 16 px nhỏ hơn từ nó, đặt màu của đối tượng kết quả thành màu trắng (#FFFFFF ), Chế độ hòa trộn thành Lớp phủ và Độ mờ của nó chỉ còn 30%.

adding a circular highlight to the bear traps plate

Bước 21

Kết thúc đĩa bằng cách thêm các ốc vít nhỏ, sử dụng bốn vòng tròn 2 x 2 px (# 3A322F), mỗi vòng cho mỗi góc góc của nó.

adding the little screw to the bear traps plate

Bước 22

Tạo bóng bên ngoài lên thanh chứng khoán bằng cách chọn phác thảo tấm Tấm và áp dụng bù 2 px, chúng ta sẽ tô màu bằng màu đen (# 000000), giảm Opacity xuống 20%.

adding a shadow underneath the bear traps plate

Bước 23

Vì chúng ta muốn bóng vẫn bị giới hạn ở bề mặt thanh stock, chúng ta sẽ cần lấy một bản sao của hình dạng điền của nó và sử dụng nó làm Clipping Mask (cả hai hình dạng được chọn> nhấp chuột phải> Tạo Clipping Mask).

masking the bear traps plate shadow using a clipping mask

Bước 24

Đặt bóng mặt nạ bên dưới tấm (nhấp chuột phải> Sắp xếp> Gửi lùi), sau đó chọn tất cả các hình dạng kết hợp sau này và nhóm chúng lại với nhau (Control-G).

positioning the bear traps plate shadow underneath

Bước 25

Với tấm đã sẵn sàng, bắt đầu làm việc trên các phần bên của thanh bar bằng cách tạo một hình chữ nhật 4 x 4 px (# 5E524E) với đường viền 4 px (# 3A322F), mà chúng ta sẽ đặt về phía bên trái của nó.

creating and positioning the main shapes for the stock bars left side section

Bước 26

Thêm phần tô sáng 4 x 2 px (màu: trắng; Chế độ hòa trộn: Lớp phủ; Độ mờ: 30%) về phần trên của nó và vòng tròn 2 x 2 px (# 3A322F) trên đầu của tất cả các hình dạng khác, nhóm (Control- G) các phần tử sáng tác của phần bên sau đó.

adding details to the stock bars left side section

Bước 27

Tạo thanh chứng khoán Phần bên phải bằng cách lấy và định vị một bản sao (Control-C> Control-F) của phần mà chúng tôi đã tạo ra về phía bên phải của nó.

adding the right side section to the bear traps stock bar

Bước 28

Bắt đầu làm việc với chuỗi bằng cách tạo liên kết đầu tiên bằng hình chữ nhật tròn 10 x 16 px (# A38989) với Bán kính góc 5 px, từ đó chúng ta sẽ trừ đi một hình chữ nhật tròn 6 x 12 px nhỏ hơn với Bán kính góc 3 px (# A38989). Đưa ra hình dạng kết quả là một phác thảo 2 px (# 3A322F) và sau đó định vị hai hình bên dưới thanh chứng khoán bên trái.

creating and positioning the main shapes for the bear traps first chain link

Bước 29

Tạo cho liên kết một điểm nổi bật xung quanh (màu: trắng; Chế độ hòa trộn: Lớp phủ; Độ mờ: 30%), sau đó nhóm (Control-G) tất cả các hình dạng sáng tác của nó và tạo liên kết thứ hai bằng bản sao của nó (Điều khiển -C> Điều khiển-F).

creating and positioning the second chain link

Bước 30

Thêm liên kết chuỗi kết nối bằng cách tạo hình chữ nhật tròn 2 x 14 px (#BCAAAA) với Bán kính góc 1 px và đường viền 2 px (# 3A322F) mà chúng ta sẽ định vị giữa hai liên kết mà chúng ta đã tạo.

creating and positioning the connecting chain link

Bước 31

Thêm một vài điểm nổi bật (màu: trắng; Chế độ hòa trộn: Lớp phủ; Độ mờ: 30%) và bóng dưới cùng (màu: đen; Độ mờ: 20%), sau đó chọn và nhóm (Control-G) tất cả các chuỗi kết nối hình dạng sáng tác của liên kết.

adding details to the connecting chain link

Bước 32

Kết thúc biểu tượng hiện tại bằng cách thêm một hình chữ nhật được làm tròn 2 x 11 px (# 3A322F) với Bán kính góc 1 px trên phần thanh bên trái, đặt nó vào phần trên của vít nhỏ.

Khi bạn đã hoàn tất, hãy chọn tất cả các biểu tượng Kết hợp các hình dạng và nhóm chúng lại với nhau bằng phím tắt Control-G.

bear trap icon finished

6. Tạo biểu tượng mặt nạ khúc côn cầu

Giả sử bạn đã khóa lớp trước đó và chuyển sang lớp kế tiếp, phóng to lưới tham chiếu thứ hai và để cho Bắt đầu làm việc trên mặt nạ biểu tượng.

Bước 1

Sử dụng Công cụ Ellipse (L), tạo hình dạng chính của mặt nạ bằng cách vẽ hình elip 80 x 108 px (# F7ECD2), chúng ta sẽ đặt ở giữa khu vực vẽ hoạt động bên dưới, 4 px từ cạnh dưới của nó.

creating and positioning the main shape for the hockey mask

Bước 2

Điều chỉnh hình elip bằng cách chọn các điểm neo bên của nó bằng Công cụ chọn trực tiếp (A) và đẩy chúng lên 6 px. Bạn có thể thực hiện việc này một cách thủ công với sự trợ giúp của các phím mũi tên hướng hoặc bằng cách sử dụng Công cụ Move (nhấp chuột phải> Chuyển đổi> Di chuyển> Dọc> -6 px).

adjusting the main shape of the hockey mask icon

Bước 3

Cung cấp cho hình dạng kết quả một phác thảo dày 4 px (# 3A322F) bằng phương pháp Đường dẫn bù trừ, loại bỏ bất kỳ Điểm neo bổ sung nào được tạo trong quy trình và điều chỉnh hình dạng khi cần.

adding the outline to the hockey masks main shape

Bước 4

Tạo một bản sao của hình dạng điền nhỏ hơn, sau đó trừ -2 px Offset khỏi nó bằng cách sử dụng Chế độ hình dạng mặt trước của Pathfinder, tô màu hình dạng kết quả bằng cách sử dụng màu đen (# 000000) và giảm Opacity xuống chỉ còn 20%.

creating and positioning the shadow onto the hockey masks main shape

Bước 5

Điều chỉnh bóng mà chúng tôi vừa tạo, bằng cách chọn Điểm neo bên dưới của nó và di chuyển nó lên 4 px.

adjusting the hockey masks main shadow

Bước 6

Thêm các đường cắt mắt bằng cách tạo hai hình chữ nhật tròn 16 x 16 px (# 3A322F) với Bán kính góc 6 px ở khoảng cách 16 px với nhau, sau đó đặt chúng lên mặt nạ, chính xác là 40 px so với đường viền của nó.

creating and positioning the eye cutouts onto hockey mask

Bước 7

Điều chỉnh các phần cắt ra bằng cách đặt Bán kính góc của các góc dưới cùng của chúng thành 8 px từ trong bảng Biến đổi.

adjusting the bottom section of the eye cutouts

Bước 8

Bắt đầu làm việc với các phần cắt tròn nhỏ bằng cách lấy Công cụ Ellipse (L) và vẽ một chồng ba vòng tròn 4 x 4 px (# 3A322F) phân bố theo chiều dọc 4 px với nhau, chúng ta sẽ đặt khoảng 8 px trên mắt trái.

Mẹo nhanh: Tôi khuyên bạn nên bật chế độ Xem trước Pixel (Alt-Control-Y) vì việc định vị hình dạng của bạn theo cách này sẽ dễ dàng hơn nhiều.

creating and positioning the circular cutouts from the upper-left section of the hockey mask

Bước 9

Thêm một vòng tròn 4 x 4 px khác (# 3A322F) ở bên phải của phần cắt thứ ba, ở khoảng cách 4 px so với nó, đảm bảo đặt nó hơi hướng về phía dưới bằng cách di chuyển xuống 2 px xuống dưới.

adding the fourth circular cutout to the hockey mask

Bước 10

Chọn và nhóm (Control-G) các phần cắt nhỏ mà chúng tôi đã thêm cho đến nay, đồng thời tạo và đặt một bản sao phía trên phần cắt mắt phải, đảm bảo lật nó theo chiều dọc (nhấp chuột phải> Biến đổi> Phản chiếu> Dọc).

adding the circular cutouts to the upper-right section of the hockey mask

Bước 11

Dành thời gian của bạn và thêm phần còn lại của các phần cắt ra bằng cách sử dụng cùng một vòng tròn 4 x 4 px (# 3A322F), định vị chúng như nhìn thấy trong hình ảnh tham chiếu.

Khi bạn đã hoàn thành, hãy chọn và nhóm chúng lại với nhau (Control-G) để họ giành chiến thắng khi bị tách ra một cách tình cờ.

adding the rest of the circular cutouts to the hockey mask

Bước 12

Tiếp theo, chúng tôi sẽ phải lấy Công cụ Bút (P) và vẽ ba đề can màu bằng cách sử dụng # F7734B làm màu Fill của chúng tôi. Vì vậy, một lần nữa, dành thời gian của bạn, và sử dụng hình ảnh tham khảo để thêm chúng vào.

adding the colored decals to the hockey mask

Bước 13

Với đề can tại chỗ, thêm phần trên cùng của dây đeo bằng cách tạo hình chữ nhật 8 x 16 px (# 5E524E) với đường viền 4 px (# 3A322F) mà chúng ta sẽ căn chỉnh với cạnh trên của khu vực vẽ đang hoạt động.

creating and positioning the main shapes for the hockey masks upper strap

Bước 14

Tạo hai hình chữ nhật 8 x 1 px (# 3A322F) ở khoảng cách 1 px với nhau, đặt chúng về phía phần trên của dây đeo, chừa khoảng cách 1 px.

Sau đó, thêm một hình chữ nhật 8 x 2 px dày hơn (# 3A322F) bên dưới chúng, ở khoảng cách 2 px.

adding the small detail lines to the upper strap of the hockey mask

Bước 15

Tiếp theo, lấy Công cụ Ellipse (L) và vẽ một vòng tròn 2 x 2 px (#BCAAAA) sẽ đóng vai trò là bu-lông giữ dây đeo và tạo cho nó một phác thảo 2 px (# 3A322F), nhóm (Control-G) và định vị hai hình dạng ở giữa không gian được tạo bởi đường dây đeo dày hơn mà chúng ta vừa tạo.

adding the little bolt to the hockey masks upper strap

Bước 16

Sử dụng Công cụ hình chữ nhật (M) để thêm một vài điểm nổi bật giữa các dòng chi tiết dây đeo sử dụng màu trắng (#FFFFFF) làm màu tô của bạn, Soft Light làm Chế độ hòa trộn và 60% cho Opacity.

adding highlights to the hockey masks upper strap

Bước 17

Kết thúc dây đeo trên cùng bằng cách thêm hình chữ nhật 16 x 2 px (# 000000) bên dưới đường viền của nó, chúng ta sẽ biến thành một cái bóng bằng cách hạ thấp Opacity xuống 20%. Sau đó, chọn tất cả các hình dạng sáng tác của nó và nhóm chúng lại với nhau (Control-G).

adding the shadow to the hockey masks top strap

Bước 18

Bắt đầu làm việc trên các dây đai bên, bằng cách tạo một hình chữ nhật 2 x 8 px (# 5E524E) với đường viền 4 px (# 3A322F) mà chúng ta sẽ đặt ở phía bên trái của mặt nạ, Căn giữa theo chiều ngang với đường cắt mắt.

creating and positioning the main shapes for the hockey masks left strap

Bước 19

Thêm hình chữ nhật 1 x 4 px (# 3A322F) ở giữa bên phải của hình điền và tô sáng trên cùng và bên (màu: trắng; Chế độ hòa trộn: Ánh sáng mềm; Độ mờ: 60%), chọn và nhóm (Control- G) tất cả các hình dạng sáng tác của dây đeo sau đó.

adding details to the hockey masks left side strap

Bước 20

Kết thúc biểu tượng bằng cách tạo dây đeo bên phải, sử dụng một bản sao (Control-C> Control-F) của cái mà chúng ta vừa tạo và đặt nó vào bên phải của mặt nạ, lật nó theo chiều dọc (nhấp chuột phải> Biến đổi> Phản xạ> Dọc).

Sau đó, chỉ cần chọn tất cả các biểu tượng soạn thảo hình dạng và nhóm chúng bằng phím tắt Control-G.

hockey mask icon finished

7. Tạo biểu tượng bánh răng

Bây giờ chúng tôi đang xuống biểu tượng thứ ba và cuối cùng của chúng tôi, đó có lẽ là điều yêu thích của Jason trên toàn thế giới. Phải, chúng tôi sẽ tạo ra một số thiết bị được sử dụng bởi nhân vật trong phim, vì vậy hãy chắc chắn rằng bạn ở trên lớp bên phải, sau đó phóng to lưới tham chiếu cuối cùng của chúng tôi và để cho Bắt đầu.

Bước 1

Hãy bắt đầu làm việc với con dao nhà bếp chết người bằng cách tạo một hình chữ nhật 8 x 24 px (# A06C60), mà chúng ta sẽ điều chỉnh bằng cách đặt Bán kính của các góc dưới cùng của nó thành 4 px. Đưa ra hình dạng kết quả là một phác thảo dày 4 px (# 3A322F) bằng phương pháp Offset Path, sau đó đặt cả hai hình dạng về phía cạnh dưới của khu vực vẽ đang hoạt động, ở khoảng cách 26 px từ bên trái của nó.

creating and positioning the main shapes for the kitchen knifes handle

Bước 2

Thêm một hình chữ nhật 8 x 2 px (#FFFFFF) ở đầu hình dạng điền vào xử lý, chúng ta sẽ biến thành một điểm sáng bằng cách đặt Chế độ hòa trộn của nó thành Lớp phủ và giảm Opacity xuống 30%.

adding a subtle highlight to the upper section of the kitchen knifes handle

Bước 3

Lấy Công cụ Bút (P) và sử dụng Stroke dày 1 px (# 3A322F) với Cap được đặt thành Tròn, vẽ một số đường gỗ nhỏ. Hãy dành thời gian của bạn, và khi bạn đã hoàn thành việc chọn và nhóm chúng bằng phím tắt Control-G.

adding the little wood texture to the kitchen knifes handle

Bước 4

Thêm hai vòng tròn 4 x 4 px (# 3A322F) trên đỉnh của tay cầm, một hướng về phía trên và vòng còn lại ở phía dưới, sau đó chọn và nhóm (Control-G) tất cả các hình dạng hợp thành của nó với nhau.

adding the two bolts to the kitchen knifes handle

Bước 5

Tạo lưỡi dao Lưỡi dao bằng cách vẽ hình elip 16 x 168 px (#BCAAAA) mà chúng ta sẽ điều chỉnh bằng cách loại bỏ Điểm neo dưới cùng của nó. Đưa ra hình dạng kết quả là đường viền dày 4 px thông thường (# 3A322F) và sau đó căn chỉnh hai hình dạng với cạnh phải của tay cầm, đảm bảo rằng các đường viền chồng lên nhau.

creating and positioning the main shapes for the kitchen knifes blade

Bước 6

Tạo một bản sao (Control-C> Control-F) của hình dạng lấp đầy lưỡi kiếm, và sau đó cung cấp cho nó một phần bù -2 px mà chúng ta sẽ trừ đi để tạo hình cho phần nổi bật. Điều chỉnh hình dạng kết quả bằng cách thay đổi màu của nó thành màu trắng (#FFFFFF) và đặt Chế độ hòa trộn của nó thành Lớp phủ trong khi giảm Opacity xuống 30%.

adding the highlight to the kitchen knifes blade

Bước 7

Hoàn thành con dao nhà bếp bằng cách thêm một hình chữ nhật 16 x 2 px (# 3A322F) vào phần dưới của lưỡi kiếm, nhóm tất cả các hình dạng của nó lại với nhau sau đó (Control-G).

adding finishing touches to the kitchen knife

Bước 8

Bắt đầu làm việc với lưỡi cưa nhỏ bằng cách tạo lưỡi cắt của nó bằng hình chữ nhật 12 x 72 px (#BCAAAA) với đường viền 4 px (# 3A322F), căn chỉnh cả hai hình dạng với cạnh trên của khu vực vẽ đang hoạt động, ở khoảng cách 6 px từ con dao.

creating and positioning the main shapes for the hacksaws blade

Bước 9

Sử dụng Công cụ hình chữ nhật (M), tạo hình dạng 2 x 74 px mà chúng ta sẽ tô màu bằng cách sử dụng # 997E7E và sau đó định vị phía bên trái của lưỡi dao.

adding the side section to the hacksaws blade

Bước 10

Thêm hình chữ nhật 12 x 4 px (#FFFFFF) ở đầu lưỡi kiếm và biến nó thành điểm sáng bằng cách đặt Chế độ hòa trộn của nó thành Lớp phủ trong khi giảm Opacity xuống 30%.

adding a top highlight to the hacksaws blade

Bước 11

Thêm một điểm nổi bật dọc 2 x 70 px khác (màu: trắng; Chế độ hòa trộn: Lớp phủ; Độ mờ: 30%) và đặt nó về phía bên phải của lưỡi kiếm, ngay bên dưới lưỡi dao mà chúng ta đã tạo ở bước trước.

adding the vertical highlight to the hacksaws blade

Bước 12

Sử dụng Công cụ hình chữ nhật (M) thêm một dải phân cách dọc 2 x 74 px (# 3A322F) về phía bên trái của lưỡi dao, để lại một khoảng trống 2 px từ đường viền lớn hơn.

adding the vertical divider to the hacksaws blade

Bước 13

Thêm một vòng tròn 2 x 2 px (# 3A322F) ở góc trên bên phải của lưỡi kiếm, chừa lại khoảng cách 1 px xung quanh nó. Khi bạn đã thêm bu-lông nhỏ, chọn và nhóm (Control-G) tất cả các phần tử lưỡi kiếm lại với nhau.

adding the little bolt to the upper section of the hacksaws blade

Bước 14

Tiếp theo, hãy để Lôi tạo phần nhỏ từ bên dưới lưỡi kiếm giữ nó vào tay cầm.

Đầu tiên, vẽ một hình vuông 4 x 4 px (# A38989) với đường viền 4 px (# 3A322F) mà chúng ta sẽ định vị ngay bên dưới lưỡi dao.

Sau đó, thêm bóng 4 x 2 px (màu: đen; Độ mờ: 20%), vòng tròn 2 x 2 px (# 3A322F) cho một bu lông, cuối cùng chọn và nhóm (Control-G) tất cả các hình dạng của nó.

adding the little section from underneath the hacksaws blade

Bước 15

Tạo một hình chữ nhật 22 x 2 px mà chúng ta sẽ tô màu bằng cách sử dụng # A38989, sau đó cung cấp cho nó một phác thảo 4 px (# 3A322F), định vị các hình dạng bên dưới đầu nối lưỡi kiếm mà chúng ta đã tạo ở bước trước, căn chỉnh chúng sang bên trái của nó.

creating and positioning the main shapes for the hacksaws connector handle

Bước 16

Thêm phần nổi bật trên cùng 22 x 1 px (màu: trắng; Chế độ hòa trộn: Lớp phủ; Độ mờ: 30%) và hình chữ nhật 4 x 2 px (# 3A322F) về phía dưới của phác thảo, sau đó chọn và nhóm tất cả các đầu nối soạn thảo hình dạng bằng phím tắt Control-G.

adding details to the hacksaws handle connector

Bước 17

Bắt đầu làm việc với tay cầm thực tế bằng cách tạo một hình chữ nhật 16 x 30 px (#BCAAAA) (1) mà chúng ta sẽ điều chỉnh bằng cách đặt Bán kính của Điểm neo trên cùng của nó thành 2 px (2). Sau đó, trừ đi một hình chữ nhật 12 x 20 px từ phần dưới của nó (3), tạo ra hình dạng kết quả là một đường viền dày 4 px (# 3A322F) (4). Thêm một vài điểm nổi bật (màu: trắng; Chế độ hòa trộn: Lớp phủ; Độ mờ: 30%) ở đây và ở đó (5) và vòng tròn 4 x 4 px (# 3A322F) ở góc trên bên trái của nó (6).

creating the hacksaws handle

Bước 18

Tiếp tục thêm chi tiết vào tay cầm bằng cách tạo hình chữ nhật 32 x 8 px (#BCAAAA) (1), chúng tôi sẽ điều chỉnh bằng cách đặt Bán kính góc trái của nó thành 4 px (2). Sau đó, cung cấp cho hình dạng kết quả một phác thảo 4 px (# 3A322F), đảm bảo gửi nó về phía sau (nhấp chuột phải> Sắp xếp> Gửi trở lại) của hình dạng điền vào xử lý mà chúng ta đã tạo ở bước trước (3). Thêm một loạt các điểm nổi bật (màu: trắng; Chế độ hòa trộn: Lớp phủ; Độ mờ: 30%) (4 và 5), theo sau là sáu hình chữ nhật dọc 2 x 8 px (# 3A322F) đặt 2 px với nhau (5).

Kết thúc tay cầm bằng cách thêm một vòng tròn 2 x 2 px (# 3A322F) vào cạnh tròn của nó (6) và sau đó chọn và nhóm (Control-G) tất cả các hình dạng sáng tác của nó.

adding details to the hacksaws handle

Bước 19

Khi bạn có tay cầm, đặt nó ở phần dưới của khu vực vẽ đang hoạt động, đặt trái nó với đường viền lưỡi dao.

positioning the hacksaws handle

Bước 20

Thêm phần trên của cưa sắt giữ lưỡi kiếm, bằng cách tạo một hình chữ nhật tròn 36 x 90 px (# 3A322F) với Bán kính góc 12 px, từ đó chúng ta sẽ trừ đi một góc nhỏ hơn 28 x 82 px với Bán kính góc 8 px. Loại bỏ các phần bên trái và dưới cùng chồng lên lưỡi dao và tay cầm, sau đó đưa ra hình dạng kết quả là đường viền dày 4 px thông thường (# 3A322F).

creating and positioning the upper-right section of the hacksaw

Bước 21

Kết thúc biểu tượng bằng cách thêm hai bóng 4 x 4 px (màu: đen; Độ mờ: 20%) vào hình dạng mà chúng ta vừa tạo, sau đó chọn và nhóm (Control-G) hình dạng của cưa sắt, trước khi nhóm phần còn lại các yếu tố của biểu tượng.

gear icon finished

Nó là một bọc!

Có bạn có nó! Một hướng dẫn siêu toàn diện về cách tạo ra một gói biểu tượng cho một trong những bộ phim kinh dị hay nhất từng được thực hiện. Tôi hy vọng rằng bạn đã tìm thấy các bước dễ thực hiện và quan trọng nhất là học được một mẹo mới trên đường đi.

finished icons 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.