皇族电竞竞猜

sx-science.cn - Web Design Tutorials, Tips, Top Resources

Graphics, Graphics Software

Adobe Illustrator Tutorials, Brushes, Symbols, Vector Images, Books, Resources, and More, Page 1

Adobe Illustrator Tutorials, Articles, Books, Software

皇族电竞竞猜The Adobe Illustrator section provides annotated links to helpful, top quality, reliable Illustrator tutorials, vector graphics tutorials, tips, and more for Illustrator CS4, CS3, and more. Illustrator tutorials are for all levels, from newbies to advanced Illustrator users and cover how to use features within Illustrator (such as the Text Tool, Live Trace, the Pen Tool, Brushes, Mesh Tool), and how to create various effects with Illustrator, such as swirls, curls, swooshes, ribbons, and how to create vector graphic icons or navigation buttons and tabs, how to integrate Photoshop CS4 and Illustrator CS4 using Vector Smart Objects, and much more.

You'll also find Adobe Illustrator brushes, symbols, vector images, Illustrator product information and help, discussion lists, online forums on Adobe Illustrator, reviews of Adobe Illustrator CS4, CS3, Illustrator sites, blogs, and resources. You'll also find Adobe Illustrator CS4 book recommendations and Illustrator CS4 training videos below.

Be sure to check out our other pages on Adobe Illustrator: Adobe Illustrator Brushes, Adobe Illustrator Symbols, and Adobe Illustrator Discussion Lists, Forums, Blogs, Sites, and Adobe Illustrator Reviews, Documentation, TechNotes, Help.

Do you know of some good articles, tutorials, books, or resources related to Adobe Illustrator, vector graphics, brushes, symbols, shapes, gradients, Web graphics, or graphics programs? Recommendations are welcome皇族电竞竞猜 and appreciated!

On this page:

皇族电竞竞猜The Adobe Illustrator tutorials below are listed by their primary techniques used; however, many of them cover more than one technique, so be sure to check out other Illustrator tutorial topics/categories here, too.

What Illustrator tutorial topics would you like to see here? Did you find what you were looking for? sx-science.cn appreciates and welcomes suggestions and recommendations.


