How to Transform and Double Objects in Illustrator [Solved]

How to Transform and Double Objects in Illustrator

Illustrator LogoThere are 5 commands in the “Object” Menu (Object > Transform > …) which can transform objects to specified value. These are Move, Rotate, Reflect, Scale and Shear. Any of these commands opens the dialog box in which you enter the required parameters, for example the rotation angle.

All dialog boxes of these commands have Copy button, when the copy button is clicked the object will be transformed and doubled.

There is also a useful command Transform again (Command/ Ctrl + D) in the menu Object > Transform >…. Let us see the practicality of this command. Suppose we need to place the same objects on a given distance from each other. Select the object, then go to the Object > Transform > Move… and set the move value in the dialog box; then click on Copy button.

Now the usage of Command / Ctrl + D shortcuts will repeat the last action, i.e. will double and move the selected object in this case.

The other command, Transform Each, from the menu Object > Transform >… allows us to make a couple of transformations with an object or some objects at the same time. Let’s check how we can apply it to a couple of objects.

Select the objects, then go to Object > Transform > Transform Each…. Now reduce the Scale value and set any value for the move value and rotation angle, and then tick Random and Preview.

As you can see, we quickly made some diversity in our composition.

This method is also good in fast creation of vector textures.


How to Edit the Pattern Brush in Illustrator [Solved]

How to Edit the Pattern Brush in Illustrator

Now, you’ll edit the Border brush using a pattern swatch that you create.Illustrator Logo

    1. Click the Swatches panel icon () to expand the Swatches panel, or choose Window > Swatches.
    2. Choose View > Pattern objects to zoom in to the life preserver off the right edge of the artboard.
    3. With the Selection tool (), drag the life preserver into the Swatches panel. The new pattern swatch appears in the Swatches panel.

After you create a pattern brush, you can delete the pattern swatches from the Swatches panel if you don’t plan to use them for additional artwork.

    1. Choose Select > Deselect.
    2. In the Swatches panel, double-click the pattern swatch that you just created. In the Pattern Options dialog box, name the swatch Corner and choose 1 x 1 from the Copies menu.
    1. Click Done in the gray bar, along the top of the Document window, to finish editing the pattern.
    2. Choose View > Fit Artboard In Window.
    3. In the Brushes panel, double-click the Border Pattern brush to open the Pattern Brush Options dialog box.
    4. Click the Outer Corner Tile box, and choose the Corner pattern swatch from the menu that appears.
    1. In the Pattern Brush Options dialog box, change the Scale to 70% and click OK.
    2. In the Brush Change Alert dialog box, click Apply To Strokes to update the border on the artboard.
    1. With the Selection tool selected, click to select one of the paths that contains a row of windows. Click the Border brush in the Brushes panel to apply it.

Notice that the life preservers are not applied to the path. The path is painted with the side tile from the Border brush. Because the path does not include sharp corners, the outer corner and inner corner tiles are not applied to the path.

    1. Choose Edit > Undo Apply Pattern Brush to remove the brush from the path.
  1. Choose Select > Deselect, and then choose File > Save.


How to Recolor Artwork using Illustrator [Solved]

How to Recolor Artwork using Illustrator

Illustrator LogoToday I’ll talk about how you can recolor your artwork in Illustrator CS3 using the LiveColor feature. I’ve always wanted to talk about this feature, but somehow I never got to actually doing it. I believe this is a rather powerful feature that might be a bit daunting at first sight. It definitely needs some getting used to before you actually see or understands its power.

Some people might find other methods better, easier or faster, but here are the steps I usually take when I use this feature:

Add your swatches in a Color Group

Add your swatches in a Color Group

First thing I usually do is group my color swatches in a Color Group and duplicate my artwork or save another version if the artwork is too heavy to work in the same document. Select the color swatches and click the New Color Group icon in the Swatches palette to create a Color Group. Give it a name and click OK

Edit or Apply Colors

Edit or Apply Colors

Click the Edit or Apply Colors wheel icon in the Color Guide palette.

The Live Color window

The Live Color window

You’ll see that the colors of your artwork are a bit mixed up. They are there but they are differently applied. I have no idea what the purpose of this is really because so far it always end up uglier then my oringinal artwork. Maybe it was just bad luck for me so far I don’t know.

Get colors from selected art in the Live Color window

Get colors from selected art

Click the Get colors from selected art option in the Live Color window. This will bring back the order of how the colors are applied in your artwork.

Create New Color Group

Create New Color Group

To make sure you don’t accidentally overwrite your original colors, click the Create New Color Group option.

Link or unlink the harmony colors

Link or unlink the harmony colors

Start dragging the color handles in the color wheel. By default the harmony colors are linked. I usually try out things first with this option as set to linked, but for me it somehow almost never gives me the result I want. Still I always try, just in case I get surprised. If your result is not exactly what you’re looking for either, you could try things out in the unlinked state by clicking the icon so it becomes a broken chain icon.

Assign Colors

Instead of editing colors, you can also assign colors. Click the Assign option button to go to this feature. Here you’ll see the swatches of your artwork that are currently in use followed by an arrow and the new swatches to the right. You can assign a new swatch to each color. You can also change the order of the new swatches by dragging them to another place in the column of new swatches. So instead of experimenting via the color wheel, you can also use this method. I find this feature handy if I have already colors in mind and I want to adjust the colors in a rather complex artwork in a fast way.

Assign Color

Save artwork color sets

Click the save icon to save the artwork color set you like. This way it will be saved in the LiveColor feature. Each time you click the Edit Colors in the Color Guide palette you’ll see them listed.


I usually click OK after the 1st set I saved. Then I duplicate my artwork again and I repeat the same steps all over again just couple of times until I have enough combinations to compare or to show the client.


How to Work with Color Guide using Adobe Illustrator [Solved]

How to Work with Color Guide using Adobe Illustrator

The Color Guide panel can provide color inspiration while you create your artwork. It helps to pick harmony rules such as color tints, analogous colors, and much more.

In this panel, you can also access the Edit Color/Recolor Artwork feature, which allows you to edit and create colors. Next you will use the Color Guide panel to select different colors for the logo, and then save those colors as a color group in the Swatches panel.

  1. With the Selection tool, drag a marquee around the aquo logo. Alt-drag (Windows) or Option-drag (Mac OS) a copy off the artboard on the right side.
  2. Select the Zoom tool in the Tools panel and click twice on the copied logo to zoom in. Choose Select > Deselect.
  3. With the Selection tool, click the red background shape of the copied logo.Make sure that the Fill box is selected in the Tools panel.
  4. Click the Color Guide panel icon on the right side of the workspace to open the panel. Click the Set As Base Color button.This allows the Color Guide panel to suggest colors based on the color showing in the Set As Base Color button.Next you’ll experiment with the colors in the logo.
  5. Choose Right Complement from the Harmony Rules menu.
  6. Click the Save Color Group To Swatches panel button to save the colors in the Right Complement harmony rule in the Swatches panel.
  7. Click the Swatches panel icon. Scroll down to see the new group added. You can apply these colors to the artwork or edit them.
  8. Click the Color Guide icon to open the Color Guide panel.Next you’ll experiment with the colors.
  9. In the color variations in the Color Guide panel, select the color in the third row, fourth color from the left.

    Notice that the copied logo changes color. Click the Set As Base Color button to try a new group of colors using the Right Complement harmony rule.

  10. Click the Save Group To Swatches panel button to save the colors in the Swatches panel.
  11. Choose File > Save.


How to Save Swatches in Adobe Illustrator [Solved]

How to Save Swatches in Adobe Illustrator

Illustrator LogoThe Swatches panel allows you to store colors for multiple uses in your document. You can create colors using several different methods in Illustrator, and, by adding them to the Swatches panel, you can store them for frequent and consistent use. Storing a swatch of a color that you plan to reuse guarantees that the color is exactly the same each time it is used. Let’s create a new swatch for your document.

1 Click on the artboard (the white area surrounding the page) to deselect any objects in your document. You can also use the keyboard shortcut, Shift+Ctrl+A (Windows) or Shift+Command+A (Mac OS).

