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.
- Edge Animate (11)
- Photoshop (10)
- Fireworks (5)
- Flash Professional (5)
- Illustrator (5)
- Animate (2)
- Dreamweaver (2)
- Google (2)
- Open Source (2)
- After Effects (1)
- Flash (1)
- Google Web Designer (1)
- HTML (1)
- jQuery (1)
- Interaction Design
- Web (30)
- Web Design (28)
- Web Graphics (15)
- Projects (11)
- 3D + Animation (7)
- Animation (7)
- Motion Graphics (7)
- Design (6)
- Web Development (6)
- Video (5)
- Prototyping (4)
- Design Techniques (2)
- Developer (2)
- Game Design (1)
- Scripting Languages (1)
- User Experience (1)
- Web Foundations (1)
Learn all about the new features and enhancements in the June 2016 release of Adobe's new animation platform, Animate CC.
Learn techniques and best practices for designing smart, visually interesting website icons in any software.
Stay on top of all the updates to Flash Professional 2015, including HTML5 Canvas optimization, brush size scaling, timesaving timeline changes, and more.
Discover how to use Edge Animate to create interactive designs and animated motion graphics for websites, mobile apps, digital magazines, and ebooks.
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.
Learn to create web animations from a simple Illustrator file, with Ai2Canvas—a free plugin that works with nearly every version of Illustrator, from CS3 to CC.
Discover how to use the complete Edge Animate toolset to lay out and animate motion graphics for your website, mobile devices, digital magazine, iBooks, and more.
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.
Learn how to create a slideshow with images, video, and animation in Edge Animate.
Learn how to create drag-and-drop functionality in Edge Animate.
Learn about the interface changes and performance improvements that come with the latest release of Flash Professional CC.
Learn to build a parallax motion effect using Google Web Designer, Flash CC, and Edge Animate, and add depth and motion to your web projects.
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.
Learn to create a simple web banner with motion and interactivity.
Create custom animated GIFs for your websites, mobile applications, and other interactive projects in Photoshop.
Learn the concepts, tools, and techniques you'll need to create your own animations, web experiences, and mobile applications with Flash CC.
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.
Use Edge Animate and HTML5, jQuery, and CSS to create a custom, interactive homepage marquee.
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.
Shows how to create interfaces, systems, and devices revolved around user behavior.
How to create interactive wireframes and prototypes using Fireworks CS5.
Shows how to use Illustrator CS5 to create graphics for use in web sites, video compositions, and mobile apps.
Make a dynamic web site in Flash Professional CS5 complete with a gallery and contact form that includes smooth transitions, audio, video and much more.
Demonstrates scheduling and expected output for good prototyping, from wireframing to storyboarding to creating multi-page mockups for design feedback.
“I am a one-person small business and you make it affordable for me to get continuing education. Keep up with the good work!” —Frederique N.
more from our members »