Creating Animated Web and Social Media Banners in Photoshop and Flash
In this Photoshop and Flash tutorial, we'll learn production concepts in creating a banner ad campaign. Software required: Photoshop CS6, Flash CS6.
What you'll learn
In this Photoshop and Flash tutorial, we'll learn production concepts in creating a banner ad campaign. Throughout these lessons, we'll look at steps to create a campaign consisting of several different banner ad placements including Flash animated, GIF animated, static mobile and social media placements. We begin by examining a Flash banner storyboard in Photoshop followed by creating an animated banner in Flash. Afterwards, we'll create a static, non-animated banner in Photoshop. Then we'll go over creating a mobile banner and an animated GIF banner for the same campaign. To conclude, we'll create banner ads for use in social media. By the end of this Photoshop and Flash training, you'll have everything you need to create a full web advertising campaign for your product, site, or business. Software required: Photoshop CS6, Flash CS6.
Table of contents
- Understanding Various Banner Ads and Placement Types 8m
- Reviewing the Flash Banner Storyboard 8m
- Producing the Flash Banner Assets 11m
- Importing Image Assets into Flash 11m
- Setting up the Flash Banner Ad Assets 14m
- Animating the Banner on Main and Nested Timelines 15m
- Creating the Main Content Animation 13m
- Animating the Banner's Final Frame in Flash 11m
- Incorporating Functionality into the Flash Banner 14m
- Converting a Mobile Banner to a Static Banner 12m
- Creating a Static Banner Targeted for Mobile Devices 12m
- Designing an Animated Gif Banner 12m
- Animating the Gif Banner 14m
- Designing Banner Ads for Facebook 14m
- Designing Banner Ads for Twitter 11m