Web Courses & Training
- Web Design (15)
- Web Graphics (13)
- Projects (9)
- Interaction Design (4)
- Web Foundations (2)
- User Experience (1)
- Web Development (1)
Web Skill level
- CS6 (4)
- Adobe (17)
- Illustrator (5)
- After Effects (3)
- Edge Animate (3)
- Fireworks (2)
- HTML (2)
- Cinemagraph Pro (1)
- CSS (1)
- Flash Professional (1)
- Flixel Photos (1)
- Google (1)
- InDesign (1)
Five-minute workflow improvements for creative pros, covering Photoshop, Illustrator, WordPress, and other tools designers commonly use.
Learn techniques and best practices for designing smart, visually interesting website icons in any software.
Learn to create a realistic steam animation with After Effects, using a particle system animation and a sprite sheet.
Learn to create beautiful, HiDPI (aka retina) graphics for a variety of screen sizes, using the tools in Photoshop and Illustrator.
Learn how to use Photoshop, After Effects, and two dedicated tools—Flixel and Cliplets—to explore the creative possibilities of cinemagraphs: static photos that contain areas of motion.
Save time creating web and interactive graphics with Photoshop and Adobe Generator.
Put your web motion skills to the test in this final project of the series, which uses Adobe Illustrator, Photoshop, and Edge Animate to create an animated banner ad.
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.
Learn to combine graphics and pseudo-elements to add more design and layout possibilities without adding more HTML to your web pages.
Create compressed PNG-8 images that display quickly and beautifully on a variety of websites, especially those targeting mobile devices.
Learn to create UI elements, web graphics, wireframes, and functional mockups that transition beautifully and easily to production with Photoshop.
Learn how to use Photoshop shapes, styles, and layers to create wireframes, prototypes, and other UX design documents.
Add an animation to your web projects with a CSS sprite sheet, in this quick, project-based course.
Learn how to create a preloader from an animated GIF, using After Effects, Photoshop or Fireworks, and Adobe Edge Animate.
Speed up your CSS workflow. Extract CSS from an existing design comp automatically using Photoshop's Copy CSS feature.
Learn to composite hundreds of unique, data-driven graphics in Photoshop automatically, using variables and a simple text file.
Reveals how designers can create vibrant web graphics, wireframes, and complete web site mockups in Photoshop with navigation bars and buttons.
Learn to create multiple, optimized web graphics from a single Photoshop or Illustrator file with the powerful and versatile Slice tool.