Hệ Thống Bài Học Adobe Illustrator (Ai) Có Hướng Dẫn Chi Tiết

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 5: Summer’s Here! Celebrate with Faceted Summer Banner Vectors

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 nay, trung 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 5: Summer’s Here! Celebrate with Faceted Summer Banner Vectors.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!

Summer’s Here! Celebrate with Faceted Summer Banner Vectors

Final Image

Step 1

Each of the faceted summer banner designs begin with the same banner. Using theRectangle Tool (M), draw a narrow, horizontal rectangle in light coral. Use thePen Tool (P)or thePolygon Toolin order to draw a triangle that intersects with both corners on the left of the rectangle. Select both objects and hitMinus Frontin thePathfinderpanel. Repeat on the other side in order to complete your ribbon banner.

Step 2

The text for these summer banner vectors is fairly simple: Summer ’14. I played with three sans-serif fonts:Akkurat Pro,Penelope Anne, andHero. Whatever font you choose for your banner, do not forget toExpandyour text underObject.

Step 3

For the sun that appears in two of the summer banner vectors, start with a circle drawn with theEllipse Tool (L)in a bright yellow. UnderEffect > Distort & Transform > Zig Zag, enter0.33in, or so, with4 ridges per segmentand hitOK.ExpandunderObject, andCopy (Control-C),Paste (Control-V), andRotatethe copied starburst on top of the first one so you have a bright, golden sun.Group(G)both shapes together and place beneath the banner ribbon in theLayerspanel.

Step 4

The sunglasses worn by the sun in the first summer banner vector are comprised of rounded rectangles. Draw a narrow, horizontal rectangle for the top of the glasses and a square for the first frame.Alignthese pieces to the right side (in theAlignpanel). Use theDirect Selection Tool (A)in order to select the rectangles that make up the left side of the glasses and pull the live corners inward so the rectangles are rounded. alternatively, if you’re not usingAdobe Illustrator CC, you can use theRounded Rectangle Toolfrom the start, but you will have to specify the corner radii. Repeat for the other side.

Step 5

For the bridge of the glasses, draw a small rectangle between either frame of the glasses and go toEffect > Warp > Arcin order toBendthe rectangle31% Horizontally.Expandyour shape and recolor the glasses frames accordingly. I chose to place pink and blue rounded rectngles in the center of each frame for the lenses and two small gray rectangles on either side of the top of the frames as a Ray-Ban-esque detail. the first banner is complete. Let’s move on to the second and third.

Step 6

ICopiedandPastedthe sun, as well as the banner itself, for the second summer banner vector. The sun was scaled down and placed to the right. Using theEllipse Toolto draw a series of circles, of various sizes, in order to form a cloud. when satisfied with the cloud design,Selectall of the circles andUniteinPathfinder.

Step 7

I’ve layered two clouds behind the sun, one darker than the other, in order to create some depth. Next up are raindrops. Draw a circle and pull the top anchorpoint upwards with theDirect Selection Tool. Use theConvert Anchor Point Tool (Shift-C)in order to change the top of the raindrop to a point.Copy,Paste,Scale, and scatter the raindrops around the composition, under the ribbon banner.

Step 8

For the rainbow, which appears in two of the summer banner vectors, draw two identical, narrow, vertical rectangles. Select both and use theBlend Tool (W)to select both rectangles and apply a blend of3 – 4 Steps.

Step 9

Expandthe blend and change each rectangle’s color in order to create a rainbow.Grouptogether the rectangles and pull them downward with theSelectiontool in order to get a longer group of rainbow shapes. Go toEffect > Warp > Arcand set theVertical Bendto-78%. This will result in a lovely, arching rainbow.ExpandunderObject.

Step 10

For the third summer banner vector, use the rainbow, clouds, and raindrops from the second and place all of them behind the banner (as done with the other designs).

Step 11

In order to create the faceted look seen on half of the summer banner vectors in the final product of this tutorial, use theRectangular Grid Tool(found under theLine Tool (\)in the toolbar) to draw a square grid that’s six across and six down. Repeat the grid and rotate it so it overlaps the first grid on the diagonal.

Step 12

Select both grids and hitDividein thePathfinderpanel. once divided, apply aLinear Gradientgoing from white to black in theGradientpanel. Adjust the gradient’s angle within the panel carefully, as the faceted look won’t happen if all of the pieces are going in the same dirction.

Step 13

CopyandPasteone of your badge designs andUniteit inPathfinder.CopyandPastethe gradient grid design from the last two steps and place it beneath theUnitedbanner design. Make sure the gradient grids areGroupedtogether. Select the united shape a the grid group andMake a Clipping Mask (Control-7).Alignthe newly clipped design over your original banner design and change theClip Group’s Blend ModetoOverlayin theTransparencypanel. Reduce theClip Group’s Opacitywithin theTransparencypanel as you see fit. Repeat this step on your other banner designs.

Great Job, You’re Done!

Now that you’ve created some banner designs, ready for summer, and learned an easy technique for creating facted designs, take this style into your work elsewhere creating sticker designs, t-shirt graphics, and stock artwork, all ready for your graphics portfolio.

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)

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