2 Double-click the Fill color at the bottom of the Tools panel.

3 When the Color Picker appears, type the values of C:0 M:70 Y:100 K:0. Press OK.

Sample Lesoon Image
Click on Fill.Enter values into the Color Picker.

4 If the Swatches panel is not open, choose Window > Swatches now, then click on the New Swatch icon () at the bottom of the panel.

5 In the Swatch Name text field, type Hippie Orange, then check the box to the left of Global and press OK. The color has been added to the Swatches panel, and has a white triangle in the lower right side of the swatch indicating that this color has been defined as Global.

Sample Lesoon Image
Click on the New Swatch icon.Name the Swatch, and change it to Global.

What is a Global Color?

Taking advantage of global colors allows you to apply a color to multiple fills and strokes, and make updates to the colors dynamically. This is extremely useful when you want to tweek your color, or perhaps replace it with an entirely different set of color values.

In this part of the lesson, you will apply the new Hippie Orange to several shapes in the bus, and then update them.

1 Hold down on the Direct Selection tool () and select the Group Selection tool.

2 Select any shape on the bus and then click on the newly added Hippie Orange swatch.

3 Assign the Hippie Orange color to at least three other shapes. No specific shapes are necessary.

Sample Lesoon Image
Select at least four shapes to apply the new global color to..

4 Choose Select > Deselect, or use the keyboard shortcut Shift+Ctrl+A (Windows) or Shift+Command+A (Mac OS) to deselect everything.

5 Double-click on the Hippie Orange swatch in the Swatches panel; the Swatch Options dialog box appears.

6 Type 50 into the M (Magenta) textbox, and press OK. All the instances of Hippie Orange have been changed.

Selecting the Same color

Editing colors when they have been defined as global is fairly simple, but what if you already used a non-global swatch in multiple instances in your illustration? For these situations you can take advantage of selecting the Same fill, stroke or both.

1 Using the Group Selection tool () select the large purple windshield.

2 Choose Select > Same > Fill Color. Any additional objects using that same fill are selected.

To make editing colors easier in the future, you should save this color and convert it to global.

3 With the objects still selected, press the New Swatch button at the bottom of the Swatches panel. The New Swatch dialog box appears.

4 Type Hippie Purple into the Swatch Name text field and check Global, then press OK.

Sample Lesoon Image
Collect like colors and convert them to global.

Reusing swatches

When you create swatches in an Illustrator document, those swatches are available only in that document. However, users commonly repurpose swatches in other Illustrator documents. Instead of recreating frequently used swatches in every document, you can choose Save Swatch Library as AI from the Swatches panel menu. This creates a new file containing the swatches in your current document. To reuse the swatches in another document, simply choose Open Swatch Library > Other Library from the Swatches panel menu. Now all those swatches are available to apply to objects in your new document.

There is also an option called Save Swatch Library as ASE (Adobe Swatch Exchange) in the Swatches panel menu. This performs a very similar task to Save Swatch Library as AI, except that the ASE format is interchangeable with other CS6 applications. These swatch libraries can be opened within Adobe Photoshop and Adobe InDesign, making it very easy to share colors between multiple applications. Unfortunately, any swatch patterns that have been added to the swatch library will not be accessible inside programs other than Illustrator.

Saving a set of colors as a group

When working in Illustrator, you’ll often end up with quite a few swatches in your Swatches panel. As you experiment with colors and make adjustments, the number of swatches can increase to a point that makes it difficult to find a particular color. Fortunately, Illustrator simplifies the process of locating specific swatches by allowing you to create color groups to organize swatches into logical categories. Let’s organize the swatches in the Swatches panel into color groups.

1 In the Swatches panel, hold down the Ctrl key (Windows) or the Command key (Mac OS) and select the Hippie Orange, Hippie Purple, CMYK Yellow, CMYK Cyan and CMYK Magenta color swatches.

2 Press the New Color Group button () at the bottom of the panel. The New Color Group dialog box appears.

3 In the New Color Group dialog box, type Retro Colors in the Name text field. Choose the Selected Swatches radio button, then press OK. The colors are collected in a group at the bottom of the Swatches panel, making it easy to locate them.

