Advertisement
  1. Design & Illustration
  2. Vector

Vẽ một quả bơ chỉ với một hình dạng trong Adobe Illustrator

Scroll to top
Read Time: 17 min
This post is part of a series called Learn Adobe Illustrator.
How to Create a Solar System Planets Icon Pack in Adobe Illustrator
How to Create Flat Profession Avatars in Adobe Illustrator

Vietnamese (Tiếng Việt) translation by Na Dang (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Theo dõi bài hướng dẫn này và tìm hiểu cách vẽ một quả bơ chỉ sử dụng một kiểu hình dạng trong Adobe Illustrator. Bạn sẽ bắt đầu với một hình cơ bản sau đó bóp méo nó, bạn sẽ có được hình quả bơ. Bắt đầu từ bước này, bạn sẽ thêm lần lượt các hiệu ứng appearance để tạo ra kiểu dáng của quả bơ. Bạn sẽ tạo ra phần vỏ, ruột và hột bơ, bạn cũng sẽ thêm lớp sáng, phần bắt sáng và phần đổ bóng cũng sử dụng cùng một kiểu hình nhưng có sự trợ giúp của các hiệu ứng sống (live effect) như Offset Path, Transform, Convert to shape, Arc Upper, Arc Lower and Inflate. Nếu những điều này khiến bạn thấy thích thú, bạn sẽ chuẩn bị cho mình một bài thực hiện với 19 hiệu ứng appearance sẽ khiến bạn yêu thích bảng Appearance khi kết thúc. Sẵn sàng, bắt đầu nào!

1. Bắt đầu một dự án mới

Vào Illustrator sau đó vào File > New để mở một tài liệu mới. Gõ vào một tên, thiết lập kích thước và sau đó chọn UnitsPixelsColor ModeRGB.

Tiếp theo, vào Edit > Preferences > General và thiết lập Keyboard Increment1px và vào Units & Display Performance và chọn Units như hình bên dưới. Tôi thường làm việc với các thiết lập này và chúng sẽ giúp bạn trong suốt quy trình vẽ.

2. Vẽ khung hình quả bơ

Bước 1

Bạn sẽ mất một chút thời gian để vẽ khung hình quả bơ và tôi sẽ giải thích từng bước một bởi vì đây là một phần quan trọng của bài hướng dẫn này. Nếu bạn muốn tái tạo quả bơ, bạn cần một hình giống như hình mà tôi sử dụng. Dĩ nhiên, bạn có thể sử dụng khuôn hình khác nhưng sau đó tất cả các thiết lập cho Offset paths và các hiệu ứng sống sẽ tạo ra một kết quả khác và bạn sẽ cần phải sửa lại các thiết lập này cho phù hợp với khuôn hình của bạn. Hãy bắt đầu với khuôn quả bơ nào.

Dùng công cụ Line Segment Tool (\) và nhấp chuột vào bảng vẽ của bạn để mở cửa sổ Line Segment Tool Options. Gõ vào phần Length91.5px, Angle0 độ và sau đó nhấp vào OK. Bạn sẽ có một nét vẽ ngang đầu tiên. Chọn nét ngang đó, vào Object > Path > Add Anchor Point để tạo ra một điểm nữa ở giữa.

Tiếp theo. Sử dụng công cụ Line Segment Tool (\) để vẽ một nét dọc với các thông số bên dưới. Bây giờ sắp xếp hai nét này như hình sau. Sử dụng điểm neo ở giữa như hình và đặt nét dọc này hơi nhích qua bên trái.

Bước 2

Bây giờ bạn đã có hai nét vẽ, sử dụng chúng như là đường chỉ dẫn để vẽ một hình tam giác giữa các điểm kết thúc như biểu thị. Sau đó, xóa những nét này đi bởi vì bạn sẽ không cần dùng chúng lại nữa.

Bước 3

Trong khi hình tam giác này vẫn đang được chọn, vào Object > Path > Add Anchor Points hai lần để thêm ba điểm nữa trên mỗi cạnh của tam giác. Tôi đã thêm số vào các điểm này bởi vì chúng ta sẽ thao tác với từng điểm riêng biệt. Bây giờ, chọn điểm "1" và vào Object > Transform > Move, gõ vào 33px ở vùng Horizontal 10px trong vùng Vertical, sau đó về OK. Tiếp theo, chọn điểm "2" và vào Object > Transform > Move, gõ vào -32px ở vùng Horizontal 10px trong vùng Vertical, sau đó nhấn OK. Sau những thao tác vừa rồi, hình của bạn sẽ trông như hình bên dưới.

Bước 4

Chọn điểm "3" và lần này dời nó theo chiều ngang 36px2px theo chiều dọc. Tiếp tục với điểm "4" và sử dụng các thiết lập như hình để di chuyển nó.

Bước 5

Tiếp theo, chọn điểm "5" và "6", sau đó lại vào Move và sử dụng các thiết lập như biểu thị bên dưới cho mỗi điểm.

Bước 6

Lấy công cụ Delete Anchor Point Tool (-) và click vào các điểm như biểu thị để bỏ đi và sau đó chọn điểm "7" và dời nó 2px chiều ngang và 18px chiều dọc.

Bước 7

Dùng công cụ Direct Selection Tool (A) để chỉ chọn một điểm như biểu thị và nhấp vào tùy chọn Convert selected anchor points to smooth trong bảng Control. Như kết quả, bạn sẽ có các chốt chỉnh hướng. Vẫn chọn điểm neo này, vào File > Scripts > Extend Handles và áp dụng 200%. Thao tác này sẽ làm cho các chốt chỉnh hướng dài gấp đôi. Dĩ nhiên, bạn có thể mở rộng các chốt chỉnh hướng này theo cách thủ công với công cụ Direct Selection Tool (A), nhưng sử dụng script này sẽ giữ được tỉ lệ và góc.

Nếu bạn không có script Extend Handles, bạn có thể vào bài viết 20 script miễn phí và hữu ích cho Adobe Illustrator để tải chúng về và sau đó theo các bước hướng dẫn để cài đặt nó. Sau đó, bạn sẽ có thể truy nhập script này bằng cách vào File > Scripts > Extend Handles. Với script này bạn có thể dễ dàng mở rộng, làm ngăn, bỏ, đảo nghịch các chốt chỉnh hướng. Những giá trị hơn 100 hướng tới để mở rộng các chốt chỉnh hướng, những giá trị dưới 100 hướng tới thu hẹp các chốt chỉnh hướng và 0 để bỏ chúng đi.

Bước 8

Chọn điểm như hình bằng công cụ Direct Selection Tool (A) sau đó nhấp vào tùy chọn Convert selected anchor points to smooth để tạo ra chốt chỉnh hướng. Để làm cho chốt chỉnh hướng này dài hơn, dùng script Extend Handles và áp dụng 200% một lần nữa. Tiếp theo, chỉ chọn điểm ở bên dưới cùng và nhấp vào tùy chọn Convert selected anchor points to smooth trong bảng Control.

Bước 9

Chọn điểm "8" bằng công cụ Direct Selection Tool (A) và nhấp vào tùy chọn Convert selected anchor points to smooth, sau đó thực hiện script Extend Handles và lần này áp dụng 220%.

Bước 10

Chọn hai điểm như hình và chuyển đổi chúng từ các điểm góc thành điểm mượt như bạn đã thực hiện. Sau đó, điểu chỉnh một chút theo góc của chốt chỉnh hướng để tạo ra đường cong mềm mại (1)

Tiếp theo, chọn bốn điểm như hình và nhấp vào tùy chọn Convert selected anchor points to smooth thêm một lần nữa để tạo ra các chốt chỉnh hướng. Bước này, bạn có thể điều chỉnh một chút nếu thấy cần thiết, nếu không thì hình khung của quả bơ đã sẵn sàng rồi đấy (2).

3. Tạo mẫu quả bơ

Bước 1

Tô màu khung quả bơ bằng màu xanh đen, sau đó từ menu hiện ra của bảng Appearance chọn Add New Fill Như kết quả, màu Fill thứ hai sẽ nằm ở trên màu đầu tiên và bạn có thể sử dụng màu xanh như bên dưới để tô. Chọn thuộc tính màu Fill trong bảng Appearance, vào Effect > Path > Offset Path và áp dụng Offset là -2px. Bạn vừa mới tô màu vỏ của quả bơ rồi đấy.

Bước 2

Thuộc tính Fill vẫn đang được chọn trong bảng Appearance, vào Effect > Distort & Transform > Transform và gõ vào 0.5px trong vùng Move Vertical, sau đó nhấn OK. Việc này sẽ làm cho phần vỏ trông dày hơn ở phía dưới của quả bơ.

Bước 3

Sử dụng tùy chọn Add New Fill để thêm vào màu tô thứ ba ở trên, sau đó chọn màu vàng làm màu tô. Chọn thuộc tính Fill này trong bảng Appearance, vào Effect > Path > Offset Path và áp dụng Offset là -5.5px. Bây giờ chúng ta đã tạo được phần vỏ, phần viền màu xanh và phần ruột của quả bơ.

Bước 4

Tiếp theo, chúng ta sẽ tạo ra phần chuyển tiếp mượt mà giữa phần viền xanh và phần ruột màu vàng. Chọn thuộc tính Stroke trong bảng Appearance (lúc này không thiết lập) và sử dụng phần chuyển của màu xanh như biểu thị, sau đó thiết lập độ dày Stroke là 2pt. Bây giờ, vào Effect > Path > Offset Path và áp dụng Offset là -6.5px. Tại thời điểm này, nét viền nằm ngay cạnh phần viền màu xanh, nhưng nếu bạn không thấy, bạn có thể điều chỉnh một chút (-6.4px hoặc -6.6px). Hãy nhớ rằng, đây là một hiệu ứng sống và bạn có thể thay đổi giá trị bất cứ lúc nào.

Bước 5

Chọn thuộc tính Stroke của bước trước trong bảng Appearance, nhấp vào biểu tượng Duplicate selected item ở phía dưới. Bạn sẽ có một nét viền thứ hai ở trên nét đầu tiên. Nhấp đôi chuột vào hiệu ứng Offset Path để mở một cửa sổ Offset Path, sau đó thay đổi giá trị từ -6.5 px thành -8.5 px, và nhấp vào OK. Thiết lập Opacity cho nét viền thứ hai này là 50%.

Bước 6

Chọn thuộc tính Stroke thứ hai trong bảng Appearance, nhấp vào biểu tượng Duplicate selected item để tạo một nét viền thứ 3 ở trên. Mở cửa sổ Offset Path và thay đổi giá trị từ -8.5 px thành -10.5 px, sau đó nhấp vào OK. Giảm Opacity thành 25%.

Những nét viền này nằm ngay cạnh nhau như trong hình cận cảnh. Nếu cần, bạn có thể tùy chỉnh các giá trị Offset cho đến khi có được kết quả mong muốn.

4. Vẽ hạt của quả bơ

Bước 1

Chọn quả bơ và từ menu xổ xuống của bảng Appearance, chọn Add New Fill. Kéo màu tô này xuống phía dưới cả ba nét viền, nhưng nằm ở trên phần ruột màu vàng và chọn màu tô bất kỳ. Trong khi thuộc tính Fill này vẫn đang chọn, vào Effect > Distort & Transform > Transform và áp dụng các thiết lập như bên dưới.

Bước 2

Vẫn chọn Fill từ bước trước, vào Effect > Convert to shape > Ellipse và gõ vào 160px trong vùng Width và Height, sau đó nhấp OK. Hiệu ứng này sẽ làm cho phần hình tô của bạn trở thành một hình tròn.

Bước 3

Hột quả bơ không tròn, do đó, bạn sẽ áp dụng một vài các hiệu ứng Warp để bóp méo nó. Chắc là thuộc tính Fill này vẫn đang được chọn trong bảng Apearance, sau đó vào Effect > Warp và áp dụng trước tiên là hiệu ứng Arc Upper, sau đó là Inflate, và Arc Lower. Bạn có thể thấy phần kết quả trong hình tiếp theo.

Những thiết lập mà tôi đã sử dụng: 25% Horizontal Bend cho hiệu ứng Arc Upper, a 10% Vertical Distortion cho hiệu ứng Inflate và 8% Horizontal Bend cho hiệu ứng Arc Lower.

Bước 4

Phần hột đã xong và bây giờ bạn có thể thay thế màu tô bằng hiệu ứng chuyển màu như bên dưới, sau đó sử dụng công cụ Gradient Tool (G) để thay đổi thông số. Để thuận tiện, tôi đặt tên cho thuộc tính Fill này là "Seed Fill".

Bước 5

Chọn thuộc tính "Seed Fill" trong bảng Appearance, sau đó nhấp vào biểu tượng Duplicate selected item ở phía bên dưới. Chọn thuộc tính sao chép ở bên dưới và thay thế màu chuyển đang có bằng màu vàng. Bây giờ, mở cửa sổ Transform Effect, thay đổi các thuộc tính như bên dưới và nhấp vào OK. Những hiệu ứng khác vẫn giữ nguyên.

Bước 6

Vẫn chọn thuộc tính Fill từ bước trước, vào Effect > Stylize > Outer Glow và áp dụng các thuộc tính bên dưới.

Bước 7

Vẫn chọn thuộc tính Fill từ bước trước, nhấp vào biểu tượng Duplicate selected item ở phía bên dưới bảng Appearance. Thao tác trên bản sao chép ở trên và nhấp đôi chuột vào Ellipse để mở cửa sổ Shape Options. Thay vì 160px, thì gõ vào 172px trong vùng WidthHeight, sau đó nhấp vào OK. Thiết lập Opacity cho thuộc tính Fill này là 40% và giữ nguyên các hiệu ứng khác.

Bước 8

Nhân đôi Fill của bước vừa rồi, sau đó thao tác trên bản sao chép ở trên, là cái thứ ba của thuộc tính này. Mở lại cửa sổ Shape Options và gõ vào 185 px thay vì 172 px trong vùng WidthHeight, sau đó giảm Opacity xuống còn 20%. Ba màu tô này sẽ tạo ra một quầng sáng màu vàng xung quanh hột quả bơ.

5. Thêm phần hightlight cho quả bơ

Bước 1

Chọn "Seed Fill" trong bảng Appearance và nhân đôi như cách đã làm trước đó. Thao tác trên bản sao chép ở phía bên trên và thế chỗ gradient hiện tại với màu bất kỳ. Để có được kết quả như hình tiếp theo, bạn cần phải thay đổi một số các thiết lập trong các hiệu ứng sống.

Đây là các thiết lập cho các hiệu ứng Arc Upper, InflateTransform. Hai hiệu ứng khác vẫn giữ nguyên.

Bước 2

Tiếp theo, thay màu tô mà bạn đã chọn bằng màu chuyển như bên dưới. Thiết lập thuộc tính Fill thành Blending Mode ScreenOpacity 40%.

Bước 3

Chọn thuộc tính Fill cuối cùng (từ bước trước) và nhân đôi nó. Thao tác với bản sao chép ở phía bên trên, và đầu tiên, thay thế màu chuyển đang dùng bằng màu chuyển gradient linear trắng sang đen, với Angle là -100 độ. Bây giờ, mở cửa sổ Transform Effect và thay đổi các thuộc tính như hình. Giữ Angle -10 độ và nhấp OK. Giữ nguyên các hiệu ứng khác như mặc định và cũng giữ nguyên các thiết lập Blending ModeOpacity.

Bước 4

Bây giờ, chúng ta sẽ thêm vào một dạng highlight khác, ở cạnh trên bên trái của hột bơ. Để làm điều này, chọn "Seed Fill" trong bảng Appearance, sau đó nhấp vào biểu tượng Duplicate selected item ở phía dưới. Thao tác với phần sao chép ở bên dưới và thay đế hiệu ứng gradient đang dùng bằng hiệu ứng linear gradient như bên dưới với Angle là 40 độ. Mở cửa sổ Transform Effect và thay đổi giá trị HorizontalVertical Move như bên dưới. Về cơ bản, bạn đang dời màu tô mới này 1px lên trên và 1px qua trái. Thiết lập Blending Mode thành Screen (màu đen là màu trong suốt)

6. Thêm phần đổ bóng cho hột bơ

Chọn lại thuộc tính "Seed Fill" và nhân đôi nó. Thao tác với bản sao chép bên dưới và thay thế gradient hiện tại với hiệu ứng gradient linear như bên dưới với Angle là -60 độ. Tiếp theo, bỏ hiệu ứng Inflate bằng cách kéo nó vào biểu tượng Trash và thay đổi các thiết lập cho các hiệu ứng Arc Upper, Arc Lower Transform. Thiết lập Fill này thành Blending Mode Multiply50% Opacity.

Đây là những thiết lập mà bạn cần thay đổi và bạn có thể thấy kết quả trong hình bên dưới.

7. Thêm chỗ bắt sáng cho quả bơ

Trong khi hình quả bơ đang được chọn, vào bảng Appearance và từ menu xổ xuống chọn Add New Fill. Dời Fill mới này lên trên cùng , sau đó chọn hiệu ứng linear gradient như bên dưới và chọn Angle-40 độ. Thiết lập Fill này thành Blending Mode Screen (màu đen trở thành trong suốt) và 50% Opacity.

8. Lưu Graphic Style quả bơ

Lúc này, quả bơ đã gần xong. Bạn có thể lưu kiểu mẫu này bây giờ hoặc lưu sau khi thêm vào các phần đổ bóng.

Chọn hình quả bơ, nhấp vào biểu tượng New Graphic Style vào bên dưới bảng Graphic Syles (Window > Graphic Styles) Nhấp đôi chuột vào biểu tượng sau đó gõ vào tên của style, và nhấn OK. Tôi đặt tên chúng là "Avocado Graphic Style no shadow".

9. Thêm phần đổ bóng của quả bơ

Bước 1

Chọn thuộc tính Fill ở bên dưới cùng của bảng Appearance, là thuộc tính đầu tiên mà bạn đã thêm vào (phần vỏ) và nhân đôi nó. Thao tác với bản sao chép nằm bên dưới, vào Effect > Stylize > Drop Shadow và áp dụng các thuộc tính như bên dưới. Bạn có thể giữ màu tô như cũ.

Bước 2

Chọn Fill từ bước trước trong bảng Appearance, nhấp vào biểu tượng Duplicate selected item. Thao tác với bản sao chép bên dưới và nhấp đôi vào hiệu ứng Drop Shadow để mở cửa sổ Drop Shadow. Thay đổi thuộc tính và nhấp vào OK.

Bước 3

Nhân đôi thuộc tính Fill của bước trước thêm lần nữa, sau đó mở cửa sổ Drop Shadow và thay đổi các thiết lập.

Bước 4

Nhân đôi Fill vừa rồi, và thay đổi các thuộc tính cho hiệu ứng Drop Shadow như bên dưới. Bạn đã xong với phần đổ bóng rồi.

10. Vẽ cái cuống

Lúc này quả bơ đã hoàn thành nhưng nếu muốn, bạn có thể tạo một cái cuống nhỏ mặc dù phần này không bắt buộc. Dùng công cụ Pen Tool (P) và vẽ một hình như hình bên dưới nằm ở phần trên cùng của quả bơ. Tô màu với hiệu ứng linear gradient như hình với Angle 90 độ, sau đó thiết lập Opacity là 40%.

11. Tóm tắt

Bước 1

Trong hình tiếp theo, bạn có thể thấy tất cả các thuộc tính Fill mà chúng ta đã sử dụng để tạo ra quả bơ. Các thuộc tính của bạn cũng theo thứ tự như vậy. Nếu mọi thứ trông ổn, bạn có thể lưu kiểu dáng này lại. Trong khi hình quả bơ đang chọn, nhấp vào New Graphic Style tại phía dưới cùng của bảng Graphic Styles. Nhấp đôi vào thumbnail, sau đó gõ tên và nhấp OK.

Nếu bạn muốn áp dụng kiểu mẫu này vào một hình khác, bạn sẽ thực hiện một số thao tác chỉnh sửa và thay đổi thiết lập cho các hiệu ứng sống cho đến khi phù hợp với các lựa chọn của bạn.

Bước 2

Như bạn thấy ở chế độ Outline, chúng ta chỉ sử dụng một hình dạng để vẽ quả bơ. Ngoại trừ phần cái cuống, nhưng đó chỉ là tùy chọn thôi.

Dĩ nhiên, bạn có thể thêm vào nhiều hiệu ứng appearance nữa. Ví dụ, bạn có thể thêm vào các chi tiết, bạn có thể thêm vào một kết cấu của phần ruột và một kết cấu của cái hột để làm chúng trông giống thật hơn, tuy nhiên, chúng ta sẽ kết thúc ở đây nhé.

Thật tuyệt! Bạn đã hoàn thành rồi!

Nếu bạn thích bài hướng dẫn này, hãy xem bài hướng dẫn đầu tiên tương tự được đăng bởi Sharon Milne dễ thương, và bạn sẽ học được Cách vẽ một miếng Kiwi chỉ với một dáng hình. Hãy cho chúng tôi biết cảm nghĩ của bạn về những bài hướng dẫn kiểu như thế này nhé, nếu ban thấy chúng thú vị và hữu dụng, chúng tôi sẽ viết thêm các bài hướng dẫn nữa.

Advertisement
Did you find this post useful?
Want a weekly email summary?
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.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads