1. envato-tuts+
  2. Home
  3. Design & Illustration
  4. Graphic Design
  5. Icon Design

Cách vẽ một bộ các biểu tượng xe hơi trong Affinity Design

Scroll to top
Andrei Stefan
Read Time: 27 min

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Trong hướng dẫn hôm nay, chúng ta sẽ xem xét kỹ quy trình tạo một bộ biểu tượng xe hơi trong Trình thiết kế sở thích, không sử dụng gì ngoài một số hình dạng hình học cơ bản mà chúng tôi sẽ điều chỉnh ở đây và ở đó.

Ngoài ra, đừng quên bạn luôn có thể mở rộng thư viện véc tơ của mình bằng cách đi đến Envato Elements, nơi bạn sẽ tìm thấy một lựa chọn tuyệt vời các biểu tượng theo chủ đề xe hơi.

Vì vậy, giả sử bạn đã có Trình thiết kế sở thích đang chạy trong nền, hãy mang nó lên và bắt đầu!

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

Như mọi khi, chúng ta sẽ bắt đầu bằng cách thiết lập một Tài liệu mới, bằng cách chuyển đến Tệp> Mới (hoặc bằng cách sử dụng phím tắt Control-N) mà chúng tôi sẽ điều chỉnh như sau:

  • Loại: Web
  • Đơn vị tài liệu: Pixel
  • Tạo bảng vẽ: đã chọn
  • Nền trong suốt: được chọn
  • Chiều rộng trang: 128 px
  • Chiều cao trang: 128 px
  • DPI: 72
setting up a new documentsetting up a new documentsetting up a new document

2. Cách thiết lập bảng vẽ

Khi chúng tôi đã tạo tài liệu, chúng tôi cần phải mất vài phút và cấu trúc dự án của chúng tôi bằng một vài Artboards, một cho mỗi biểu tượng để duy trì luồng công việc rõ ràng và ổn định.

Bước 1

Để thực hiện việc này, bạn chỉ cần chọn Artboard mặc định từ trong bảng Layers và sau đó tạo một bản sao bằng cách nhấp chuột phải> Duplicate (hoặc bằng cách sử dụng phím tắt Control-J), đổi tên cả hai sau đó như sau:

  • bản vẽ đầu tiên: xem trước
  • bản vẽ thứ hai: xem mặt
setting up the artboardssetting up the artboardssetting up the artboards

Bước 2

Vì chúng tôi không muốn Artboards chồng chéo lên nhau, nên chúng tôi sẽ cần chọn cả hai bảng trong bảng điều khiển Lớp (đảm bảo bắt đầu bằng bảng điều khiển dưới cùng) và sau đó mở bảng Sắp xếp. Ở đây, chúng ta sẽ sử dụng tùy chọn Space Horizontally của Align Horizontally, đảm bảo bỏ chọn Auto Distribute và nhập giá trị tùy chỉnh là 64 px.

distancing the artboardsdistancing the artboardsdistancing the artboards

Mẹo nhanh: theo mặc định, bạn có thể chọn và di chuyển bất kỳ Artboards nào bằng Công cụ Move (V), nhưng ngay khi bạn định vị một hình dạng trên đầu chúng, chúng sẽ tự động khóa vào vị trí.

Nếu bạn muốn chắc chắn rằng bạn sẽ không di chuyển chúng một cách tình cờ, bạn có thể khóa chúng một cách thủ công từ bên trong bảng Layers bằng cách sử dụng công tắc Khóa / Mở khóa nhỏ, nhưng điều này cũng sẽ khóa tất cả các hình dạng được đặt trên đầu chúng , có nghĩa là nếu bạn cần chọn chúng, bạn sẽ phải làm như vậy từ bên trong bảng điều khiển Lớp.

example of locking the artboardsexample of locking the artboardsexample of locking the artboards

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

Lưới tham chiếu (hoặc lưới cơ sở) là một bộ các bề mặt tham chiếu được giới hạn chính xác, cho phép chúng ta xây dựng các biểu tượng 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 biểu tượng thực và chúng luôn là quyết định đầu tiên bạn thực hiện khi bạn bắt đầu 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à xây dựng trên đó.

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

Bước 1

Định vị bản thân trên Artboard đầu tiên, và sử dụng công cụ Rectangle Tool (M) tạo ra một hình vuông px 128 x 128, chúng ta sẽ tô màu bằng cách sử dụng # F15A24 và sau đó căn giữa như được thấy trong hình ảnh tham chiếu.

creating the main reference surfacecreating the main reference surfacecreating the main reference surface

Bước 2

