All Courses

Try our all courses tutorials

— every online course includes free video tutorials. Become a member to keep learning, with unlimited access to the subscription library.
selected filters:
Web Graphics  
76 courses · 2,067 video tutorials
sort by:
  • view course page for Design the Web: Creating a Repeating Background in Photoshop

  • view course page for Sketch For UX Design Teams

    Sketch For UX Design Teams

    with Chris Converse

    Learn how to use Sketch's features and extensions to export design assets, CSS and HTML, and animation in high-quality formats and integrate with other UX design platforms.

    26m 33s
    Intermediate
     
    Viewers:

  • view course page for Design the Web: Control Colors in Photoshop with SmartObjects

  • view course page for Building Custom HTML5 Video Playback with Angular 2

  • view course page for Adobe Animate CC for Web Designers

    Learn how to use Adobe Animate CC for web design projects. Paul Trani shows you how to create a header for a site, build banners, create graphics, apply animation, and incorporate interactivity. He also shows you how to use advanced animation options, like masks and tweens, in addition to how to publish to multiple platforms.

    1h 21m
    Beginner
     
    Viewers:

  • view course page for Creating Optimized Web Graphics

    Learn to create optimized web graphics that download quickly and look great on a variety of devices, including Retina displays.

    42m 16s
    Intermediate
     
    Viewers:

  • view course page for Photoshop Cinemagraph Tutorial: Start to Finish

  • view course page for Illustrator CC for Web Design: SVG

    Make your web designs more responsive with SVG. Learn about building, exporting, and integrating SVG images into your website with Illustrator CC.

    45m 31s
    Intermediate
     
    Viewers:

  • view course page for Design the Web: Creating a Pull Quote with CSS

  • view course page for Learn Sketch: The Basics

    Learn Sketch: The Basics

    with Chris Converse

    Learn Sketch 3. Discover how to design logos, wireframes, mockups, and production-ready graphics with Sketch.

    2h 20m
    Beginner
     
    Viewers:

  • view course page for CSS: Animation

    CSS: Animation

    with Val Head

    Find out how to create simple CSS animations such as rollover buttons, 3D transforms, animated graphics and logos, load screens, and more.

    1h 59m
    Intermediate
     
    Viewers:

  • view course page for Design the Web: Styling Form Elements

  • view course page for Design the Web: CSS-Controlled SVG with PHP

  • view course page for Design the Web: Creating CSS-Only Navigation Menus

  • view course page for Designing Icons for the Web

    Designing Icons for the Web

    with James Williamson

    Learn techniques and best practices for designing smart, visually interesting website icons in any software.

    2h 50m
    Intermediate
     
    Viewers:

  • view course page for HTML5 Canvas and WebGL in Flash Professional CC

    Create a shared pool of content for a set of related projects—an HTML5 video, a WebGL-rendered interactive ad, and an HTML5 Canvas game—using Flash Professional CC.

    1h 36m
    Intermediate
     
    Viewers:

  • view course page for Design the Web: CSS Animated Rollovers

  • view course page for Building Custom HTML5 Video Playback with AngularJS 1

  • view course page for Advanced Responsive Layouts with CSS Flexbox

  • view course page for Design the Web: HTML Background Video

    Learn to use HTML5 video as a design element, by running it below other text and graphics on your website.

    28m 39s
    Beginner
     
    Viewers:

  • view course page for Responsive Images

    Responsive Images

    with Morten Rand-Hendriksen

    Responsive images are the next evolution in web design. Learn how to implement them today, with these real-life best practice scenarios for implementing responsive images in production sites.

    1h 22m
    Intermediate
     
    Viewers:

  • view course page for Design the Web: Responsive SVG Images

    Learn how to combine scalable vector graphics with CSS media queries to create responsive images for your websites and other interactive projects.

    22m 50s
    Beginner
     
    Viewers:

  • view course page for Making Your Site Retina-Ready

    Learn how to make your site "retina"-ready by optimizing graphics and other content so that it looks great on retina (HiDPI) and non-retina displays alike.

    3h 13m
    Intermediate
     
    Viewers:

  • view course page for Creating an Animated Steam Sprite Sheet with After Effects

  • view course page for Creating Retina Graphics with Photoshop and Illustrator

  • view course page for Pictures that Move: Creating Cinemagraphs with Photoshop, After Effects, Flixel, and Cliplets

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

  • view course page for Edge Animate Essential Training

    Discover how to use Edge Animate to create interactive designs and animated motion graphics for websites, mobile apps, digital magazines, and ebooks.

    4h 44m
    Beginner
     
    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.

    26m 5s
    Intermediate
     
    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.

    32m 53s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Illustrator to Animated HTML5 Canvas

  • view course page for Design the Web: Using Symbols in SVG

  • view course page for Design the Web: SVG Rollovers with CSS

  • view course page for Design the Web: Pie Charts with CSS

  • view course page for Responsive Media

    Responsive Media

    with 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 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 Design the Web: Graphics and CSS Pseudo-Elements

  • view course page for Design the Web: Creating Smaller Graphics with PNG-8

  • 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 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 (2012)

    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 Up and Running with Hype

    Design interactive motion graphics with Hype, a timeline-based environment that creates efficient, back-end HTML5 and JavaScript code that brings your animations to life.

    1h 37m
    Beginner
     
    Viewers:

  • view course page for Design the Web: Slice Tool

    Design the Web: Slice Tool

    with Chris Converse

    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 Online Presentations with reveal.js

  • 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:

“I'm completely blown away by the quality and quantity of training you offer. I feel like Neo in The Matrix when they would insert a training program and within a few minutes he could say, "I know jiujitsu!"” —Zolla M.
more from our members »


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:

Testimonial“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.