ANIMATE - Web Design 01
Link to your Animate Files HERE (20MB)
Extract the files to your Animate Folder
| LINK | TIME | LESSON |
|---|---|---|
QUICK VIDS (In case you forget....) |
||
| Classic Tweens | 6:03 | Basics of Classic Tweens Web8500/600 24FPS, WHERE and WHEN do things happen, converting PNG to MovieClip Symbol, .....Broken Tween, Drag to where you want it to go. ________ classic tween, Ease Effects, New Layer, Adding Keyframe, MC Symbol, |
| Classs Tweens Motion Guide |
4:45 | Classic Tween Motion Guides |
| Text | 2:45 | Dynamic VS Static |
| Motion Tweens | 5:46 | Basics of Motion Tweens Importing Image, Free Transform Renaming Layers, Create motion tween, covert image to Symbol(MC), Orient to Path, Rotate, Easing, Alpha Effect, MC Symbol, Multiple Keyframes, |
| Exporting Animations | 3:50 | How to Export Correctly |
| Dreamweaver | 7:20 | How to put HTML5 into Dreamweaver Publishing HTML5/JS files, Analyzing file exports, Choosing necessary files for Internet, DW-Importing folders, deleting .fla file, Linking jpg to HTML file, LIVE View works |
| LINK | TIME | LESSON |
|---|---|---|
ANIMATE INTRODUCTION |
||
| 01-1-Animate Intro | 9:20 | Introduction Tweens, where and when things happen, home screen, different types of files, Workspace Switching. (NO Project) |
| 01-2-Animate- Sketch | 11:06 | New file, text tools, Drawing tools |
| 01-21-Animate-Saving | 7:34 | Exporting HTML5,Publish Settings, File Export How to Upload |
DRAWING TOOLS |
||
| 02-1-Draw-Car | 14:53 | Using Drawing tools to make a car, export HTML5 |
| 02-2-Draw-Fish | 11:25 | Fish Drawing, Oval Tool, BG Import, paint dropper |
| 02-21-Draw-Fish | 12:47 | Fish to Symbol, Library Panel, Duplicating Symbols, Drawing Grass, HTML5 |
ANIMATIONS WITH KEYFRAMES |
||
| 03-1-Slideshow-Vacation | 14:27 | Importing Images, Timeline, Keyframes, Publishing at HTML5 |
MOTION TWEEN ANIMATION |
||
| 04-1-Animation-Kite | 14:07 | Opening existing document, checking out layers, text changes, HTML5 |
| 04-2-Animation-Alien | 13:37 | BG, Motion Tween, ease, orient to path,color effects, |
CLASSIC TWEEN ANIMATIONS |
||
| 05-1-Animation-Fish-Classic | 11:27 | Fish Banner, Open existing document, Classic tween through Fish1 |
| 05-12-Animation-Fish | 7:46 | Tween Placements, Symbol Movie, Frame by Frame animation, |
| 05-13-Animation Fish | 14:49 | Fish2, Classic Guide Layers, Fish 3 Classic Guide, Name layer, Orient to Path, Ease |
MOTION TWEEN ANIMATIONS |
||
| 06-01-Animation-Hero | 8:50 | Motion Tweens, Importintg AI and PS files, HTML5/JS export Importing PS to layers, Folders, AI-Create MC Symbols, edit colors, |
| 06-012-Animation-Hero | 12:22 | Animating BG, MotionTween,Creating MC Symbols, Editing Motion Path, Animating Space, MC Symbol | Creating ALL Layers, RobotBAD Animations, HERO Animation, RobotGOOD Animation, |
| 06-13-Animation-Hero | 7:06 | Review, Sound 1&2 Layers, Figuring out when sounds happen, Name Layer,StaticVSDynamic Text, Exporting, Understanding what files are necessary. |
TRACING BITMAPS |
||
| 07-TraceBitmap | 8:25 | AN&PS Programs, Select Subject, Trim, Cropping, Exporting PNG, Importing image into AN, Resizing Image (SHIFT), TraceBitmap, Modify TB settings, Export Image (PNG w/Transparancy) Clip to Stage |
LAYER MASKING |
||
| 08-Mask-Names | 5:32 | Text Masking, AN-WebMedium, Import PS-Banner1.psd, Import Layers, Create Ball Animation, Classic Tween it, Mask it, Export GIF Keep Animation, 1000X250 |
| SOUNDBOARD | ||
__________