Fireworks text and Path integration operations

Source: Internet
Author: User
The text you enter is generally always in a rectangular text box, and in many cases we need to draw the dynamic text. To achieve this effect, we can draw a path and then attach the text to the path, and the text will change as the path changes. But this time the path has lost the stroke, stroke, padding, and other path attributes. Here's a concrete look at how the combination of text and paths in fireworks can achieve the flexibility and richness of the effect.

  1. Append Text to Path

In fireworks, we can attach text to a path where the text is arranged in the direction and shape of the path. When text is attached to a path, you can still edit the text, and the stroke, fill, and effect properties are used for the text, not the path. But once the text and the path are stripped, the path restores its original properties. Let's see how to attach text to a path:

(1) Create a new file, select the Pen tool in the toolbox, and draw a path in the plot area, as shown in Figure 1.


Figure 1 Drawing path

(2) Select the Text tool in the Toolbox click to add a text in the plot area. Then use the Selection tool on the toolbox to hold down the SHIFT key while selecting both the path and the text object, as shown in Figure 2.


Figure 2 Selecting text and Paths

(3) Click on the "Text" menu, select "Attach to Path" in the Pull-down menu (attached to the paths), the text is appended to the path, when the text changes its original orientation and position as the path is shaped, as shown in Figure 3.


Figure 3 Attaching text to a path

(4) If you separate the text from the path, select the text and the path, and then choose Detach from Path (separated from the paths) under the "Text" menu. After separation, the path restores its original properties.

Note: If the length of the text exceeds the length of the path to which it is attached, the remaining text will return to the shape of the repeating path, which can be adjusted by modifying the font size of the text or by modifying the length of the path.

2. Change the start position of text

Select the text attached to the path to change the position of the text by entering the desired offset in the path offset text box in the property panel, as shown in Figure 4. Get the image shown in Figure 5.


Figure 4 Setting the text offset


Figure 5 Changing the starting position of the text

  3. Change the direction of text

After the text is appended to the path, select "Text>>orientation" and select the desired direction from its submenu to further change the direction of the text. The four options in the Orientation menu are as follows: Rotate Around path (rotate by Path), Vertical (vertical), Skew Vertical (vertical skew), Skew horizontal (horizontal skew). Figure 6 to Figure 9 shows the effect of four options, respectively.


Figure 6 Effect by path rotation


Fig. 7 Vertical effect


Fig. 8 Effect of vertical tilt


Fig. 9 Effect of horizontal tilt

Alternatively, select Text>>reverse Direction to flip the text, as shown in Figure 10.


Figure 10 Flip Text

  4. Change the alignment of text

You can adjust the alignment of the text by path by selecting the appropriate option in the Text>>align menu, as shown in Figure 11.


Figure 11 The Zizi menu

The effects shown in Figure 12 to figure 16 are left (left-to-right), centered horizontally (horizontally centered), right (right-aligned), justified (justified), and strentched (forced alignment).


Figure 12 Effect of left alignment


Figure 13 Horizontal Center Effect


Figure 14 Effect of the right alignment


Figure 152 effect of end-snapping


Figure 16 Effect of forced alignment



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.