Start learning with our library of video tutorials taught by experts. Get started

Web Graphics

Learn how to create web graphics that look beautiful, download quickly, and contribute to a user-friendly interface experience. Tutorials cover image compression, selecting a color palette, creating interactive wireframes and prototypes with Fireworks, designing infographics, and more.

Try our Web Graphics tutorials

— every online course includes free video tutorials. Become a member to keep learning, with unlimited access to every course in our library.
selected filters:
Intermediate  
26 Web Graphics courses · 888 video tutorials
sort by:
  • view course page for Scroll-Activated Animations with Edge Animate

    Learn how to let your users control your HTML5 animation with their scroll wheel, trackpad, or even the browser's scroll bar.

    51m 19s
    Intermediate
     
    Viewers:

  • view course page for Deploying Icon Fonts for the Web

    Learn to find, deploy, and style icon fonts and add fast, effective vector artwork to your website.

    2h 4m
    Intermediate
     
    Viewers:

  • view course page for UX Design Tools: InDesign

    UX Design Tools: InDesign with Justin Putney

    Learn how to design wireframes and prototypes with InDesign.

    1h 38m
    Intermediate
     
    Viewers:

  • view course page for Photoshop CC for Web Design

    Learn to create UI elements, web graphics, wireframes, and functional mockups that transition beautifully and easily to production with Photoshop.

    3h 43m
    Intermediate
     
    Viewers:

  • view course page for Creating Icon Fonts for the Web

    Creating Icon Fonts for the Web with James Williamson

    Learn how to create your custom icon font quickly and easily from existing icons or your own hand-drawn artwork, using tools like Illustrator, Fontello, Glyphs Mini, and more.

    3h 56m
    Intermediate
     
    Viewers:

  • view course page for UX Design Tools: Illustrator

    Start your UX designs in Illustrator. Learn how to create custom reusable symbols, add text, use artboards to design for multiple screens and application states, and export your wireframes as PDFs.

    1h 11m
    Intermediate
     
    Viewers:

  • view course page for UX Design Tools: Photoshop

    UX Design Tools: Photoshop with Justin Putney

    Learn how to use Photoshop shapes, styles, and layers to create wireframes, prototypes, and other UX design documents.

    53m 24s
    Intermediate
     
    Viewers:

  • view course page for Photoshop CS6 for Web Design

    Reveals how designers can create vibrant web graphics, wireframes, and complete web site mockups in Photoshop with navigation bars and buttons.

    4h 56m
    Appropriate for all
     
    Viewers:

  • view course page for Online Presentations with reveal.js

    Build slideshows that harness the full power of the web with reveal.js.

    2h 2m
    Intermediate
     
    Viewers:

  • view course page for CSS: Formatting Visual Data

    Learn to style lists, tables, charts, and graphs with CSS, HTML5, and JavaScript.

    1h 37m
    Intermediate
     
    Viewers:

  • view course page for Create a Homepage Marquee with Edge Animate

    Use Edge Animate and HTML5, jQuery, and CSS to create a custom, interactive homepage marquee.

    1h 8m
    Intermediate
     
    Viewers:

  • view course page for CSS: Animations

    CSS: Animations with Val Head

    Presents a short series of CSS animation techniques, such as looping, playing, pausing, and more, and puts them together in a small project: an animated infographic.

    1h 56m
    Intermediate
     
    Viewers:

  • view course page for Design the Web: Layer Comps

    Design the Web: Layer Comps with Chris Converse

    Discover how to use Photoshop layer comps to storyboard your interaction designs.

    20m 51s
    Intermediate
     
    Viewers:

  • view course page for Create an Animated Star Field with Edge Animate

    Create a randomized animation with just a few lines of JavaScript and Edge Animate.

    42m 6s
    Appropriate for all
     
    Viewers:

  • view course page for Illustrator for Web Design

    Illustrator for Web Design with Justin Seeley

    Create vibrant web graphics, wireframes, and complete web site mockups with the strong layout and color management tools in Adobe Illustrator.

    5h 27m
    Appropriate for all
     
    Viewers:

  • view course page for Infographics: Area Bubbles

    Shows how to create an area bubble infographic, or graphic representation of data.

    24m 0s
    Intermediate
     
    Viewers:

  • view course page for Infographics: Visualizing Relationships

    Shows how to depict complex relationships in an easy-to-understand infographic, or graphic representation of data.

    50m 42s
    Intermediate
     
    Viewers:

  • view course page for Infographics: Planning and Wireframing

    Covers the first steps in creating infographics, graphic representations of data—organizing sample data and preparing a wireframe.

    40m 56s
    Intermediate
     
    Viewers:

  • view course page for Create an Animated Bar Chart with jQuery

    Shows how to create a custom interactive bar chart or other visual graphic with jQuery.

    39m 36s
    Intermediate
     
    Viewers:

  • view course page for Create an Animated Bar Chart with jQuery and Dreamweaver

    Shows how to create a custom interactive bar chart or other visual graphic with jQuery and Dreamweaver.

    46m 35s
    Intermediate
     
    Viewers:

  • view course page for Fireworks CS5: Rapid Prototyping

    How to create interactive wireframes and prototypes using Fireworks CS5.

    5h 2m
    Intermediate
     
    Viewers:

  • view course page for Illustrator CS5 for Web and Interactive Design

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

    6h 20m
    Intermediate
     
    Viewers:

  • view course page for Photoshop CS5 for the Web

    Shows how to use Photoshop CS5 for optimal web graphics workflow.

    5h 59m
    Intermediate
     
    Viewers:

  • view course page for Preparing CMS Web Graphics and Layouts Using Open Source Tools

    Shows how to create a web site design that integrates with a content management system (CMS) like WordPress, Drupal, or Joomla!, using open-source software.

    1h 40m
    Intermediate
     
    Viewers:

  • view course page for Fireworks CS4: Rapid Prototyping

    Demonstrates scheduling and expected output for good prototyping, from wireframing to storyboarding to creating multi-page mockups for design feedback.

    4h 17m
    Intermediate
     
    Viewers:

  • view course page for Photoshop CS4 for the Web

    How to optimize graphics and photographs so they download quickly in a web browser.

    6h 53m
    Intermediate
     
    Viewers:

“IThis is a wonderful resource for me which I use almost daily in my personal education.” —Virginia M.
more from our members »

Get started

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.