Optimize your web graphics workflow with Photoshop Smart Objects. Create complex, one-click color adjustments you can update on the fly.
- Adobe (34)
- Illustrator (5)
- Edge Animate (3)
- Flash Professional (3)
- After Effects (2)
- Fireworks (2)
- Bohemian (1)
- Cinemagraph Pro (1)
- CSS (1)
- Dreamweaver (1)
- Flixel Photos (1)
- Google (1)
- HTML (1)
- ImageReady (1)
- InDesign (1)
- Macromedia (1)
- Sketch (1)
- Web Design (27)
- Web Graphics (24)
- Design (16)
- Interaction Design (10)
- Projects (10)
- Design Techniques (4)
- Motion Graphics (4)
- Prototyping (3)
- Video (3)
- 3D + Animation (2)
- Web Foundations (2)
- Animation (1)
- Masking + Compositing (1)
- Photography (1)
- User Experience (1)
- Web Development (1)
Learn to create optimized web graphics that download quickly and look great on a variety of devices, including Retina displays.
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 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.
Discover how to use Photoshop layer comps to storyboard your interaction designs.
Learn to speed up your design and production time in this Photoshop tutorial with the use of Smart Objects.
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.
Leverage Smart Objects, clipping masks, and slices, in Photoshop and make graphics that will look razor sharp on any screen size.
Create custom animated GIFs for your websites, mobile applications, and other interactive projects in Photoshop.
Learn techniques in this Photoshop tutorial to make sprite sheet creation fast and versatile.
Simulate the look of anti-aliased fonts in your next website mockup with this Photoshop tutorial.
Learn to edit video and add custom graphics and animations to your projects in Photoshop CS6 with this Photoshop tutorial.
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.
Teaches web design beginners how to turn their design in Photoshop into a fully functioning web site in Dreamweaver.
Shows how to use Photoshop CS5 for optimal web graphics workflow.
How to optimize graphics and photographs so they download quickly in a web browser.
Learn the most efficient methods for importing Adobe Photoshop CS2 content into Macromedia Flash Professional 8.
Teaches the most efficient methods for importing content created with Adobe Photoshop into Macromedia Flash.
Demonstrates how to optimize images for the web, and create background images, rollovers, and animations.
Concise instruction on handling of slicing, rollovers, and animation in Photoshop 7 and ImageReady.
Shows integral features of Photoshop 6 and ImageReady 3 for the web.
“IThis is a wonderful resource for me which I use almost daily in my personal education.” —Virginia M.
more from our members »