Lynda.com – Building Custom HTML5 Video Playback with Angular 2

Building Custom HTML5 Video Playback with Angular 2 The HTML5 video element allows us to play back video files through native browser elements, but the default experience is lacking for most projects—and differs drastically in appearance across the various browsers. Using a combination of Bootstrap and Angular, we can develop a responsive app with our own set of customized playback controls that will perform well and appear the same across all platforms and devices. Join Joseph Labrecque as he sets up a custom video player with Angular 2, the next generation of this “superheroic” JavaScript framework, and Bootstrap 4. Duration:

Continue reading »

Lynda.com – Adobe Animate CC: New Features

Adobe Animate CC: New Features Animate CC is Adobe’s focused animation platform that takes all the best tools from Flash and bundles them with Creative Cloud features. Now it’s better than ever. Learn all about the enhancements in the June 2016 release of Adobe Animate CC with expert Joseph Labrecque. Discover the new advanced import options for Photoshop and Illustrator files, pattern brushes, drawing modes, transparency controls, and responsive design features, as well as publishing improvements such as stage alignment, preloader options, and Flash Player and AIR updates. Duration: 35 minutes 31 seconds Check it out!

Continue reading »

Lynda.com – Learn Adobe Animate CC: The Basics

Learn Adobe Animate CC: The Basics Produce rich animations for the web and output to virtually any format with Adobe Animate CC. Join Joseph Labrecque as he demonstrates how to create interactive and static graphics for the web. He shows you how to get started with a new project and use the fundamental components of the interface: the panels, the workspace, the stage, the timeline, and the pasteboard. Next, he explores importing AI and PSD files, including leveraging tools that allow you to modify imported content. Then, he walks you through working with text, drawing shapes, creating vector objects, and

Continue reading »

Using HTML5 Canvas In Animate CC: JavaScript Basics

I have another article up on the Adobe Animate team blog – this time dealing with the basics of using JavaScript and CreateJS within Animate CC. For nearly 20 years, the programming language used within Animate (Flash Professional) projects has been ActionScript. So why the current shift to JavaScript? Well, it isn’t exactly as simple as that. For one thing, Animate is not a JavaScript only application. You use JavaScript in projects which require it, such as HTML5 Canvas and WebGL… but you can still use ActionScript on projects which are to be published for Flash Player or AIR, including

Continue reading »

Easing and the Motion Editor

Get moving… with the resurrected Adobe Animate CC Motion Editor at Adobe.com! Even a small amount of easing, if applied correctly to an animated object, can go far in conveying a truer sense of reality and weight. Animate CC includes a number of mechanisms for applying easing in this way, and we will examine how to apply simple and advanced easing in this article… with a focus on the new and improved Motion Editor. Check it out!

Continue reading »

Mysteries of the Bone Tool

A spookily-skeletal overview of the Adobe Animate CC Bone Tool and IK Armatures on Adobe.com! Adobe Animate CC includes a really interesting tool that not many users know about. In fact, this subject is way beyond the scope of a single tool – as it encompasses and entirely different way of assembling and animating content in the Timeline. Let’s have a look at some of the ways you can use the Bone and Bind tools to create intricate Armatures in Animate using inverse kinematics! Check it out!

Continue reading »