Sample Lesoon Image
Select five colors, then press the New Color Group button.Save them to a color group.

Creating a color group from selected colors

You can also extract colors from existing artwork to create a color group.

1 Choose the Selection tool () and then click on the ellipses you created earlier.

2 Click on the New Color Group button at the bottom of the Swatches panel; the New Color Group dialog box appears.

3 Type Base Colors into the Name text field, then select the Radio button to the left of Selected Artwork and make sure that both options, Convert Process to Global and Include Swatches for Tints, are selected. Press OK, the color group is added to your Swatches panel.

Sample Lesoon Image
Create a color group from colors already used.The Color group is added to the Swatches panel.

4 Choose File > Save to save your work. Keep the file open.


How to Master Clipping Masks in Illustrator [Solved]

How to Master Clipping Masks in Illustrator

Behind the Mask: Part 1

Illustrator LogoOne of the more beautiful things about being a designer is the seemingly never-ending thirst for knowledge that permeates throughout the industry. I, for one, absolutely love learning new things that can help me creatively, or can help streamline the production process. However, there has been the odd time I’ve come across people who don’t understand the finer workings of applications or, oddly enough, are afraid of them. In the name of progress, let’s see if we can knock a major – and absolutely essential – function of Adobe Illustrator off the list of things to fear: Making a clipping mask.

Understanding Masks

So, what’s a mask?

Think of a blank piece of paper strapped to your face. Of course, you can’t see through it. To see anything, you’re going to have to cut out eye holes. Masking at its most basic form is just that … cutting out eye holes. It should remind you of … well, wearing a mask. Hence the name. (Just to clarify, don’t do any cutting with paper strapped to your face. It’s dangerous, and potentially very, very messy.)

Thinking of masking as cutting a hole through a blank piece of paper pretty much makes you an expert on the subject. You can mask just about anything, raster images included. Masks show you what you want to see, and hide what you don’t.

What are masks good for, anyway?

Well, for starters, they’re just another valuable tool at your disposal. Knowing what tools you have to work with and understanding how they work will only help you get on with your job faster (employers love that). As I stated earlier, masks show you what you want seen, and hide what you don’t. A classic example of a clipping mask is containing an image within a shape. You want an eye peeping through a keyhole? A clipping mask will do the trick. Another, maybe, less obvious use for a clipping mask is to hide the edges of your artwork (yes, I’m looking at you people who use white boxes to hide the edges of your work).

Enough already, I get it … how do I make one?

Making your Mask

1. Create your shapes You’ll need at least two shapes. A masking shape, and the items you wanted masked. Your topmost object is always your vector masking shape (the “hole” you want to cut out of the paper) because if we revisit our paper analogy, you can’t have what you want masked sitting in front of the hole … that wouldn’t work. 2. Select all of the items you want masked (including the mask itself) Go to “Object” in your toolbar, and down to Clipping Mask > Make (Command + 7 for Mac users or Control + 7 for PC users). Lo and behold! Your objects have been clipped into your shape. 3. Done! Once you’ve made your mask, you can move or edit the elements around to your heart’s desire or, conversely, lock them so you won’t accidentally move or edit them at all. Please note: You’ll notice your topmost shape has lost any color applied to it. That’s because Illustrator assumes you’re only using your mask as the (here’s that paper analogy again) “hole in the paper” and not a design element. Not to worry, you can easily change that by selecting your mask and by applying fills, strokes or effects to it.

Backing out of the deal

There are a couple of other important functions in the Clipping Mask menu, one of which is “Release.” If you want to release objects from your mask you can either use the direct selection tool (the white arrow) and manually remove them by clicking on the mask and pressing Delete, or select the entire mask using the group selection tool (the black arrow) and under “Object” in the toolbar, click on Clipping Mask > Release (Option + Command + 7on a Mac, Alt + Control + 7 on a PC). Then go to “Object” and select “Ungroup.”

What else is there?

Clipping Masks are pretty versatile. You can create a mask of your mask, mask raster images, mask non-outlined type, and make a clipping mask of a compound path, for example. Once you’re familiar with masks, you’ll find a multitude of uses for them.


