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) (phiên bản gốc) có hướng dẫn chi tiết từng bước thực hiện

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 14: How to Fire Up Your Designs Using This Awesome Vector Fire Text Effect. 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 Fire Up Your Designs Using This Awesome Vector Fire Text Effect

Final Image

Step 1

Start with the Type Tool (T), and type whatever word you wish to light on fire. In this case, I chose a font called Great Vibes. Feel free to use whatever you want as the font will simply be used as a guide for your fiery shapes and paths. I opted for a script font since it allows for the flames to move into each other. Lock the text in the Layers panel.

Step 2

Using the Rectangle Tool (M), draw a large rectangle covering the artboard. Apply a Radial Gradient going from black to a burnt orange. Adjust the gradient’s shape with the Gradient Tool and its other attributes in the Gradient panel. In the Layers panel, set this rectangle below the text layer and lock this shape to keep your workspace organized.

Step 3

One of the main techniques we’ll be using in getting this fiery effect is creating blurred-like shapes with the Blend Tool (W). But first, we’ll need to draw our shapes we’d like to blur. So use the Pen Tool (P) or Pencil Tool (N) to draw a wispy leaf-like shape. Then select it and go to Object > Path > Offset Path…

Step 4

When the dialog box pops up, hit Preview and set the offset to -6px or -8px. Hit OK once you’re satisfied with the size of the new interior shape you’ve made.

Step 5

Select the larger shape and reduce the opacity in the Transparency panel to 0%. Select both shapes and with the Blend Tool, select their paths. InBlend Options (hit Enter with the Blend Tool selected) adjust the steps of the blend to 10 or 12. Hit OK when you’re satisfied with the smoothness of the blend.

Step 6

Next we’ll start applying the technique outlined in Steps 3-5 to our text. Draw a thinned, wispy shape along the bottom of the F in fire.

Step 7

Repeat the process from Steps 3-5 in order to create a smooth blend.

Step 8

Change the Blend Mode of the blended shape in the Transparency panel to Overlay.

Step 9

Repeat these steps creating fiery shapes, layering them up. Play with the opacity and blend mode settings as you see fit (changing from Overlay toColor Dodge or Lighten). In the example below, I drew each shape with the Pencil Tool, repeated Steps 3-8, and set each object to Overlay in theTransparency panel. For the more opaque shapes (see the selected one below), I simply drew them with the Pencil Tool, lowered the opacity to 63% (this is arbitrary — set it to your liking), and set the blending mode to Color Dodge. Arguably, these brighter, more opaque, less blended shapes are a bit more stark in the design and are to be used sparingly when creating realistic fiery lettering.

Step 10

Once you’re satisfied with your flames, select then and Group (Control-G) them together flames. Below you’ll see the Preview Mode toggled (Control-Y) between Outline and Preview. This is just to show you how simple the design is in terms of vectored shapes versus having rasterized pieces or expanded effects.

Step 11

Next, apply this same technique outlined in Steps 6-10 to create the fire effect to the letter “F”. Play with the number of steps in the Blend Options. For the horizontal line in this letter, the blend is between a larger shape , so we’ll set the offset shape at 20 steps (see Steps 3-4 for offsetting shapes). Doing so creates a smooth gradient-like blend. If you choose less steps for the blend, the inner shape won’t recede into the background as smoothly.

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