Illustrator

If you've ever needed to batch convert a folder full of Illustrator or .eps files to a bitmap format such as PNG or JPG, you know the frustration of doing it manually (one at a time) with Illustrator's export function. You could set up a batch action in Photoshop, but that's almost more trouble than it's worth.

Pongo is a tiny application that does only one thing, convert vector-based Illustrator files to either PNG, JPG or SVG format, with a single click of a button. You simply drag your file(s) onto the Pongo Icon, and choose which format you want to save the files as.

aps_ai-pongo.jpg

Pongo actually uses Adobe Illustrator to do the work, so you will have to have Illustrator installed, but it does its job in the background.

Pongo requires Mac OS X 10.4 or higher, and is completely free - though donations are accepted.

Changing Illustrator CS4 artboard orientation

Adobe IllustratorI recently received an email from a fellow Mac user asking how you go about changing the orientation of an Adobe Illustrator document once you've already created it. Previously, you could do it in the Document Setup dialog box, but with CS4 that has changed - probably due to multiple artboard support being added to Illustrator CS4.

Below I've outlined how you change the various aspects of your document, including orientation, size, etc.

Creating cool 3D springs in Adobe Illustrator

In this excellent tutorial at VectorTuts, you'll learn how to easily create 3D springs in Adobe Illustrator using little more than a simple shape and the 3D Revolve Effect.

ai_3d-springs-tut.jpg

The finished results look complex and time consuming, but the actual technique really isn't at all. You may not have cause to create a spring in the near future, but the technique is quite handy to learn - you never know when you can apply it to something else you're working on.

Creating rounded corner rectangles in Illustrator

There's more than one way to skin a cat, as the old saying goes. There's also more than one way to create rounded corner rectangles in Adobe Illustrator.

The Rounded Rectangle Tool in Illustrator is handy, but it's limited in that once you create the rectangle, you can't go back and alter the amount of the rounded corners later on if you need to. Fortunately, Illustrator offers another, more flexible method to accomplish the task.

ai_round-corners-1.jpg

To get around this limitation, create a normal squared-edge rectangle. With the rectangle selected, go to Effect>Stylize>Round Corners... in the menubar.

ai_round-corners-2.jpgThe Round Corners dialog box allows you to set a custom Radius to your rectangle, and tick the Preview box so you can see what your rectangle will look like.

But here's where the handy part comes into play. When you create the round corners this way, you can go back and adjust the radius amount at any time later on in your design process because the round corners are a live effect, just like fill, stroke, opacity, etc.

To do that, select the rectangle and simply visit the Appearance Panel. You'll see the Round Corners effect listed in the panel along with any other attributes applied to the rectangle. Double-click the effect and you can edit the radius of your rounded corners.

Using shapes and gradients in Adobe Illustrator

With simple shapes and gradients, this Adobe Illustrator tutorial will show you how to create an alarm clock icon. We'll be using Illustrator CS4 for this tutorial, but those of you with older versions of Illustrator should be able to follow along as well.

Shapes and Gradients tutorial for Adobe Illustrator

VectorTuts is a great site for Illustrator users to explore. Be sure to check out the community links section as well!

14 Free vector art resource sites

Free Vector Art Resources

Logo, Web and print designers, as well as Adobe Illustrator users in general, will find the following free vector art sites to be a great resource, and a huge time-saver.

Before you start squacking about "real designers don't use clip-art," consider that you don't have to use the artwork as a whole. I often times use small pieces of the artwork found on these sites as logo elements, highlight graphics in brochures, etc. Because they're vector, they're easily manipulated and customized.

None of these sites actually create the vector art. Instead they simply do the searching for you and put it all into one easy place. Because of that, you're likely to notice that many of these sites feature the same artwork. Don't let that fool you into thinking they're all the same. Most of them feature artwork not found on the other sites listed.

Bookmark the sites and check back often, as they're constantly updated with free vector art. As always, check for a license or other stipulations before using commercially - though most allow it.

Clickable words in Illustrator's Control panel

You may have noticed that some of the functions in the Control panel in Adobe Illustrator are blue with a dotted line underneath – they've actually been around since at least Illustrator CS2.

ai_control-panel-clicks.gif

Those blue words with the dotted underline mean that particular function is clickable. When you click on the function name, the appropriate panel for that function opens on the fly (see screenshot above). The panel will close when you click anywhere in the document, or select a different tool.

The Control panel is already context-sensitive, meaning it changes depending on which tool you have active, but this clickable function feature makes it even more handy because you don't have to keep as many panels open to have them readily available, nor do you have to use a keyboard shortcut.

Free package template vector art

res_ai-blank-package-vectors.png

Vectortuts+ is offering a free vector pack of consumer product packaging graphics for download. Because they're vector files and "blank," they're perfect for customizing for your own use.

Create eye-catching text with Adobe Illustrator

Layers Magazine has posted a great little tutorial for Adobe Illustrator users, showing you one way to create eye-catching text in a comic book style.

tut_ai-layersmag-wow-text.jpg

The technique is simple and uses little more than the Free Transform tool, some strokes and the Pen tool.

Adobe IllustratorIf you've ever had to convert a logo or piece of artwork in Adobe Illustrator CS3 from color to grayscale (or even Pantones to CMYK), you've undoubtedly seen the "gradients and patterns will not be converted" warning message. The auto-convert function in Illustrator CS3 doesn't work on gradients. You could go through the trouble of adjusting the gradient manually, but if you have a lot of different gradients, that can be time-consuming.

Illustrator expand gradient feature.jpg

Instead, select all the objects containing gradients (or just hit Command + A to grab everything) and go to the menu bar and select Object>Expand and hit OK. Your gradient is now converted into many objects with different shades of solid colors, rather than a single object with a gradient, so they can easily be converted to grayscale.

In most cases, just hitting OK will do the job just fine. But if you find the results not to your liking, you might try adjusting the number of objects created to simulate the gradient at the bottom of the Expand dialog box first. The more objects you create, the smoother the gradient will appear when converted to individual objects.

Because you have expanded the gradient to multiple objects, going back and editing the gradient is a royal pain, so be sure to save a copy of the original before you expand it.

What about Illustrator CS4 users?

If you've upgraded to Illustrator CS4, rejoice! The ban on gradient conversions has been lifted. We can now convert the colors in gradients to color, grayscale, or RGB by going to the menubar and selecting Edit>Edit Colors and choosing the appropriate option.