Helpful chart of keyboard shortcuts for Illustrator CS3. “This table lists only those shortcuts that are not displayed in menu commands or tool tips.” [Article/tutorial by .]
  • Are You Compatible?
    Whether you're sharing your vector files with others, selling them, contributing to stock vector sites, or would like to better understand vector file compatibility across various software versions, this article is helpful in explaining all the details. Covers EPS file compatibility, what to look out for, what works and what doesn't work between Freehand and Illustrator, gradients, gradient mesh, transparency, vector shapes, custom fills and strokes, complex paths, PostScript Level 3.0, how to ensure AI8 compatibility, and much more. See also iStockphoto - Stock Illustration Training Manual for even more details overall - helpful in general, not just for iStockphoto. [Article/tutorial dated 02/29/2008, by Jennifer Borton (aka bortonia), for iStockphoto.]

  • Article/tutorial explains the differences between Illustrator CS2 and Illustrator CS3 regarding anchor points, aligning individual anchor points, selecting anchor points on a path, Freehand, more. Also explains what the Align functions do in Illustrator and how they differ between CS2 and CS3. Helpful insight and info here, including screenshots. [Article/tutorial dated 05/21/2007, by Mordy Golding, .]

  • Covers a great deal about various things a blend can do for you with gradients, shapes, and so much more. Read online or download printable PDF version. Includes: introduction, creating a blend, editing a blend, releasing and expanding blends. [Article/tutorial dated 01/17/2007, by Mordy Golding, for .]

  • “If you've ever used a clipping mask to hide all of the extra artwork that hangs off the edges of your Illustrator artboard, and wished you could just get rid of the excess, here's how...” See also . [Article/tutorial dated 11/19/2007, by Jay Hilgert, .]

  • Explains how to close paths easily and quickly within Illustrator using two helpful free Illustrator plugins that automate the process for you, in addition to using CTRL+J. The two free Illustrator plugins for Windows and Mac: by Graffix and by Pictrix.jp. Especially helpful if you contribute to stock vector sites that require closed paths on submitted vector artwork. [Article/tutorial dated 09/15/2007, by Burcu, .]
  • How to Crop/Trim within Illustrator
    Forum post tutorial with multiple screenshots and directions on how to crop/trim images within Illustrator. Part of thread, “Non-Illustrator person is working in Illustrator to trim vectors! Help I am VERY Lost.” Great info, especially for those new to Illustrator or used to working in Photoshop. [Article/tutorial dated 02/29/2008, by diane555, for iStockphoto Vector Illustrations Forum.]

  • Explains how to use Illustrator's Path Eraser Tool  Illustrator CS3 Path Eraser Tool , the Eraser Tool  Illustrator CS3 Eraser Tool , or the eraser on a Wacom stylus pen to erase part of a specific path, an area of your Illustrator artwork, and more. In addition, double-click on the Eraser Tool icon in the Tools panel for its Options dialog box (like many tools in the Tools panel). You'll find the Path Eraser tool within the Pencil Tool menu in the Tools panel. [Article/tutorial dated 2007, by .]

  • “Illustrator CS4 introduces the new Blob Brush tool to users. Instead of a regular brush stroke, painting with the blog brush gives you a filled, compound path. Any new shape painted with the same color and stroke will automatically merge with existing shapes with the same settings. The new tool will pick up style attributes from other objects and has numerous other options to explore and play around with.” [Article/tutorial dated 09/23/2008, by Cheryl Graham, for .]

  • “Create and edit complex gradients with the new Gradient tool in Illustrator CS4, which has undergone a complete makeover. There's a new reverse gradient button, and gradient widgets that allow users to edit applied gradients visually. There are also new transparency options. Cheryl Graham explores these new features and takes viewers through a quick design project, creating the ringed planet of Saturn.” [Video article/tutorial dated 09/23/2008, by Cheryl Graham, for .]

  • Great Q&A and tips. Covers: Hanging Indents, Placing Multiple Files, Custom Views. “Looking for the best ways to make hanging indents, place multiple images at once, or customize views of your Illustrator files? You've come to the right place!” [Article/tutorial dated 06/06/2007, by Mordy Golding, for .]

  • Knowhow is one of Adobe Lab's experimental projects, available for use in Illustrator CS3. Nick's article explains what it is and how to find it in Illustrator CS3. “To help your learning easier, CS3 introduced a new feature called knowhow, it instantly displays information about the selected tool.” [Article/tutorial by Nick La, .]

  • How to create custom libraries and templates for Illustrator. Great tips on how helpful they can be, too! For Illustrator CS+. [Article/tutorial by Nick La, .]

  • CS3 anchor points improvements and demo in this podcast video tutorial. View online, download to your computer, or view via podcast. [Video article/tutorial dated 05/30/2007, by Adam Hay, .]

  • How to use both Photoshop and Illustrator to great benefit by dragging/dropping your Illustrator CS3 file layers directly into Photoshop CS3 to create a vector smart object, working on the file layers in Photoshop as a smart object, making changes in Illustrator, and much more. By doing so, you can retain the vector aspects of these layers to easily resize without any quality loss while also having the additional features and effects of Photoshop. Great video tutorial, easy to follow and then implement yourself. Related at sx-science.cn: Adobe Photoshop Tutorials. [Article/tutorial dated 12/10/2007 by Cheryl Graham, for .]

  • Tutorial, including source files, on how to bring Illustrator files into Photoshop using Photoshop SmartObjects, which also allows you to make changes in Illustrator that automatically update within Photoshop. “This enables us to check the effects of our changes as we make them, and go back and forth between programs until the illustration is refined and complete.” Helpful insight here. [Article/tutorial by Derek Lea, for .]

  • Great insight here on spraying symbols and why it's so useful! “Say you want to draw a tree in full Spring, a very green one. Not just an outline - you want details too so that you actually see the leaves... it would be a he__ of a job to draw each leaf one by one. This would be one of the many situations where the Symbol Spraying Tool can be of assistance.” [Article/tutorial dated 03/26/2007, by Veerle Pieters, .]

  • Adobe's information and tips on optimizing graphics in Illustrator for SWF (Flash) format. [Article/tutorial dated 2007, by .]

  • Great introduction to Illustrator CS3's new and improved Crop Tool. Crop to save for the Web, to print, to PDF, etc., and you can now create and use multiple crop areas within the same document. Download the accompanying source file used in the tutorial, too. Prefer to read the HTML version? See . See also Adobe's via Adobe Illustrator LiveDocs that includes how to , , , and . [Video tutorial and Article/tutorial by Mordy Golding, for , Adobe.com.]

  • Tools Icon - sample for sx-science.cn by SKDesigns Step-by-step, clear instructions with lots of screenshots on using Illustrator's shape tools, Pathfinder tool, alignment tools, and more to create a great looking tools icon. Techniques here will help with creating anything in Illustrator, not just these icon images. Follow along and you'll learn a whole lot of helpful tips and techniques with Illustrator. “Sometimes we can get a long way using only shape tools like the ellipse, polygon, rectangle or rounded rectangle. With a bit of creative thinking and some simple aligning in combination with Pathfinder's powerful tools you might just achieve the perfect drawing in no time. Here is another Illustrator tutorial where I show you to draw a simple icon without the use of the Pen tool.” Editor note: I created the sample to the right to test this tutorial - it's indeed easy to follow. Great tutorial. [Article/tutorial dated 03/25/2008, by Veerle Pieters, .]
  • Vector Dos and Don'ts
    Fabulous article with great examples of how to go about creating top quality vector illustrations. Applies to using any vector software, not just Adobe Illustrator. Although written with what to keep in mind for submitting vector images to iStockphoto, this article is truly a helpful guideline on many of the details that turn an ordinary image into a high quality professional vector illustration. Good insight here. [Article/tutorial by Jennifer Borton, for iStockphoto.]
  • top‘On this page’ menu

    Popular Books on Adobe Illustrator CS3
    Recommended by sx-science.cn

    See more software, read short reviews, browse book recommendations on Web site-related topics in our Recommended Books, Software section!

    In association with

    Adobe Illustrator Drawing, Illustration Tutorials

    See also below, Adobe Illustrator Live Trace, Pen Tool, Tracing, Vectorizing Tutorials.

    top‘On this page’ menu

    Adobe Illustrator Effects Tutorials

    Great tutorials on creating various effects within Adobe Illustrator. See also below, Adobe Illustrator Gradients, Gradient Mesh Tool, Working with Gradients Tutorials.

    top‘On this page’ menu


    Free video tutorial all about Illustrator's Gradient Mesh Tool. [Article/tutorial dated 12/31/2007, by Bert Monroy, .]

  • Creative, interesting tutorial on using gradient effects in Illustrator CS. Download the tutorial in PDF format. Tutorial approach also works with Illustrator CS2, CS3. [Article/tutorial dated 12/21/2004, by Veerle Pieters, .]

  • Great downloadable tutorial (PDF) on using Illustrator's Gradient Mesh tool to create very realistic effects and colors with your image work. Created with Illustrator CS but can also work with Illustrator CS2, CS3. [Article/tutorial dated 11/10/2004, by Veerle Pieters, .]

  • Incredibly detailed and thorough tutorial on how to create a semi-realistic wine glass full of burgundy wine. Very well done tutorial. Learn "how to create a semi-realistic object with gradients and layer blends [and] more about the Blend Tool and how to create glass-like material with gradients and layers." [Article/tutorial dated 08/21/2008, by Simona Pfreundner, for .]

  • Good introduction to using Illustrator's Gradient Tool and Gradient Mesh Tool. “In Adobe Illustrator CS, tonal gradations are rendered via the Gradient Mesh tool (U) and the Gradient Tool (G). The Gradient tool is fairly straightforward in its approach to rendering a gradation. On the other hand, the Gradient Mesh tool is one of the more labor intensive and frustrating tools in the Illustrator tool pallet, especially for the Illustrator newcomer. Once you become comfortable with this tool you can create seamless blends and gradations that are infinitely scalable in vector format.” [Article/tutorial by Kevin Hulsey, .]

  • Covers a great deal about various things a blend can do for you with gradients, shapes, and so much more. Read online or download printable PDF version. Includes: introduction, creating a blend, editing a blend, releasing and expanding blends. [Article/tutorial dated 01/17/2007, by Mordy Golding, for .]

  • Terrific introductory tutorial on Illustrator's Gradient Mesh Tool. Goes into a LOT of very helpful detail and includes plenty of screenshots and tips throughout. Well done, easy to follow. This tutorial creates a set of window curtains as an example of using the Gradient Mesh Tool. [Article/tutorial by Christine Errico, for .]

  • Lots of helpful insight here on how to apply one gradient across multiple paths within Illustrator CS3 - the key is using compound paths, not groups. See the tutorial for all the details, screenshots, and helpful tips. “this is a rather trivial Illy skill, but with a program as robust and sometimes mystical as Illustrator, you can often get something to work and never know why. Other times you can't get something to work, something that seems like it makes a lot of sense, and all you are missing is a simple 'bitt' of knowledge to rid you of your frustrations. In this quick tip, we will touch on the importance of compound paths, as opposed to groups, when applying a single gradient across multiple shapes in Illustrator.” [Article/tutorial dated 10/08/2007, by Jay Hilgert, .]

  • “Create and edit complex gradients with the new Gradient tool in Illustrator CS4, which has undergone a complete makeover. There's a new reverse gradient button, and gradient widgets that allow users to edit applied gradients visually. There are also new transparency options. Cheryl Graham explores these new features and takes viewers through a quick design project, creating the ringed planet of Saturn.” [Video article/tutorial dated 09/23/2008, by Cheryl Graham, for .]

  • “How to create realistic reflections using some very quick and easy techniques.” This is a 5 to 10-minute podcast, also viewable with QuickTime or other software that opens .m4v files, and you can also download the exercise files. For Illustrator CS3, and also works for Illustrator CS2. [Article/tutorial dated 07/15/2007, by Seeley Media, for .]

  • Simple 3-step tutorial shows how to use Illustrator's Gradient Mask to create a transparent gradient. At least up to Illustrator CS3, you can't create a transparent gradient swatch like you can in Photoshop or Flash. So using a Gradient Mask is the approach to use in Illustrator for now. Comment by Vonster () following the tutorial: “Why can't Adobe just build in a color swatch that is 'Transparent' or allow us to just create a swatch that is transparent. Then we can blend from any color to transparent without having to use their inane masking methods to pull it off. You can do this in Photoshop, you can do it in Flash which they own now so why not integrate it into Illustrator?” [Article/tutorial dated 05/27/2007, by Ivan, for .]
  • Vector Figure Shading (When Less is More)
    Helpful insight and tips on creating realistic shading. “In this tutorial I am going to show some quick and easy ways to get your shaded figure drawing looking believable and also setting up the illustration so it can be animated easily in ®Adobe Flash. To make it more appealing I am also going to try and do everything the easiest way possible and with the least amount of effort.” [Article/tutorial dated 06/2007, by Russell Tate, for iStockphoto.]
  • top‘On this page’ menu

    Adobe Illustrator Live Trace, Pen Tool, Tracing, Vectorizing Tutorials

    Techniques, tutorials on how to use Illustrator to trace sketches or other images to create vectorized images. See also above, Adobe Illustrator Drawing, Illustration Tutorials.

    top‘On this page’ menu


    Shows how to create a bulleted list but also how to manage hanging indents, text wrapping so that text lines up properly with the left side indenting needed for the text. Simple to follow, helpful screenshots. [Article/tutorial by Leslie R. Williams, Adobe Authorized Training Provider, .]

  • Learn how to “create a creative mask with text, something that you can use in a variety of mediums, both print and web based” Very easy-to-follow instructions with screenshots all along the way. [Article/tutorial dated 12/2006, by Carl Grivakis, for .]

  • Tutorial sample with Pythagoras Font - created by SKDesigns for sx-science.cn  Create titles, interesting typography with the techniques shown in this tutorial. How to artistically add personality to vector type. Uses Paint Shop Pro X, but the ideas and techniques can be used with any graphics program, including those with vector capabilities. Editor note: I used Adobe Illustrator CS3 to create this 'Thanks!' example here. Font used: (free font). [Article/tutorial dated 2006, by .]
  • Text on a Circle - created by SKDesigns for sx-science.cn 
    Great tutorial on placing text around a circle using Illustrator CS3. Also shows how to flip the text so that it's upright around the bottom half of the circle. Well done tutorial with lots of detail, screenshots, helpful tips, and easy to follow. Covers: 1. Text on a Circle: One Way or My Way? 2. Draw the Circle and Choose the Path Text Tool 3. Position the cursor 4. Adding the first text 5. Duplicate the Circle 6. Flipping the text with Type on a Path Options 7. Change the Font and Size 8. Rotate the text to the bottom of the circle 9. Add an illustration! Editor note: I created the graphic sample to the right to test this tutorial. Fonts used for this sample: , (via MyFonts.com). [Article/tutorial dated 2007, by Sara Froehlich, for .]

  • Tutorial on how to apply brush strokes on text, which creates some interesting and unique effects. Clever. [Article/tutorial dated 06/28/2006, by Veerle Pieters, .]

  • Highly detailed tutorial with tons of screenshots. Interesting effects with text here and easy to follow. Includes information on how to do this with Illustrator CS4 and CS3, too. [Article/tutorial dated 10/23/2008, by Veerle Pieters, .]

  • Point Type, Area Type and their differences. Lots of screenshots, detailed tutorial on how each works and how to use Area Type effectively. Excellent. [Article/tutorial dated 08/27/2007, by Mordy Golding, for .]
  • top‘On this page’ menu


    Helpful tips on preparing your work for print: build to the correct trim size; provide bleed; stay away from the edge; follow print specifications. Lots of helpful tips and screenshots along the way. “You've probably learned the hard way that building your files without considering finishing processes can cost you money and delay your job. Here's what you should know about trimming and folding to build files that save you money and time.” Excerpt from , by Claudia Cue. [Article/tutorial dated 04/13/2007, by Claudia McCue, for .]

  • Includes for Illustrator and InDesign on avoiding white overprint, including a low-cost and free (see also the ) plugin for Mac. “You know that white shouldn't be set to overprint. But what about objects that already had the overprint, and later were changed from black to white? They can cause real trouble. Here's how to find 'em and fix 'em.” [Article/tutorial dated 02/14/2007, by Mordy Golding, for .]

  • Step-by-step instructions with lots of screenshots showing how to create the layout and design for a several layouts for invitations. “This tutorial shows you a quick way to make your own invitations. The layout used for these invitations is easily used for thank you notes or invitations to any event, as well as for note cards. They fit two to a letter size page, and use invitation size envelopes, also known as A2 size, which you can buy at any stationery or office supply store.” [Article/tutorial by Sara Froehlich for .]

  • Excellent article on what you need to do and make sure you've covered when preparing artwork for print. Includes formats, sizes, type/copy, logos, fonts, images, colors, bleed, cutter guides, large files, clipping paths, corrupted fonts, bugs & corruption, and more. Tips for Illustrator, InDesign, and other software. Great insight here. [Article/tutorial by Rob Cubbon, for .]

  • Adobe's online help documentation on printing via Adobe Illustrator. Section topics include: Basic printing tasks; Printing color separations; Setting up pages for printing; Printer's marks and bleed; PostScript printing; Printing with color management; Printing gradients, meshes, and color blends; Printing and saving transparent artwork; Overprinting; Trapping; Print presets. [Article/tutorial by .]

  • A helpful printable checklist to help you make sure you've covered all that's needed to prepare and send your files for printing. [Article/tutorial by Rob Cubbon, for .]

  • “This topic describes the transparency controls and features in Illustrator CS3—menus, dialog boxes, preferences, and panels.” [Article/tutorial by .]

  • Great introduction to Illustrator CS3's new and improved Crop Tool. Crop to save for the Web, to print, to PDF, etc., and you can now create and use multiple crop areas within the same document. Download the accompanying source file used in the tutorial, too. Prefer to read the HTML version? See . See also Adobe's via Adobe Illustrator LiveDocs that includes how to , , , and . [Video tutorial and Article/tutorial by Mordy Golding, for , Adobe.com.]
  • top‘On this page’ menu

    Create Curls, Swirls, Swooshes, Ribbons, and Other Shapes with Adobe Illustrator

    For ready-made free and commercial vector shapes and images, see Vector Images, Illustrations, Icons, Web Site Icons.

    top‘On this page’ menu

    Create Custom Brushes for Adobe Illustrator

    Below are tutorials on how to create your own custom Illustrator brushes, including art brushes, calligraphic brushes, scatter brushes, pattern brushes, and more. For free Illustrator brushes see Adobe Illustrator Brushes.

    Looking for Illustrator brushes? See Adobe Illustrator Brushes.

    You might also like Commercial, Free Illustrator Swatches, Patterns Swatches.

    You might also enjoy sx-science.cn's Photoshop resources, Create Custom Brushes for Adobe Photoshop or Adobe Photoshop Brushes.

    top‘On this page’ menu

    Create Custom Patterns for Adobe Illustrator

    Below are tutorials on how to create custom Illustrator patterns, pattern swatches, some including creating and using pattern brushes and others creating and using Illustrator symbols. See also the sections on this page, Create Custom Brushes for Adobe Illustrator and Create Custom Symbols for Adobe Illustrator.

    You might also like Commercial, Free Illustrator Swatches, Patterns Swatches.

    You might also like Commercial, Free Illustrator Swatches, Patterns Swatches.

    top‘On this page’ menu

    Create Custom Symbols for Adobe Illustrator

    Below are tutorials on how to create your own custom Illustrator symbols and also how to create symbols for use with Illustrator's Symbol Sprayer tool. For commercial and free Illustrator symbols see sx-science.cn's Adobe Illustrator Symbols section.

    top‘On this page’ menu

    Create Graphic Buttons or Tabs with Adobe Illustrator

    For ready-made graphic buttons, especially vector images for Adobe Illustrator and other vector graphics software, see Vector Images, Illustrations, Icons, Web Site Icons.

    You might also enjoy sx-science.cn's resources, Create Graphic Buttons or Tabs with Adobe Photoshop.

    Create Graphic Icons with Adobe Illustrator

    Below are helpful tutorials on how to create vector icons with Adobe Illustrator. You might also enjoy sx-science.cn's resources, Create Graphic Icons or Favicons with Adobe Photoshop. Looking for free or royalty-free icons? See Free or Commercial Web Site Icons and Vector Icons, Vector Web Site Icons.

    For many more Adobe Illustrator tutorials, see also Illustrator Sites and Resources.

    top‘On this page’ menu

  • Adobe Illustrator CS4 Software

    皇族电竞竞猜Illustrator CS4 is available for purchase on its own or bundled within several Adobe Creative Suite CS4 packages. Illustrator CS4 is bundled within Adobe Creative Suite CS4 Web Premium, Design Standard, Design Premium, Production Premium, or the Master Collection. Links to more information for both Windows and Macintosh versions are below.

    What's in each CS4 bundled edition? See Adobe Creative Suite 4 Matrix: What's in Each Edition?皇族电竞竞猜 here at sx-science.cn.

    Adobe Illustrator CS4 Software for Windows
    Adobe Illustrator CS4 Software for Macintosh

    Order/upgrade to the latest Adobe Illustrator CS4 today!

    See more software, read short reviews, browse book recommendations on Web site-related topics in our Recommended Books, Software section!

    皇族电竞竞猜In association with

    top‘On this page’ menuNavigation belowSearch/Sidebar

    Web Site Resources

    Most Popular Books

    In association with

    Our Other Sites

    Effective, accessible, standards-based Web site design since 1996

    Weblog on Web design, CSS, standards, music, more. By Shirley Kaiser, SKDesigns.



    Within Web Site Resources:
    SkipShow or Hide Detailed Navigation