Secret Graphic Design chia sẻ Free Templates, Tutorial về Graphic Design, Font, Icon, Vector, Website, Video, Photo,...được cất giấu bí mật trên Mặt Trăng

[Ai_Tuts] Công cụ trong Illustrator – vẽ một đĩa salad đầy màu sắc

Học cách vẽ một đĩa salad làm icon vector trong Illustrator

Chào mừng đến với loạt bài hướng dẫn chi tiết của chúng tôi – [Ai_Tuts], trong đó bạn có thể học về những kỹ năng, tính năng hay kỹ thuật, công cụ trong Illustrator!
công cụ trong illustrator - vẽ một đĩa salad đầy màu sắc

Công cụ trong Illustrator – vẽ một đĩa salad đầy màu sắc

Trong hướng dẫn mới này, bạn sẽ tìm hiểu cách sử dụng các công cụ trong Illustrator để vẽ một đĩa salad đầy màu sắc nhưng hãy chọn một góc độ khác nhau, vì điều đó làm thú vị hơn. Bắt đầu, chúng ta sẽ tạo ra một đĩa đơn giản, và sau đó là thời gian sáng tạo sắp xếp các thành phần của đĩa salad này: cải rocket, phần màu đỏ và vàng của ớt, vòng tròn củ hành tây, vài lát cà chua, củ cải, và ô liu đen. Cuối cùng, tạo bóng để nó nhìn trông thật hơn. Hãy cùng bắt đầu nào!

Nếu bạn đang vội tìm các biểu tượng thực phẩm hoặc vector nói chung, hãy tìm tới Graphic.com.vn và chắc chắn bạn sẽ tìm thấy những gì bạn cần.

1. Công cụ trong Illustrator – cách tạo một tài liệu mới

Mở Illustrator và đi tới File > New để mở một tài liệu trống. Nhập tên tập tin, thiết lập kích thước và chọn Pixels như Units và RGB như Color Mode. Đảm bảo Align New Objects to Pixel Grid không đánh dấu.

Tiếp theo, đi tới Edit > Preferences > General và thiết lập Keyboard Increment thành 1 px và đồng thời, đi tới Units thiết lập theo ảnh. Tôi thường làm việc với các cài đặt này, chúng sẽ giúp bạn trong quá trình vẽ.

how to open a new illustrator document

2. Công cụ trong Illustrator – tạo một cái đĩa đơn giản

Bước 1

Hãy bắt đầu với một hình elip kích thước khoảng 610 x 75 px Filled với Linear Gradient như hiển thị (1). Tiếp theo, vẽ một hình elip lớn hơn một chút ở phía dưới và đem nó ra đầu tiên ở phía sau (2).

how to draw the plate shape

Bước 2

Để tạo điểm trung tâm của dĩa, vẽ một hình elip mới khoảng 480 x 58 px (1). Bây giờ chọn hình elip đầu tiên Copy và Paste in Place (Shift-Control-V) để tạo một bản sao của nó (2). Trong lúc bản sao này (elip đen) và hình elip đỏ vẫn được chọn, nhấn Intersect trong bảng PathfinderFill hình mới với Linear Gradient được hiển thị (3).

how to create the inside of the plate

Bước 3

Lấy công cụ Pen Tool (P) và vẽ một hình dạng giống như dưới đây. Phần quan trọng là các đường cong ở phía dưới  thấp hơn một chút so với phần còn lại của các elip và tạo ra đường biên mỏng. Sử dụng Gradient được hiển thị và sau đó đem hình này ra phía sau.

how to create a thin edge on plate

Bước 4

Tiếp theo, vẽ phần dưới của cái dĩa như trong hình dưới đây. Sử dụng Gradient như hiển thị và sau đó đem hình này ra phía sau tất cả.

how to draw the depth of the plate

Bước 5

Vẽ hình dạng khác như trước, nơi đường cong phía dưới thấp hơn một chút so với phần còn lại của cái dĩa, để tạo ra một một đường biên sẫm màu (1).

Tiếp tục với hình elip ở dưới của dĩa khoảng 280 x 58 px Filled với Linear Gradient hiển thị và sau đó mang nó ra phía sau (2).

how to draw the bottom of the plate

Bước 6

