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

Cách tạo Gói biểu tượng phụ kiện thời trang trong Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Trong hôm nay, hướng dẫn của chúng tôi, chúng tôi sẽ giới thiệu thời trang và học cách tạo ra một bộ biểu tượng phụ kiện cách điệu, sử dụng các hình dạng và công cụ cơ bản nhất mà Illustrator cung cấp.

Ngoài ra, đừng quên bạn luôn có thể mở rộng gói bằng cách truy cập vào GraphicRiver, nơi bạn có thể tìm thấy một lựa chọn tuyệt vời của các phụ kiện vector để chọn.

Điều đó đang được nói, hãy lấy một mẻ cà phê hipster mới, và hãy để bắt đầu!

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

Giả sử bạn đã có Illustrator và chạy ở chế độ nền, hãy mang nó lên và để cho bộ cài đặ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)
  • Chế độ xem trước: Mặc định
setting up a new document

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

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

Bước 1

Chuyển đến menu con Chỉnh sửa> Tùy chọn> Hướng dẫn & Lưới và điều chỉnh các cài đặt 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 thức hoạt động của hệ thống Illustrator Lưới Grid.

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 các tùy chọn Snap to Grid và Snap to Pixel được tìm thấy trong menu View, mỗi lần sẽ chuyển thành Snap thành Pixel bạn vào chế độ Xem trước Pixel (nếu bạn đang sử dụng phiên bản phần mềm cũ hơn).

Bây giờ, nếu bạn mới làm quen với toàn bộ quy trình làm việc hoàn hảo pixel, thì tôi khuyên bạn nên xem hướng dẫn Cách tạo Pixel-Perfect Artwork của tôi, điều này sẽ 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 lớp

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 tôi bằng cách sử dụng các lớp, 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 năm lớp, chúng tôi sẽ đổi tên như sau:

  • lớp 1: lưới tham chiếu
  • lớp 2: kính
  • lớp 3: túi da
  • lớp 4: giày
  • lớp 5: xem
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ạn 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 tham chiếu trên mạng, và 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 reference grids main shape

Bước 2

