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 nhóm thực phẩm trong Adobe Illustrator

by
Difficulty:BeginnerLength: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ướng dẫn hôm nay, chúng ta sẽ đội chiếc nón dinh dưỡng và khám phá quá trình tạo ra năm nhóm thực phẩm chính cho thấy cơ thể khỏe mạnh như thế nào. Như mọi khi, chúng ta sẽ thực hiện cách tiếp cận dễ dàng nhất có thể, bằng cách tạo ra chúng bằng các công cụ và hình dạng hình học cơ bản nhất mà Illustrator phải cung cấp.

Ồ, và đừng quên rằng 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 một sự lựa chọn tuyệt vời cho các biểu tượng theo chủ đề thực phẩm.

Để thực hiện, hãy dùng một ly cà phê của bạn và bắt đầu nhé!

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

Giả sử bạn đã có Illustrator và chạy ở chế độ nền, hãy mở nó lên và cài đặt một New Document (File > New hoặc Control-N) bằng các cài đặt sau:

  • Number of Artboards: 1
  • Width: 1000 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

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 cách sử dụng luồng công việc pixel-perfect, nên chúng ta sẽ 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 mình.

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 thức 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 các tùy chọn Snap to Grid và Snap to Pixel đượ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 (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 pixel-perfect", 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 layer

Với tài liệu mới đã 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, đưa lên bảng điều khiển Layers và tạo tổng cộng sáu layer, chúng ta sẽ đổi tên như sau:

  • layer 1: reference grids
  • layer 2: fruit
  • layer 3: dairy
  • layer 4: vegetables
  • layer 5: grains
  • layer 6: meat and eggs
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ạ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 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 grids”, và 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 reference grids main shape

Bước 2

Thêm một hình 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 layer đệm 4 px để làm việc.

creating 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 bốn bản sao (Control-C > Control-F) cách nhau theo chiều ngang một khoảng 40 px giữa mỗi bản, khóa layer 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 trái cây

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

Bước 1

Bắt đầu thao tác trên phần bên quả dưa hấu bằng cách tạo hình elip 120 x 112 px, tô màu #8CB75E và sau đó điều chỉnh bằng cách chọn điểm neo bên trái của nó bằng Direct Selection Tool (A) và sau đó xóa nó bằng cách nhấn Delete. Căn giữa hình dạng kết quả với vùng vẽ hoạt động bên dưới, định vị nó ở khoảng cách 12 px từ cạnh phải của nó.

creating and positioning the main shape for the melons side section

Bước 2

Thêm cặp hình sọc ngang bên trong, sử dụng hình elip 120 x 22 px với Stroke dày 4 px (#332E2E), mà chúng ta sẽ căn giữa với cạnh phải hình dạng đã tạo trước đó.

adding the inner horizontal stripes to the melons side section

Bước 3

Tạo các sọc ở giữa bằng hình elip 120 x 54 px cao hơn một chút với Stroke dày 4 px (#332E2E), mà chúng ta sẽ căn chỉnh với phần bên của quả dưa như chúng ta đã làm với phần trước.

adding the middle horizontal stripes to the melons side section

Bước 4

Thêm các sọc ở mặt ngoài bằng hình elip 120 x 82 px với Stroke dày 4 px (#332E2E), đảm bảo chọn và nhóm tất cả các sọc dưa bằng phím tắt Control-G.

adding the outer horizontal stripes to the melons side section

Bước 5

Vì chúng ta muốn các sọc vẫn có trong cạnh bên của bề mặt của quả dưa, chúng ta sẽ phải che chúng bằng cách sử dụng một bản sao (Control-C) có hình dạng màu xanh lá cây, chúng ta sẽ dán (Control-F) ở phía trước chúng, và sau đó với cả hai bản sao và các hình elip đã chọn, nhấp chuột phải > Make Clipping Mask.

masking the melons side horizontal stripes

Bước 6

Tạo cho phần bên một 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 thay đổi màu của nó thành #332E2E và sau đó lật Fill của nó với Stroke (Shift-X). Đặt Weight của nét viền kết quả là 8 px và Corner của nó thành Round Join, chọn và nhóm tất cả các hình tạo thành của phần hiện tại lại với nhau sau đó bằng phím tắt Control-G.

adding the outline to the melons side section

Bước 7

Bắt đầu thao tác trên phần trước của quả cây bằng cách tạo phần thân ngoài của nó bằng hình elip 72 x 112 px (#C6DBAD) với đường viền dày 8 px (#332E2E), chúng ta sẽ nhóm (Control-G) chúng lại và sau đó đặt vào vùng vẽ đang hoạt động sao cho trung tâm của nó chồng lên cạnh trái của phần bên.

creating and positioning the main shapes for the outer body of the melons front section

Bước 8

Thêm phần thân trong của quả dưa, sử dụng hình elip 48 x 88 px (#EA7A5C) với đường viền dày 8 px (#332E2E), chúng ta sẽ nhóm (Control-G) chúng lại và sau đó căn giữa với các hình dạng đã tạo trước đó.

creating and positioning the main shapes for the inner body of the melons front section

Bước 9

Hãy dành một vài khoảnh khắc và thêm các hạt Trái cây bằng cách sử dụng một số hình elip 4 x 6 px (#332E2E), chúng ta sẽ định vị như bạn có thể thấy trong hình ảnh tham khảo. Khi bạn đã có tất cả các hạt giống, chọn và nhóm chúng (Control-G) lại với nhau, thực hiện tương tự cho phần trước của quả dưa.

adding the seeds to the melons front section

Bước 10

Hoàn thành quả dưa bằng cách thêm cuống của nó bằng hình tròn 10 x 10 px với Stroke dày 4 px (#332E2E) với Round Cap, chúng ta sẽ điều chỉnh bằng cách loại bỏ nửa trên của nó. Định vị hình dạng kết quả vào cạnh phải của vùng vẽ đang hoạt động, ở khoảng cách 58 px so với đáy của nó, đảm bảo chọn và nhóm (Control-G) tất cả các hình dạng tạo thành trái cây sau đó.

adding the tail to the melons side section

Bước 11

Bắt đầu vẽ quả cam nhỏ bằng cách tạo thân chính của nó bằng hình tròn 32 x 32 px (#EDAD66) với đường viền dày 8 px (#332E2E), chúng ta sẽ nhóm (Control-G) chúng lại và sau đó định vị trong vùng vẽ đang hoạt động ở góc dưới bên trái.

creating and positioning the main shapes for the oranges body

Bước 12

Hoàn thành quả cam và với biểu tượng đó, bằng cách thêm chiếc lá nhỏ mà chúng ta sẽ tạo bằng hình vuông 20 x 20 px (#8CB75E) mà chúng ta sẽ điều chỉnh bằng cách đặt Radius của góc trên cùng bên trái và dưới cùng bên phải của nó là 20 px từ bên trong Rectangle Properties của bảng điều khiển Transform. Tạo cho hình dạng kết quả một đường viền dày 8 px (#332E2E) với Round Join, nhóm (Control-G) chúng lại và định vị hai hình trên cùng màu cam, ở khoảng cách 16 px từ cạnh trái của vùng vẽ hoạt động. Khi bạn đã hoàn tất, hãy chọn và nhóm (Control-G) tất cả các phần tạo thành của biểu tượng, trước khi chuyển sang phần tiếp theo.

finishing off the fruit icon

6. Cách tạo biểu tượng sữa

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

Bước 1

Bắt đầu vẽ hộp sữa bằng cách tạo phần trước của phần thân dưới của nó bằng hình chữ nhật 44 x 80 px, tô màu #E8E1DF và sau đó đặt ở khoảng cách 40 px từ cạnh trái của vùng vẽ đang hoạt động và chỉ 4 px từ dưới cùng của nó.

creating and positioning the main shape for the front section of the milk boxs lower body

Bước 2

Thêm phần bên của hộp carton bằng hình chữ nhật 24 x 80 px (#A08380), chúng ta sẽ đặt ở phía bên phải của hình đã tạo trước đó.

creating and positioning the main shape for the side section of the milk boxs lower body

Bước 3

Hãy dành một vài phút và vẽ đường lượn sóng của hộp carton bằng Pen Tool (P) với màu Fill được đặt thành #6BC2D6, chuyển sang bước tiếp theo sau khi bạn thực hiện xong.

drawing the milk boxs swirl using the pen tool

Bước 4

Tạo cho đường lượn sóng một nét viền dày 8 px (#332E2E) bằng phương pháp Stroke, chọn và nhóm hai hình lại với nhau (Control-G). Đảm bảo tạo một bản sao (Control-C) của chúng, chúng ta sẽ dán ở phía trước (Control-F).

adding the outline to the milk boxs swirl

Bước 5

Chọn và che mỗi đường lượn sóng bằng cách sử dụng một bản sao của các phần bên dưới làm Clipping Masks (nhấp chuột phải > Make Clipping Mask), đảm bảo thay đổi màu của hình có màu tô của phần bên thành #2E9CAF.

masking the milk boxs swirls

Bước 6

Tạo cho hai phần một nét viền dày 8 px (#332E2E) với Round Join, chọn riêng lẻ và nhóm từng hình dạng tạo thành của chúng lại với nhau bằng phím tắt Control-G.

adding the outlines to the milk boxs lower body

Bước 7

Tạo giọt nước của phần trước bằng cách sử dụng hình tròn 16 x 16 px (#332E2E), chúng ta sẽ căn giữa với hình chữ nhật lớn hơn, đặt nó ở khoảng cách 26 px từ cạnh dưới của nó.

creating and positioning the main shape for the milk boxs drop

Bước 8

Điều chỉnh hình dạng của hình tròn bằng cách trước tiên chọn và chụm điểm neo trên cùng của nó bằng cách sử dụng Anchor Point Tool (Shift-C) và sau đó đẩy nó lên trên 8 px bằng Move Tool (nhấp chuột phải > Transform > Move > Vertical > 8 px). Khi bạn đã hoàn tất, hãy chọn và nhóm (Control-G) tất cả các hình tạo thành của phần phía trước trước khi chuyển sang bước tiếp theo.

adjusting the shape of the milk boxs drop

Bước 9

Bắt đầu thêm các thanh thông tin dinh dưỡng vào cạnh bên của hộp carton, bằng cách tạo hai hình chữ nhật 12 x 2 px (#332E2E), xếp chồng lên nhau 2 px theo chiều dọc, chúng ta sẽ đặt ở khoảng cách 8 px từ cạnh đáy của đường lượn sóng.

adding the top two nutritional bars to the milk boxs side section

Bước 10

Thêm hình dạng lớn hơn bằng cách sử dụng hình vuông 12 x 12 px (#332E2E), chúng ta sẽ đặt 2 px bên dưới thanh dưới cùng. Chọn và nhóm (Control-G) cả ba hình chữ nhật lại với nhau, thực hiện tương tự cho các hình dạng tạo thành của phần bên sau đó.

adding the larger nutritional square to the milk boxs side section

Bước 11

Bắt đầu thao tác trên thân trên của hộp carton bằng cách tạo hình chính cho phần bên của nó bằng hình chữ nhật 24 x 20 px (#A08380), chúng ta sẽ đặt lên trên những hình mà chúng ta vừa nhóm lại.

creating and positioning the main shape for the side section of the milk boxs upper body

Bước 12

Đ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 ở giữa cạnh trên của nó bằng cách sử dụng Add Anchor Point Tool (+), sau đó xóa công các điểm neo bên của nó bằng Delete Anchor Point Tool (-).

adjusting the shape of the side section of the milk boxs upper body

Bước 13

Tạo cho hình dạng kết quả một đường viền dày 8 px (#332E2E) với Round Join, chọn và nhóm cả hai lại với nhau bằng phím tắt Control-G.

adding the outline to the side section of the milk boxs upper body

Bước 14

Thêm phần phía trước của thân trên bằng cách sử dụng hình chữ nhật 44 x 20 px (#BFA9A5), chúng ta sẽ định vị như nhìn thấy trong hình ảnh tham chiếu.

creating and positioning the main shape for the front section of the milk boxs upper body

Bước 15

Điều chỉnh hình dạng mà chúng ta vừa tạo bằng cách chọn các điểm neo trên cùng của nó bằng Direct Selection Tool (A) và sau đó đẩy chúng sang phải 12 px bằng Move Tool (nhấp chuột phải > Transform > Move > Horizontal > 12 px).

adjusting the shape of the front section of the milk boxs upper body

Bước 16

Tạo cho hình dạng kết quả một nét viền dày 8 px (#332E2E), chọn và nhóm (Control-G) hai hình lại với nhau trước khi chuyển sang bước tiếp theo.

adding the outline to the front section of the milk boxs upper body

Bước 17

Tạo phần gấp của hộp sữa bằng cách sử dụng hình chữ nhật 44 x 12 px (#E8E1DF) với đường viền dày 8 px (#332E2E), chúng ta sẽ nhóm (Control-G) chúng lại và sau đó định vị như trong hình ảnh tham chiếu.

adding the upper section of the milk boxs upper body

Bước 18

Hoàn thành hộp sữa bằng cách thêm một hình chữ nhật 16 x 6 px (#332E2E) vào trung tâm của cạnh trên của phần đã tạo ra trước đó, chọn và nhóm (Control-G) chúng lại với nhau và thực hiện tương tự cho toàn bộ cái hộp sau đó.

adding the rectangular insertion to the milk boxs upper section

Bước 19

Bắt đầu vẽ hình tam giác phô mai nhỏ bằng cách tạo phần bên của nó bằng hình chữ nhật 20 x 34 px (#EA7A5C) với Corner Radius bên phải 8 px và đường viền dày 8 px (#332E2E), chúng ta sẽ nhóm (Control-G) chúng lại và sau đó căn chỉnh với góc dưới bên trái của hộp sữa.

creating and positioning the main shapes for the cheese triangles side section

Bước 20

Thêm phần phía trước bằng hình chữ nhật 36 x 34 px (#EDAD66) với Corner Radius bên phải 8 px, chúng ta sẽ định vị ở khoảng cách 12 px từ cạnh trái của vùng vẽ hoạt động.

creating and positioning the main shape for the cheese triangles front section

Bước 21

Điều chỉnh hình dạng bằng cách tạo một hình tròn 12 x 12 px (được tô sáng bằng màu đỏ), mà chúng ta sẽ định vị ở phần trước cạnh trái, ở khoảng cách 10 px so với đáy của nó. Khi bạn đã có hình dạng đó, chỉ cần chọn phần đó và phần lớn hơn và sử dụng Minus Front Shape Mode của Pathfinder.

adjusting the shape of the cheese triangles front section

Bước 22

Hoàn thành hình tam giác phô mai và với biểu tượng của chính nó, bằng cách tạo cho hình dạng kết quả một đường viền dày 8 px (#332E2E), tiếp theo là hai phần chèn tròn (8 x 8 px; 4 x 4 px - #332E2E). Khi bạn đã hoàn thành, hãy chọn và nhóm (Control-G) tất cả các phần tạo thành phô mai lại với nhau, thực hiện tương tự cho toàn bộ biểu tượng sau đó.

finishing off the dairy icon

7. Cách tạo biểu tượng rau củ

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

Bước 1

Vì hành tây có hình dạng và kích thước khá giống với quả dưa, do đó, chúng ta sẽ nhanh chóng mở khóa layer biểu tượng trái cây và tạo một bản sao (Control-C) của quả dưa, chúng ta sẽ dán (Control-F) lên layer hiện tại, căn chỉnh nó với cạnh phải của vùng vẽ đang hoạt động.

creating and positioning the main shapes for the onions main body

Bước 2

Bỏ nhóm bản sao mà chúng ta vừa tạo (nhấp chuột phải > Ungroup), sau đó dành vài phút để loại bỏ hạt và thân của nó như trong hình tham chiếu.

removing some of the onions details

Bước 3

Điều chỉnh các hình dạng còn lại bằng cách thay đổi màu sắc của hình được tô màu của phần bên thành #BF7D47, thân ngoài của phần phía trước của nó thành #E8E1DF và phần bên trong của nó thành #BFA9A5.

adjusting the colors of the onions body

Bước 4

Thêm một layer khác vào phần phía trước của củ hành bằng cách sử dụng hình elip 24 x 64 px (#E8E1DF) với đường viền dày 8 px (#332E2E), mà chúng ta sẽ nhóm (Control-G) chúng lại và sau đó căn giữa với phần bên dưới lớn hơn.

adding the inner layer to the onions front section

Bước 5

Tạo một hình elip 8 x 24 px nhỏ hơn khác, tô màu #332E2E và sau đó căn giữa với phần đã tạo trước đó. Khi bạn đã có hình dạng đó, hãy chọn và nhóm (Control-G) tất cả các phần phía trước, 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 inner ellipse to the onions front section

Bước 6

Hoàn thành củ hành tây bằng cách vẽ rễ của nó bằng ba đường Stroke dày 8 px (#332E2E) với Round Cap, chúng ta sẽ đặt vào bên phải của phần bên như trong hình tham chiếu. Hãy dành thời gian của bạn để thực hiện và sau khi bạn hoàn thành, hãy chọn và nhóm (Control-G) tất cả các phần tạo thành của rau củ trước khi chuyển sang bước tiếp theo.

adding the roots to the onions side section

Bước 7

Bắt đầu vẽ củ cà rốt nhỏ bằng cách tạo thân chính của nó bằng hình tròn 32 x 32 px (#EA7A5C), chúng ta sẽ định vị ở khoảng cách 4 px từ vùng vẽ đang hoạt động.

creating and positioning the main shape for the carrots body

Bước 8

Điều chỉnh hình dạng của hình tròn mà chúng ta vừa tạo bằng cách chọn điểm neo trên cùng của nó bằng Direct Selection Tool (A) và sau đó đẩy nó lên trên cùng 24 px bằng Move Tool (nhấp chuột phải > Transform > Move > Vertical > -24 px).

adjusting the shape of the carrots body

Bước 9

Tạo cho hình dạng kết quả một nét viền dày 8 px bằng phương pháp Stroke, đảm bảo đặt màu của nó thành #332E2E.

adding the outline to the carrots body

Bước 10

Hoàn thành củ cà rốt, và với biểu tượng của chính nó, bằng cách thêm các đường chi tiết nhỏ, ngang bằng cách sử dụng một vài hình chữ nhật tròn cao 4 px (#332E2E) với Corner Radius 2 px. Khi bạn đã xong các đường nét, chọn và nhóm (Control-G) chúng lại với nhau, thực hiện tương tự cho củ cà rốt và toàn bộ biểu tượng sau đó.

finishing off the vegetables icon

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

Hãy chắc chắn rằng bạn đã khóa layer trước và sau đó chuyển sang layer tiếp theo (đó sẽ là layer thứ năm) nơi chúng ta sẽ tạo nhóm thực phẩm thứ tư.

Bước 1

Bắt đầu vẽ hộp ngũ cốc bằng cách tạo phần trước của nó bằng hình chữ nhật 56 x 92 px (#EDAD66) với đường viền dày 8 px (#332E2E) với Round Join, chúng ta sẽ nhóm (Control-G) chúng lại và sau đó căn chỉnh cạnh dưới của vùng vẽ đang hoạt động, định vị nó ở khoảng cách 28 px so với cạnh trái của nó.

creating and positioning the main shapes for the cereal boxs front section

Bước 2

Thêm biểu tượng hạt dưới cùng bằng cách sử dụng bốn ô vuông 12 x 12 px (#332E2E), chúng ta sẽ định vị như nhìn thấy trong hình ảnh tham chiếu.

creating and positioning the main shapes for the grain symbols four seeds

Bước 3

Điều chỉnh hình dạng của các hình chữ nhật bên trái bằng cách đặt Radius của các góc dưới cùng bên trái và trên cùng bên phải của chúng thành 12 px từ bên trong Rectangle Properties của bảng Transform.

adjusting the shape of the grain symbols left squares

Bước 4

Lặp lại quy trình tương tự cho các hình vuông bên phải, chỉ lần này điều chỉnh Radius của các góc trên cùng bên trái và dưới cùng bên phải của chúng bằng cùng một giá trị 12 px.

adjusting the shape of the grain symbols right squares

Bước 5

Thêm hạt trên cùng bằng hình elip 6 x 12 px (#332E2E), chúng ta sẽ định vị giữa hai hình dạng trên cùng mà chúng ta vừa điều chỉnh, ở khoảng cách 8 px từ các cạnh dưới của chúng.

creating and positioning the main shape for the grain symbols top seed

Bước 6

Điều chỉnh hình dạng của hình elip mà chúng ta vừa tạo ra bằng cách ghim các điểm neo trên cùng và dưới cùng của nó bằng cách sử dụng Anchor Point Tool (Shift-C) để làm cho chúng nhọn. Khi bạn đã hoàn thành, hãy chọn và nhóm (Control-G) tất cả các hạt lại với nhau, thực hiện tương tự cho phần trước của hộp.

adjusting the shape of the grain symbols top seed

Bước 7

Tạo phần thân dưới của phần bên của hộp bằng hình chữ nhật 24 x 52 px (#A08380) với đường viền dày 8 px (#332E2E), chúng ta sẽ nhóm (Control-G) chúng lại và sau đó đặt vào bên phải của hình lớn hơn phía trước.

creating and positioning the main shapes for the bottom body of the cereal boxs side section

Bước 8

Thêm phần thân trên của phần bên bằng cách sử dụng hình chữ nhật 24 x 40 px (#BF7D47) với đường viền dày 8 px (#332E2E), chúng ta sẽ nhóm (Control-G) chúng lại và sau đó đặt lên trên các hình đã tạo trước đó.

creating and positioning the main shapes for the upper body of the cereal boxs side section

Bước 9

Như chúng ta đã làm với hộp sữa, hãy dành một vài phút và thêm vào các thanh giá trị dinh dưỡng nhỏ bằng cách sử dụng hai hình chữ nhật 12 x 2 px (#332E2E) xếp chồng lên nhau cách 2 px trên hình vuông 12 x 12 px (#332E2E). Nhóm (Control-G) chúng lại và sau đó căn giữa tất cả ba hình dạng với phần bên dưới lớn hơn, định vị chúng ở khoảng cách 8 px từ cạnh dưới 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 tạo thành của phần bên trước khi chuyển sang bước tiếp theo.

adding the nutritional value bars to the cereal boxs side section

Bước 10

Tạo phần gập phía trước của hộp bằng hình chữ nhật 56 x 20 px (#E8E1DF), chúng ta sẽ điều chỉnh bằng cách chọn và đẩy các điểm neo dưới cùng của nó sang trái 12 px (nhấp chuột phải > Transform > Horizontal > -12 px). Tạo cho hình dạng kết quả một nét viền dày 8 px (#332E2E) với Round Join, nhóm (Control-G) chúng lại và đặt hai hình lên trên cùng của phần trước lớn hơn.

adding the front folded section to the cereal boxs upper body

Bước 11

Tạo phần gấp trên cùng bằng cách sử dụng một bản sao (Control-C > Control-F) của phần từ bước trước, trước tiên chúng ta sẽ phản chiếu theo chiều ngang (nhấp chuột phải > Transform > Reflect > Horizontal) và sau đó đặt lên trên cùng của hộp, đảm bảo thay đổi màu tô của nó thành #BFA9A5. Hãy dành thời gian của bạn thực hiện, và khi bạn đã hoàn thành, hãy chọn và nhóm (Control-G) tất cả các phần tạo thành cái hộp trước khi chuyển sang bước tiếp theo.

adding the top folded section to the cereal boxs upper body

Bước 12

Bắt đầu vẽ hình cái bát bằng cách tạo phần thân dưới của nó bằng hình chữ nhật 56 x 20 px (#EA7A5C) với Corner Radius 20 px và đường viền dày 8 px (#332E2E), chúng ta sẽ nhóm (Control-G) chúng lại và sau đó căn chỉnh với cạnh dưới của vùng vẽ đang hoạt động, định vị chúng ở khoảng cách 8 px so với hình bên trái của nó.

creating and positioning the main shapes for the cereal bowls bottom section

Bước 13

Thêm phần thân trên của bát bằng cách sử dụng hình chữ nhật 64 x 12 px (#E8E1DF) với đường viền dày 8 px (#332E2E), chúng ta sẽ nhóm (Control-G) chúng lại và sau đó đặt lên trên các hình đã tạo trước đó.

creating and positioning the main shapes for the cereal bowls upper body

Bước 14

Hoàn thành hình cái bát và với biểu tượng đó, bằng cách vẽ tay cầm thìa bằng cách sử dụng đường Stroke dày 8 px (#332E2E), chúng ta sẽ đặt ở phía bên trái của đối tượng, như trong hình tham chiếu. Khi bạn đã hoàn thành, đừng quên chọn và nhóm (Control-G) tất cả các hình tạo thành cái bát lại với nhau, làm tương tự cho toàn bộ biểu tượng sau đó.

finishing off the grains icon

9. Cách tạo biểu tượng Protein

Bây giờ chúng ta đang xuống nhóm thực phẩm thứ năm và cuối cùng của chúng ta, có lẽ là nhóm thực phẩm dễ tạo nhất, vì vậy hãy chắc chắn rằng bạn đã ở trên layer bên phải (đó sẽ là layer thứ sáu) và hãy hoàn thành việc này!

Bước 1

Tạo miếng giăm bông bằng cách sử dụng một bản sao (Control-C) quả dưa của biểu tượng đầu tiên, mà chúng ta sẽ dán (Control-F) vào layer hiện tại, đảm bảo căn chỉnh nó vào cạnh phải của vùng vẽ hoạt động trống.

creating and positioning the main shapes for the hams main body

Bước 2

Như chúng ta đã làm với củ hành, hủy nhóm bản sao mà chúng ta vừa tạo (nhấp chuột phải > Ungroup), sau đó dành vài phút để loại bỏ hạt và cuống như trong hình ảnh tham chiếu.

removing some of the hams details

Bước 3

Điều chỉnh các hình dạng còn lại bằng cách thay đổi màu sắc của thân ngoài phần trước thành #EDAD66 và phần bên trong của nó thành #EA7A5C.

adjusting the colors of the hams body

Bước 4

Cô lập các vòng ngang của phần bên bằng cách nhấp đúp vào nhóm của chúng và sau đó thêm một vòng dọc bằng hình elip 92 x 132 px với Stroke dày 4 px (#332E2E), mà chúng ta sẽ căn giữa với cạnh trái của vùng vẽ đang hoạt động . Khi bạn đã hoàn tất, chỉ cần nhấn Escape để thoát khỏi Chế độ Isolation Mode.

adding the vertical detail ring to the hams side section

Bước 5

Di chuyển trở lại phần phía trước và thêm lát xương nhỏ bằng hình elip 12 x 20 px (#E8E1DF) với đường viền dày 8 px (#332E2E), mà chúng ta sẽ nhóm (Control-G) chúng lại và sau đó căn giữa với thân bên trong của nó.

adding the bone section to the hams front section

Bước 6

Hoàn thành miếng giăm bông bằng cách thêm phần đuôi nhỏ của nó bằng hình elip 16 x 10 px (#332E2E), chúng ta sẽ căn giữa với cạnh phải của vùng vẽ đang hoạt động, đảm bảo chọn và nhóm (Control-G) tất cả các thành phần của nó trước khi chuyển sang bước tiếp theo.

adding the little tail section to the hams side section

Bước 7

Tạo quả trứng đầu tiên bằng cách sử dụng hình elip 32 x 24 px (#D39972) với đường viền dày 8 px (#332E2E), mà chúng ta sẽ nhóm (Control-G) chúng lại và sau đó đặt vào vùng vẽ đang hoạt động ở góc dưới bên trái.

creating and positioning the main shapes for the horizontal egg

Bước 8

Hoàn thành biểu tượng và với chính dự án này, bằng cách thêm quả trứng thứ hai bằng hình elip 24 x 32 px (#E8BB97) với đường viền dày 8 px (#E8BB97), chúng ta sẽ nhóm (Control-G) chúng lại và sau đó định vị trên các hình đã tạo trước đó, ở khoảng cách 20 px từ cạnh trái của vùng vẽ đang hoạt động.

Hãy dành thời gian của bạn để thực hiện, và khi bạn đã hoàn thành, hãy chọn và nhóm (Control-G) tất cả các phần tạo thành của biểu tượng hiện tại trước khi lưu dự án.

finishing off the meat and eggs icon

Thế là xong!

Bạn đã hoàn thành rồi, những người yêu thích thực phẩm, một hướng dẫn đơn giản về cách tạo ra các nhóm thực phẩm chính mà tất cả chúng ta đều ăn thường xuyên. Như mọi khi, tôi hy vọng bạn đã có thể theo 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 trong quy trình thực hiện.

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.