Để thêm một điểm nhấn phần dưới cùng của dĩa, vẽ một hình rất mỏng với công cụ Pen Tool (P) theo cạnh dưới và Fill với Linear Gradient như hiển thị.

add highlight on the bottom of the plate

Bước 7

Bây giờ, hãy làm cạnh bên ngoài của dĩa và vẽ hai hình mới mỏng như hiển thị. Sau đó, chiếc dĩa đã sẵn sàng, và bạn có thể xem kết quả cuối cùng trong hình dưới đây (3).

add details on the edges of the plate

3. Công cụ trong Illustrator – cách vẽ lá Rocket (Arugula)

Giờ là thời gian vẽ các thành phần hấp dẫn của món salad này, và thành phần đầu tiên là rau rocket, hay tên gọi khác là arugula. Dùng công cụ Pen Tool (P) và vẽ lá tương tự như bên dưới. Khi bạn hài lòng với hình dạng của nó, Fill với Linear Gradient được hiển thị (1).

Tiếp theo, vẽ một đường mỏng giữa lá và Fill nó với Gradient được hiển thị (2).

Vậy đó! Chiếc lá đã xong. Group (Control-G) để nhóm hai hình lại và đặt tên là “rocket”.

how to draw vector rocket arugula

4. Công cụ trong Illustrator – cách vẽ vòng tròn hành tây

Bước 1

Sử dụng công cụ Ellipse Tool (L) để vẽ hai hình dạng và sắp xếp chúng như thể hiện trong hình ảnh tiếp theo (1). Kích thước không quan trọng bởi vì bạn sẽ điều chỉnh sau. Trong khi hai hình elip vẫn được chọn, đi tới Object > Compound Path > Make (Control-8) và Fill với màu tím nhạt (2).

Chọn vòng tròn, sau đó Copy và Paste in Back (Control-B) để sao chép nó. Di chuyển bản sao này xuống 2-3 px với sự trợ giúp của phím Down Arrow trên bàn phím (3).

Chọn vòng tròn bản gốc lần nữa, Copy và Paste in Place (Shift-Control-V) để tạo một bản sao khác. Những bản sao này chọn màu đen, nhấn Minus Front trong bảng Pathfinder. Sau đó mang kết quả hai hình ra phía sau (4) và Fill chúng với hai hình tím như hiển thị (5).

how to draw a vector onion ring

Bước 2

Các vòng hành tây đã sẵn sàng. Bạn có thể tạo ra một kiểu khác, nhưng không bắt buộc. Chỉ cần tạo một bản sao của các vòng hành tây và sau đó sử dụng chỉ hai trong số ba màu tím.

Group (Control-G) để nhóm các hình và đặt tên “onion ring 1” và “onion ring 2”.

how to create a second onion ring

5. Công cụ trong Illustrator – vẽ lát ớt màu đỏ

Bước 1

Tiếp theo danh sách các thành phần là ớt đỏ. Vẽ một hình giống như bên dưới với sự trợ giúp của công cụ Pen Tool (P) và Fill màu đỏ (1). Trong khi các hình này vẫn được chọn, đi tới Object > Transform > Scale, nhập 105% trong trường Scale, và nhấn Copy. Kết quả là bạn có một hình sáng hơn. Sử dụng bóng màu đỏ sẫm màu hơn để Fill nó và đem ra sau cái đầu tiên (2).

Dùng công cụ Pen Tool (P) lần nữa và vẽ hình mới trước hai Filled với bóng màu đỏ sáng hơn (3). Chỉnh sửa lát ớt lần cuối nếu cần thiết và canh chỉnh với công cụ Direct Selection Tool (A)

how to draw a piece of red pepper

Bước 2

Bước này là không bắt buộc, nhưng nếu bạn muốn thêm màu sắc trong dĩa salad của bạn, bạn có thể tạo ra một mẫu ớt màu vàng. Đơn giản chỉ cần tạo một bản sao của ớt đỏ và thay thế màu Fill.

Group (Control-G) các hình và đặt tên “red pepper” và “yellow pepper”.

how to create a piece of yellow pepper

6. Công cụ trong Illustrator – cách vẽ lát cà chua

Bước 1