How to Wrap a Text Around an Image using Illustrator [Solved]

How to Wrap a Text Around an Image using Illustrator

Illustrator LogoUsually putting together a layout for a printed document would be completed in a desktop publishing package such as Adobe InDesign, however for some smaller projects like a single page article it is sometimes quicker to produce it right inside Illustrator to save switching back and forwards between applications. Using the Text Wrap feature within Adobe Illustrator you can quickly and easily format your text to harmonise with your photographs and images.

Put together your textual layout on the relevant page size, here I’ve roughly set out a few paragraphs of text pulled straight from an article on the topic of frogs.

Go to File > Place and import your desired graphic (resized beforehand in Adobe Photoshop), move it into position on the page. Notice however the image sits over the top of the text rather than the text flowing around it.

With both text and picture selected go to Object > Text Wrap > Make. (Choosing Options will allow you to set the margin around the image)

The image is now sat within the paragraph of text allowing the words to flow around it, keep an eye out for any hyphenations as a result and knock them down onto the next line if necessary.

Now the text is wrapping around the image, the picture can be moved anywhere on the page and the text will continue to flow around it. To adjust the spacing around the image, simply go to Object > Text Wrap > Options.

Let’s say that you wanted to do something a little more fancy, in this example the frog photograph has been clipped out to blend in as part of the document without being constrained to a rectangular box.

To allow the text to wrap around the actual body of the frog, use the Pen Tool to draw in a make-shift shape following the outline of the frog.

With this new shape selected, go to Object > Text Wrap > Make.

The text now flows around the previously created object, and in turn gives the impression that it is wrapping around the frog image.

In my example I added an orange fill swatch for illustrative purposes, to remove this simple select the shape with the Direct Selection Tool and clear the fill colour.


How to Duplicate Objects in Adobe Illustrator [Solved]

How to Duplicate Objects in Adobe Illustrator

Illustrator LogoDuplicating objects can be a powerful way of creating geometrical artwork. You can duplicate one or more selected objects by dragging them, using Arrow keys, copying to and pasting from the Clipboard, or using the Offset Path command. The Offset Path command duplicates a path (along with fill and stroke attributes) and places it on the artboard based on the offset distance specified in the Offset Path dialog box. The duplicate path is reshaped to fit around the original path.

Duplicate Objects

  • yellow1.jpg Select the Selection tool on the Tools panel.
    • If the object is in a group, select the Direct Selection tool on the Tools panel.
  • yellow2.jpg Use any of the following methods:
    • Same Document. Hold down Alt (Win) or Option (Mac), and then drag the edge or fill of the object.
    • Different Documents. Open the documents side by side, and then drag the edge or fill of the object from one document to another.
    • Clipboard. Select the object, click the Edit menu, and then click Copy. Click in the target document or artboard, click the Edit menu, and then click Paste, Paste in Front, or Paste in Back.
    • Keyboard. Select the object, press Control (Win) or Command (Mac) key, and then use one of the Arrow keys to move the duplicated object in the direction you want. The duplicate object moves away from the original object based on the current keyboard increment value in General preferences.

Duplicate Objects Using an Offset

  • yellow1.jpg Select the Selection tool on the Tools panel.

  • yellow2.jpg Select an object.

  • yellow3.jpg Click the Object menu, point to Path, and then click Offset Path.
  • yellow4.jpg Enter the distance you want to offset the duplicate path from the original object.
  • yellow5.jpg Click the Joins list arrow, and then select a bend style: Miter (pointed), Round (circular), or Bevel (square-cornered)
  • yellow6.jpg You can set a limit (1-500) to determine when a mitered corner changes into a beveled corner. A low number creates a more beveled corner, while a high number creates a sharper corner.
  • yellow7.jpg Click OK.



How to Use the Live Paint Feature in Illustrator [Solved]

How to Use the Live Paint Feature in Illustrator

Using the Live Paint feature in Adobe Creative Suite 5 (Adobe CS5) Illustrator, you can Illustrator Logocreate the image you want and fill in regions with color. The Live Paint bucket automatically detects regions composed of independent intersecting paths and fills them accordingly. The paint within a given region remains live and flows automatically if any paths are moved.