Thêm một 120 x 120 px nhỏ hơn (#FFFFFF), mà chúng ta sẽ đặt lên trên hình dạng trước đó, vì nó sẽ đóng vai trò là vùng vẽ hoạt động của chúng ta, do đó cung cấp cho chúng ta một lớp đệm 4 px để làm việc.

creating and positioning the active drawing areas main shape

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, căn giữa chúng thẳng hàng với Artboard bên dưới sau đó. Tạo các lưới còn lại bằng cách sử dụng ba bản sao bên (Control-C> Control-F ba lần) ở khoảng cách 40 px so với bản gốc, khóa lớp hiện tại trước khi chuyển sang phần tiếp theo.

adding the remaining reference grids

5. Cách tạo biểu tượng kính

Giả sử bạn đã hoàn thành việc tạo các lưới tham chiếu nhỏ, chuyển sang lớp tiếp theo (đó sẽ là lớp thứ hai) và hãy để khởi động dự án bằng cách tạo biểu tượng đầu tiên của chúng tôi.

Bước 1

Bắt đầu làm việc trên phần bên trái của kính. Tạo ống kính bằng hình elip 44 x 44 px, chúng ta sẽ tô màu bằng cách sử dụng # 6FD8C4 và sau đó định vị ở khoảng cách 10 px từ vùng vẽ đang hoạt động Lấp cạnh trái và 18 px từ đỉnh trên của nó.

creating and positioning the main shape for the glasses left lens

Bước 2

Tạo hình dạng mà chúng ta vừa tạo phác thảo bằng phương pháp Stroke, bằng cách tạo một bản sao của nó (Control-C), mà chúng ta sẽ dán phía trước (Control-F) và sau đó điều chỉnh bằng cách thay đổi màu của nó thành # 3D2F2C . Lật bản sao Fill Fill bằng Stroke của nó (Shift-X), đảm bảo đặt Trọng lượng của nó thành 4 px. Khi bạn đã hoàn tất, hãy chọn và nhóm cả hai hình 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 outline to the glasses left lens

Bước 3

Bật chế độ Xem trước Pixel (Alt-Control-Y) và sử dụng Công cụ Pen (P) để vẽ phần đầu bên trái (# 3D2F2C) bằng cách sử dụng hình ảnh tham chiếu làm hướng dẫn của bạn, đảm bảo nó chồng lên vòng tròn trên cùng bên trái. Dành thời gian của bạn và một khi bạn hài lòng với kết quả, hãy quay lại chế độ xem trước Mặc định (Alt-Control-Y) trước khi chuyển sang bước tiếp theo.

drawing the glasses left end piece

Bước 4

Định vị hình dạng kết quả bên dưới ống kính lớn hơn bằng cách nhấp chuột phải> Sắp xếp> Gửi lại.

positioning the glasses left end piece underneath the lens

Bước 5

Bắt đầu làm việc với phần bên trong ống kính bằng cách tạo một hình chữ nhật 8 x 16 px (# 3D2F2C), mà chúng ta sẽ đặt ở nửa trên của nó, đảm bảo căn chỉnh nó với cạnh phải của nó.

creating and positioning the main shape for the glasses left inner piece

Bước 6

Điều chỉnh hình dạng mà chúng tôi vừa tạo, bằng cách đặt Bán kính góc trên cùng bên phải của nó thành 4 px từ bên trong Bảng điều khiển hình chữ nhật của bảng điều khiển Biến đổi. Khi bạn đã hoàn tất, donith quên gửi hình dạng kết quả bên dưới ống kính (nhấp chuột phải> Sắp xếp> Gửi lại), chọn và nhóm (Control-G) tất cả chúng lại với nhau trước khi chuyển sang bước tiếp theo.

adjusting the shape of the glasses left inner section

Bước 7

Tạo thấu kính bên phải của kính, sử dụng bản sao (Control-C> Control-F) của kính mà chúng tôi vừa nhóm, chúng tôi sẽ phản xạ theo chiều dọc (nhấp chuột phải> Biến đổi> Phản chiếu> Dọc) và sau đó đặt vào phía đối diện của khu vực vẽ hoạt động cơ bản.

adding the glasses right lens

Bước 8

Thêm phần cầu bằng vòng tròn 16 x 16 px với Stroke dày 4 px (# 3D2F2C), chúng ta sẽ căn giữa vào khu vực vẽ đang hoạt động, đặt nó ở khoảng cách 18 px từ cạnh trên của nó.

adding the glasses center bridge section

Bước 9

Điều chỉnh vòng tròn mà chúng tôi vừa tạo bằng cách chọn điểm neo dưới cùng của nó bằng cách sử dụng Công cụ chọn trực tiếp (A) và sau đó xóa nó bằng cách nhấn Xóa. Ngoài ra, vì chúng tôi đã thực hiện khá nhiều với kính, chúng tôi có thể chọn tất cả các phần sáng tác của chúng và nhóm chúng bằng phím tắt Control-G.

adjusting the glasses center bridge section

Bước 10

Thêm phần chuỗi bên trái bằng hình chữ nhật 10 x 74 px với Stroke dày 2 px (# 3D2F2C), chúng ta sẽ định vị ở khoảng cách 2 px từ vùng vẽ hoạt động Cạnh trái và 16 px từ đáy của nó.

adding the left string section to the glasses

Bước 11

Điều chỉnh phần dưới cùng của chuỗi Chuỗi bằng cách đặt Bán kính của các góc dưới cùng của nó thành 5 px từ bên trong Bảng chuyển đổi Thuộc tính hình chữ nhật Bảng điều khiển. Khi bạn đã hoàn tất, don Patrick quên định vị hình dạng kết quả bên dưới kính (nhấp chuột phải> Sắp xếp> Gửi lại) trước khi chuyển sang bước tiếp theo.

adjusting the bottom section of the glasses left string

Bước 12

Tạo phần chuỗi bên phải bằng cách sử dụng một bản sao (Control-C> Control-F) của phần mà chúng ta vừa hoàn thành, chúng ta sẽ đặt vào phía đối diện của kính, duy trì khoảng cách 2 px giữa nó và cạnh phải của khu vực vẽ đang hoạt động.

adding the right string section to the glasses

Bước 13

Thêm phần chuỗi trung tâm bằng cách sử dụng dòng Stroke dày 12 px rộng 2 px (# 3D2F2C), chúng ta sẽ đặt bên dưới sống mũi, ở khoảng cách 16 px từ vòm trên của nó.

adding the center string section to the glasses

Bước 14

Kết thúc chuỗi và với biểu tượng đó, bằng cách thêm nhãn nhỏ bằng hình chữ nhật 4 x 10 px (# F27E51) với đường viền dày 2 px (# 3D2F2C), vào cạnh phải mà chúng ta sẽ căn giữa hình chữ nhật 2 x 4 px nhỏ hơn (# 3D2F2C), đảm bảo nhóm (Control-G) cả ba sau đó. Định vị nhãn ở khoảng cách 26 px từ cạnh dưới cùng của chuỗi, chọn và nhóm (Control-G) tất cả các biểu tượng soạn thảo các phần trước khi chuyển sang phần tiếp theo.

finishing off the glasses icon

6. Cách tạo biểu tượng túi da

Giả sử bạn đã hoàn thành công việc với biểu tượng đầu tiên, khóa lớp của nó và sau đó chuyển sang biểu tượng tiếp theo (đó sẽ là biểu tượng thứ ba), nơi chúng tôi sẽ bắt đầu làm việc với phụ kiện thời trang thứ hai.

Bước 1

Tạo phần trên của túi bằng hình chữ nhật 88 x 28 px (# B27866) với đường viền dày 4 px (# 3D2F2C), chúng tôi sẽ nhóm (Control-G) và sau đó căn giữa vào khu vực vẽ đang hoạt động bên dưới, định vị nó 16 px từ cạnh trên của nó.

creating and positioning the main shapes for the leather bags upper section

Bước 2

Thêm các đường khâu nhỏ bằng mười hình chữ nhật 4 x 2 px (# 3D2F2C), cách nhau theo chiều ngang 4 px với nhau, chúng ta sẽ nhóm (Control-G) và sau đó căn giữa theo cạnh trên của phần lớn hơn, đặt chúng ở vị trí cạnh khoảng cách chỉ 2 px.

adding the stitch lines to the leather bags upper section

Bước 3

Tạo túi chèn nhỏ bằng hình chữ nhật 16 x 6 px (# 8E5A4F) với đường viền dày 4 px (# 3D2F2C), chúng tôi sẽ nhóm (Control-G) và sau đó căn giữa vào phần lớn hơn, định vị nó 4 px từ cạnh dưới của nó.

adding the little insertion pocket to the leather bags upper section

Bước 4

Thêm một hình vuông 6 x 6 px (# 3D2F2C) cho mỗi cạnh chèn chèn, đảm bảo căn giữa chúng bằng cách sử dụng tùy chọn Align Panel khuyết dọc Align Center.

adding the side squares to the leather bags pocket insertion

Bước 5

Hoàn thành việc bỏ túi bằng cách tạo một hình chữ nhật 8 x 3 px (# 3D2F2C), mà chúng ta sẽ căn giữa với cạnh trên của nó. 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 sáng tác của nó, thực hiện tương tự cho phần trên của túi Khăn sau đó.

adding the top insertion to the leather bags insertion pocket

Bước 6

Tạo phần dưới cùng của túi, sử dụng hình chữ nhật 88 x 56 px (# 9B6759) với đường viền dày 4 px (# 3D2F2C), chúng tôi sẽ nhóm (Control-G) và sau đó đặt bên dưới phần nhỏ hơn để các đường viền của chúng trùng nhau.

creating and positioning the main shapes for the leather bags bottom section

Bước 7

Thêm các đường khâu ngang bằng cách sử dụng một bản sao (Control-C> Control-F) của các đường mà chúng tôi đã tạo cho phần trên của túi, mà chúng ta sẽ đặt ở khoảng cách 2 px từ cạnh dưới của nó.

adding the horizontal stitch lines to the leather bags bottom section

Bước 8

Thêm các đường khâu bên trái bằng sáu hình chữ nhật 2 x 4 px (# 3D2F2C), chúng ta sẽ xếp chồng 4 px theo chiều dọc với nhau, nhóm (Control-G) và sau đó định vị chúng 2 px từ phần lớn hơn cạnh trái và cạnh trên.

adding the left vertical stitch lines to the leather bags bottom section

Bước 9

Tạo các đường khâu dọc bên phải bằng cách sử dụng một bản sao (Control-C> Control-F) của các đường mà chúng tôi vừa nhóm, chúng sẽ đặt vào túi đối diện, đảm bảo duy trì khoảng cách 2 px giống nhau. Khi bạn đã hoàn tất, hãy chọn và nhóm tất cả các phần dưới cùng, kết hợp các hình dạng lại với nhau bằng phím tắt Control-G.

adding the right vertical stitch lines to the leather bags bottom section

Bước 10

Thêm chuỗi nhỏ giữ túi hai phần với nhau bằng hình chữ nhật 12 x 18 px với Stroke dày 2 px (# 3D2F2C), chúng ta sẽ căn giữa vào cạnh trên cùng của phần trên cùng.

adding the string section to the leather bags upper section

Bước 11

Thêm nút nhỏ bằng vòng tròn 12 x 12 px (# F2AC99) với đường viền dày 4 px (# 3D2F2C), mà chúng ta sẽ nhóm (Control-G) và sau đó định vị vào phần chuỗi được tạo trước đó, như được thấy trong tham chiếu hình ảnh.

adding the circular button to the leather bags bottom section

Bước 12

Khi bạn có nút đúng vị trí, hãy thêm các lỗ nhỏ của nó bằng cách sử dụng hai vòng tròn 2 x 2 px (# 3D2F2C), ở khoảng cách ngang 2 px với nhau, chúng ta sẽ nhóm (Control-G) và sau đó căn giữa theo hình dạng cơ bản lớn hơn, nhóm (Control-G) cùng nhau.

adding the little holes to the leather bags circular button

Bước 13

Bắt đầu làm việc với dây đeo bằng cách tạo phần trên nửa bên trái của nó bằng hình chữ nhật 6 x 12 px (# 8E5A4F) với đường viền dày 4 px (# 3D2F2C), chúng tôi sẽ nhóm (Control-G) và sau đó đặt vào bên cạnh túi , trung tâm sắp xếp nó vào phần trên cùng của nó.

adding the upper section of the leather bags left strap

Bước 14

Tự tạo dây đeo bằng cách vẽ một đường Stroke dày 4 px (# 3D2F2C) bằng cách sử dụng hình ảnh tham chiếu làm hướng dẫn chính của bạn.

adding the left strap section to the leather bags side

Bước 15

Điều chỉnh dây đeo bằng cách chọn riêng và điều chỉnh các góc nhọn của nó, đặt Bán kính của chúng thành 4 px từ việc đóng hộp đầu vào Live Corners. Khi bạn đã hoàn tất, hãy chọn và nhóm tất cả các dây đeo, kết hợp các hình dạng lại với nhau bằng phím tắt Control-G.

adjusting the shape of the leather bags left strap

Bước 16

Kết thúc dây đeo và với biểu tượng chính nó, bằng cách thêm phần bên phải của nó bằng cách sử dụng một bản sao (Control-C> Control-F) của cái mà chúng ta vừa hoàn thành, chúng ta sẽ phản ánh theo chiều dọc (nhấp chuột phải> Biến đổi> Phản chiếu> Dọc) và sau đó đặt vào phía đối diện của túi. Khi bạn đã hoàn tất, don Patrick quên chọn và nhóm (Control-G) tất cả các phần sáng tác biểu tượng mà trước khi chuyển sang phần tiếp theo.

finishing off the leather bag icon

7. Cách tạo biểu tượng giày

Tại thời điểm này, có lẽ bạn đã biết máy khoan, vì vậy hãy chắc chắn rằng bạn đã ở trên lớp bên phải (đó sẽ là lớp thứ tư) và để Lôi nhảy vào nó.

Bước 1

Bắt đầu làm việc với giày trước bằng cách tạo phần trước duy nhất của nó bằng cách sử dụng hình chữ nhật 32 x 10 px (# F4E1DC) mà chúng ta sẽ điều chỉnh bằng cách đặt Bán kính góc phải của nó thành 4 px từ trong Thuộc tính hình chữ nhật bảng điều khiển Biến đổi. Đưa ra hình dạng kết quả là một phác thảo dày 4 px (# 3D2F2C), nhóm (Control-G) và sau đó căn chỉnh hai cho khu vực vẽ hoạt động Cạnh phải, định vị chúng ở khoảng cách 32 px so với đáy của nó.

creating and positioning the main shapes for the shoes smaller sole section

Bước 2

Thêm đầu cuối duy nhất, sử dụng hình chữ nhật 64 x 10 px (# E8C4BA) với đường viền dày 4 px (# 3D2F2C), chúng tôi sẽ nhóm (Control-G) và sau đó đặt vào bên trái của phần được tạo trước đó.

adding the back end of the front shoes sole

Bước 3

Tạo dải ngang bằng cách sử dụng dòng Stroke dày 64 px rộng 2 px (# 3D2F2C), mà chúng ta sẽ căn giữa để phù hợp với phần lớn hơn duy nhất.

adding the stripe to the front shoes sole

Bước 4

Thêm nhãn gót chân nhỏ bằng cách sử dụng hình vuông 4 x 4 px (# 3D2F2C), mà chúng ta sẽ căn giữa vào phần đế lớn hơn cạnh trái. Sau khi bạn thực hiện xong, hãy chọn và nhóm (Control-G) tất cả các phần hiện tại mà cộng lại các hình dạng lại với nhau, thực hiện tương tự cho toàn bộ đế sau đó.

adding the heel label to the front shoes sole

Bước 5

Tạo hộp giầy ngón chân, sử dụng hình chữ nhật 16 x 8 px (# F4E1DC), chúng tôi sẽ điều chỉnh bằng cách đặt Bán kính của góc trên bên phải của nó thành 6 px từ trong Thuộc tính hình chữ nhật Bảng điều khiển Biến đổi. Cung cấp cho hình dạng kết quả một phác thảo dày 4 px (# 3D2F2C), nhóm (Control-G) và sau đó định vị hai trên đầu của phần trước duy nhất.

adding the toe box to the front shoes sole

Bước 6

Tiếp theo, bật Chế độ xem trước pixel (Alt-Control-Y) và sử dụng Công cụ bút (P) để vẽ thân chính giày giày (# F27E51), sử dụng hình ảnh tham chiếu làm hướng dẫn chính của bạn. Hãy dành thời gian của bạn và sau khi bạn đã hoàn thành, hãy chuyển sang chế độ xem trước Mặc định (Alt-Control-Y) trước khi chuyển sang bước tiếp theo.

draw the shoes main body using the pen tool

Bước 7

Đưa ra hình dạng mà bạn vừa tạo ra một phác thảo dày 4 px (# 3D2F2C) bằng phương pháp Stroke, đảm bảo chọn và nhóm (Control-G) hai hình dạng lại với nhau sau đó.

adding the outline to the front shoes main body

Bước 8

Thêm phần lưỡi nhỏ, sử dụng hình chữ nhật 12 x 8 px (# E26B47), chúng tôi 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 8 px từ trong Thuộc tính hình chữ nhật Bảng điều khiển Biến đổi. Tạo cho hình dạng kết quả một nhóm phác thảo dày 4 px (# 3D2F2C) (Control-G) và sau đó định vị hai cái trên đỉnh của thân giày chính.

adding the tongue section to the front shoes main body

Bước 9

Sử dụng Stroke dày 4 px (# 3D2F2C) với Mũ tròn để vẽ bốn phần ren nhỏ, định vị chúng như nhìn 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ả chúng lại với nhau bằng phím tắt Control-G.

adding the lace sections to the front shoes main body

Bước 10

Tạo lỗ gắn đầu tiên bằng vòng tròn 6 x 6 px (# F4E1DC) với đường viền dày 2 px (# 3D2F2C), đến trung tâm chúng ta sẽ thêm vòng tròn 2 x 2 px nhỏ hơn (# 3D2F2C). Nhóm tất cả ba hình dạng lại với nhau (Control-G), sau đó đặt chúng ở khoảng cách 2 px từ đế giày giày và 24 px từ thân của nó.

adding the left eyelet to the front shoes main body

Bước 11

Thêm khoen thứ hai bằng cách sử dụng một bản sao (Control-C> Control-F) của cái mà chúng tôi vừa hoàn thành, chúng tôi sẽ đặt vào bên phải ban đầu, ở khoảng cách chỉ 4 px. Khi bạn đã hoàn tất, hãy chọn và nhóm (Control-G) hai cái lại với nhau trước khi chuyển sang bước tiếp theo.

adding the right eyelet to the front shoes main body

Bước 12

Bắt đầu làm việc trên miếng vá hình tròn bằng cách tạo vòng tròn 16 x 16 px (# F4E1DC) với đường viền dày 4 px (# 3D2F2C), chúng tôi sẽ nhóm (Control-G) và sau đó định vị ở khoảng cách 12 px so với lớn hơn cạnh trên của cơ thể và 8 px từ bên trái của nó.

adding the circular patchs main body to the front shoe

Bước 13

Kết thúc giày trước, bằng cách vẽ bản vá ngôi sao nhỏ bằng cách sử dụng # 3D2F2C làm màu Fill của bạn. Khi bạn đã hoàn tất, hãy chọn và nhóm (Control-G) tất cả các phần hình tròn mà cộng lại các hình dạng lại với nhau, thực hiện tương tự cho toàn bộ giày sau đó.

adding the little star to the front shoes circular patch

Bước 14

Tạo giày phía sau bằng cách sử dụng một bản sao (Control-C> Control-B) của chiếc giày mà chúng tôi vừa hoàn thành, chúng tôi sẽ căn chỉnh với khu vực vẽ đang hoạt động cạnh trái.

creating and positioning the second shoe

Bước 15

Điều chỉnh giày, bằng cách thay đổi màu sắc của các phần sau:

  • thân chính: # E26B47
  • đế và miếng vá: # D6B4AB
  • lưỡi: # D65F43
adjusting the color of the second shoe

Bước 16

Thêm phần ren dài hơn bằng cách sử dụng đường Stroke dày 4 px (# 3D2F2C) với Mũ tròn và Góc bán kính 6 px, chúng ta sẽ đặt vào giày trước như trong hình tham chiếu.

adding the long lace section to the front shoes main body

Bước 17

Hoàn thành phần ren và với biểu tượng đó, bằng cách thêm aglet bằng hình chữ nhật 8 x 2 px (# 3D2F2C), chúng ta sẽ đặt lên trên đầu bên trái của ren. Khi bạn đã hoàn tất, chọn và nhóm (Control-G) cả hai lại với nhau, thực hiện tương tự cho toàn bộ biểu tượng trước khi chuyển sang biểu tượng tiếp theo.

finishing off the shoe icon

8. Cách tạo biểu tượng đồng hồ

Bây giờ chúng tôi đang xuống biểu tượng thứ tư và cuối cùng của chúng tôi, vì vậy, giả sử bạn đã đặt mình vào lớp bên phải (đó sẽ là lớp thứ năm), phóng to lưới tham chiếu của nó và để cho kết thúc điều này.

Bước 1

Tạo phần lớn hơn của dây đeo bằng cách sử dụng hình chữ nhật tròn 56 x 76 px với Góc bán kính 4 px và đường viền dày 4 px (# 3D2F2C), chúng tôi sẽ nhóm (Control-G) và sau đó căn giữa vào khu vực vẽ đang hoạt động bên dưới .

creating and positioning the main shapes for the watchs larger strap section

Bước 2

Thêm các đường khâu bằng cách sử dụng hai nhóm mười hình chữ nhật 2 x 4 px (# 3D2F2C) xếp chồng lên nhau theo chiều dọc 4 px với nhau, chúng ta sẽ nhóm (Control-G) và sau đó định vị ở khoảng cách 2 px từ các cạnh dây đeo. Khi bạn đã đặt chúng vào vị trí, chọn và nhóm (Control-G) cùng với dây đeo trước khi chuyển sang bước tiếp theo.

adding the stitch lines to the watchs leather strap

Bước 3

Bắt đầu làm việc với phần đính kèm trên cùng của dây đeo bằng cách tạo hình chữ nhật 24 x 22 px (# B27866) với đường viền dày 4 px (# 3D2F2C), chúng tôi sẽ nhóm (Control-G) và sau đó căn giữa vào phần lớn hơn, định vị nó ở khoảng cách 16 px từ cạnh trên của khu vực vẽ đang hoạt động.

adding the top attachment portion to the watchs leather strap

Bước 4

Thêm các mũi khâu bên vào phần hiện tại bằng cách tạo hai nhóm hai hình chữ nhật 2 x 4 px (# 3D2F2C) xếp chồng thẳng đứng 4 px với nhau, chúng ta sẽ nhóm (Control-G) và sau đó căn chỉnh theo cạnh trên của nó, định vị chúng 2 px từ các mặt của nó.

adding the side stitches to the watchs top strap attachment section

Bước 5

Thêm dây đeo chỉ có thể nhìn thấy lỗ bằng cách sử dụng vòng tròn 4 x 4 px (# 3D2F2C), chúng ta sẽ căn giữa vào phần đính kèm trên cùng của nó, đặt nó ở khoảng cách 4 px từ cạnh trên của nó. Khi bạn đã hoàn tất, hãy chọn và nhóm tất cả các phần hiện tại, cùng nhau tạo hình bằng cách sử dụng phím tắt Control-G.

adding the little hole to the watchs strap

Bước 6

Thêm các phần kim loại bằng hai hình chữ nhật 6 x 12 px (# 9B908F) với đường viền dày 4 px (# 3D2F2C), chúng tôi sẽ nhóm riêng lẻ (Control-G) và sau đó đặt vào các cạnh của phần trước đó. Chọn và nhóm (Control-G) tất cả các phần đính kèm trên cùng, kết hợp các hình dạng lại với nhau trước khi chuyển sang bước tiếp theo.

adding the metal sections to the watchs upper attachment section

Bước 7

Tạo tệp đính kèm dưới cùng bằng bản sao (Control-C> Control-G) của tệp mà chúng ta vừa hoàn thành, chúng ta sẽ phản ánh theo chiều ngang (nhấp chuột phải> Biến đổi> Phản chiếu> Ngang) và sau đó đặt vào phía đối diện của dây đeo. Cô lập nhóm bằng cách nhấp đúp vào nhóm, sau đó xóa các mũi khâu bên và lỗ của chúng vì chúng tôi đã giành được nhu cầu của chúng, đảm bảo thay đổi màu tô của hình lớn hơn thành # 7F5247.

creating and positioning the main shapes for the watch straps bottom attachment section

Bước 8

Chọn Công cụ Hình chữ nhật (M) và tạo hình dạng 24 x 12 px nhỏ hơn (# B27866), mà chúng ta sẽ căn giữa vào phần đính kèm phía dưới.

creating and positioning the main shape for the watch straps pointed section

Bước 9

Điều chỉnh hình dạng mà chúng ta vừa tạo bằng cách thêm một điểm neo mới vào trung tâm của cạnh dưới của nó bằng cách sử dụng Công cụ Thêm điểm neo (+), sau đó chúng ta sẽ chọn và đẩy xuống dưới 10 px bằng Công cụ Move ( nhấp chuột phải> Biến đổi> Di chuyển> Ngang> 10 px).

adjusting the shape of the watch straps pointed section

Bước 10

Đưa ra hình dạng kết quả là một phác thảo dày 4 px (# 3D2F2C) với Round Round, đảm bảo chọn và nhóm hai cái lại với nhau sau đó bằng phím tắt bàn phím Control-G.

adding the outline to the watch straps pointed section

Bước 11

Kết thúc phần hiện tại bằng cách thêm một vòng tròn 4 x 4 px (# 3D2F2C) trên đầu các hình mà chúng tôi vừa nhóm lại, định vị nó 10 px từ cạnh trên của nó. Khi bạn đã hoàn tất, hãy chọn và nhóm (Control-G) tất cả các dây đeo, ghép các hình dạng lại với nhau trước khi chuyển sang bước tiếp theo.

adding the little circle to the watch straps pointed section

Bước 12

Tạo thân đồng hồ chính sử dụng vòng tròn 56 x 56 px (# ADA6A5) với đường viền dày 4 px (# 3D2F2C), chúng tôi sẽ nhóm (Control-G) và sau đó căn giữa với dây đeo lớn hơn.

creating and positioning the main shapes for the watchs main body

Bước 13

Thêm phần bên trong của đồng hồ sử dụng vòng tròn 44 x 44 px (# F4E1DC) với đường viền dày 4 px (# 3D2F2C), chúng ta sẽ nhóm (Control-G) và sau đó căn giữa theo các hình từ bước trước.

adding the inner section to the watchs main body

Bước 14

Tiếp theo, tạo các mặt số nhỏ bằng bốn dòng Stroke dày 6 px dài 2 px (# 3D2F2C), chúng ta sẽ định vị 2 px từ phần phác thảo bên trong. Hãy dành thời gian của bạn, và một khi bạn đã hoàn thành, hãy chọn và nhóm (Control-G) tất cả chúng để họ giành được cách ly tình cờ.

adding the little dials to the watchs inner section

Bước 15

Tạo các mảnh trung tâm bằng vòng tròn 6 x 6 px với Stroke 4 px (# 3D2F2C), tiếp theo là 14 x 14 px lớn hơn với Stroke 2 px (# 3D2F2C), chúng ta sẽ căn giữa vào phần bên trong của đồng hồ , nhóm (Control-G) hai cái lại với nhau sau đó.

adding the center pieces to the watchs inner section

Bước 16

Tiếp theo, hãy dành một vài khoảnh khắc và thêm kim giờ bằng cách sử dụng dòng Stroke dày 4 px (# 3D2F2C), tiếp theo là kim phút bằng Stroke 2 px mỏng hơn (# 3D2F2C). Khi bạn đã hoàn tất, hãy chọn và nhóm cả hai phần trung tâm và bàn tay lại với nhau bằng phím tắt Control-G.

adding the time indicating hands to the watchs inner section

Bước 17

Tạo phần tử trang trí trên cùng bên trái bằng cách sử dụng vòng tròn 20 x 20 px với Stroke dày 2 px (# 3D2F2C), chúng ta sẽ định vị 12 px từ phần bên trong Vách phải và cạnh dưới.

creating and positioning the main shape for the watchs top-left decorative element

Bước 18

Điều chỉnh vòng mà chúng tôi vừa tạo bằng cách chọn các điểm neo bên phải và dưới cùng của nó bằng cách sử dụng Công cụ chọn trực tiếp (A) và xóa chúng bằng cách nhấn Xóa.

adjusting the shape of the watchs top-left decorative element

Bước 19

Thêm phần tử trang trí dưới cùng bên phải, sử dụng bản sao (Control-C> Control-F) của phần tử mà chúng ta vừa điều chỉnh, chúng ta sẽ phản ánh cả theo chiều ngang và chiều dọc (nhấp chuột phải> Biến đổi> Phản chiếu> Ngang & Dọc) và sau đó định vị vào phía đối diện của bản gốc. Khi bạn đã hoàn tất, hãy chọn và nhóm (Control-C) tất cả các mặt soạn thảo mặt đồng hồ bằng cách sử dụng phím tắt Control-G.

adding the watchs bottom-right decorative element

Bước 20

Kết thúc đồng hồ bằng cách thêm vương miện nhỏ. Chúng tôi sẽ tạo nó bằng hình chữ nhật 5 x 8 px (# 9B908F) với đường viền dày 4 px (# 3D2F2C), chúng tôi sẽ nhóm (Control-G) và sau đó đặt vào bên phải của thân lớn hơn. Sau đó, chọn và nhóm (Control-G) tất cả các phần soạn thảo của đồng hồ trước khi chuyển sang bước tiếp theo.

adding the crown to the watchs main body

Bước 21

Chọn Công cụ Bút (P) và vẽ phần dây đeo bên trái bằng cách sử dụng Stroke dày 4 px (# 3D2F2C) bằng Mũ tròn.

creating and positioning the main shape for the watch straps left string section

Bước 22

Điều chỉnh Stroke 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 4 px và góc dưới bên phải của nó thành 8 px bằng hộp nhập Live Corners.

adjusting the shape of the watch straps left string section

Bước 23

Thêm phần dây đeo dây bên phải bằng cách sử dụng một dòng Stroke dày 4 px khác (# 3D2F2C) với Round Cap.

creating and positioning the main shape for the watch straps right string section

Bước 24

Như chúng ta đã làm với nét trước, điều chỉnh chuỗi bằng cách đặt Bán kính của góc dưới bên trái của nó thành 14 px bằng hộp nhập Live Corners.

adjusting the shape of the watch straps right string section

Bước 25

Kết thúc dây đeo và với biểu tượng đó, bằng cách thêm hạt nhỏ bằng vòng tròn 8 x 8 px (# F2AC99) với đường viền dày 4 px (# 3D2F2C), sau đó chúng tôi sẽ nhóm (Control-G) và sau đó vị trí trên phần chuỗi bên phải, ở khoảng cách 8 px từ đầu bên phải của nó. Khi bạn đã hoàn tất, hãy chọn và nhóm tất cả các biểu tượng Phần soạn thảo biểu tượng bằng cách sử dụng phím tắt Control-G.

finishing off the watch icon

Công việc tuyệt vời, bạn đã hoàn thành!

Bạn có nó: một hướng dẫn hơi dài nhưng khá sâu về cách tạo gói biểu tượng phụ kiện rất riêng của bạn bằng cách sử dụng không có gì nhiều hơn một số hình dạng và công cụ cơ bản được tìm thấy trong Illustrator.

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