Sử dụng công cụ Pen Tool (P) để vẽ lát cà chua và Fill nó với bóng màu đỏ. Trong khi hình vẫn được chọn, thêm New Fill trong bảng ở trên cùng Appearance và sử dụng màu đỏ cam  Chọn thuộc tính Fill này, đi tới Effect > Distort & Transform > Transform và áp dụng các cài đặt hiển thị. Kết quả, bạn sẽ có góc tối hơn ở phía dưới lát cà chua.

how to draw the slice of tomato

Bước 2

Tiếp theo, vẽ một hình tương tự nhưng nhỏ hơn ở trên và Fill màu đỏ. Thêm New Fill ở dưới cùng và sử dụng bóng màu cam sậm hơn. Với thuộc tính Fill này được chọn trong bảng Appearance, đi tới Effect > Distort & Transform > Transform và áp dụng 1 px Vertical Move.

how to draw the pulp of the tomato slice

Bước 3

Chọn công cụ Pen Tool (P) một lần nữa và vẽ một hình giống như ảnh tiếp theo, Filled với màu cam sẫm (1). Tiếp theo với hình tương tự nhưng sáng nhỏ hơn, fill màu trắng. Thiết lập chế độ Blending Mode sang Soft Light (2). Bạn có thể thấy kết quả trong ảnh bên dưới (3).

how to draw the center of the tomato slice

Bước 4

Đối với phần hạt cà chua, bạn cần hình hai giọt nước-Fill hình lớn hơn màu cam sẫm và cái nhỏ hơn màu vàng. Group (Control-G) hai hình và Multiply để có nhiều hạt; sau đó Rotate và sắp xếp chúng trên lát cà chua.

how to draw the seeds of tomato

Bước 5

Bây giờ, vẽ một đường cong kế tiếp cạnh bên dưới của lát cà chua. Cho kích thước 5 pt, Stroke màu đỏ; sau đó đi tới Effect > Blur > Gaussian Blur và áp dụng Radius khoảng 2 px. Giảm Opacity xuống 70% (2).

Chọn hình lát cà chua, tiếp theo Copy và Paste in Place (Shift-Control-V) để tạo bản sao phía trước. Thiết lập bản sao để tạo stroke và fill là none. Bây giờ, chọn đường cong với bản sao của lát cà chua, đi tới Object > Clipping Mask > Make (Control-7). Đặt tên nhóm “tomato slice” và bạn đã hoàn thành (3). Bạn có thể thấy kết quả cuối cùng trong ảnh bên dưới (4).

add detail on the pulp of tomato

7. Công cụ trong Illustrator – cách vẽ lát củ cải

Sử dụng công cụ Pen Tool (P) để vẽ lát củ cải và sau đó vẽ hình tương tự nhưng lớn hơn ở đằng sau phía dưới (2).

Chọn hình màu xanh, Copy và Paste in Place (Shift-Control-V) để tạo bản sao đằng trước. Trên bản sao được chọn với hình màu cam, nhấn Minus Front trong bảng Pathfinder. Kết quả, bạn sẽ có hình ở dưới như là lớp vỏ của củ cải (3). Fill hai hình với Radial Gradients hiển thị, Group (Control-G) chúng và lát củ cải đã sẵn sàng (4).

how to draw the slice of radish

8. Công cụ trong Illustrator – vẽ ô liu màu đen

Ô liu khá dễ dàng, và bạn chỉ cần hai hình dạng: một hình elip kích thước 50 x 38 px (1) và hình nổi bật phía mặt trên bên trái (2). Fill chúng với Radial gradient được hiển thị; sau đó, Group (Control-G) chúng lại, và bạn có thể nhìn thấy kết quả cuối cùng trong hình dưới đây (3).

how to draw a vector black olive

9. Công cụ trong Illustrator – cách bố trí dĩa Salad

Bước 1

Trước tiên, chọn nhóm “plate” và Rotate nó như hiển thị theo ảnh để tạo điều thú vị. Và bây giờ là lần cuối để bố trí dĩa salad ngon lành. Lấy nhóm “rocket” và tạo một vài bản sao. Sắp xếp chúng như hình dưới đây, hoặc bạn có thể sáng tạo để thử.

Có rất nhiều bóng trong salad này, và bạn có thể chọn để thêm chúng vào khi bạn nhìn thấy những hình ảnh cuối cùng, nhưng đó có thể nhiều bởi vì có rất nhiều thành phần tham gia. Để cho dễ hiểu hơn, tôi sẽ chỉ cho bạn các bạn cài đặt hiệu ứng Drop Shadow cùng chúng tôi. Các cài đặt có hơi khác nhau so với bước vì chúng phụ thuộc vào vị trí của mỗi thành phần.