If you want to give it a try, follow these steps to put together an example to experiment with:

1. Use the Ellipse tool to create a circle on your page.

Make the circle large enough to accommodate two or three inner circles.

2. Press D (and nothing else).

As long as you aren’t on the Type tool, you revert to the default colors of a black stroke and a white fill.

3. Double-click the Scale tool.

Enter 75% in the Uniform Scale text box.

4. Press the Copy button and then click OK.

You see a smaller circle inside the original.

5. Press Ctrl+D (Windows) or Command+D (Mac).

This duplicates the transformation and creates another circle inside the last one.

6. Choose Select→All or press Ctrl+A (Windows) or Command+A (Mac).

This activates the circles you just created.

7. Make sure that the Fill swatch is forward.

The Fill swatch is at the bottom of the Tools panel.

8. Activate the Swatches or Color panel.

Choose any fill color.

9. Select the Live Paint Bucket tool, which is hidden under the Shape Builder tool, and move the cursor over the various regions of the circles.

See how the different regions become highlighted?

10 Click when the region you want to fill is activated.

Now try it with other fill colors in different regions.

A companion feature to the Live Paint Bucket is support for gap detection. With this feature in its arsenal, Illustrator automatically and dynamically detects and closes small to large gaps that may be part of the artwork. You can determine whether you want paint to flow across region gap boundaries by using the Gap Options dialog box, accessible by choosing Object→Live Paint→Gap Options.

Before you save a file for an older version of Illustrator that uses the Live Paint feature, first select the occurrences of Live Paint and choose Object→Expand. When the Expand dialog box appears, leave the options at their defaults and click OK. This setting breaks down the Live Paint objects to individual shapes, which older versions of Illustrator can understand.


How to Use Area Type Tool in Illustrator [Solved]

How to Use Area Type Tool in Illustrator

An easy and practical way to create rows and columns of text is to use the area type Illustrator Logooptions in Adobe Creative Suite (Adobe CS5) Illustrator. This feature lets you create rows and columns from any text area. You can have only rows or have only columns (much like columns of text in a newspaper) or even both.

  1. Select the Type tool and drag on the artboard to create a text area.

  2. Choose Type→Area Type Options.

    The Area Type Options dialog box appears,. At the end of this section, a list explains all options in the Area Type Options dialog box.

    The Area Type Options dialog box lets you create columns of text.

    The Area Type Options dialog box lets you create columns of text.
  3. In the Area Type Options dialog box, enter a width and height in the Width and Height text fields.

    The Width and Height text fields contain the height and width of your entire text area.

  4. In the Columns area, enter the number of columns you want to create in the Number text field, the span distance in the Span text field, and the gutter space in the Gutter text field.

    The span specifies the height of individual rows and the width of individual columns. The gutter is the space between columns and is automatically set for you, but you can change it to any value you like.

  5. Click OK.

When you create two or more columns of text from the Area Type Options dialog box, text flows to the next column when you reach the end of the previous column.

One column of text flows into the next.

One column of text flows into the next.

The following list breaks down the other options available in the Area Type Options dialog box:

  • Width and Height: The present width and height of the entire text area.

  • Number: The number of rows and/or columns that you want the text area to contain.

  • Span: The height of individual rows and the width of individual columns.

  • Fixed: Determines what happens to the span of rows and columns if you resize the type area. When this check box is selected, resizing the area can change the number of rows and columns but not their width. Leave this option deselected if you want to resize the entire text area and have the columns automatically resize with it.

  • Gutter: The empty space between rows or columns.

  • Inset Spacing: The distance from the edges of the text area.

  • First Baseline: Where you want the first line of text to appear. The default Ascent option starts your text normally at the top. If you want to put in a fixed size, such as 50 points from the top, select Fixed from the drop-down list, and enter 50 pt in the Min text field.

  • Text Flow: The direction in which you read the text as it flows to another row or column. You can choose to have the text flow horizontally (across rows) or vertically (down columns).