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

Cách tạo bộ biểu tượng mừng năm mới trong Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

Vietnamese (Tiếng Việt) translation by Caitlyn Cat Tien (you can also view the original English article)

Final product image
What You'll Be Creating

Năm mới đã gần kề, tôi nghĩ sẽ thật tuyệt nếu chúng ta dành thời gian chất lượng cùng nhau để tạo ra một gói biểu tượng theo chủ đề lễ kỷ niệm bằng cách sử dụng một số hình dạng và công cụ cơ bản nhất mà Illustrator cung cấp.

Để thực hiện, hãy lấy một tách cà phê và bắt đầu vẽ nhé!

Ồ, và đừng quên, bạn luôn có thể mở rộng gói này bằng cách truy cập vào GraphicRiver nơi bạn sẽ tìm thấy hàng tấn biểu tượng theo chủ đề tiệc.

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

Vì tôi có thể chắc chắn rằng bạn đã có Illustrator và chạy ở chế độ nền, hãy mở nó lên và thiết lập một New Document (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
setting up a new document

Quick tip: 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à bởi vì tôi đã chạy phiên bản phần mềm CC 2017 mới, nơi đã có những thay đổi lớn đối với cách Illustrator xử lý cách các hình dạng chụp vào Pixel Grid 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 làm việc pixel-perfect, chúng ta sẽ cầ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
setting up a custom grid

Quick tip: bạn có thể tìm hiểu thêm về lưới bằng cách đọc phần chuyên sâu này về cách hoạt động của hệ thống Lưới 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 để đảm bảo hình dạng của chúng trông rõ nét là bật tùy chọn Snap to Grid được tìm thấy trong menu View, sẽ chuyển thành Snap to Pixel mỗi khi bạn vào chế độ Pixel Preview.

Bây giờ, nếu bạn mới làm quen với toàn bộ "quy trình làm việc pixel-perfect", 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 pixel-perfect, giúp bạn mở rộng các kỹ năng kỹ thuật của mình ngay lập tức.

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

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

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

  • layer 1: reference grids
  • layer 2: fireworks
  • layer 3: champagne
  • layer 4: party hat
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 mà bạn đưa ra khi bắt đầu một dự án mới, vì bạn sẽ luôn muốn bắt đầu từ kích thước nhỏ nhất có thể và dựa vào đó.

Bây giờ, trong trường hợp của chúng ta, chúng ta sẽ tạo ra gói biểu tượng 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 reference grid, sau đó dùng 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 (#FFFFFF) sẽ đóng vai trò là vùng vẽ hoạt động của chúng ta, cung cấp cho chúng ta phần đệm 4 px 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 40 px với nhau, đảm bảo 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 làm việc với biểu tượng đầu tiên của mình.

creating and positioning all three reference grids

5. Cách tạo nền lặp lại

Như bạn thấy, cả ba biểu tượng đều sử dụng cùng một hình nền, đây sẽ là điều đầu tiên mà chúng ta muốn tạo để hợp lý hóa quy trình làm việc của chúng ta. Vì vậy, hãy vào layer thứ hai và bắt đầu.

Bước 1

Sử dụng Pen Tool (P), vẽ một đường rộng 4 px nhỏ (#302222) bằng Stroke dày 8 px với Round Cap, chúng ta sẽ định vị bằng cách căn chỉnh nó vào góc dưới bên trái của vùng vẽ đang hoạt động bên dưới .

creating and positioning the backgrounds first line segment

Bước 2

Tạo đường thẳng thứ hai bằng cách sử dụng đường path rộng 96 px, với cùng Stroke dày 8 px (#302222), chúng ta sẽ căn chỉnh theo góc dưới bên phải của vùng vẽ đang hoạt động, đảm bảo đặt Cap của nó thành Round.

Khi bạn đã hoàn tất, hãy chọn và nhóm hai hình lại với nhau bằng phím tắt Control-G.

creating and positioning the backgrounds second line segment

Bước 3

Chọn Ellipse Tool (L) và sử dụng nó để tạo hình tròn 96 x 96 px, tô màu #D8D8D8 và sau đó căn giữa với bề mặt màu cam của lưới tham chiếu dưới cùng.

creating and positioning the main shape for the backgrounds circular section

Bước 4

Tạo hình dạng nét viền 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 lật Fill của nó bằng Stroke (Shift-X), đặt Weight là 8 px và màu của nó là #302222.

Khi bạn đã hoàn tất, nhóm cả hai hình lại với nhau (Control-G), đảm bảo đặt chúng ra phía sau đường thẳng (nhấp chuột phải > Transform > Arrange > Send to Back).

adjusting the positioning of the backgrounds circular section

Bước 5

Vì chúng ta muốn hình nền vẫn được giữ trong bề mặt của vùng vẽ đang hoạt động của chúng ta, do đó, trước tiên chúng ta cần chọn và nhóm (Control-G) tất cả các yếu tố tạo thành của nó, sau đó tạo và định vị hình vuông 120 x 120 px (được tô sáng bằng màu trắng) ở phía trên chúng, chúng ta sẽ sử dụng làm Clipping Mask (nhấp chuột phải > Make Clipping Mask).

masking the universal background using a rectangular clipping mask

Bước 6

Cuối cùng, điều chỉnh độ trong suốt của nền bằng cách giảm Opacity xuống 20%, tạo và định vị một bản sao cho mỗi biểu tượng còn lại.

adjusting the universal backgrounds transparency

6. Cách tạo biểu tượng pháo hoa

Với nền tảng sẵn có, giờ đây chúng ta có thể bắt đầu làm việc với biểu tượng đầu tiên của mình, vì vậy hãy đảm bảo rằng bạn ở trên layer phù hợp (đó sẽ là layer thứ hai) và phóng to lưới tham chiếu đầu tiên để chúng ta có thể khởi động mọi thứ.

Bước 1

Tạo thân pháo hoa lớn hơn bằng cách sử dụng hình chữ nhật 24 x 40 px, tô màu #706464 và sau đó đặt vào giữa vùng vẽ đang hoạt động, cách 38 px từ cạnh trái và 42 px từ đáy của nó.

creating and positioning the main shape for the larger fireworks body

Bước 2

Chọn Pen Tool (P) và vẽ trong các đường trang trí chéo (#302222) bằng Stroke dày 4 px, trong khi nhấn giữ phím Shift để có góc 45 độ hoàn hảo. Sắp xếp theo chiều dọc bốn đường thẳng cách -14 px với nhau, đảm bảo nhóm (Control-G) chúng lại và căn giữa chúng theo hình bên dưới sau đó.

adding the diagonal detail lines to the larger fireworks body

Bước 3

Tạo một bản sao (Control-C) của thân pháo hoa (tô sáng với màu cam) và dán nó ở phía trước (Control-F) và sử dụng nó để che dấu các đường nét chi tiết, bằng cách chọn chúng và sau đó nhấp chuột phải > Make Clipping Mask.

masking the larger fireworks detail lines using a clipping mask

Bước 4

Tạo cho thân pháo hoa một nét viền, 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 lật Fill (Shift-X) với Stroke dày 8 px (#302222), chọn và nhóm (Control-G) tất cả các yếu tố kết hợp của nó với nhau sau đó.

adding the main outline to the larger fireworks body

Bước 5

Sử dụng Stroke dày 8 px với màu #302222, vẽ đuôi pháo hoa, bắt đầu từ trung tâm của phần đáy nét viền của nó, và đi xuống đến cạnh dưới của vùng vẽ đang hoạt động.

adding the larger fireworks tail

Bước 6

Tạo phần đầu của pháo hoa bằng hình chữ nhật 40 x 22 px (#EF6135), chúng ta sẽ biến thành một hình tam giác bằng cách thêm một điểm neo mới vào trung tâm của cạnh trên của nó bằng cách sử dụng Add Anchor Point Tool (+), sau đó xóa các góc với sự trợ giúp của Delete Anchor Point Tool (-). Khi bạn đã thực hiện xong, hãy căn giữa theo chiều ngang để căn chỉnh hình dạng đó với phần thân lớn hơn, định vị nó sao cho nó chồng lên nửa trên của độ dày đường viền.

creating and positioning the main shape for the larger fireworks head section

Bước 7

Tạo hình dạng mà chúng ta vừa định vị một nét viền bằng cách tạo một bản sao của nó (Control-C), dán ở phía trước (Control-F) và sau đó điều chỉnh bằng cách lật Fill (Shift-X) với Stroke có độ dày 8 px (#302222), với Corner được đặt thành Round Join. Khi bạn đã hoàn thành, nhóm (Control-G) hai hình dạng lại với nhau và sau đó thực hiện tương tự cho các phần tạo thành pháo hoa.

adding the outline to the larger fireworks head section

Bước 8

Tạo hình dạng chính cho pháo hoa nhỏ hơn bằng hình chữ nhật 14 x 32 px, tô màu #F4C253 và sau đó đặt ở phía bên phải của hình lớn hơn, cách 30 px từ cạnh phải của vùng vẽ đang hoạt động và 26 px từ dưới cùng của nó.

creating and positioning the main shape for the smaller fireworks body

Bước 9

Thêm phần pháo hoa màu đỏ phía trên bằng cách tạo một hình chữ nhật 14 x 12 px, tô màu #EF6135 và sau đó căn giữa với cạnh trên của nó bằng bảng Align.

adding the red section to the smaller fireworks body

Bước 10

Thêm nét viền chính của pháo hoa bằng cách sử dụng một bản sao (Control-C) của thân của nó mà chúng ta sẽ dán phía trước (Control-F) và sau đó điều chỉnh bằng cách lật Fill (Shift-X) với Stroke dày 8 px (#302222).

adding the main outline to the smaller fireworks body

Bước 11

Chọn Pen Tool (P) và vẽ trong dải phân cách đường ngang chia hai phần pháo hoa, sử dụng Stroke dày 8 px với màu #302222. Khi bạn đã hoàn tất, hãy chọn tất cả các hình dạng tạo thành của nó và nhóm chúng lại với nhau bằng phím tắt Control-G.

adding the horizontal divider line to the body of the smaller firework

Bước 12

Vẽ đuôi pháo hoa, sử dụng Stroke dày 8 px với màu #302222 và sau khi bạn thực hiện xong, chọn và nhóm tất cả các phần tạo thành của nó lại với nhau bằng phím tắt bàn phím Control-G.

adding the tail to the smaller fireworks body

Bước 13

Tiếp theo, chúng ta sẽ có một chút sáng tạo và bắt đầu thêm các yếu tố hoa giấy nhỏ, sử dụng một vài hình tròn dày 8 px có kích thước khác nhau (#302222), chúng ta sẽ định vị xung quanh các yếu tố chính của biểu tượng.

adding the little circles to the fireworks icons background

Bước 14

Kết thúc biểu tượng bằng cách thêm các hình dạng hình chữ nhật nhỏ (#302222), mà chúng ta sẽ tạo bằng cách sử dụng một vài hình chữ nhật 6 x 8 px và một số hình vuông 4 x 4 px nhỏ hơn (#302222), chúng ta sẽ điều chỉnh bằng cách chọn và đẩy điểm neo trên cùng của chúng ra bên ngoài 4 px cho những bông lớn hơn và 2 px cho những bông nhỏ hơn.

Khi bạn đã hoàn thành, nhóm tất cả các yếu tố hoa giấy lại với nhau (Control-G), thực hiện tương tự cho các phần tạo thành biểu tượng sau đó.

fireworks icon finished

7. Cách tạo biểu tượng rượu sâm banh

Giả sử bạn đã chuyển sang layer tiếp theo (đó sẽ là layer thứ ba), phóng to lưới tham chiếu thứ hai và bắt đầu làm việc với biểu tượng thứ hai của chúng ta.

Bước 1

Tạo hình dạng chính của chai bằng hình chữ nhật 38 x 100 px, tô màu #789E43 và sau đó đặt ở phía bên trái của vùng vẽ đang hoạt động, cách 4 px từ cạnh dưới của nó và 26 px từ bên trái của nó .

creating and positioning the champagne bottles main body

Bước 2

Bật Pixel Preview Mode (Alt-Control-Y) và sử dụng Add Anchor Point Tool (+) để thêm một cặp điểm neo hai bên cách 24 px từ cạnh trên cùng của hình dạng đó.

adding the first pair of side anchor points to the champagne bottles body

Bước 3

Thêm một cặp điểm neo thứ hai vào phần dưới cùng của chai, cách 30 px từ mép dưới của nó.

Khi bạn đã hoàn tất, bạn có thể tắt chế độ Pixel Preview bằng cách sử dụng phím tắt Alt-Control-Y một lần nữa.

adding the second pair of side anchor points to the champagne bottles body

Bước 4

Điều chỉnh hình dạng cái chai bằng cách chọn và đẩy từng điểm neo phía trên vào bên trong thêm 12 px bằng Move Tool (nhấp chuột phải > Transform > Move > Horizontal > +/- 12 px tùy thuộc vào phía bạn bắt đầu).

adjusting the champagne bottles main body by pushing its top-right anchor points to the inside

Bước 5

Điều chỉnh chuyển đổi độ cong của phần cổ chai, bằng cách làm mượt Anchor Points của nó với sự trợ giúp của công cụ Convert selected anchor points to smooth, sau đó thử với các tay cầm của chúng.

adjusting the curvature transition of the champagne bottles neck

Bước 6

Cuối cùng điều chỉnh phần dưới cùng của chai, bằng cách đặt Bán kính góc của nó thành 6 px từ trong trường Live Corner.

adjusting the champagne bottles bottom corners

Bước 7

Bắt đầu thêm chi tiết vào cổ chai bằng cách tạo một hình chữ nhật 14 x 40 px, tô màu #564E4E và sau đó căn giữa với cạnh trên của nó.

creating and positioning the main shape for the champagne bottles neck wrapping

Bước 8

Đ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ó, sau đó chọn và đẩy nó xuống dưới 6 px bằng cách sử dụng Move Tool (nhấp chuột phải > Transform > Move > Vertical > 6 px).

adjusting the shape of the champagne bottles neck wrapping

Bước 9

Tạo nút chai bằng hình chữ nhật 14 x 12 px, tô màu #EFAF30 và sau đó căn giữa với cạnh trên cùng cổ.

adding the cork to the champagne bottles neck

Bước 10

Thêm nét viền chính của quấn cổ chai, sử dụng một bản sao (Control-C) có hình dạng màu xám mà chúng ta sẽ dán ở phía trước (Control-F) và sau đó điều chỉnh bằng cách lật Fill (Shift-X) với Stroke dày 8 px (#302222), đảm bảo đặt Corner là Round Join.

adding the outline to the champagne bottles neck wrapping

Bước 11

Thêm một hình elip nhỏ 4 x 10 px trang trí (#302222), mà chúng ta sẽ căn giữa với miếng quấn cổ chai, cách 8 px từ nút chai.

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

adding the decorative ellipse to the champagne bottles neck

Bước 12

Tạo nhãn chính của chai bằng hình chữ nhật 38 x 20 px, tô màu #F4C253 và sau đó căn giữa với hình dạng màu xanh lá cây bên dưới, cách 12 px từ cạnh dưới của nó.

creating and positioning the main shape for the champagne bottles front facing label

Bước 13

Đ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 trên của nó và hai cạnh bên cách 6 px so với lề ngoài của nó.

Sau đó, chọn điểm neo trung tâm và đẩy nó ra bên ngoài thêm 6 px bằng Move Tool (nhấp chuột phải > Transform > Move > Vertical > - 6 px).

adjusting the shape of the champagne bottles front facing label

Bước 14

Điều chỉnh độ cong của nhãn, bằng cách làm mượt ba điểm neo mới bằng cách sử dụng công cụ Convert selected anchor points to smooth, sau đó thử với tay cầm của chúng.

adjusting the curvature of the champagne bottles front facing label

Bước 15

Tạo cho nhãn một nét viền dày 8 px đẹp (#302222) bằng phương pháp Stroke, đảm bảo đặt Corner của nó thành Round Join.

adding the main outline to the champagne bottles front facing label

Bước 16

Vẽ trong đường nét văn bản giả bằng cách sử dụng hai đường nét Stroke dày 4 px với màu #302222, chúng ta sẽ đặt cách nhau 2 px, nhóm (Control-G) chúng lại và căn giữa chúng với hình dạng bên dưới lớn hơn 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 nhãn.

adding the little dummy-text lines to the champagne bottles front facing label

Bước 17

Chọn và nhóm (Control-G) giấy gói cổ chai sâm banh và nhãn phía trước của nó, sau đó tạo một bản sao (Control-C) có hình dạng chính của nó và dán nó ở phía trước (Control-F) để chúng ta có thể sử dụng nó dưới dạng Clipping Mask (nhấp chuột phải > Make Clipping Mask).

masking the champagne bottles front facing label and neck wrapping

Bước 18

Hoàn thành cái chai bằng cách thêm đường viền chính của nó bằng nét Stroke dày 8 px với màu #302222 và đường phân chia ngang nhỏ (color: #302222, Cap: Round Cap) tách nút chai khỏi cổ của nó, sau đó chọn và nhóm tất cả các yếu tố cấu thành của nó lại với nhau bằng phím tắt Control-G.

adding the main outline to the champagne bottles body

Bước 19

Tạo thân chính của ống rót champagne, sử dụng hình chữ nhật 16 x 30 px (#F4C253) mà chúng ta sẽ điều chỉnh bằng cách đặt Radius của các góc dưới cùng của nó thành 8 px từ trong Rectangle Properties của bảng Transform.

Đặt hình dạng kết quả vào phía bên phải của chai, cách 26 px từ cạnh phải của vùng vẽ đang hoạt động và 28 px từ đáy của nó.

creating and positioning the main shape for the champagne flutes body

Bước 20

Tạo một hình chữ nhật 16 x 10 px nhỏ hơn, tô màu #F2DFC2 và sau đó căn giữa với cạnh trên của thân ống rót.

adding the lighter section to the champagne flutes main body

Bước 21

Thêm nét viền chính của ống rót, sử dụng bản sao (Control-C) của thân của nó mà chúng ta sẽ dán phía trước (Control-F) và sau đó điều chỉnh bằng cách lật Fill (Shift-X) với Stroke dày 8 px (#302222) .

adding the champagne flutes main outline

Bước 22

Chọn Pen Tool (P) và vẽ đường phân chia theo chiều ngang ngăn cách các phần tối hơn và sáng hơn của ống rót, sử dụng Stroke dày 8 px với màu #302222. 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 nó lại với nhau bằng phím tắt Control-G.

adding the horizontal divider line to the champagne flutes main body

Bước 23

Vẽ trong thân ống rót bằng cách sử dụng cùng giá trị Stroke (#302222) dày 8 px, bắt đầu từ tâm nét viền của nó và định vị điểm neo kết thúc cách 4 px từ cạnh dưới của vùng vẽ hoạt động bên dưới.

adding the champagne flutes leg

Bước 24

Vẽ hình cơ sở bằng cách sử dụng nét thẳng rộng 12 px, với Stroke dày 8 px (#302222) mà chúng ta sẽ căn giữa theo hình dạng đã tạo trước đó, đảm bảo đặt Cap của nó thành Round.

creating and positioning the main shape for the champagne flutes foot

Bước 25

Sử dụng Pen Tool (P), điều chỉnh độ cong đáy của thân ống rót bằng cách vẽ một hình dạng mới mà tô màu #302222. 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 kết hợp của thân cây lại với nhau, thực hiện tương tự cho toàn bộ ống rót sau đó.

adjusting the bottom curvature of the champagne flutes leg

Bước 26

Kết thúc biểu tượng bằng cách thêm các yếu tố hoa giấy nhỏ như chúng ta đã làm cho phần đầu tiên, chọn và nhóm (Control-G) tất cả các phần tạo thành của nó với nhau sau đó.

champagne icon finished

8. Cách tạo biểu tượng mũ tiệc

Bây giờ chúng ta đang xuống biểu tượng thứ ba và là biểu tượng cuối cùng của chúng ta, vì vậy, giả sử bạn đã ở trên layer cuối cùng, phóng to lưới tham chiếu của nó và kết thúc bài vẽ này.

Bước 1

Tạo phần thân chính của mũ bằng hình chữ nhật 54 x 84 px, tô màu #EF6135 và sau đó đặt vào bên trái của vùng vẽ hoạt động bên dưới, cách 14 px từ cạnh trái của nó và 20 px từ dưới cùng của nó một.

creating and positioning the main shape for the party hats body

Bước 2

Biến hình chữ nhật thành một hình tam giác bằng cách thêm một điểm neo mới vào trung tâm của cạnh trên của nó bằng cách sử dụng Add Anchor Point Tool (+), sau đó xóa các cạnh bên của nó bằng Delete Anchor Point Tool (-).

adjusting the shape of the party hats main body

Bước 3

Tạo phần trang trí trung tâm của mũ bằng cách sử dụng hình chữ nhật 54 x 28 px, tô màu #F2DFC2 và sau đó căn giữa với hình tam giác, cách 14 px từ cạnh dưới của nó.

creating and positioning the main shape for the party hats decorative section

Bước 4

Điều chỉnh hình chữ nhật bằng cách chọn các điểm neo bên phải của nó và sau đó đẩy chúng lên trên 16 px bằng Move Tool (nhấp chuột phải > Transform > Move > Vertical > -16 px).

adjusting the shape of the party hats decorative section

Bước 5

Tạo cho hình dạng kết quả một nét viền dày 8 px (#302222), nhóm (Control-G) chúng lại và sau đó che hai hình lại bằng cách sử dụng một bản sao (Control-C > Control-F) của hình dạng chính của mũ (nhấp chuột phải > Make Clipping Mask).

masking the party hats decorative section

Bước 6

Tạo cho chiếc mũ nét viền chính của nó, sử dụng Stroke dày 8 px (#302222) với Corner được đặt thành Round Join, 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 outline to the party hats main body

Bước 7

Thêm chuỗi hạt của mũ bằng hình elip 42 x 32 px với Stroke dày 8 px (#302222), chúng ta sẽ căn giữa theo hình tam giác lớn hơn, đặt nó bên cạnh cạnh dưới của vùng vẽ đang hoạt động, đảm bảo gửi nó ra phía sau của mũ (nhấp chuột phải > Arrange > Send Backward).

Khi bạn đã hoàn tất, đừng quên chọn và nhóm tất cả các yếu tố tạo thành mũ bằng cách sử dụng phím tắt Control-G.

adding the string section to the party hats main body

Bước 8

Tạo thân chính của sừng tiệc của nhóm bằng cách sử dụng hình chữ nhật 16 x 42 px, tô màu #F4C253 và sau đó đặt vào bên phải của mũ, cách 22 px từ cạnh phải của vùng vẽ đang hoạt động và 4 px từ cạnh phải của nó dưới cùng một.

creating and positioning the main shape for the party horns body

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 cặp điểm neo bên cách 16 px từ cạnh dưới của nó, sau đó chọn riêng lẻ và đẩy các điểm dưới cùng của nó vào bên trong thêm 2 px bằng Move Tool (nhấp chuột phải > Transform > Move > Horizontal > +/- 2 px tùy thuộc vào phía bạn bắt đầu).

adjusting the shape of the party horns main body

Bước 10

Tạo phần sừng tối hơn ở phía trên, sử dụng hình chữ nhật 16 x 26 px, tô màu #C1411F và sau đó căn giữa với cạnh trên của thân chính.

adding the darker section to the party horns main body

Bước 11

Sử dụng Pen Tool (P), vẽ hai đường Stroke chéo dày 4 px (#302222), xếp chúng theo chiều dọc cách -6 px với nhau, nhóm (Control-G) chúng lại và sau đó căn giữa chúng với phần tối hơn bên dưới.

adding the two diagonal detail lines to the party horns body

Bước 12

Tạo nét viền chính của sừng bằng cách sử dụng nét Stroke dày 8 px (#302222), sau đó vẽ đường phân chia ngang nhỏ ngăn cách hai phần của nó.

adding the outline and horizontal divider line to the party horns main body

Bước 13

Kết thúc phần sừng này bằng cách thêm một hình chèn 4 x 4 px (#302222) vào cạnh dưới của hình dạng màu vàng, chọn và nhóm (Control-G) tất cả các hình dạng kết hợp của nó với nhau sau đó.

adding the little rectangular insertion to the bottom section of the party horns body

Bước 14

Tạo phần sừng cuộn bằng cách sử dụng hình chữ nhật tròn 32 x 12 px với Corner Radius 2 px, tô màu #EF6135 và sau đó căn giữa với thân của nó, đặt nó ở nửa trên của cạnh trên của đường viền.

creating and positioning the main shape for the party horns rolled section

Bước 15

Tạo cho hình dạng mà chúng ta vừa tạo một nét viền bằng Stroke dày 8 px (#302222), sau đó nhóm hai hình lại với nhau (Control-G), chọn và thực hiện tương tự cho các yếu tố tạo thành sừng.

adding the outline to the party horns rolled section

Bước 16

Kết thúc biểu tượng bằng cách thêm các yếu tố hoa giấy nhỏ, và sau đó chọn và nhóm tất cả các phần tạo thành của nó lại với nhau bằng phím tắt Control-G.

party hat icon finished

Thế là xong!

Có thể chúng ta đã mất khá nhiều thời gian, nhưng cuối cùng chúng ta đã hoàn thành. Tôi hy vọng rằng bạn đã theo kịp từng bước và quan trọng nhất là học được một hoặc hai mẹo mới khi thực hiện.

Tôi chúc tất cả các bạn một năm mới hạnh phúc, và tôi hy vọng tôi sẽ gặp bạn trong năm tới.

finished project preview
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.