This blog is about Graphic Design, Vector Art, and Cartoon Illustration BradHallArt.com


Preparing artwork for the web with Adobe Illustrator

As much as I like Adobe Photoshop, when it comes to combining images, like photos, with logos and type, Adobe Illustrator is the way to go. If you've worked with both programs, you know what I mean. Fonts are easy to change, resize, change color, etc. and graphics, like logos, are a breeze. Overall, working in vector for page layout is much easier than working in raster. But there comes a time when you need to supply the file to a webmaster as a raster, which is a Photoshop jpeg. But you don't need to go to Photoshop to save your artwork for the web.

You need, appropriately enough, "Save for Web", which is under the File menu in Adobe Illustrator. This is how you do it.

Prepare your artwork normally in Adobe Illustrator. Make lines, boxes, type, whatever you want. When you are finished, after you save your file normally, go to File - Save for Web. A window opens up and at the far right you will see a box that asks you to make some decisions. Select jpeg and maximum. Leave the rest alone. Click save, use the same file name, as it will add the .jpg extension automatically. Send that file to the webmaster, relax, and take the rest of the day off.

Yes, there are more difficult and more complex ways to do this, but why?