Thêm một hình vuông nhỏ hơn 112 x 112 px, chúng tôi sẽ tô màu bằng màu trắng (#FFFFFF) và sau đó đặt ở giữa Artboard vì nó sẽ hoạt động như khu vực vẽ hoạt động của chúng tôi, mang lại cho chúng tôi khoảng đệm bảo vệ 8 px.

adding the active drawing areaadding the active drawing areaadding the active drawing area

Bước 3

Chọn và nhóm hai hình vuông lại với nhau bằng phím tắt Control-G, đảm bảo đặt tên cho chúng bằng cách sử dụng nhãn “lưới tham chiếu” và sau đó điền Artboard còn lại bằng cách sử dụng một bản sao (Control-C> Control-V) đã hoàn thành công việc. Hãy dành thời gian của bạn và sau khi hoàn tất, hãy chuyển sang bước tiếp theo.

adding the remaining reference gridsadding the remaining reference gridsadding the remaining reference grids

4. Cách tạo biểu tượng Front View

Ngay sau khi chúng tôi hoàn tất việc thiết lập tệp dự án của mình, chúng tôi có thể định vị bản thân trên Artboard đầu tiên và sau đó phóng to trên lưới tham chiếu để chúng tôi có thể có cái nhìn tốt hơn về các hình dạng mà chúng ta sẽ tạo.

Bước 1

Chúng ta sẽ bắt đầu bằng cách tạo ra các lốp bằng cách sử dụng hai hình chữ nhật 24 x 8 px, chúng ta sẽ tô màu bằng cách sử dụng # 443630 và sau đó căn giữa với cạnh dưới của vùng bản vẽ đang hoạt động, định vị chúng ở khoảng cách 4 px từ các cạnh bên ngoài của nó.

creating the main shapes for the tirescreating the main shapes for the tirescreating the main shapes for the tires

Bước 2

Điều chỉnh các hình dạng mà chúng tôi vừa tạo, bằng cách chọn từng cá nhân một và sau đó bỏ chọn tùy chọn Single Radius được tìm thấy trong thanh công cụ ngữ cảnh trên cùng. Đặt góc dưới cùng bên trái (BL) và góc dưới bên phải (BR) thành Tròn, cho cả hai giá trị tuyệt đối là 4 px sau đó.

adjusting the shapes of the tiresadjusting the shapes of the tiresadjusting the shapes of the tires

Bước 3

Tạo hình dạng chính cho cản trước bằng cách sử dụng hình chữ nhật 108 x 16 px, chúng tôi sẽ tô màu bằng cách sử dụng # D3622F và sau đó đặt trên đầu lốp xe, đảm bảo căn giữa nó với vùng bản vẽ hoạt động cơ bản.

creating the main shape for the front bumpercreating the main shape for the front bumpercreating the main shape for the front bumper

Bước 4

Điều chỉnh hình dạng bằng cách cắt hình chữ nhật 52 x 4 px (được đánh dấu bằng màu xanh lá cây) từ giữa cạnh dưới của hình dạng trước đó bằng cách sử dụng phép trừ.

adding the cutout to the front bumperadding the cutout to the front bumperadding the cutout to the front bumper

Bước 5

Tiếp tục điều chỉnh hình dạng, bằng cách chọn từng nút trên cùng bằng cách sử dụng Công cụ nút (A) và sau đó đẩy chúng vào bên trong 4 px bằng bảng chuyển đổi, chỉ cần nhập +/- 4 px vào hộp nhập X của nó , tùy thuộc vào phía bạn bắt đầu.

adjusting the shape of the front bumperadjusting the shape of the front bumperadjusting the shape of the front bumper

Bước 6

Thêm biển số bằng hình chữ nhật có kích thước 28 x 8 px (# 443630), chúng tôi sẽ đặt vị trí ở giữa cạnh trên cùng của đường cắt.

adding the number plateadding the number plateadding the number plate

Bước 7

Tạo các hình cắt bên phải bằng cách sử dụng ba hình chữ nhật màu # 443630 (12 x 4 px cho hình chữ nhật dưới cùng, 12 x 2 px cho phần trên cùng và 12 x 4 px khác cho cái bên trong), chúng ta sẽ định vị hình ảnh tham chiếu.

adding the main shapes for the right bumper cutoutsadding the main shapes for the right bumper cutoutsadding the main shapes for the right bumper cutouts

Bước 8

Thêm các điểm nổi bật tinh tế bằng cách sử dụng ba hình chữ nhật cao 1 px (#FFFFFF) mà chúng tôi sẽ định vị bên dưới các đoạn cắt, đảm bảo giảm mức Opacity của chúng xuống sau 24%. Khi bạn đã hoàn tất, hãy chọn và nhóm từng điểm cắt bằng điểm đánh dấu của riêng nó bằng phím tắt Control-G, thực hiện tương tự cho cả ba phím sau đó.

adding the highlights to the right bumper cutoutsadding the highlights to the right bumper cutoutsadding the highlights to the right bumper cutouts

Bước 9

Thêm các cutout bên trái bằng cách sử dụng một bản sao (Control-C> Control-V) của những cái mà chúng ta vừa mới hoàn thành, chúng ta sẽ phản ánh theo chiều ngang (click chuột phải> Transform> Flip Horizontal) và sau đó vị trí ngược lại bên của bội thu.

adding the left sided cutouts to the front bumperadding the left sided cutouts to the front bumperadding the left sided cutouts to the front bumper

Bước 10

Thêm các dòng chi tiết bên sử dụng hai nhóm ba hình chữ nhật 4 x 2 px (# 443630), theo chiều dọc xếp chồng lên nhau 2 px từ nhau, chúng ta sẽ định vị trên các cạnh của bội thu, như được thấy trong hình ảnh tham chiếu.

adding the side lines to the front bumperadding the side lines to the front bumperadding the side lines to the front bumper

Bước 11

Tạo môi trên của bội thu bằng hình chữ nhật kích thước 112 x 4 px (# 443630), mà chúng tôi sẽ xếp chồng lên trên thân chính.

adding the upper lip to the front bumperadding the upper lip to the front bumperadding the upper lip to the front bumper

Bước 12

Kết thúc phần hiện tại bằng cách thêm bóng tinh tế bằng cách sử dụng một hình chữ nhật 108 x 2 px (# 443630) với Opacity 28%, chúng tôi sẽ đặt dưới hình dạng mà chúng tôi đã tạo một vài phút trước. 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 bộ sưu tập cùng nhau trước khi chuyển sang bước tiếp theo.

adding the subtle shadow to the front bumperadding the subtle shadow to the front bumperadding the subtle shadow to the front bumper

Mẹo nhanh: khi chúng tôi đi cùng, tôi khuyên bạn nên nhóm và đặt tên cho các phần khác nhau của xe để nếu bạn cần phải chọn và điều chỉnh chúng sau này, bạn có thể dễ dàng thực hiện việc này bằng cách mở bảng điều khiển Lớp và xem các nhãn.

example of renaming groups using custom labelsexample of renaming groups using custom labelsexample of renaming groups using custom labels

Bước 13

Bắt đầu làm việc trên giao diện người dùng của xe bằng cách tạo hình chữ nhật có kích thước 104 x 24 px, chúng tôi sẽ tô màu bằng cách sử dụng # F27B40 và sau đó đặt lên trên đầu của môi bội thu.

creating the main shape for the front section of the carcreating the main shape for the front section of the carcreating the main shape for the front section of the car

Bước 14

Thêm hình dạng chính cho mặt trước nướng bằng cách sử dụng hình chữ nhật 96 x 16 px (# 443630), mà chúng tôi sẽ căn giữa với hình dạng đã tạo trước đó bằng cách sử dụng các tùy chọn Căn giữa của bảng sắp xếp và Căn giữa.

adding the grill to the front section of the caradding the grill to the front section of the caradding the grill to the front section of the car

Bước 15

Tạo các đường chi tiết ngang sử dụng tám hình chữ nhật 96 x 1 px (# 665049), xếp chồng lên nhau 1 px từ nhau, chúng ta sẽ nhóm (Control-G) và sau đó đặt lên hình trước như trong hình ảnh tham chiếu. Một khi bạn đã có các hình dạng tại chỗ, hãy chọn chúng và hình dạng và nhóm bên dưới lớn hơn (Control-G) chúng lại với nhau.

adding the horizontal detail lines to the front grilladding the horizontal detail lines to the front grilladding the horizontal detail lines to the front grill

Bước 16

Thêm các nắp nướng phía trước bằng cách sử dụng hai ô vuông 8 x 8 px (# 443630) đặt 4 px từ nhau, đầu tiên chúng ta sẽ chuyển thành đường cong bằng nút Convert to Curves để có thể định vị lại các nút của chúng.

Khi bạn đã hoàn thành việc chuyển đổi chúng thành đường cong, hãy nhanh chóng điều chỉnh chúng bằng cách chọn từng nút dưới cùng bằng cách sử dụng Công cụ nút (A), sau đó đẩy chúng vào bên trong bằng 2 px bằng cách sử dụng các phím mũi tên chỉ hướng của bàn phím, nhóm (Control-G) ) và sau đó định vị chúng như được thấy trong hình ảnh tham chiếu.

creating the front grill coverscreating the front grill coverscreating the front grill covers

Bước 17

Tạo hình dạng chính cho đèn pha bên phải lớn hơn bằng cách sử dụng vòng tròn 12 x 12 px, chúng tôi sẽ tô màu bằng # F9DDD2 và sau đó căn giữa với bánh trước, định vị nó 8 px từ cạnh trái của phần.

creating the larger headlightcreating the larger headlightcreating the larger headlight

Bước 18

Thêm điểm nổi bật hàng đầu bằng cách sử dụng một bản sao (Control-C> Control-V) của hình dạng mà chúng tôi vừa tạo, mà chúng ta sẽ điều chỉnh bằng cách thay đổi màu của nó thành màu trắng (#FFFFFF) và sau đó loại bỏ nửa dưới của nó trong hình ảnh tham chiếu.

Sau đó, thêm đánh dấu bên trong bằng cách sử dụng vòng tròn 4 x 4 px nhỏ hơn (#FFFFFF), chúng ta sẽ đặt ở giữa phần dưới lớn hơn, đảm bảo chọn và nhóm tất cả ba hình lại với nhau bằng cách sử dụng phím tắt Control-G.

adding details to the larger headlightadding details to the larger headlightadding details to the larger headlight

Bước 19

Thêm ánh sáng nhỏ hơn sau quá trình tương tự, sử dụng một vòng tròn 8 x 8 px (# F9DDD2) cho hình dạng chính tiếp theo là một 2 x 2 px một (#FFFFFF) cho nổi bật trung tâm. 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) cả ba hình với nhau, định vị chúng 4 px từ mép phải của cạnh lớn hơn của ánh sáng.

Trước khi bạn chuyển sang bước tiếp theo, hãy đảm bảo bạn chọn và nhóm hai đèn lại với nhau bằng phím tắt Control-G.

adding the smaller headlightadding the smaller headlightadding the smaller headlight

Bước 20

Tạo đèn pha bên trái bằng cách sử dụng một bản sao (Control-C> Control-V) của những cái mà chúng tôi vừa hoàn thành công việc, mà chúng tôi sẽ phản ánh theo chiều ngang (nhấp chuột phải> Transform> Flip Horizontal) và sau đó vị trí trên đối diện bên của lò nướng ở khoảng cách 8 px từ cạnh phải của nó.

adding the left sided headlightsadding the left sided headlightsadding the left sided headlights

Bước 21

Thêm các sidelights bằng cách sử dụng hai hình chữ nhật 2 x 12 px (# 443630), mà chúng tôi sẽ vị trí trên các cạnh bên ngoài của mặt trước của xe, như đã thấy trong hình ảnh tham khảo.

adding the side lights to the front of the caradding the side lights to the front of the caradding the side lights to the front of the car

Bước 22

Tạo mũi mui xe bằng hình chữ nhật 16 x 2 px, chúng tôi sẽ tô màu bằng cách sử dụng # F27B40 và sau đó căn giữa với mép trên của bàn nướng.

adding the nose to the front of the caradding the nose to the front of the caradding the nose to the front of the car

Bước 23

Cung cấp cho phần dưới của bàn nướng một điểm nhấn tinh tế bằng cách sử dụng hình chữ nhật 96 x 2 px (#FFFFFF) với Opacity 24%, làm tương tự cho phần trước của ô tô bằng hình chữ nhật rộng hơn 104 x 2 px (#FFFFFF).

adding the subtle highlights to the front of the caradding the subtle highlights to the front of the caradding the subtle highlights to the front of the car

Bước 24

Kết thúc phần hiện tại bằng cách tạo hai vòng tròn 4 x 4 px (# 443630), chúng tôi sẽ định vị trên môi trên của bội thu, 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 tất cả các hình dạng soạn của nó lại với nhau bằng phím tắt Control-G.

adding the circular details to the upper lip of the front bumperadding the circular details to the upper lip of the front bumperadding the circular details to the upper lip of the front bumper

Bước 25

Tạo mui xe bằng hình chữ nhật có kích thước 104 x 4 px (# D3622F), đầu tiên chúng ta sẽ chuyển đổi thành đường cong bằng cách sử dụng nút Convert to Curves và sau đó điều chỉnh bằng cách chọn riêng và đẩy các nút đỉnh của nó vào bên trong 12 px. Khi bạn đã hoàn tất, hãy định vị hình dạng kết quả ở trên phần chính của phần phía trước.

adding the hood to the front section of the caradding the hood to the front section of the caradding the hood to the front section of the car

Bước 26

Thêm muỗng nhỏ sử dụng một hình chữ nhật 12 x 2 px (# 443630), mà chúng tôi sẽ căn giữa với cơ thể chính của mui xe. Khi bạn đã định hình xong, hãy chọn và nhóm cả hai lại với nhau bằng phím tắt Control-G.

adding the hood scoop to the front section of the caradding the hood scoop to the front section of the caradding the hood scoop to the front section of the car

Bước 27

Tạo hình dạng chính cho phần trên của xe bằng cách sử dụng hình chữ nhật 80 x 32 px (# F27B40), chúng tôi sẽ chuyển đổi thành đường cong và sau đó điều chỉnh bằng cách chọn riêng và đẩy các nút trên cùng của nó đến bên trong 4 px, định vị hình dạng kết quả đầu của mui xe.

creating the upper section for the front section of the carcreating the upper section for the front section of the carcreating the upper section for the front section of the car

Bước 28

Thêm kính chắn gió bằng cách sử dụng hình chữ nhật nhỏ hơn 76 x 30 px (# 443630), chúng tôi sẽ chuyển đổi thành đường cong và điều chỉnh như chúng ta đã làm với hình trước đó bằng cách chọn riêng và đẩy các nút trên cùng của nó vào bên trong 4 px. Sau đó, căn giữa căn chỉnh nó với cạnh dưới của phần lớn hơn, đảm bảo chọn và nhóm (Control-G) chúng lại với nhau bằng phím tắt Control-G.

adding the windshield to the front section of the caradding the windshield to the front section of the caradding the windshield to the front section of the car

Bước 29

Tạo các chi tiết cửa sổ phía dưới bằng cách sử dụng hai nhóm hai vòng tròn 2 x 2 px (# 443630) được định vị 4 px từ nhau, 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 phần hiện tại trước khi chuyển sang bước tiếp theo.

adding the circular details to the upper section of the caradding the circular details to the upper section of the caradding the circular details to the upper section of the car

Bước 30

Tạo các gương mặt bằng cách sử dụng hình chữ nhật 2 x 12 px (# 443630) cho phần dọc của chúng, tiếp theo là hình vuông 8 x 8 px (# 443630) cho lớp ngoài của chúng, chúng ta sẽ nhóm (Control-G) và sau đó vị trí trên phần trên của xe như được thấy trong hình ảnh tham chiếu, đảm bảo đẩy chúng về phía sau sau đó (nhấp chuột phải> Sắp xếp> Di chuyển về phía sau).

adding the side mirrors to the front section of the caradding the side mirrors to the front section of the caradding the side mirrors to the front section of the car

Bước 31

Bắt đầu làm việc trên spoiler bằng cách tạo ra thân chính của nó bằng cách sử dụng một hình chữ nhật 104 x 4 px (# D3622F), mà chúng ta sẽ căn giữa với cửa sổ, định vị nó 2 px từ cạnh dưới của nó.

adding the spoiler to the front section of the caradding the spoiler to the front section of the caradding the spoiler to the front section of the car

Bước 32

Thêm các điểm nổi bật hàng đầu bằng cách sử dụng hình chữ nhật 104 x 2 px (#FFFFFF) với Opacity 24%, tiếp theo là phần bên của spoiler sử dụng hai hình chữ nhật 4 x 2 px (# D3622F), chúng tôi sẽ đặt bên dưới các cạnh ngoài của nó. Khi bạn đã hoàn tất, hãy chọn và nhóm tất cả bốn hình lại với nhau bằng phím tắt Control-G, đảm bảo định vị chúng sau phần trên của xe sau đó (nhấp chuột phải> Sắp xếp> Di chuyển về sau).

adding details to the spoileradding details to the spoileradding details to the spoiler

Bước 33

Kết thúc biểu tượng, bằng cách thêm ăng-ten nhỏ sử dụng hình chữ nhật 1 x 24 px (# 443630), mà chúng tôi sẽ định vị 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 tất cả các hình dạng soạn thảo của ô tô lại với nhau bằng phím tắt Control-G, trước khi chuyển sang phím tắt tiếp theo.

finishing off the front view car iconfinishing off the front view car iconfinishing off the front view car icon

5. Cách tạo biểu tượng Side View

Bây giờ chúng tôi đã hoàn thành công việc trên mặt trước của biểu tượng chiếc xe nhỏ của chúng tôi, chúng tôi có thể chuyển sang Artboard thứ hai, nơi chúng tôi sẽ dần dần xây dựng một bên xem.

Bước 1

Bắt đầu bằng cách tạo hình dạng chính cho kính chắn gió bằng hình chữ nhật 40 x 32 px (# 443630), chúng tôi sẽ chuyển thành đường cong và sau đó điều chỉnh bằng cách chọn và đẩy nút trên cùng bên phải của nó tới bên trong 38 px. Hãy dành thời gian của bạn và sau khi bạn hoàn thành, hãy căn chỉnh hình dạng kết quả đến cạnh trái của khu vực bản vẽ đang hoạt động, định vị nó 24 px so với cạnh trên cùng.

creating the windshield for the side viewcreating the windshield for the side viewcreating the windshield for the side view

Bước 2

Thêm phần trên của khung kim loại bằng cách sử dụng hình chữ nhật 40 x 2 px (# F27B40), chúng tôi sẽ căn chỉnh với góc trên cùng bên trái của hình dạng trước đó và sau đó đeo mặt nạ bằng cách mở bảng điều khiển Lớp và kéo nó qua kính chắn gió lớn hơn.

masking the upper frame section of the windshieldmasking the upper frame section of the windshieldmasking the upper frame section of the windshield

Bước 3

Tạo khung cho cửa sổ bên cạnh sử dụng hình vuông 32 x 32 px (# F27B40), chúng ta sẽ chuyển đổi thành đường cong và sau đó điều chỉnh bằng cách chọn nút trên cùng bên phải bằng cách sử dụng Công cụ nút (A) và sau đó xóa ngay bằng cách nhấn Xóa . Khi bạn hoàn tất, căn chỉnh hình dạng kết quả với góc dưới cùng bên trái của kính chắn gió, như được thấy trong hình ảnh tham chiếu.

creating the frame section for the side windowcreating the frame section for the side windowcreating the frame section for the side window

Bước 4

Thêm cửa sổ thực tế sử dụng hình chữ nhật 28 x 28 px (# 443630), chúng tôi sẽ điều chỉnh bằng cách xóa nút trên cùng bên phải của nó như chúng tôi đã làm với nút lớn hơn trước đó, đảm bảo căn chỉnh nó với góc dưới cùng bên trái của hình dạng bên dưới.

creating the main shape for the side windowcreating the main shape for the side windowcreating the main shape for the side window

Bước 5

Tạo tấm gương bằng cách sử dụng hình vuông 12 x 12 px (# F27B40), mà chúng tôi sẽ căn chỉnh với nút dưới cùng bên phải của cửa sổ bên cạnh, đảm bảo che nó sau đó bằng cách kéo nó qua hình lớn hơn trong bảng điều khiển Lớp.

creating the mirror platecreating the mirror platecreating the mirror plate

Bước 6

Thêm gương thực tế bằng cách sử dụng hình chữ nhật 4 x 8 px (# 443630), chúng ta sẽ điều chỉnh bằng cách bỏ chọn tùy chọn Bán kính đơn đầu tiên, sau đó đặt cả góc trên cùng bên phải (TR) và góc dưới bên phải (BR) giá trị của 2 px, định vị hình dạng kết quả như được thấy trong hình ảnh tham chiếu.

creating the side mirrorcreating the side mirrorcreating the side mirror

Bước 7

Kết thúc phần hiện tại bằng cách thêm chi tiết hình tròn bằng cách sử dụng một vòng tròn 4 x 4 px (# 443630), mà chúng tôi sẽ đặt ở giữa nút dưới cùng bên phải của kính chắn gió. Khi bạn hoàn tất, hãy đảm bảo bạn chọn và nhóm nó và tất cả các hình dạng khác lại với nhau bằng phím tắt Control-G, trước khi chuyển sang phần tiếp theo của xe.

adding the circular detail to the windshieldadding the circular detail to the windshieldadding the circular detail to the windshield

Bước 8

Tạo hình dạng chính cho thân dưới của xe bằng hình chữ nhật 112 x 32 px (# F27B40), chúng tôi sẽ chuyển thành đường cong và sau đó điều chỉnh bằng cách thêm một vài nút định vị chúng như được thấy trong hình ảnh tham chiếu. Hãy dành thời gian của bạn và sau khi hoàn tất, hãy chuyển sang bước tiếp theo.

creating the main shape for the lower body of the carcreating the main shape for the lower body of the carcreating the main shape for the lower body of the car

Bước 9

Thêm điểm nhấn tinh tế bằng cách sử dụng hai bản sao (Control-C> Control-V hai lần) của hình dạng kết quả, đẩy hình trên xuống dưới cùng bằng khoảng cách 4 px và sau đó cắt nó ra khỏi bản sao đầu tiên bằng cách sử dụng phép trừ. Tô màu hình dạng kết quả bằng màu trắng (#FFFFFF), đảm bảo giảm mức Opacity xuống còn 24%.

adding the subtle highlight to the lower body of the caradding the subtle highlight to the lower body of the caradding the subtle highlight to the lower body of the car

Bước 10

Tạo scoop mui xe bằng cách sử dụng hình chữ nhật 24 x 4 px (# D3622F), mà chúng ta sẽ định vị như trong hình ảnh tham chiếu, đảm bảo xếp nó bên dưới thân chính của xe sau đó (nhấp chuột phải> Sắp xếp> Quay lại Một vài lần) .

adding the hood scoop to the side section of the caradding the hood scoop to the side section of the caradding the hood scoop to the side section of the car

Bước 11

Thêm tay nắm cửa sử dụng hình chữ nhật 8 x 2 px (# 443630) tiếp theo là lỗ khóa nhỏ sử dụng vòng tròn 2 x 2 px (# 443630), chúng tôi sẽ chồng theo chiều dọc 1 px với nhau, định vị chúng dưới điểm nhấn tinh tế.

adding the door handle and key holeadding the door handle and key holeadding the door handle and key hole

Bước 12

Tạo mặt trước bằng cách sử dụng hình chữ nhật có kích thước 8 x 2 px, chúng tôi sẽ tô màu bằng cách sử dụng # 443630 và sau đó vị trí như được thấy trong hình ảnh tham chiếu.

adding the side lightadding the side lightadding the side light

Bước 13

Thêm hình dạng chính cho fender sử dụng vòng tròn 52 x 52 px (# D3622F), mà chúng ta sẽ điều chỉnh bằng cách loại bỏ nửa dưới của nó, định vị hình dạng kết quả 18 px từ cạnh phải của vùng vẽ đang hoạt động và 20 px từ cạnh dưới cùng của nó.

creating the main shape for the fendercreating the main shape for the fendercreating the main shape for the fender

Bước 14

Tạo môi cản trước bằng cách sử dụng hình chữ nhật có kích thước 44 x 4 px (# 443630), mà chúng tôi sẽ căn chỉnh với nút dưới cùng bên phải của cơ thể lớn hơn.

adding the bumper lip to the side of the caradding the bumper lip to the side of the caradding the bumper lip to the side of the car

Bước 15

Thêm môi bên bằng cách sử dụng một hình chữ nhật 68 x 2 px, mà chúng tôi sẽ tô màu bằng cách sử dụng # 443630 và sau đó vị trí như được thấy trong hình ảnh tham chiếu.

creating the side lipcreating the side lipcreating the side lip

Bước 16

Tạo chi tiết nhỏ hơn bằng cách sử dụng vòng tròn 2 x 2 px (# 443630), chúng tôi sẽ đặt trên cạnh trên của cạnh môi, ở khoảng cách 2 px từ chắn bùn.

adding the circular detail to the side lipadding the circular detail to the side lipadding the circular detail to the side lip

Bước 17

Thêm hình dạng đáy cho phần thân dưới bằng một hình chữ nhật có kích thước 110 x 12 px, chúng ta sẽ tô màu bằng cách sử dụng # D3622F và sau đó định vị bên dưới môi bên.

adding the bottom shape to the lower body of the caradding the bottom shape to the lower body of the caradding the bottom shape to the lower body of the car

Bước 18

Cung cấp hình dạng mà chúng tôi vừa tạo ra một bóng tinh tế bằng cách sử dụng hình chữ nhật có kích thước 110 x 2 px (# 443630) với Opacity 28%, mà chúng tôi sẽ căn giữa với cạnh trên của nó.

adding the subtle shadow to the lower body of the caradding the subtle shadow to the lower body of the caradding the subtle shadow to the lower body of the car

Bước 19

Thêm các chi tiết hình chữ nhật nhỏ bằng cách sử dụng một hình chữ nhật 8 x 2 px (# 443630) để chèn trái, theo sau là ba 8 x 2 px (# 443630) theo chiều dọc xếp chồng lên nhau 2 px từ nhau cho bội thu. 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 các chi tiết bội thu lại với nhau bằng phím tắt Control-G, trước khi chuyển sang bước tiếp theo.

adding the rectangular details to the side of the caradding the rectangular details to the side of the caradding the rectangular details to the side of the car

Bước 20

Tạo phần dưới của cản trước bằng cách sử dụng hình chữ nhật 42 x 4 px (# D3622F), tiếp theo là váy bên sử dụng 68 x 4 px (# 443630), chúng tôi sẽ đặt bên dưới ô tô như được thấy trong hình ảnh tham chiếu .

adding the lower bumper sectionadding the lower bumper sectionadding the lower bumper section

Bước 21

Thêm các bóng tinh tế vào các đường chi tiết của bội thu sử dụng ba hình chữ nhật 6 x 2 px (# 443630) với Opacity 28%, chúng tôi sẽ định vị giữa các hình dạng chính như trong hình ảnh tham chiếu, đảm bảo chọn và nhóm chúng sau đó sử dụng phím tắt Control-G.

adding the subtle shadows to the bumper linesadding the subtle shadows to the bumper linesadding the subtle shadows to the bumper lines

Bước 22

Tạo các chi tiết bên dưới bằng cách sử dụng hình chữ nhật 24 x 2 px (# 443630) cho hình bên trái, chúng ta sẽ chuyển đổi thành đường cong và sau đó điều chỉnh bằng cách chọn và nhấn nút dưới cùng bên trái của nó vào bên trong 2 px.

Thêm chi tiết bên phải bằng cách sử dụng hình chữ nhật 24 x 4 px (# 443630), chúng ta sẽ điều chỉnh bằng cách thêm một nút mới vào giữa cạnh phải bằng cách nhấp vào nó bằng cách sử dụng Công cụ Nút (A), rồi chọn và đẩy phía dưới bên phải của nó vào bên trong bởi 8 px.

adding the underneath details to the side of the caradding the underneath details to the side of the caradding the underneath details to the side of the car

Bước 23

Thêm cutout cho bánh xe bằng vòng tròn 44 x 44 px (# 443630), chúng ta sẽ điều chỉnh bằng cách loại bỏ nửa dưới của nó, và sau đó mở rộng đến đáy bằng hình chữ nhật 44 x 12 px (# 443630), đảm bảo đoàn kết hai hình dạng thành một hình lớn hơn bằng cách sử dụng phép toán Thêm. Khi bạn đã hoàn tất, định vị hình dạng kết quả trên chắn bùn, như được thấy trong hình ảnh tham chiếu.

adding the wheel cutoutadding the wheel cutoutadding the wheel cutout

Bước 24

Tạo hình dạng chính cho lốp bằng vòng tròn 40 x 40 px (# 443630), mà chúng tôi sẽ căn giữa để cắt bỏ lớn hơn, định vị nó 2 px từ nút trên cùng của nó.

creating the tire for the side viewcreating the tire for the side viewcreating the tire for the side view

Bước 25

Bắt đầu làm việc trên vành bằng cách tạo ra cơ thể chính của nó bằng cách sử dụng một vòng tròn 32 x 32 px (# F9DDD2) mà chúng tôi sẽ căn giữa với lốp lớn hơn. Với hình dạng tại chỗ, tạo ra một điểm nhấn tinh tế bằng cách sử dụng một bản sao (Control-C> Control-V) mà chúng tôi sẽ điều chỉnh bằng cách loại bỏ nửa dưới của nó, đảm bảo thiết lập màu của nó thành #FFFFFF. Thêm phần tối hơn bằng cách sử dụng vòng tròn 28 x 28 px (# 443630), tiếp theo là hình tròn bên trong bằng cách sử dụng hình tròn nhỏ hơn 16 x 16 px (# F9DDD2).

creating the main shapes for the rimcreating the main shapes for the rimcreating the main shapes for the rim

Bước 26

Thêm các nan hoa bằng cách sử dụng bốn 22 px cao 4 pt dày Stroke dòng (# F9DDD2), mà chúng tôi sẽ điều chỉnh bằng cách quay một số người trong số họ bằng 45º như đã thấy trong hình ảnh tham khảo. Khi bạn hoàn thành, nhóm (Control-G) và sau đó mặt nạ các hình dạng kết quả bằng cách sử dụng một vòng tròn 20 x 20 px, đảm bảo loại bỏ màu Fill của nó để làm cho nó xem qua.

creating the spokescreating the spokescreating the spokes

Bước 27

Kết thúc vành bằng cách thêm phần tối hơn bên trong bằng cách sử dụng một vòng tròn 8 x 8 px (# CCAEA8), tiếp theo là bu lông sử dụng nhỏ hơn 4 x 4 px (# 443630), mà chúng ta sẽ căn giữa với thân chính của bánh xe. 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 của rim lại với nhau bằng phím tắt Control-G.

finishing off the wheelfinishing off the wheelfinishing off the wheel

Bước 28

Thêm chi tiết phía trên của chiếc váy bên sử dụng hình vuông 4 x 4 px (# 443630), chúng ta sẽ chuyển đổi thành đường cong và sau đó điều chỉnh bằng cách chọn nút trên cùng bên trái bằng cách sử dụng Công cụ nút (A), và sau đó xóa ngay bằng cách nhấn Delete . Khi bạn đã hoàn tất, bạn có thể chọn và nhóm (Control-G) tất cả các hình dạng soạn nhạc của bánh xe với nhau như chúng tôi đã làm với vành.

adding the detail to the side skirtadding the detail to the side skirtadding the detail to the side skirt

Bước 29

Kết thúc biểu tượng, và với chính nó dự án, bằng cách thêm ăng-ten nhỏ (mà chúng tôi đã đẩy về phía trước cho xem này) bằng cách sử dụng một hình chữ nhật 1 x 56 px (# 443630), mà chúng tôi sẽ vị trí ở một khoảng cách 4 px từ gương, đảm bảo đặt nó phía sau thân trên của xe (nhấp chuột phải> Sắp xếp> Trở lại Một vài lần).

finishing off the side view car iconfinishing off the side view car iconfinishing off the side view car icon

Làm tốt lắm!

Như mọi khi, tôi hy vọng bạn đã vui vẻ làm việc trên dự án nhưng quan trọng nhất là quản lý để tìm hiểu một cái gì đó mới và hữu ích trong quá trình này.

Điều đó đang được nói, nếu bạn có bất kỳ câu hỏi nào, vui lòng đăng chúng trong 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 previewfinished project previewfinished project preview

Mở rộng kỹ năng thiết kế sở thích của bạn!

Bạn chỉ mới bắt đầu sử dụng Trình thiết kế sở thích nhưng chưa nhận được kết quả của nó? Vâng, nếu đó là trường hợp, bạn may mắn vì chúng tôi đã chọn một vài hướng dẫn mà bạn nên bắt đầu ngay lập tức!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Andrei Stefan
Andrei Stefan
coffee addict / pixel grinder
Just another young gun coffee fanatic from Europe, designing colorful worlds one pixel at a time. When I'm not "making stuff" you can usually find me at my place, flipping news and catching up on all the crazy things happening in both the tech and design realms.
One subscription. Unlimited Downloads.
Get unlimited downloads
Advertisement