Design the Web: Video Graphics and Animation

24mBeginner2013-04-08

Authors

Chris Converse

Applies design and UX principles to technology

Course details

Learn to edit video and add custom graphics and animations to your projects— all with Adobe Photoshop CS6 Extended! Author Chris Converse starts with the powerful new video editing tools in Photoshop CS6, which allow you to design and brand videos for your interactive and online projects. Once editing is complete, discover how to render the video as an MP4 file that can be uploaded to a favorite video website, incorporated into your own site, or embedded in an iBook, interactive PDF, or digital magazine.

Learning objectives
Getting video into Photoshop
Splitting video clips
Moving and transitioning video
Animating artwork
Adding text to video
Rendering video with Photoshop

Skills covered

Web GraphicsWeb DesignPhotoshopLimited SeriesAdobe

Concepts

0. Introduction

01 - Previewing the final project
02 - About the exercise files

1. Adding and Animating Artwork

03 - Getting video into Photoshop
04 - Splitting video clips
05 - Moving and transitioning video
06 - Adding artwork and making Smart Objects
07 - Positioning and transforming artwork
08 - Animating artwork
09 - Animating Smart Objects
10 - Adjusting a Smart Object registration point
11 - Animating layer styles and effects

2. Adding a Lower Third

12 - Extending and reusing a graphic element
13 - Adding text to a video

3. Rendering and Publishing

14 - Rendering video from Photoshop
15 - What to do with new video