Hệ thống bài học Adobe illustrator (Ai) có hướng dẫn chi tiết - Bài 22 (Phiên bản gốc) Phần 1

Bài 22:  How to Create aPearlBrush from Gradient Meshes in Adobe Illustrator

Adobe Illustrator  là một chương trình vẽ vector, thường được sử dụng để vẽ hình minh hoạ, hoạt hình, biểu đồ, đồ thị.  Adobe Illustrator được dùng để thiết kế : như thiết kế những sản phẩm trong ngành thiết kế quảng cáo, thiết kế in ấn, thiết kế logo, thiết kế bản hiệu, thiết kế thời trang, thiết kế thiệp mời, Tạo các sản phẩm tờ rơi, Cataloge, Card Visit, Broucher, Profile,vẽ hoạt hình, tích hợp chuyển động cho Flash...Adobe Illustrator ưu diểm là dễ dàng thay đổi và trao đổi dữ liệu, kích thước file nhẹ, dễ dàng tương thích với Photoshop, Corel Draw, và hỗ trợ in ấn rất tốt.

Hôm naytrung tâm TIN HỌC KEY xin giới thiệu đến các bạn một hệ thống bài tập thực hành vẽ các đối tượng trong Adobe illustrator (Ai) (phiên bản tiếng anh, theo: vectips.com) có hướng dẫn chi tiết các bước thực hiện cụ thể để các bạn dễ dàng thực hành theo. Hôm nay chúng ta sẽ học bài 22How to Create aPearlBrush from Gradient Meshes in Adobe Illustrator . Hy vọng hệ thống bài học này sẽ mang lại cho bạn những kiến thức hữu ích trong quá trình bạn học Adobe illustrator (Ai).

Chúc các bạn thành công!

How to Create aPearlBrush from Gradient Meshes in Adobe Illustrator

Final Image

As always, this is the final image that we’ll be creating:

hoc thiet ke do hoa quang cao 1

Step 1

Open Adobe Illustrator and create a new document (File > New). In the dialog box, set the RGB color mode and the size of the artboard, which depend only on your personal preferences.

hoc thiet ke do hoa quang cao 2

Step 2

Take the Rectangle Tool (M) and create a rectangle with linear gradient fill. I used two colors for this gradient: R= 233; G = 230; B =228 and R= 158; G = 143; B =138.

hoc thiet ke do hoa quang cao 3
This created rectangle will be used as our background, so you can use completely different fill. But the background should exist as an object.

Step 3

Let’s begin creating our pearl. Take the Ellipse Tool (L) and draw a circle with light-brown fill R= 235; G = 230; B =227.

hoc thiet ke do hoa quang cao 4
And now transform our circle into a gradient mesh. To do so, go to the Object > Create Gradient Mesh… and in the dialog box set a number of rows and columns which is two.
hoc thiet ke do hoa quang cao 5

Step 4

Take the Mesh Tool (U) and create a new mesh point by clicking on the point A.

hoc thiet ke do hoa quang cao 6
Now we need to recolor a couple of mesh points. Use the Direct Selection Tool (A) to select them. The points’ location and their new colors are indicated on the figure below.
hoc thiet ke do hoa quang cao 7

Step 5

Create an ellipse with the color of fill R= 247; G = 239; B =235 with the help of the Ellipse Tool (L) and rotate it to some angle with the Selection Tool (V), as it is indicated on the figure below.

hoc thiet ke do hoa quang cao 8
Transform the ellipse into a gradient mesh (Object > Create Gradient Mesh).
hoc thiet ke do hoa quang cao 9

Step 6

Select and color the center point of the gradient mesh into brown R= 189; G = 166; B =154.

hoc thiet ke do hoa quang cao 10
Now select the entire gradient mesh and set the Multiply blending mode in the Transparency panel.
hoc thiet ke do hoa quang cao 11
This action allowed us to make the light edges of the gradient mesh semi-transparent. I want to remind you that white became transparent after the Multiply blending mode application.

Step 7

Let’s create some highlights on the surface of our pearl. Create one more gradient mesh in black (R= 0; G = 0; B =0) as an ellipse as we did in our previous steps. Color the center point of the gradient mesh white.

hoc thiet ke do hoa quang cao 12
Select the entire gradient mesh, then in the Transparency panel, set the blending mode to Screen.
hoc thiet ke do hoa quang cao 13
As you can see, the edges of the object became transparent, since black becomes transparent after application of the Screen blending mode.

Step 8

I don’t like the way transparency is spread from edges to the center of the object. So let’s see how we can control the transparency in gradient meshes. The distribution of color between adjacent mesh points depends on the length ratio of handles on their connecting mesh line, i.e. if I want to distribute some transparency to the center I need to reduce the handles of white point and increase the handles of black points on the outer edges of the object.

hoc thiet ke do hoa quang cao 14
Undoubtedly, these actions changed the picture, but this is still not quite the effect I’m trying to reach.
hoc thiet ke do hoa quang cao 15

Step 9

Select all the points which are located on the edges of the gradient mesh (the central point should remain unselected) and set 30% Opacity in theTransparency panel. Starting with Adobe Illustrator CS5, we can control the mesh point opacity.

hoc thiet ke do hoa quang cao 16
Now, I finally have the desired result.
hoc thiet ke do hoa quang cao 17

Step 10

Using the described technique, let’s work on creation of some more highlights on the pearl. Its location is indicated on the figures below.

hoc thiet ke do hoa quang cao 18
hoc thiet ke do hoa quang cao 19
hoc thiet ke do hoa quang cao 20

Step 11

Now, let’s use the principles described above to create a drop shadow. The points that are located on the borders of gradient mesh are white and have 0% opacity. The central point is colored in grey R= 140; G = 140; B =140. The Multiply blending mode is applied to entire gradient mesh.

hoc thiet ke do hoa quang cao 21


Step 12

The pearl is ready, let’s group all its objects for our convenience (Cmd / Ctrl + G). Now we can create brushes from this group despite the fact that Illustrator’s brushes cannot contain gradient meshes.

hoc thiet ke do hoa quang cao22
The opportunity became available only due to free Mesh Tormentor plug-in, which you can download here : http://www.meshtormentor.com/. After installation of the plug-in, open its panel (Window > Mesh Tormentor)
hoc thiet ke do hoa quang cao 23

NHẤP VÀO ĐÂY để xem các bước tiếp theo ......

TRUNG TÂM TIN HỌC KEY

ĐC: 203-205 Lê Trọng Tấn - Sơn Kỳ - Tân Phú - TP HCM

ĐT: (028) 22 152 521

Đăng nhận xét - bình luận

Đào tạo tin học KEY

CN: Lê Trọng Tấn

Địa chỉ: 203 - 205 Lê Trọng Tấn, P. Sơn Kỳ, Q. Tân Phú, TP. HCM.
Điện thoại: (028) 22 152 521
Website: key.com.vn - Email: key@key.com.vn

CN: Nguyễn Ảnh Thủ

Địa chỉ: 765-767A (Số mới: 558-560A) Nguyễn Ảnh Thủ, P. Tân Chánh Hiệp, Q. 12, TP. HCM.
Điện thoại: (028) 2242 2244
Website: key.com.vn - Email: key@key.com.vn

Trở lên đầu trang