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

Get Adobe Flash player


Summary:

Clouds in Flash

    ●  Introduction to making corner points, Filters and Movie Clips in Flash.


Learn About:

Filters in Flash Movie Clips Corner Points
Free Transform Tool

• This tutorial is part of the Aesop's Fables and Drag and Drop Projects.

Other People's Work:

Here are examples of work inspired by this tutorial:

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

Get Adobe Flash player

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

Get Adobe Flash player

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

Get Adobe Flash player

Step #1: Open your Project in Flash ~

Open YOUR PROJECT in Flash

 

 

… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …

… add a New Layer and name it.


Lock all the layers you're not using.


Step #2: Oval Tool ~

Get the Oval Tool which is behind the Rectangle Tool or hit the keyboard shortcut letter: (o) …

… open the Properties menu (if necessary) by hitting the keyboard shortcut letters: Cmd (⌘) + F3 , open Fill and Stroke and set Stroke Color to none.

You can use any Fill Color you want for now.

fill color


Step #3: Drag out a Circle ~

Make a circle approximately the size of the cloud shape you want:

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

Get Adobe Flash player


Step #4: Select the Fill ~

Get the Selection Tool or hit the keyboard shortcut letter (v) …

selection tool

… and click the fill area inside the circle.

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

Get Adobe Flash player


Step #5: Color Mixing & Gradients ~

Go to: Window » Color or hit: Shift (⇧) + Cmd (⌘) + F9 shift key f9 and click on Fill Color

… and select Radial in the Fill Style.

Double-Click on the color selector and pick a color.

Set the other side of your gradient too.


Step #6: Transform the Shape ~

Hover over the line and wait till you see the U shape under the cursor.


Then hold the Alt (⌥)/Option key downalt key click and drag.

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

Get Adobe Flash player


Step #7: Continue ~

Continue adjusting the sides of the cloud until you get what you want:

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

Get Adobe Flash player


Step #8: Free Transform Tool ~

Then select the Free Transform Tool or hit the keyboard shortcut letter (Q) …

free transform tool

… adjust the size of the cloud until you get what you want.

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

Get Adobe Flash player


Step #10: Make the Shape into a Movie Clip ~

Get the Selection Tool or hit the keyboard shortcut letter (v) …


Double-click on the Shape

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

Get Adobe Flash player


… then hit f8(or Right-Click and select: ) and make a Movie Clip.

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

Get Adobe Flash player


Step #11: Double Click on the Movie Clip AGAIN ~

Double-click on the new symbol AGAIN to edit it.


Now you are working INSIDE the Movie Clip.
movie within a movie

Remember: A Movie Clip is a movie WITHIN a movie.

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

Get Adobe Flash player


Step #12: Drag the Cloud Off Stage ~

Drag the Cloud off stage:

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

Get Adobe Flash player


Step #13: Frame 100 ~

Then, Right-Click on approximately Frame 100 & select Insert Keyframe:

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

Get Adobe Flash player


Step #14: Drag the Movie Clip to the Other Side ~

Now drag the movie clip off to the other side of the stage.


Step #15: Motion Tween ~

Laslty, Right-Click somewhere in between the keyframes again & select Create Classic Tween.

If you see a blue line - you know it worked.

blue line


Step #16: Scene 1 ~

Go back to Scene 1:

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

Get Adobe Flash player


Step #17: Blur ~

With the cloud selected, open Properties (Window > Properties > Filters) and click "Add Filter" …

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

Get Adobe Flash player

… select a Blur and adjust the slider.

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

Get Adobe Flash player


Step #18: More Clouds ~

Hold the Alt (⌥)/Option key downalt key again and, using the Selection Tool selection tool click and drag to make a duplicate.

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

Get Adobe Flash player


Last Step: Save and View your work ~

View your work by hitting the keyboard shortcut: Cmd(⌘)+Enter cmd enter

Save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.fla]

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

Get Adobe Flash player

 

•   ALWAYS save your projects using the following naming convention:
FIRST_NAME_LAST_NAME_PROJECT_NAME


  •   DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.


  •   NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.


Other Resources: http://www.youtube.com/watch?v=R5VEMqHInI4