A while ago, I wrote a post about Mask Layers. Here is the answer to the second challenge in that post: Create a Spotlight Effect using a mask layer. (Click on the play button below to see the animation.) Create the Images
Entries Tagged as 'Flash CS4'
Flash: Create a Scribble Effect with a Mask Layer
August 3rd, 2009 1 Comment
I promised to reveal how to create a "scribble effect" using mask layers in Flash. If you don't know what a mask layer is yet, have a look at this post on Mask Layers. So how do you use mask layers to create animated writing like the example below? ( press the play button to [...]
Tags:
Flash: Painting with selections
July 30th, 2009 No Comments
Once you get the hang of it drawing in Flash can be a lot of fun. Especially if you take advantage of the "Brush Mode" menu. You will find the Brush Mode like this:
Tags:
Flash: Mask Layers
July 27th, 2009 No Comments
A mask layers are used to selectively hide and reveal other layers. You can use them to achieve effects that are otherwise either impossible, or really difficult to create. Here are some examples of mask layers in action. Press the play button to see the animation: Example 1: A scribble effect:
Tags: mask layer
Flash: Create an Endless Kaleidoscope Part 3
July 15th, 2009 1 Comment
Today we take the animation we made in Part2 and make it a lot more interesting. At the moment, it looks something like this – a simple repeated animation. Not very exciting – click the play button below to see the animation so far: [kml_flashembed publishmethod="static" fversion="8.0.0" movie="http://www.bravemouse.com/wp-content/uploads/2009/07/k2.swf" width="400" height="400" targetclass="flashmovie"] We are going [...]
Tags: Animating in Flash · movie clips
Flash: Create an Endless Kaleidoscope Part 2
July 15th, 2009 No Comments
The previous post explained the first stage of making an animating kaleidoscope: making a single, animated movie clip.
Tags: Animating in Flash · movie clips
Flash: Create an Endless Kaleidoscope part 1
July 8th, 2009 1 Comment
To get the most out of this exercise you need to know how to create an animated movie clip. So you should have completed at least up to Day four of the Flash Day Pages. I love making endlessly repeating, phase shifting kaleidoscope patterns like this. Click on the arrow button to see all the [...]
Tags: Animating in Flash · movie clips
Flash: Make a set of colour swatches from an image
July 8th, 2009 No Comments
A sure fire way to enrich your Flash work is to move away from the standard "Web Safe" colour palette that comes with Flash. Here is a quick and easy way to create rich colour palettes from an image. Find an image with the range of colours you wish to use. Like this wonderful image [...]
Tags: color · flash drawing
Flash: Create your own colour gradient
July 8th, 2009 No Comments
You can create your own gradient with as many colours as you please using the Color Palette. Open the Color Palette at Window > Color. Look for the Type drop down menu. Choose either "linear" and "radial" – the two kinds of gradient fills available in Flash.
Tags: flash drawing · flash interface
1 Flash CS4 Day One
June 26th, 2009 No Comments
Day One is a big learning curve. You will be learning a bit about the basics of the Flash interface as well as some basic animation techniques. There is a fair amount of reading (see the notes at the bottom of the page). Many people find Flash very confusing, and there is very little gratification [...]
Tags:
1.1 Create a new movie in Flash CS4
June 26th, 2009 No Comments
We call the document created while working in Flash, a "movie". It is also often called a ".fla", after the file extension used when you save a Flash movie. To create a new Flash movie, go to File > New A "new document" dialogue box will open, asking you to choose from a whole lot [...]
Tags:
1.2 How to publish a movie (create a .swf)
June 26th, 2009 No Comments
The movie you edit in Flash is also called an ".fla". To put that movie on-line you need to "publish the .fla". That means you make a copy of the movie in a special format called a .swf, which can be easily placed on-line. What are the .fla and .swf formats for? A .fla is [...]
Tags:
1.3 Know Your Frames
June 26th, 2009 No Comments
This post is about the most basic parts of the timeline – the frames. There are a couple of different types of frames, and it is crucial that you know what they are called. As you read through this post, try creating each time of frame, moving them around, and deleting them. First, you need [...]
Tags:
1.4 How to create a simple frame by frame animation
June 26th, 2009 No Comments
How to create a simple Frame by Frame animation Select the first frame in the timeline. Draw something in it. Select a frame further down in the timeline. Insert a Keyframe Insert > Timeline > Keyframe. You will see that the new keyframe you inserted is an exact duplicate of your first keyframe. It contains [...]
Tags:
1.5 When to use Shape Tweens
June 26th, 2009 No Comments
Shape tweening is used in the following situations: An element changing from one shape to another: square to circle, cow to pig, star to screwdriver etc. An element changing colour or transparency. A simple way to figure out when to use a shape tween, is this: Shape tweening is used to apply the kinds of [...]
Tags:
1.6 How to create a shape tween
June 26th, 2009 No Comments
To create a shape tween you draw the first and last frames of your animation on the timeline, and then let Flash insert the steps of animation in between. Select a blank keyframe,("frame 1" in this example) and draw the first shape. Make sure this shape is not grouped. Insert a keyframe further on in [...]
Tags:
1.7 Why Vectors?
June 26th, 2009 No Comments
When you draw in Flash, you create vector images – very like the images you create in other vector programs like Adobe Illustrator, for example. A vector graphic is defined according to its geometric characteristics: the precise direction and curve of the line, the precise area of the fill. These are defined by anchor points. [...]
Tags:
1.8 Some Drawing Tools
June 26th, 2009 No Comments
The most useful drawing tools in Flash are the Brush tool, the Selection Tool, and the Subselect tool. There are many other great tools, but for this introduction lesson, I'm going to focus just on these. The Brush Tool The Brush tool creates fills and will be the colour that is in the "fill colour" [...]
Tags:
1.9 The Properties Inspector
June 26th, 2009 No Comments
One of the most used panels is the Properties Inspector, which you will find at Window > Properties Try this out. Create a drawing on the stage. Use the selection tool to select various parts of the drawing, and the stage itself. You will notice that the Properties panel changes depending on what is selected. [...]
Tags:
1.10 What's all this about grouping?
June 26th, 2009 No Comments
You may already have discovered Flash's strange way of dealing with overlapping shapes. Try it out: Draw a shape. Draw another shape partly over it. Select one of the shapes and move them. Do you see how the shapes "eat" into one another? Grouping a shape in flash is a good way of making it [...]
Tags:
