Changing font size

Changing font size

1. If the text is not active, use the Type toolto insert the cursor in the text area and choose Select > All.
2. In the Control panel, choose a preset size from the Font Size pop-up menu, or click and drag over the present size and enter a value in points. If the font size is not 12, choose 12 now.
   
   Changing the font size in the Control panel.
   
   

Changing font color

In this next section, you'll change the font color; you can change both the fill and/or the stroke of selected text. In this example you will change the fill.

1. Click and drag to select the first paragraph in the text area, or click three times.
2. Click the Fill color in the Control panel. When the Swatches panel appears choose White. The text fill changes to white.
   
   
   
3. While you still have the first line of text selected, change the font size by selecting 14 from the Font size pop-up menu in the Control panel.
4. Change the font style for the selected text by selecting the Font Style pop-up menu in the Control panel and choosing Bold.
   
   

Changing additional text attributes

By clicking the Character panel link in the Control panel you can change many other attributes that are worth investigating but not covered in this particular exercise.

A. Set the font family.
B. Set the font style.
C. Font size.
D. Kerning.
E. Horizontal Scale.
F. Baseline Shift.
G. Underline and Strikethrough.
H. Language.
I. Leading.
J. Tracking.
K. Vertical Scale.
L. Rotation.

Changing paragraph attributes

Just like with character attributes, you can set paragraph attributes (such as alignment or indenting) before you enter new type, or reset them to change the appearance of existing, selected type. If you select several type paths and type containers, you can set attributes for them all at the same time.

Now you'll add more space before all the paragraphs in the column text.

1. With the Type tool, insert the cursor anywhere in the text area and choose Select > All.
2. Click the word Paragraph in the Control panel. This links you to the Paragraph panel.
3. Type 6 in the Space Before Paragraph text field (in the bottom left corner) and press Enter. Spacing before paragraphs, rather than pressing the Return key, is recommended when creating large text areas.
   
   Enter a space before the paragraphs.
   
   

Changing text attributes

In this section, you'll discover how to change text attributes, such as size, font, and style. Fortunately, with this version most attributes can be changed quickly and easily in the Control panel.

1. With new project, select the Type tool and insert the cursor anywhere in the text area created earlier.
2. Choose Select > All, or Ctrl+A (Windows) or Command+A (Mac OS). All text becomes selected.
   
   In this next section, you will discover two different methods for font selection, both using the Control panel.
   
3. Change the font of selected text from the Font menu in the Control panel. Click the arrow to the right of the menu and scroll until you find the font Times, or Times New Roman.
   
   Choose fonts using the Control panel.
   
   
   
4. With the text still selected, choose from the menu items Type > Font to see the font display to the right of the font name. This may take a little more time because of the display, but scroll to change the selected font to Arial Regular or Helvetica.
   
   
   
5. This next method is the most dynamic method for selecting a font. Make sure the text is still selected and then follow these instructions:
   
   * Click and drag over the Font Name in the Font text field in the Control panel.
   
   Select the font name in the Control panel.
   
   
   
   * Now, begin typing the name, "Myriad Pro," an OpenType font. Illustrator will filter through the list.
   
6. Font styles are specific to each font family. Though you may have the Myriad Pro font family on your system, you may not have condensed and italic styles of that family. Find the available styles by choosing them from the Font Style pop-up menu.

Working with overflow text and text reflow

Each area type object contains an in port and an out port, which enable you to link to other objects and create a linked copy of the type object. An empty port indicates that all the text is visible and that the object isn't linked or overflowing. A red plus sign in an out port indicates that the object contains additional text. This remaining unseen text is called overflow text.



Note that since the text area created is too small, there is a plus sign in the out port.

There are two main methods for remedying overflow text.

• Thread the text to another text area.
• Re-size the text area.

Threading text

Thread, or connect, one text area to another to create a dynamic connection between the areas by following these steps:

1. Use the Selection tool to select the type area.
2. With the Selection tool, click the out port of the selected type area. The cursor changes to the loaded text icon.
3. Click and drag on an empty part of the artboard.
   
   Click on the out port of the overflowed text area. Click and drag to create a threaded text area.
   
   

Resizing the text area

For this next, you will see how to re-size the text area to make room for additional text.

1. If you have created additional text areas using the threading method, switch to the Selection tool and click to select and delete all but the original text area. Make sure the overflow text icon is still visible.
2. Use the Selection tool to drag a handle on the bounding box. Drag the handle on the middle of the right side so that the text area changes in size only horizontally. Click and drag to make the text area larger.
   
   Resizing the text using a middle handle.
   
   
   
3. Grab the lower right corner handle to see how dragging a corner handle will increase the size of the area both horizontally and vertically.
   
   Resizing the text area using a corner handle.
   
   
   
   Adjusting the type path using the Direct Selection tool is easiest when you're in Outline view.
   
   
   
4. You have completed the text flow. Choose File > Close. In the Adobe Illustrator alert window, choose not to save this file. This returns you to your original project.

Understanding text flow

For this next section, create a new blank document in addition. The purpose is to find out more details about flowing text in Adobe Illustrator CS3.

1. Choose File > New. In the Document Setup, choose Inches for Units, and keep other defaults the same. Click OK.
2. Create a fixed type area by selecting the Rectangle tool and clicking once on the page...do not click and drag! The Rectangle dialog window appears.
3. Type 2 inches into both the Width and Height text fields. Click OK.
   
   A square appears. It may have a fill or stroke color. Both fill and stroke will change to None when the shape is converted into a type area.
   
   Setting the dimensions
   
   
   
   Result
   
   
   
4. Select the Type tool and cross it over the edge of the square. The text insertion point swells, or becomes curved, indicating that when you click, the text cursor will appear inside this shape.
   
   The text insertion point when crossed over an edge of a shape
   
   
   
   Result The text cursor is inside the shape, strokes and fills are changed to none
   
   
   
5. With the cursor still active in the square, choose File > Place and navigate to the folder hard drive. Select the file and then click Place. You are placing a native Microsoft Word document, so you will have additional options to choose from.
6. In the Microsoft Word Options dialog window, leave the default settings and click OK.
   
   The text appears in the square. Text remembers the last used settings, so the type may appear slightly different from that in our example; this is not a problem.
   
   
   

Creating text outlines

When creating artwork for multiple purposes, it is wise to create outlines of text so the recipient doesn't need your fonts to create, open, and use the file correctly. Note that you will want to keep an original of your artwork, as you cannot change outline text back to editable text.

1. Select the Type tool. Click off to the left in the scratch area (away from the poster art).
2. Type WALK! RUN! DANCE!
3. Double-click the Rotate tool. The Rotate Options window appears, type 90. Click OK. The text is rotated 90 degrees counterclockwise.
   
   Rotate text 90 degrees.
   
   
   
   
   
4. With the Selection tool, position the text so it is in the lower left corner of the poster art.
   
   
   
5. Select the Selection tool. While holding down the Shift key, click and drag the upper right handle of the text's bounding box. This enlarges the text proportionally to the height of the poster.
6. With the Selection tool, Shift-click to select the world and the Sammy's World text. Choose Object > Arrange > Bring to Front.
   
   Enlarge a text area using the bounding box.
   
   
   
7. With the Selection tool select the "Walk! Run! Dance!" text again, click the Fill color in the Control panel and select White in the Swatches panel.
8. Click once on the word Opacity in the Control panel to link to the Transparency panel. From the Blend Mode pop-up menu choose Soft Light. Change the Opacity to 75% in the Opacity text field.
   
   
   
9. With the text area still selected, choose Type > Create Outlines. The text is no longer linked to a particular font, but has become artwork, much like any other vector art in your illustration.
10. Choose File > Save.

Congratulations! You have completed the tutorial.

Creating text on paths and shapes

With the Type tools in Illustrator CS3, you can type on paths and on shapes.

1. With the Selection tool, select the wavy path crossing the silhouette artwork.
2. With the Type tool, cross the cursor over the left side of the path to see an insertion point with an intersecting wavy path. Click when this cursor appears. The stroke attributes of the stroke change to None and a cursor appears. Don't type yet.
3. In the Font Size text field in the Control panel, type 36 and press the Enter key.
4. Type Don't just stand there... Note that the newly typed text follows the path.
   
   Type on a path.
   
   
   
5. With the Type tool, click and drag over the text you just entered (or click three times on the text). Click the Fill color in the Control panel to link to the Swatches panel. Then choose the White swatch.
   
   Now you will put text on a closed path.
   
6. With the Selection tool, select the small black circle in the lower left corner of the poster.
7. Switch to the Type tool. Holding down the Alt (Windows) or Opt (Mac OS) key, cross over the left side of the circle. The type on a path icon appears. Click, but don't type.
   
   Cross over the closed shape with the Type tool and the Alt/Opt key.
   
   
   
   After clicking, the text cursor appears.
   
   
   
   The fill and stroke attributes of the circle are changed to None, and you have a cursor on the path.
   
8. From the Font Size pop-up menu in the Control panel, change the text size to 24. From the Font menu choose Myriad Pro (or Myriad), and from the Font Style menu choose Bold.
9. Click the Align Center button to the right of Paragraph in the Control panel.
10. Type SAMMY'S SHOEWORLD in capital letters. The text flows on the circular path.
11. To adjust the placement on the path, select the Selection tool. The type object is selected. A bracket appears at the beginning of the type, at the end of the path, and at the midpoint between the start and end brackets. These brackets look like lines.
12. Position the cursor over the type's center bracket until a small icon appears next to the cursor, and drag the center bracket along the path. Hold down Ctrl (Windows) or Command (Mac OS) to prevent the type from flipping to the other side of the path. Position the text so it is centered across the top of the circle.
    
    

 

Reshaping text with a warping text

Warping text is fun because it allows you to use an effect on your text to give it a more interesting shape, while also giving you the ability to edit the text and warped shape at any time.

1. Choose Select > Deselect and select the Type tool. Before typing, change the Font in the Control panel to Myriad Pro (if it is not already selected), the Font Style to Bold and the Font Size to 85.
   
2. Use the Selection tool to select the silhouette of the people and choose Object > Lock > Selection. Reselect the Type tool and then click once on the poster art slightly above the silhouette of the people. Exact placement is not important. A text cursor appears.
   
3. Type the words KICK IT UP! Then select the Selection tool again and reposition the text so it is centered over the silhouette art.
   
   
   
4. With the text still selected, choose Effect > Warp > Arc Upper. The Warp Options window appears. Check the Preview checkbox. The Text stays flat on the bottom and arcs only in the upper part.
   
   Using the Settings and Style pop-up menu, you can experiment with many different combinations. Click OK when you have finished with this window. Use the Selection tool to reposition your text if necessary.
   
   The Arc Upper Effect options window.
   
   
   
   The Result.
   
   
   
5. With the Type tool, click and drag to select the words "KICK IT UP!".
   
6. In the Control panel, click Fill color and choose White from the Swatches panel.
   
7. Click Stroke Color and choose Pumpkin.
   
8. Choose 2 pt from the Stroke Weight pop-up menu in the Control panel. Notice that additional attributes are applied easily to the warped text.
   
   Easily apply new text attributes to text warped with an Effect.
   
   
   
   Next you will add a Drop Shadow Effect to the warped text.
   
9. Click the Selection tool and select "KICK IT UP!".
   
10. Choose Effects > Stylize > Drop Shadow. In the Drop Shadow Options window, leave the defaults and choose OK.
    
11. Choose Select > Deselect and File > Save. Leave the file open.
    
    The Result.
    
    

 

Illustrator CS3 Wrapping Text Around

Wrapping text around a graphic

Create interesting and creative results by wrapping text around a graphic.

1. With the file, choose File > Open. In the Open dialog window, choose the file you want.
2. With the Selection tool, select the on the page and choose Edit > Copy, then File > Close.
3. Return to the file, and choose Edit > Paste. The graphic is placed on the page.
4. Position the graphic so it is in the middle of the two columns.
5. With the graphic still selected, click the Fill color in the Control panel. When the Swatches panel appears choose the White swatch.
6. Using the Opacity text field in the Control panel, change the opacity to 30%. The Graphic positioned between the columns.
   
   The Graphic positioned between the columns.
   
   
   
7. With the graphic still selected, choose Object > Text Wrap > Make. The text wraps around the graphic.
8. If you still have text flowing in areas that you would rather close off, choose Object > Text Wrap > Text Wrap Options. In the Text Wrap Options window, change the Offset to 16. Click OK.
   
   You can increase or decrease the Offset in the Text Wrap Options window.
   
   
   
   
   
9. With the Selection tool, reposition the graphic to create a better text flow. For this example, it is OK if some of your text overflows out of the text area.
10. Choose File > Save. Keep the file open.

How to Print Crop Mark - Illustrator CS3

Selecting a printer description file

The set-up for separations and other options occurs in the Print dialog box.

Important: To be able to continue with this section, your computer must be connected to a PostScript printer. If you are connected to an ink-jet printer or not connected to a printer, the separation options will be dimmed in the Print dialog window.

1. Choose File > Print. The first pop-up window labeled Print Preset is left alone at this point.
   
   
   
2. First, make sure that you have a printer selected in the Printer pop-up box. If not, select a Postscript printer at this point.
   
3. Select a PPD.
   
   PostScript Printer Description (PPD) files contain information about the output device, including available page sizes, resolution, available line screen (frequency) values, and the angles of the halftone screens.
   
4. In the PPD pop-up window, choose Other.
   
5. Navigate to the General.ppd file, located in the Lesson15 folder, inside the Lessons folder within the AICIB folder on your hard drive. Click Open.
   
   The Print dialog box is updated with general printer parameters, and a preview of your artwork is displayed on the lower left side of the dialog box. (The preview of your artwork depends on the page size selected in the Page Size menu. Each output device has a variety of page sizes available; select the desired page size from the Page Size menu in the Print dialog box.)
   
6. Choose US Letter for the paper size in the Media section.
   
7. Click on Marks and Bleed in the options window on the left.
   
   In this window you can choose which printer's marks are visible. Printer's marks help the printer align the color separations on the press, and check the color and density of the inks being used.
   
   Add all printer's marks, or select just the ones that you want.
   
   
   
8. Click the checkbox to show All Printer's Marks.
   
   The preview shows the crop and other marks in the preview.
   
   Select printer's marks if not already selected.
   
   
   
   A. Registration mark.
   B. Page Information.
   C. Crop mark.
   D. Color bar.
   
   

Specifying the bleed area

Bleed is the amount of artwork that falls outside the printing bounding box or outside the crop marks and trim marks. You can include bleed in your artwork as a margin of error—to ensure that the ink is still printed to the edge of the page after the page is trimmed or to ensure that an image can be stripped into a keyline in a document. Once you create the artwork that extends into the bleed, you can use Illustrator to specify the extent of the bleed.

Changing the bleed moves the crop marks farther from, or closer to, the image; however, the crop marks still define the same size printing bounding box.

Small bleed.

Large bleed.

1. Specify a bleed of 18 pt by typing it in the Top bleed text field. If the Link button does not have a square surrounding it, click it now to activate equal bleed settings on all sides.
   
   Add a bleed equal on all sides using the Link button.
   
   
   
   This means that the artwork extends 18 points beyond the crop marks on your film. The maximum bleed you can set is 72 points; the minimum bleed is 0 points.
   
   The size of the bleed depends on its purpose. A press bleed (that is, an image that bleeds off the edge of the printed sheet) should be at least 18 points. If the bleed is to ensure that an image fits a keyline, it needs to be no more than 2 or 3 points. Your print shop can advise you on the size of the bleed necessary for your particular job.

 

Assign colors to your artwork

The Assign tab of the Live Color dialog box lets you assign colors from a color group to your artwork. You can assign colors in several ways, including using a new color group chosen from the Harmony Rule menu. In this next section of the lesson, we will practice assigning new colors to the color bar and "Aquo Life" text at the bottom of the poster.

1. Choose View > Fit in Window.
2. Choose Select > Deselect and with the Selection tool, click and drag to select the blue bar and "Aquo Life" text at the bottom of the poster.
3. Choose Edit > Edit Colors > Recolor Artwork to open the Live Color dialog box.
4. From the Harmony Rule menu, choose the Complimentary harmony rule. This will pick a set of colors that is complimentary to the green color. Leave the Live Color dialog box open.
   
   Notice in the Live Color dialog box that the green color has a new green color assigned and the blue color has a new purple color assigned. The white color has no new color assigned because the complimentary color group that was chosen only had two colors.
   
   Artwork selected.
   
   
   
   From the Harmony Rules menu choose Complimentary.
   
   
   
   The result.
   
   
   
5. With the Live Color dialog box still open, click and drag the purple color on top of the green color in the New column. This will swap the green and purple colors. Leave the Live colordialog box open.
   
   Drag to swap the new colors.
   
   
   
   The result.
   
   
   
6. From the Colors menu, choose 1.
   
   Notice that in the Colors menu, some of the numbers are dimmed. You can select up to the number of colors originally found in the object. In this case it is three (green, blue, and white).
   
7. At the bottom of the Live Color dialog box, make sure that the HSB sliders are showing. If they are not, select HSB from the Color Mode menu by clicking on the Color Mode button to the right of the sliders.
8. Change the HSB values to H=360, S=87, and B=84. This will edit the purple color to a red.
   
   Notice how the new purple color has changed to red. Also notice how the blue and green colors are merged in the Current Colors column. The red color in the New column is split into 3 different sections (The 3 sections are subtle because one section is a tint of the red). This indicates the new red color (the top half) and the tints of the new red beneath it. The darkest color in the row (the blue) is replaced with the specified new color (the red). Other current colors in the row (the green) are replaced with a proportionally lighter tint of the red because you chose to use 1 color.
   
   

   Change the number of colors to 1.
   
   
   
   Change the HSB values to red.
   
   
   
   The result.
   
   

9. Click on the Show Color Group Storage icon on the right side of the Live Color dialog box to show the Color Groups list if it isn't already showing. Click New Color Group to create a color group from the colors you edited. The color group called Color Group will appear in the Color Groups list.
10. Double-click on the new color group name in the Color Groups list to open the Edit Name dialog box. Change the name of the group to LogoBar and click OK.
11. Click OK in the Live Color dialog box and click Yes if a save dialog appears. The new color group should appear in the Swatches panel.