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

Hệ thống bài học Adobe illustrator (Ai) (phiên bản gốc) có hướng dẫn chi tiết từng bước thực hiện

Bài 17: 

How to Create a Polygonal Vector Mosaic That Will Wow Any Crowd

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 17: How to Create a Polygonal Vector Mosaic That Will Wow Any Crowd. 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 a Polygonal Vector Mosaic That Will Wow Any Crowd

Step 1

For this tutorial, we need a web-based tool, which is called Triangulator that lets us convert bitmap images to vector art. Follow the link above, scroll to the bottom left, and click on the text link to download the tool on your computer.

Unzip the file, find the index.html file and open it in your browser.
I recommend you to use Google Chrome for these purposes. Triangulator works only with the File API support browsers.

Step 2

Now we need a raster image that we’ll convert into vector. Triangulator works with all widely-spread image formats (GIF, JPG, PNG8 and PNG24). I’ll use the Fresh ripe lime from Shutterstock. Of course, you can use any other image. Reduce the size of the image in any raster editor, for example, in Photoshop if its size is too big. I think for convenient operation, the width of the image should be between 600-800px. The quality of the image is not significant.


Step 3

Drag your image to the drop zone as indicated in the picture below.

I want to draw your attention that you should have your browser in a full screen mode for Triangulator to work successfully.

Step 4

To create polygons, click on different places of our image. Sometimes, for reasons unknown to me, this cannot be done from the first time. In this case, click on Randomly in the upper panel.

huong dan su dung ai bai 17
Then delete formed polygons by clicking on Delete all vertices.
Now create the first polygon by clicking three times on the image where vertices should be placed.

Step 5

The click on a new point creates a new polygon or separates the existent one if the click was done inside it.

You can move the vertices of the created polygons.

Step 6

I think that vertices of polygons should be placed on the borders of the object forms and on the borders of color. Try to emphasize the structure using the forms of the polygons themselves. I cannot say that it is an easy task, but with a little experimentation, you’ll learn how to do it.

Step 7

Soon the most part of the image will be hidden by the mosaic, and it will be difficult to understand where to put the next point. In this case, we can reduce the opacity of all polygons by shifting the left slider on the upper panel.

As you can see, some polygons are located outside the objects. Don’t pay any attention to it–they will be deleted later.

Step 8

Once mosaics from polygons have been created, click Export.

Now click on Save this link as file.
As a result of these actions, the mosaics will be opened in a new window.

Step 9

Click on the mosaic with the right mouse button, then choose Save as… in the opened context menu.

Save the file on the hard drive. As you can see, this file has the SVG extension and can be opened in any vector editor.

Step 10

Open the file in Adobe Illustrator. As you can see, the mosaic represents regular vector objects which are filled with linear gradients.

Select and delete polygons which are located outside the lime.

Step 11

Because of the vector format of images, we can, if necessary, change the colors of the linear gradients a little and the location of vertices. To modify the color, click twice on the slider in the Gradient panel which opens the Color panel.

To move the vertices of the adjacent polygons, select them with the Lasso Tool (Q), then shift them with the Direct Selection Tool (A) or with the arrow keys.

Step 12

Let’s start creating the background. Draw a rectangle with the help of the Rectangle Tool (M). The size of the rectangle should correspond to the size of the artboard. Fill this object with a radiant gradient from white to light-green.

Turn off the visibility of all objects except the background in the Layers panel. Now go to the File > Save for Web… and save the file, for example, in the JPG format.

Step 13

Drag the file with the raster background into Triangulator, then create a mosaic the same way we did it with the lime.

Save the received polygons as the SVG file; then open it in Adobe Illustrator.

Step 14

Easily align the uneven edges in the background with the help of Align panel, then group all its objects (Cmd/Ctrl + G).

Now copy the background, and paste it into the document where the lime is located. Place the background layer below the lime objects using theLayers palette.

Step 15

Let’s create a reflection. Select all the lime objects, then go to the Object > Transform > Reflect…. In the opened dialog box, choose the Horizontal Axis and click the Copy button.

Shift the copy of the lime down as it is indicated on the picture below.


Step 16

With the help of the Rectangle Tool (M), create a rectangle which will cover all of the lime’s reflection. Fill this rectangle with vertical linear gradient from grey to black.

Select the lime’s reflection and the rectangle, then click on the Make Opacity Mask in the fly-out menu of the Transparency panel.


Place the Opacity Mask below the lime’s objects by shifting it down in the Layers panel.


Step 17

Create a drop shadow. Draw a circle with the help of the Ellipse Tool (L), and fill it with radiant gradient from dark-grey to white.

Set the blend mode to Multiply using the Transparency panel.
Deform the circle with the help of the Selection Tool (V), turning it into an ellipsis. Place the shadow below the lime’s objects using theTransparency panel.
Our still life with the lime in polygonal mosaic style is ready!



Nếu bạn có nhu cầu học khóa học Adobe illustrator (Ai) vui lòng NHẤP VÀO ĐÂY để xem chi tiết về khóa học hoặc NHẤP VÀO ĐÂY để gửi thắc mắc về khóa học của bạn cho chúng tôi.

Những bài viết có nội dung liên quan khác:

Phím tắt trong phần mềm Illustrator (AI)

Giáo trình illustrator cs6 tiếng việt

Hệ thống bài học Adobe illustrator (Ai) (tiếng Việt) có hướng dẫn chi tiết - Bài 1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Trung tâm TIN HỌC KEY

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

ĐT    : (028) 22 152 521

Web  : key.com.vn

Đă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