Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 
 

Support the Students in the Mac Lab
Click DONORS at The Valhalla Foundation to become a Mac Lab Booster or click the Donate button to use PayPal (both are tax deductible)

100% of your donation will be used to purchase books, supplies, software, etc. for the students in the Mac Lab
A Few Words About Donations to the Mac Lab

 

 

Flash 8 Tutorials
For best results, open browser window at least as wide as the banner graphic (above) before proceeding

New Narrated Tutorials
The resources (starter files, images, etc.) are in Users > maclab > documents > _flash_resources (watch this if you don't know what that means)
Note: Right-Click the links and select Open Link in New Window or Open with QuickTime Player for best results

Visitors From the World Outside of the Mac Lab
You'll have to create your own starter files and use your own images though some essential files will be liked below.
Please read the FAQ and the Blog (especially this entry) before emailing me.

Flash MX 2004 Tutorials
Yes, we're working in Flash 8 but these have loads of tips and tricks not included below (though no sound in the movies)

The Basics
Setting up Safari to Work Smart
Quick Switching Between Programs to Work Efficiently with the Tutorials
Customizing the Workspace Part 1 | 2
Timeline/Stage Basics Part 1 | 2
The Dreaded/Wonderful Object Drawing Option (We'll consider it dreaded for now)

Simple Projects
Big and Ugly Buttons (you gotta start somewhere) Part 1 | 2 | 3 | 4 | 5
Slightly Better Buttons Part 1 | 2
Improving the Workflow (and the buttons) Part 1 | 2 | 3 | 4
Introduction to Content Part 1 | Solving a Problem Some Students are Having | 2 | 3 | 4
Buttons: Basics to Intermediate Skills Part 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8
Simple Slideshow - Phase 1 Part 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13
Simple Slideshow - Phase 2 Part 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11

Portfolio Review
New tutorials for those having trouble with this project for the 1st semester final
Starter files: Preloader | ActionScript for the ClipEvent and Scrolling Text Box
Tutorials: Overview | The Cheat Sheet | Preparing to Animate the Interface | Frames and Layers | Animating the Interface | Adding the Preloader | Building the Scrolling Text Box in a MovieClip | Animating and Duplicating the Scrolling Text Box | Scripting the MovieClip Buttons | Animating the MovieClip Buttons | Strategies and Shortcuts for the Sub Navigation

7 Web Behaviors
A great extension from Linecraft for opening a second browser window from within Flash. Here's the example from the videos
Understanding the Process | Installing the Extension | Preparing Your Files | Preview | Using the Extension and dealing with a number of potential gotchas with eBackpack -- watch the whole video) | An Odd Problem with Safari (on my laptop) | An HTML Shortcut | The Finished Product (watch the whole movie)

The ABCs of Tweening
Shape Tweening Part 1 | 2 | 3 | 4
Motion Tweening Part 1 | 2 | 3 | 4
Text Tweening Part 1 | 2
Motion Guides Part 1 | 2 | 3
Looping Animations Part 1 | 2 | 3 | 4
Custom Easing Part 1 | 2 | 3 | 4

Strokes and Fills
What's the big deal? Part 1 | 2 | 3 | 4 | 5 | 6 | 7

Sounds
The Basics Part 1 | 2 | Alt Part 1

Masking 101
Basic to Not So Basic Part 1 | 2 | 3 | 4 | 5 | 6 | 7
Frame By Frame Masking Part 1 | 2 | 3 | 4 | 5

Rulers, Grids, Guides, etc.
Strategies and Usages Rulers | Guides | Grid | Snapping | Guide Layer

Tools
A bit about the... Selection Tool | Subselection Tool | Free Transform Part 1 and Part 2 | Gradient Transform | Line | Lasso | Pen | Text | Oval | Rectangle | Polystar | Pencil | Brush | Ink Bottle | Paint Bucket | Eyedropper | Eraser

Panels
A bit about the... Color Mixer Part 1 | 2 | 3 | 4 | 5 | Color Swatches | Info | Align Part 1 | 2 | Transform | Behaviors | Properties | Actions | Library | Common Libraries

Stay Away from these Features
The Reasons Why Timeline Effects | Scenes | Text Morphing

Filters and Blend Modes
New to Flash 8 Part 1 | 2

Animating the Interface
Step 1 of the Key to Smart Design Part 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9

Animating Layered Photoshop Files
Steps You MUST Customize (Depending on Your File) Part 1 | 2 | 3 | 4 | 5 | 6 | 7

Other Arty Tricks with Flash
Trace Bitmap | Pan and Zoom | Custom Reveal Part 1 | 2 | 3 | 4 | Draggable Objects |

The Best Buttons Use this Technique
The Code Part 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8

Pull-Down Menu Using the Best Button Technique
A Crude Example Part 1 | 2 | 3 | 4 | 5 | 6

The Only Scroll Box You'll Ever Need
I think Robert Penner wrote this script Part 1 | 2 | 3 | 4 | 5 | 6 | 7 | Quick and Crummy Version

The Only Preloader You'll Ever Need
Well... (you'll probably want to design your own) Part 1 | 2 | 3

Dynamic Content (Learn to Love it!)
Trust me, you're gonna love this one! Part 1 | 2 | 3 | 4 | 5 | 6

Pixel Fonts
For that "I create cool Flash" look Part 1
To those outside the Mac Lab: Go to Fonts For Flash and MiniFonts for free fonts and great commercial fonts

Import Video
Slick and Easy! Part 1 | 2 | 3 | 4 | 5 | 6

Web Basics
And I mean "basic" Part 1 | 2 | 3 | 4

Extensions
Better than the Original! Part 1 | 2 | 3 | 4 | 5
To those outside the Mac Lab: Go to Adobe Exchange (man, that sounds weird) for extensions

 

Older Tutorials Without Narration...

Quick Links to Assignments

Begin by customizing your workspace

Review the 3 Steps to a perfect Motion Tween (and a few more tips)

Controlling the Playhead | Part 1 | Part 2

Workflow for Flash 8 | Workflow II | Project

Animate your digital paintings | Project

Animate a series of Photoshop projects and open in a second, correctly-sized window | Project

Create a custom interactive slide show | Project

Masking | Project

Motion Guides | The Idea you'll work toward

Trace Bitmap | Project

Pixel Fonts: MiniFonts | FontsForFlash

Preloader

Uploading Files and Modifying Your Website | Project

Digital Portfolio Phase 1 | Phase 2 | Phase 3 | Phase 4 | Project

Import Video (for 3D Class)

 

Special Thanks for Helping to Support the Mac Lab!
A new Mac Lab section with tutorials for these great resources is coming soon
Maxon for continued support of our 3D students — Long live Cinema 4D!
Cineversity for the ever-growing Cinema 4D video tutorial library — 500+ tutorials and counting
3D Attack for the great monthly Cinema 4D magazine
MiniFonts and FontsForFlash for the best pixel fonts in the world!
CartoonSmart for the terrific Flash tutorials — An absolute treasure for the cartoonists in class
Pro Photo Secrets for Shane Goldberg's fabulous Photoshop tutorials — More treasure!
Stupendous Software for a myriad of iMovie plugins — Titles and effects galore
PotionFactory for PodcastMaker and VoiceCandy — Are students supposed to have this much fun?
SmileOnMyMac for DiscLabel — No more Sharpies for our CDs and DVDs!
Lemkesoft for the Graphic Converter — Opens and coverts any odd image formats
Graphic Authority for the Photoshop resources — Brushes and backgrounds and frames, oh my!
Realmac Software for RapidWeaver — For when we don't have time to Dreamweave(r)
Ergonis Software for PopChar X, KeyCue, and Typinator — Brilliant, time-saving programs
Flash Valley for the killer components — Fantastic new tools for the advanced students!
Linecraft for 7 Web Behaviors — Open browser windows with ease from within Flash
Rainmaker Research for SpellCatcher X — Not that students ever misspell words ;-)
Flying Meat (yes, Flying Meat) for FlySketch — Onion skinning the monitor (very cool program!)
Pangea Software for all those games — For the Game Art and Design program we're going to pilot

 
     

 

Required: Latest versions of plugins Suggested: 1024 x 768 minimum resolution

Mac Lab | Students | Parents | Visitors | Skocko | Valhalla High School