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.
- Adobe (30)
- Edge Animate (11)
- Photoshop (10)
- Open Source (9)
- Fireworks (5)
- Flash Professional (5)
- Illustrator (5)
- jQuery (5)
- Google (4)
- Animate (2)
- Dreamweaver (2)
- Glass (2)
- WordPress (2)
- After Effects (1)
- AngularJS (1)
- CSS (1)
- Dust.js (1)
- Flash (1)
- Google Web Designer (1)
- Handlebars.js (1)
- HTML (1)
- Hype (1)
- Mustache.js (1)
- Tumult (1)
- Twitter (1)
- Interaction Design
- Web (59)
- Web Design (42)
- Web Graphics (18)
- Projects (15)
- Web Development (11)
- 3D + Animation (8)
- Animation (8)
- Motion Graphics (8)
- User Experience (8)
- Design (7)
- Documentaries (7)
- Video (6)
- Web Foundations (6)
- Developer (5)
- Prototyping (5)
- Creative Inspirations (4)
- Blogs (2)
- Business (2)
- CMS (2)
- Computer Skills (Mac) (2)
- Computer Skills (Windows) (2)
- Creative Spark (2)
- Design Techniques (2)
- Game Design (2)
- Home + Small Office (2)
- Scripting Languages (2)
- Accessibility (1)
- Creative Insights (1)
- Digital Painting (1)
- Mobile Web (1)
- Programming Languages (1)
Learn all about the new features and enhancements in the June 2016 release of Adobe's new animation platform, Animate CC.
Learn how to create a Twitter widget and embed a Twitter timeline in any website.
Learn how to incorporate accessibility into your design process and make your next web project more accessible to all people, including those with disabilities.
Learn techniques and best practices for designing smart, visually interesting website icons in any software.
Test your user's knowledge or increase your brand awareness in a fun way with attractive and engaging quizzes built with AngularJS.
Stay on top of all the updates to Flash Professional 2015, including HTML5 Canvas optimization, brush size scaling, timesaving timeline changes, and more.
Go from jQuery plugin user to jQuery plugin author in a few steps, by turning existing filters or code into reusable, highly configurable plugins.
Collaborate more effectively and efficiently with clients and colleagues with these tips from veteran designer Lauren Bacon.
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.
Create a promotional, animated marquee for the homepage of your WordPress website. The exercise files and code snippets for this course are free to all members.
Learn to create a custom photo gallery for WordPress that goes beyond the built-in look and feel.
Make your design team run smoothly, by learning how to define roles and responsibilities, set expectations, and solicit feedback.
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.
Learn how to design a user experience that's consistent and reliable from device to device: from phones and tablets to desktops and wearable tech.
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 how to get Google Glass set up and connected to your phone, and find out how to use touch input and gestures to control Glass in real-world scenarios: navigating a city, accepting calls, and taking photos and video.
Learn to find, deploy, and style icon fonts and add fast, effective vector artwork to your website.
Find out whether Google Glass—a wearable computer that places both a screen and a camera near your eye—is right for you.
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.
Get an overview of the planning and creation process behind web-based motion graphics.
The team behind Local Projects, a multimedia design firm, explains the development process behind some of their most high-profile projects, including an installation for the 9/11 Memorial Museum.
Use the ancient art of logic to create better user experiences for your websites and other projects.
Follow Erik Natzke, generative artist and principle designer at Adobe, as he draws on his experience as an artist to build applications that improve people's ability to be creative.
Discover prototyping, the tool for quickly and inexpensively exploring multiple iterations of designs and testing their performance.
Create custom animated GIFs for your websites, mobile applications, and other interactive projects in Photoshop.
A hands-on approach to improving a website's navigation, screen layout, interactive content, and forms to create a more satisfying user experience.
Learn the concepts, tools, and techniques you'll need to create your own animations, web experiences, and mobile applications with Flash CC.
Join Grant Skinner at work and at play, designing cutting-edge interactive experiences, games, applications, and frameworks with technologies like HTML5 and Flash.
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.
Introduces Automata Studios cofounder and CEO Branden Hall, a software architect and programmer who pushes the limits of the web, and teaches others how to do the same.
Shows how to create interfaces, systems, and devices revolved around user behavior.
“It is so enlightening to have the blinders removed, and see the individual parts explained and how they relate to each other.” —Daniel J.
more from our members »