Thậm chí, một số thành phần không cần tạo bóng. Từ ba lá rocket trong hình dưới đây, chỉ có một có hiệu ứng Drop Shadow được áp dụng vì hai chiếc lá kia sẽ được phủ lên bởi các phần còn lại, do đó, nó không thực sự cần thiết.

arrange the first rocket leaves on plate

Bước 2

Tiếp theo, lấy nhóm “red pepper” và di chuyển nó vào đĩa. Áp dụng hiệu ứng Drop Shadow để tạo ra bóng. Thực hiện cách tương tự cho nhóm “yellow pepper“.

Nó có vẻ lạ ở thời điểm hiện tại, nhưng cuối cùng, chúng ta sẽ sử dụng một mặt nạ để che giấu các thành phần lên cạnh của chiếc dĩa.

arrange red and yellow pepper on plate

Bước 3

Duplicate và sắp xếp thêm nhiều lá rocket. Cho lá bay lên trong không khí, bạn không cần phải áp dụng hiệu ứng Drop Shadow vì bóng chỉ tồn tại trên dĩa và không ở bên ngoài và xung quanh dĩa.

arrange more rocket leaves on plate

Bước 4

Tiếp theo, đặt ô liêu vào dĩa và áp dụng hiệu ứng Drop Shadow.

Ngoài ra, đặt một vòng hành tây và ớt màu vàng bên trái, nhưng không có bóng vào thời gian này, vì chúng ở trên cạnh dĩa. Chúng ta sẽ tạo ra bóng chi tiết hơn sau này trong các hướng dẫn cho các thành phần tương tự như thế này.

arrange a black olive and onion on plate

Bước 5

Làm theo kỹ thuật đã hướng dẫn trong các bước trước, đặt thêm nhiều lá và các thành phần khác vào dĩa.

arrange other salad ingredients on plate

Bước 6

Sắp xếp một lát ớt đỏ, một lát cà chua, ô liu và một bản sao của các vòng hành tây cộng với lá ở giữa và ở trên, nhiều như bạn muốn.

Trong hình dưới đây, bạn có thể xem các thiết đặt Drop Shadow cho vòng hành tây bên phải và lá rocket ở trên.

Đừng tạo bóng dưới các lát cà chua vì chúng ta sẽ làm kỹ hơn trong phần sau bài hướng dẫn.

arrange more salad ingredients on plate

Bước 7

Giờ là thời gian để sắp xếp một vài lát củ cải. Scale chúng cho không cùng kích thước để nhìn tự nhiên hơn. Thêm nhiều lá trên đầu và bắt đầu đi lên với các thành phần.

arrange radish slices on plate

Bước 8

Thêm một lát ớt màu vàng và một lát cà chua lên ở giữa các lá. Hai thành phần cuối là ớt đỏ và một vòng hành tây.

arrange salad ingredients up in the air

10. Công cụ trong Illustrator – cách thêm bóng giữa các thành phần

Bước 1

Nếu bạn hài lòng với dĩa salad của bạn và vị trí của mỗi thành phần, bây giờ bạn có thể thêm các bóng chi tiết hơn giữa chúng để có một cái nhìn thực tế hơn.

Tập trung vào các lát cà chua và vẽ một đường theo cạnh dưới, cho từng lát mà bạn có. Tạo Stroke màu đen 3 pt và sau đó áp dụng Gaussian Blur 3px. Sau khi bạn đã làm xong, đem từng đường ra ngay phía sau lát cà chua.

create shadow under the tomato slices

Bước 2

Bây giờ, tập trung vào các thành phần bay lên trong không khí và đặc biệt là các khu vực chúng chồng lên nhau bởi vì bạn cần tạo bóng. Hãy dành thời gian của bạn, phóng to nhiều lần nếu như bạn cần, và vẽ một đường nhỏ mà hai thành phần chồng chéo theo đường viền của chúng, nhưng không đi qua các cạnh (vào nền trắng). Bạn có thể thấy một vài ví dụ trong ảnh. Càng nhiều đường dẫn bạn vẽ, càng chi tiết và dĩa salad của bạn sẽ thực tế hơn.

