Cách vẽ biểu tượng cắm trại trong Adobe Illustrator

() translation by (you can also view the original English article)

Final product image — What You'll Be Creating

Hôm nay chúng ta sẽ phiêu lưu và tìm hiểu cách tạo bộ biểu tượng cắm trại rất riêng của chúng ta, sử dụng một số hình dạng và công cụ cơ bản nhất mà bạn có thể đã thao tác hàng ngày. Vì vậy, hãy đi đôi giày đi bộ đường dài đó, và hãy để bắt đầu!

Ồ, và trước khi tôi quên, bạn luôn có thể mở rộng bộ các biểu tượng này bằng cách đi tới 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 bộ biểu tượng theo chủ đề cắm trại chỉ chờ để được tải về.

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

Vì tôi chắc chắn rằng bạn đã cài đặt 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 (File > New 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

Mẹo nhanh: 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, trong đó đã có những thay đổi lớn đối với cách xử lý của Illustrator cách hình dạng chụp vào lưới Pixel nằm bên dưới.

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

Vì chúng ta sẽ tạo các biểu tượng bằng quy trình thao tác pixel hoàn hảo, do đó, chúng ta 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 chúng ta đ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

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 Lưới Grid trong 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 là để 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 Pixel Preview chế độ.

Bây giờ, nếu bạn mới làm quen với toàn bộ quy trình thao tá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 với 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 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 thao tá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, hãy mở bảng 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: lamp
layer 3: tent
layer 4: backpack

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 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 bộ 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ừ Layer lưới tham chiếu, sau đó chọn 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ẽ hiện hành của chúng ta, cho chúng ta phần đệm 4 px xung quanh.

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, căn chỉnh chúng với trung tâm 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 thao tác với biểu tượng đầu tiên của mình.

creating and positioning all three reference grids

5. Cách tạo đèn lồng

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

Bước 1

Tạo hình dạng chính cho đế của đèn bằng hình chữ nhật tròn 60 x 12 px với Corner Radius 4 px, tô màu #6DA56D và sau đó căn giữa cách một khoảng 4 px từ cạnh dưới của vùng vẽ hiện hành bên dưới .

creating and positioning the main shape for the lower section of the lamp

Bước 2

Tạo cho hình dạng mà chúng ta vừa vẽ một nét viền bằng phương pháp Offset Path, bằng cách chọn nó và sau đó vào Object > Path > Offset Path và nhập 4 px vào trường giá trị Offset.

adding the outline to the lower section of the lamp

Bước 3

Thiết lập màu tô #3A3232 cho nét viền mà chúng ta vừa thêm vào để nó nổi bật so với hình dạng màu xanh lá cây.

adjusting the fill color for the lamps lower section outline

Bước 4

Sử dụng Rectangle Tool (M), thêm một đường phân chia ngang 60 x 4 px (#3A3232) trên hình dạng màu xanh lá cây mà chúng ta đã tạo cách đây vài bước, căn giữa nó với sự trợ giúp của bảng Align.

adding the horizontal divider line to the lower section of the lamps body

Bước 5

Tạo hai hình chữ nhật tròn nhỏ 4 x 6 px, (#3A3232) với Corner Radius 2 px và đặt một hình ở mỗi bên của đế đèn, cách một khoảng 4 px từ các cạnh hình dạng được tô màu.

Khi bạn đã hoàn tất, hãy chọn tất cả các hình dạng mà chúng ta đã tạo cho đến nay và nhóm chúng lại với nhau bằng phím tắt Control-G.

adding the small insertions onto the lower section of the lamps body

Bước 6

Tạo các hình dạng chính cho nút điều khiển bằng hình tròn 12 x 12 px (#D6D0D0) với đường viền 4 px (#3A3232), chúng ta sẽ căn giữa theo các hình dạng bên dưới mà chúng ta vừa nhóm lại.

creating and positioning the main shapes for the lamps control knob

Bước 7

Sử dụng Ellipse Tool (L) tạo ra một hình tròn 8 x 8 px, tô màu #3A3232 và sau đó đặt trên hình dạng chính của nút, căn giữa nó với chúng.

adding the center section to the lamps control knob

Bước 8

Hoàn thành nút này bằng cách thêm bốn hình tròn 4 x 4 px (#3A3232) vào mỗi bên của hình dạng màu xám, đặt chúng sao cho chỉ nhìn thấy một phần nhỏ trên bề mặt của chúng.

Khi bạn đã hoàn tất, hãy chọn tất cả các hình dạng tạo thành nút này và nhóm chúng lại (Control-G) với nhau.

adding details to the lamps control knob

Bước 9

Chọn Rectangle Tool (M) và tạo phần trên của đế đèn bằng hình dạng 44 x 4 px (#4C7F4C) với đường viền 4 px (#3A3232), chúng ta sẽ đặt sao cho hai đường viền cuối cùng chồng lên nhau khác

creating and positioning the main shapes for the upper section of the lamps base

Bước 10

Thêm năm hình vuông 4 x 4 px (#3A3232), đặt cách 4 px với nhau, vào giữa hình dạng màu xanh lá cây mà chúng ta vừa tạo, nhóm chúng lại (Control-G) và sau đó là toàn bộ phần phía trên.

adding the little detail lines to the upper section of the lamps base

Bước 11

Bắt đầu thao tác trên đế của ống bằng cách tạo một hình chữ nhật 8 x 2 px (#A39B9B) với đường viền 4 px (#3A3232), căn giữa một hình chữ nhật 4 x 1 px (#3A3232) vào cạnh trên của nó. Khi bạn đã hoàn thành, hãy chọn và nhóm (Control-G) cả ba hình dạng lại với nhau, đặt chúng vào phần trên của thân đèn.

creating and positioning the main shapes for the lamps feed tube

Bước 12

Sử dụng Rectangle Tool (M), thêm phần trên của ống bằng cách tạo hình chữ nhật 4 x 1 px (#7F7E7E) với đường viền 4 px (#3A3232) và hình chữ nhật 4 x 2 px (#3A3232) , chọn và nhóm (Control-G) tất cả các hình dạng tạo thành của nó với nhau sau đó.

adding finishing touches to the lamps feed tube

Bước 13

Khi chiếc ống đã xong, bắt đầu thao tác với vỏ thủy tinh bằng cách tạo hình elip 34 x 58 px (#FFE38A), chúng ta sẽ cắt một nửa bằng cách chọn và loại bỏ Điểm neo bên phải ở giữa của nó, đặt hình dạng kết quả ở bên trái của thân đèn, cách một khoảng 32 px so với cạnh trái của vùng vẽ hiện hành.

creating and positioning the main shape for the lamps glass enclosure

Bước 14

Tạo một bản sao (Control-C > Control-F) có hình dạng màu vàng mà chúng ta đã thêm ở bước trước và đặt nó vào phía đối diện của đèn, lật nó theo chiều dọc (nhấp chuột phải > Transform > Reflect > Vertical).

creating and positioning the right section of the lamps glass enclosure

Bước 15

Kết hợp hai đường path bằng cách chọn chúng và sau đó nhấn Control-J hai lần để cả hai Điểm neo trên và dưới của chúng được nối với nhau.

uniting the two sections of the lamps glass enclosure

Bước 16

Chọn hình dạng kết quả và sau đó cung cấp cho nó một nét viền (#3A3232) bằng phương pháp Offset Path.

adding the outline to the lamps glass enclosure

Bước 17

Vì chúng ta muốn hình dạng màu vàng trong suốt, nên chúng ta sẽ cần tạo ra một đường cắt vào đường viền của nó để cho phép các hình dạng khác được nhìn thấy. Để thực hiện việc này, trước tiên, nhấp vào hình dạng màu vàng và sử dụng phím tắt Control-C để thêm bản sao của nó vào Clipboard.

Sau đó, chọn cả nó và nét viền và sử dụng Minus Front Shape Mode của Pathfinder để loại bỏ nó khỏi bề mặt của phần phía sau, dán bản sao màu vàng vào vị trí (Control-F). Điều chỉnh Transparency của hình dạng đó bằng cách đặt Opacity của nó thành 40%, nhóm nó (Control-G) và nét viền với nhau sau đó.

adjusting the transparency of the lamps glass enclosure

Bước 18

Sử dụng Rectangle Tool (M), bắt đầu thao tác ở phần trên của đèn bằng cách tạo hình chữ nhật 40 x 4 px (#6DA56D) với đường viền 4 px (#3A3232) mà chúng ta sẽ nhóm chúng lại (Control-G) và sau đó đặt vào vỏ thủy tinh, căn giữa chúng với nhau.

creating and positioning the main shapes for the lamps upper section

Bước 19

Tạo chỗ thông gió bằng hình chữ nhật 28 x 6 px (#4C7F4C) mà chúng ta sẽ điều chỉnh bằng cách đặt Bán kính của các góc trên cùng của nó thành 2 px trong bảng Transform. Tạo cho hình dạng kết quả một nét viền 4 px (#3A3232), sau đó chọn và đặt hai hình lên trên cùng của phần mà chúng ta đã tạo ở bước trước.

creating and positioning the main shapes for the lamps ventilation chamber

Bước 20

Thêm các lỗ thông gió bằng cách sử dụng ba hình chữ nhật tròn 4 x 8 px (#3A3232) với Radius Corner 2 px đặt cách 4 px với nhau, chúng ta sẽ nhóm chúng lại (Control-G) và sau đó đặt vào hình dạng tô màu xanh lá cây, căn giữa chúng với cạnh dưới của nét viền.

Khi bạn đã hoàn thành, đừng quên nhóm chúng lại (Control-G) với hai hình nằm bên dưới.

adding the ventilation holes to the upper section of the lamp

Bước 21

Chuyển sang Ellipse Tool (L) và tạo một hình tròn 8 x 8 px, tô màu #3A3232 và sau đó căn giữa nó với chỗ thông gió của đèn, để nửa dưới của nó chồng lên đường viền bên dưới.

adding the circular section to the lamps ventilation chamber

Bước 22

Thêm vòng móc nhỏ bằng cách tạo một hình chữ nhật tròn 20 x 24 px (#3A3232) với Corner Radius 10 px, từ đó chúng ta sẽ cắt ra một hình 12 x 16 px nhỏ hơn (#3A3232) với Corner Radius 6 px. Loại bỏ hình dạng kết quả của nửa dưới cùng, và sau đó đặt nó lên trên cùng của chỗ thông gió, căn giữa hai hình.

Khi bạn đã hoàn thành, bạn có thể chọn và nhóm (Control-G) tất cả các phần tạo thành phần trên của đèn.

adding the hooking ring to the upper section of the lamp

Bước 23

Tạo tay cầm bên của đèn bằng cách sử dụng hình chữ nhật tròn 84 x 74 px với Corner Radius 20 px, từ đó chúng ta sẽ cắt ra một hình nhỏ hơn 76 x 66 px với Corner Radius 16 px. Tô màu hình dạng kết quả với màu #3A3232, sau đó căn giữa nó với vỏ thủy tinh, đặt nó ra phía sau sau đó (nhấp chuột phải > Arrange > Send to Back).

adding the side handles to the lamps body

Bước 24

Hoàn thành biểu tượng bằng cách tạo hai hình chữ nhật 8 x 18 px (#3A3232) và thêm một hình vào giữa của mỗi tay cầm bên. Khi bạn đã hoàn tất, hãy chọn và nhóm tất cả các biểu tượng tạo thành hình dạng bằng cách sử dụng phím tắt Control-G.

adding the grip to the lamps side handles

6. Cách tạo lều

Giả sử bạn đã khóa Layer trước đó và chuyển sang Layer kế tiếp, phóng to lưới tham chiếu thứ hai và bắt đầu thao tác trên chiếc lều nhỏ của chúng ta.

Bước 1

Bắt đầu biểu tượng bằng cách tạo hình cơ sở của nó với một hình chữ nhật 112 x 4 px (#D6D0D0) với đường viền dày 4 px (#3A3232), chúng ta sẽ căn chỉnh vào cạnh dưới của vùng vẽ hiện hành bên dưới.

creating and positioning the main shapes for the tents base

Bước 2

Thêm hai hình chữ nhật 8 x 2 px (#3A3232) đặt mỗi hình ở mỗi bên của hình cơ sở của lều, cách một khoảng 24 px từ các cạnh bên ngoài của nó, căn chỉnh chúng với cạnh trên của hình dạng màu xám bên dưới.

Sau đó, đừng quên chọn và nhóm tất cả các hình dạng tạo thành của phần cơ sở lại với nhau bằng phím tắt Control-G.

adding the small insertions to the tents base

Bước 3

Tạo thân chính của lều bằng một hình elip 112 x 192 px (#61AEC9) mà chúng ta sẽ điều chỉnh bằng cách chọn và xóa Điểm neo dưới cùng của nó bằng Direct Selection Tool (A). Tạo cho hình dạng kết quả một nét viền dày 4 px (#3A3232) và sau đó nhóm chúng lại (Control-G) và đặt hai hình dạng trên hình cơ sở của lều, các đường viền của chúng chồng lên nhau.

creating and positioning the main shapes for the tents body

Bước 4

Sử dụng Rectangle Tool (M), thêm một vạch chia đường ngang 112 x 2 px, tô màu #3A3232 và sau đó căn giữa với đế lều, đặt nó cách một khoảng 4 px so với đường viền của nó.

adding the horizontal divider line to the tents upper body

Bước 5

Tạo hai hình chữ nhật 4 x 2 px (#3A3232) và đặt một hình ở mỗi bên của đường phân chia ngang mà chúng ta đã thêm trong bước trước, đặt chúng cách một khoảng 4 px từ các cạnh của nó.

adding the two insertions onto the lower body of the tent

Bước 6

Tạo các sào của lều bằng cách sử dụng hình elip 120 x 216 px (#3A3232), chúng ta sẽ điều chỉnh bằng cách cắt ra một hình 112 x 208 px nhỏ hơn (#3A3232), loại bỏ nửa dưới sau đó. Khi bạn đã hoàn tất, hãy chọn và đặt hình dạng kết quả lên thân lều, căn giữa nó với cạnh trên của vùng vẽ hiện hành bên dưới.

Bước 7

Thêm một hình chữ nhật 4 x 8 px vào trung tâm của khoảng trống được tạo bởi thân lều và các cực của nó, tô màu nó bằng cách sử dụng #3A3232.

Khi bạn đã hoàn tất, hãy chọn và nhóm tất cả các hình dạng tạo thành của thân lều bằng phím tắt Control-G.

adding the back section to the tents poles

Bước 8

Tạo hình dạng chính cho "cửa" bằng cách sử dụng một hình elip 80 x 148 px (#4D8AA1), chúng ta sẽ điều chỉnh bằng cách xóa nửa dưới của nó bằng cách chọn Điểm neo dưới cùng của nó bằng Direct Selection Tool (A) và sau đó nhấn Delete. Tạo cho hình dạng kết quả một nét viền dày 4 px (#3A3232) và sau đó đặt hai hình dạng phía trên đế lều, căn giữa chúng thẳng hàng với nó.

creating and positioning the main shapes for the tents door

Bước 9

Thêm đường dây kéo bằng hình chữ nhật 2 x 74 px, tô màu #3A3232, sau đó đặt vào cửa lều, đặt chính giữa vào cạnh dưới của nó.

adding the zipper line to the tents door

Bước 10

Tạo dây kéo, bằng một hình chữ nhật 2 x 4 px (#D6D0D0) với đường viền dày 4 px (#3A3232), trên cùng chúng ta sẽ thêm hình tròn 2 x 2 px (#3A3232) ở phía trên. Chọn và sau đó nhóm (Control-G) cả ba hình dạng lại với nhau, đặt chúng trên đường dây kéo, căn chỉnh chúng với cạnh trên của nó.

creating and positioning the zipper slider onto the tents door

Bước 11

Hoàn thành lều bằng cách thêm bốn hình tròn 4 x 4 px (#3A3232) mà chúng ta sẽ đặt thành hình vuông, bằng cách đặt chúng 32 px từ nhau theo chiều ngang và chiều dọc. Nhóm (Control-G) và đặt các hình tròn cách 12 px từ hình cơ sở của lều, căn giữa chúng với nó.

Khi bạn đã hoàn thành, đừng quên chọn tất cả các biểu tượng tạo thành biểu tượng này và nhóm chúng lại (Control-G) với nhau.

adding the little circles to the tents door

7. Cách tạo ba lô

Bây giờ chúng ta đang đi đến biểu tượng thứ ba và là biểu tượng cuối cùng của bộ này, điều mà bất kỳ người cắm trại nào cũng có thể làm được. Vì vậy, giả sử bạn đã nắm rõ bước tiếp theo, hãy phóng to lưới tham chiếu thứ ba đó và bắt đầu.

Bước 1

Tạo hình dạng chính của thân ba lô, sử dụng hình chữ nhật tròn 56 x 82 px (#E0604F) với Corner Radius 4 px mà chúng ta sẽ điều chỉnh bằng cách đặt Bán kính của các góc trên cùng của nó thành 24 px. Tạo cho hình dạng kết quả một nét viền dày 4 px (#3A3232), sau đó căn giữa hai hình với vùng vẽ hiện hành bên dưới, đặt chúng chính xác 22 px từ cạnh dưới của nó.

creating and positioning the main shapes for the backpacks body

Bước 2

Sử dụng Rectangle Tool (M), thêm một đường phân chia ngang 56 x 2 px, tô màu #3A3232 và sau đó đặt cách một khoảng 4 px từ cạnh đáy của hình màu đỏ.

adding the horizontal divider line to the lower section of the backpacks body

Bước 3

Thêm một hình chữ nhật 16 x 2 px nhỏ hơn khác (#3A3232) bên dưới đường phân chia ngang mà chúng ta vừa tạo, căn giữa hai hình với nhau.

Sau đó, khi bạn đã hoàn tất, hãy chọn và nhóm tất cả các hình dạng mà chúng ta có từ trước đến nay bằng phím tắt Control-G.

adding the small insertion to the bottom section of the backpacks body

Bước 4

Tạo hình dạng chính cho túi mặt trước của ba lô, sử dụng hình chữ nhật tròn 32 x 18 px (#895947) với Corner Radius 2 px và viền ngoài dày 4 px (#3A3232), chúng ta sẽ nhóm chúng lại (Control-G) và sau đó căn chỉnh vào giữa ba lô, đặt chúng 2 px từ đường phân chia ngang của nó.

creating and positioning the main shapes for the backpacks front facing pocket

Bước 5

Thêm phần nếp gấp của túi bằng cách sử dụng hình chữ nhật tròn 32 x 10 px nhỏ hơn (#C48469) với Corner Radius 2 px và đường viền dày 4 px (#3A3232), chúng ta sẽ căn giữa theo cạnh trên của đường viền túi.

adding the folded section to the backpacks front facing pocket

Bước 6

Thêm một hình tròn 4 x 4 px (#3A3232) vào phần dưới của nếp gấp của túi và hai hình chữ nhật 4 x 2 px (#3A3232) đặt cách nhau 2 px, sang cả bên trái và bên phải của nó, nhóm chúng lại (Control-G) và cả nếp gấp của nó.

adding details to the backpacks front facing pocket

Bước 7

Sử dụng Rectangle Tool (M), tạo hình dạng 8 x 4 px (#895947) mà chúng ta sẽ điều chỉnh bằng cách đặt Bán kính của các góc trên cùng của nó thành 2 px. Tạo cho hình dạng kết quả một nét viền 4 px (#3A3232), sau đó nhóm chúng lại (Control-G) và đặt hai hình phía trên túi phía trước, đặt chúng thẳng hàng với hình dạng gấp nếp.

adding the left section from above the backpacks front facing pocket

Bước 8

Tạo một hình chữ nhật 12 x 4 px rộng hơn một chút (#895947), điều chỉnh nó bằng cách đặt Bán kính của các góc trên cùng của nó thành 2 px. Tạo cho hình dạng kết quả một nét viền 4 px (#3A3232) và thêm một hình chữ nhật 8 x 2 px nhỏ (#3A3232) về phía dưới của nó, nhóm chúng lại (Control-G) và sau đó đặt chúng bên cạnh phần mà chúng ta đã tạo một vài bước trước đó.

Sau đó, khi bạn đã hoàn thành, hãy chọn và nhóm (Control-G) tất cả các hình dạng tạo thành của túi phía trước.

adding the right section from above the backpacks front facing pocket

Bước 9

Bắt đầu thao tác với túi bên trái bằng cách tạo một hình chữ nhật 8 x 20 px (#895947) mà chúng ta sẽ điều chỉnh bằng cách đặt Bán kính của góc trên cùng bên trái của nó thành 2 px và dưới cùng là 4 px. Tạo cho hình dạng kết quả đường viền dày 4 px (#3A3232), sau đó đặt hai hình bên cạnh ba lô, cách một khoảng 12 px so với cạnh đáy của đường viền.

creating and positioning the main shapes for the backpacks left sided pocket

Bước 10

Sử dụng Rectangle Tool (M), thêm đường dây kéo bằng cách tạo hình chữ nhật dọc 2 x 4 px, tô màu #3A3232, sau đó căn giữa vào cạnh trên của hình dạng túi tô bên hông.

adding the zipper line to the backpacks left sided pocket

Bước 11

Thêm thanh trượt khóa kéo bằng cách chọn một bản sao của khóa mà chúng ta đã tạo cho lều và đặt nó ngay bên dưới đường dây kéo.

Sau đó, chọn tất cả các hình dạng tạo thành của túi và nhóm (Control-G) với nhau, tạo một bản sao (Control-C > Control-F) mà chúng ta sẽ lật theo chiều dọc (nhấp chuột phải > Transform > Reflect > Vertical) và đặt lên vị trí bên kia của ba lô.

adding the right sided pocket onto the backpacks body

Bước 12

Tạo cái nhãn nhỏ bằng hình chữ nhật 12 x 4 px (#D6D0D0) với đường viền dày 4 px (#3A3232), trên cùng chúng ta sẽ thêm một hình chữ nhật 6 x 2 px (#3A3232) theo sau là một hình 2 x 2 px nhỏ hơn (#3A3232) cách một khoảng 2 px từ nó. Nhóm (Control-G) tất cả bốn hình lại với nhau, và sau đó căn giữa chúng với ba lô, đặt chúng cách một khoảng 16 px từ cạnh trên của hình dạng màu đỏ.

creating and positioning the label onto the backpacks body

Bước 13

Thêm tay cầm trên cùng, bằng cách tạo một hình chữ nhật tròn 20 x 24 px (#3A3232) với Corner Radius 8 px mà chúng ta sẽ điều chỉnh bằng cách cắt ra một hình 12 x 16 px nhỏ hơn (#3A3232) với Corner Radius 4 px, loại bỏ nửa dưới sau.

Khi bạn đã hoàn tất, căn giữa với hình dạng kết quả với cạnh trên của vùng vẽ hiện hành bên dưới, đặt nó ra phía sau (nhấp chuột phải > Arrange > Send to Back), nhóm (Control-G) tất cả các hình dạng tạo thành của ba lô sau đó.

creating and positioning the handle onto the backpacks body

Bước 14

Bắt đầu thao tác với túi ngủ được gấp lại bằng cách tạo một hình chữ nhật tròn 68 x 18 px (#4C7F4C) với đường viền 4 px (#3A3232) mà chúng ta sẽ nhóm chúng lại (Control-G) và sau đó đặt lên trên ba lô, cách một khoảng 4 px từ cạnh dưới của vùng vẽ hiện hành.

creating and positioning the main shapes for the backpacks folded sleeping bag

Bước 15

Tạo phần trước của túi ngủ bằng hình chữ nhật tròn 72 x 12 px (#6DA56D) với Corner Radius 2 px và đường viền dày 4 px (#3A3232), trên đó chúng ta sẽ thêm mười hình chữ nhật 4 x 2 px (#6DA56D) đặt chúng cách nhau 4 px. Nhóm (Control-G) các hình chữ nhật nhỏ tạo thành các đường khâu, và sau đó thực hiện tương tự cho các hình dạng tạo thành của phần này, đặt chúng lên trên thân chính của túi, thẳng hàng với cạnh trên của nó.

creating and positioning the front section of the backpacks sleeping bag

Bước 16

Tạo dây đeo bên trái bằng hình chữ nhật 4 x 22 px (#C48469) 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 2 px. Tạo cho hình dạng kết quả một nét viền 4 px (#3A3232), bốn hình tròn 2 x 2 px (#3A3232) xếp chồng lên nhau theo chiều dọc ở 2 px với nhau, sau đó nhóm chúng lại (Control-G) và đặt chúng vào bên trái của túi ngủ, căn chúng với cạnh trên của nét viền của nó.

adding the left strap to the bottom section of the backpack

Bước 17

Hoàn thành ba lô bằng cách thêm dây đeo thứ hai bằng bản sao của dây đeo mà chúng ta đã tạo ở bước trước, nhóm chúng lại (Control-G) và sau đó đặt cả túi ngủ và dây đai vào mặt sau của ba lô (nhấp chuột phải > Arrange > Send to Back).

Ồ, và đừng quên chọn và nhóm (Control-G) tất cả các hình tạo thành của biểu tượng này lại với nhau sau đó.

sending the sleeping bag to the back of the backpack

Đã đến lúc khám phá!

Bạn đã vẽ xong rồi: một cách tương đối nhanh chóng và dễ dàng để tạo ra các biểu tượng cắm trại của riêng bạn, sử dụng các công cụ và hình dạng cơ bản nhất mà Illustrator cung cấp.

Tôi hy vọng bạn đã nắm bắt kịp từng 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.