Cách tạo bộ biểu tượng nhóm thực phẩm trong Adobe Illustrator
Vietnamese (Tiếng Việt) translation by Thai An (you can also view the original English article)

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

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

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

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.

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.

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.

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ó.

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 đó.

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.

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.

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.

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.

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.

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 đó.

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.

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 đó.

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.

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.

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ó.

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 đó.

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.

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).

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
.

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.

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ó.

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.

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.

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 đó.

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.

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 (-).

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.

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.

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).

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.

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.

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 đó.

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.

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.

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.

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 đó.

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.

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.

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
.

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.

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.

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.

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.

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).

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
.

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 đó.

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ó.

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.

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.

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.

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.

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.

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.

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 đó.

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.

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.

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.

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ó.

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 đó.

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 đó.

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.

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.

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
.

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.

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ó.

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.

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.

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.

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.

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.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post