New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

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.

Skill level

Version

Software

Author

More options

selected filters:
Photoshop  
22 Web Graphics courses · 458 video tutorials
sort by:
  • view course page for Responsive Media

    Responsive Media Christopher Schmitt

    Make your media as responsive as your site's layout. Learn to prepare video, fonts, and images to display correctly on a wide variety of devices.

    58m 10s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Graphics and CSS Pseudo-Elements

    Learn to combine graphics and pseudo-elements to add more design and layout possibilities without adding more HTML to your web pages.

    18m 16s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Working with PNG-8

    Create compressed PNG-8 images that display quickly and beautifully on a variety of websites, especially those targeting mobile devices.

    20m 27s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Adobe Generator for Graphics

    Save time creating web and interactive graphics with Photoshop and Adobe Generator.

    19m 45s
    Beginner
     
    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 UX Design Tools: Photoshop

    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 Design the Web: Automating Web Graphics

    Learn to composite hundreds of unique, data-driven graphics in Photoshop automatically, using variables and a simple text file.

    30m 49s
    Beginner
     
    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 Design the Web: Slice Tool

    Learn to create multiple, optimized web graphics from a single Photoshop or Illustrator file with the powerful and versatile Slice tool.

    26m 45s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Multiple Graphic Sizes

    Leverage Smart Objects, clipping masks, and slices, in Photoshop and make graphics that will look razor sharp on any screen size.

    16m 37s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Animated Loading GIFs

    Create custom animated GIFs for your websites, mobile applications, and other interactive projects in Photoshop.

    26m 10s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Sprite Sheets

    Learn techniques in this Photoshop tutorial to make sprite sheet creation fast and versatile.

    20m 49s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Simulating Web Text

    Simulate the look of anti-aliased fonts in your next website mockup with this Photoshop tutorial.

    12m 25s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Video Graphics and Animation

    Learn to edit video and add custom graphics and animations to your projects in Photoshop CS6 with this Photoshop tutorial.

    24m 44s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Smart Objects

    Learn to speed up your design and production time in this Photoshop tutorial with the use of Smart Objects.

    29m 2s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Layer Comps

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

    20m 51s
    Intermediate
     
    Viewers:

  • view course page for Design the Web: Clipping Masks

    Shows you how to use clipping masks to create interesting design effects in Photoshop, while leaving the original images unharmed and ready for further edits.

    17m 29s
    Beginner
     
    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 Photoshop CS5 for the Web

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

    5h 59m
    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:

“As a teacher, I respect the way that your tutorials are hands-on and interactive. They are quick and to-the-point, and the teachers you have chosen are patient and concise.” —Joshua M.
more from our members »

Get started

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.