Chọn Stroke màu đen 2 pt cho tất cả các đường và áp dụng Gaussian Blur 2px. Một số đường là 100% Opacity, một số là 75% Opacity, phụ thuộc vào vùng và màu sắc. Đừng quên di chuyển mỗi đường giữa hai thành phần chồng lên nhau trong bảng Layers vì thứ tự đúng là rất quan trọng trong trường hợp này.

create shadow between salad ingredients

11. Công cụ trong Illustrator – cách làm gọn gàng cạnh của đĩa

Bước 1

Chọn hình elip bên trong dĩa, Copy và Paste in Place (Shift-Control-V)  để tạo bản sao ở trước (1). Lấy công cụ Scissors Tool (C) và nhấp chuột vào hai điểm cuối của bản sao này để cắt hình dạng thành hai và giữ một nửa ở phía trước (2). Sử dụng công cụ Pen Tool (P) để đóng đường này và tạo ra một hình dạng mới xung quanh dĩa salad (3).

how to create the mask shape

Bước 2

Thiết lập hình từ bước trước thành StrokeNone và Fill-None. Bây giờ, chọn các thành phần của salad theo hình này và đi tới Object > Clipping Mask > Make (Control-7). Bây giờ, mặt trước của chiếc dĩa đã gọn gàng.

how to mask the salad ingredients

Bước 3

Nếu bạn muốn thêm lá trên các cạnh của cái dĩa để nhìn thực tế hơn. Bây giờ là thời gian để làm điều đó, bên ngoài mặt nạ. Sắp xếp ở vị trí mong muốn và sau đó áp dụng hiệu ứng Drop Shadow.

add rocket leaf on the edge of plate

12. Công cụ trong Illustrator – cách thêm điểm nổi bật trên dĩa salad

Tập trung vào những lát cà chua và vẽ hai đường ngắn như hiển thị trong ảnh tiếp theo. Stroke với Black Blend Art Brush. Tôi luôn sử dụng brush để thêm sự nổi bật và chi tiết trong bản vẽ của tôi. Thiết lập các màu sắc như được chỉ định và thiết lập Stroke Weight thành 0,75 pt. Giữ đường path là 100% Opacity, còn đường ngắn hơn là Opacity 50% 

Thực hiện thao tác tương tự cho những lát cà chua còn lại để chúng sáng hơn. Bạn cũng có thể thực hiện điều này cho các thành phần khác nếu bạn muốn, còn tôi thì không, điều này đã đủ.

how to add highlights on tomato slices

13. Công cụ trong Illustrator – cách tạo bóng dưới cái đĩa

Bước 1

Sử dụng công cụ Pen Tool (P) để vẽ hình tương tự trong ảnh tiếp theo trên New Layer đằng sau dĩa và Fill màu trắng. Tiếp tục thao tác tương tự nhưng hình nhỏ hơn Filled với màu xám sáng và thiết lập 75% Opacity.

draw first two shadow shapes under the plate

Bước 2

Vẽ hình elip khác dưới cái dĩa và Fill với màu xám. Hình elip cuối cùng lớn hơn và fill mới màu sẫm hơn.

draw last two shadow shapes under the plate

Bước 3

Trong khi bốn hình vẫn được chọn, đi tới Object > Blend > Blend Options và chọn 50 Specified Steps. Nhấn OK; Sau đó quay lại Object > Blend > Make (Alt-Control-B).

Thiết lập trộn màu thành Blending Mode Multiply và giảm Opacity xuống 75%, nhưng phụ thuộc vào màu nền của bạn.

blend shadow shapes under the plate

Chúc mừng bạn đã hoàn thành việc sử dụng công cụ trong Illustrator để vẽ một đĩa salad đầy màu sắc!!

salad plate vector illustration adobe illustrator tutorial

[Tuts]!!

Đây là một trong loạt bài hướng dẫn chi tiết trên Secret. Chúng tôi sẽ giới thiệu một loạt các chủ đề (Photoshop – Ps; inDesign – iD; Illustrator – Ai; Lightroom – Lr..) với mong muốn kích thích sự sáng tạo của bạn.

 – Edit by Secret Team
 – Translate by Tutsquick Team
 – Source by Tutsplus

You might also like
Comments
Loading...