MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Illustrator CS5 for Web and Interactive Design

Course Summary

Shows how to use Illustrator CS5 to create graphics for use in web sites, video compositions, and mobile apps.       

  • +

    Course Syllabus

       Choosing Illustrator for web and interactive design
       Illustrator and the web design workflow
       Using the exercise files
    1. Key Concepts and Settings
       Pixel dimension vs. resolution
       Pixel Preview mode and anti-aliasing
       Taking charge of anti-aliasing
       Choosing the right color management settings
       Setting up important preferences
       Setting up a workspace optimized for web design
    2. Creating New Documents and Projects
       Using the Web document profile
       Creating custom document profiles
       Using Illustrator's free web templates
       Creating a sitemap or wireframe
       Setting up an entire web site
       Setting up a grid
       Setting up an online ad campaign
       Setting up icons for iOS
       Setting up mobile content with Adobe Device Central
    3. Working with Web Color
       Understanding web-safe colors
       Limiting the Color Guide to web-safe colors
       Using Recolor Art to convert art to web-safe colors
       Getting color inspiration from Adobe Kuler
       Using Recolor Artwork to modify colors across a site
    4. Optimizing Web Graphics
       Using the Save for Web & Devices feature
       Understanding the GIF file format and its settings
       Understanding the JPEG file format and its settings
       Understanding the PNG file format and its settings
       Understanding the WBMP file format and its settings
       Understanding the SWF file format and its settings
       Understanding the SVG file format and its settings
       Adjusting the dimensions of a graphic
       Optimizing files to a specific file size
       Modifying Save for Web & Devices output settings
       Previewing content in Adobe Device Central
    5. Working with Text
       Setting point type in Illustrator
       Setting area type in Illustrator
       Formatting text quickly with paragraph styles
       Overriding formatting with character styles
       Controlling text anti-aliasing
       Simulating the CSS box model
       Adding cool reflections to text and graphics
       Applying settings quickly with Graphic Styles
    6. Working with Web Slices
       Understanding the concept of slicing
       Creating slices manually
       Creating slices from guides
       Creating slices from objects
       Understanding the different slice types
       Applying settings to slices
       Creating hotspots with image maps
    7. Creating SWF Files from Illustrator
       Exporting static SWF files from Illustrator
       Animated SWF: Converting Illustrator layers to SWF frames
       Animated SWF: Using blends to define motion
       Animated SWF: Adding static artwork to an animation
       Animated SWF: Controlling time within an animation
    8. Workflow: Using Photoshop
       Preserving slices and structure with PSD export
       Working with Photoshop Smart Objects
       Sharing color swatches between Illustrator and Photoshop
       Generating an animated GIF file with Photoshop
    9. Workflow: Using Dreamweaver
       Exporting HTML from Illustrator for use in Dreamweaver
       Exporting CSS and DIVs from an Illustrator layout
    10. Workflow: Using Fireworks
       Moving art between Illustrator and Fireworks
       Using dynamic shapes from Fireworks
       Sharing color swatches between Illustrator and Fireworks
    11. Workflow: Using Flash Catalyst
       Building files for use in Flash Catalyst
       Creating a new Flash Catalyst project from an Illustrator file
       Copying and pasting artwork between Illustrator and Flash Catalyst
       Roundtrip editing between Illustrator and Flash Catalyst
       Creating Flex skins for use in Flash Builder
    12. Workflow: Using Flash Professional
       Understanding symbols: The lifeblood of Flash
       Symbols: Understanding 9-slice scaling
       Setting text that will be used in Flash Professional
       Moving artwork between Illustrator and Flash Professional


Course Fee:
USD 25

Course Type:


Course Status:



7 - 8 hours / week

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top