Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now
Watching:

Using filters and color effects


From:

Introduction to Flash Animation

with Kelly McCathran

Video: Using filters and color effects

In this video, we're going to have some fun with Filters. One thing to keep in mind when using filters in the Motion Editor is the more filters you have on an object, the more calculations the Flash Player has to go through in order to display that effect, so that can effect your performance. Filters can be applied to movie clips, buttons, or text objects, not to graphic symbols. So, we're going to take this movie, 0702 Filters Begin, and I'm going to slide to about keyframe 48. This is where this rectangle starts to slide in. I'll select it on the stage, and you'll notice the type is graphic. When this was added to the Library, it was added as the simplest symbol type, a graphic symbol.
Expand all | Collapse all
  1. 1m 38s
    1. Welcome
      1m 38s
  2. 19m 35s
    1. Introduction to Flash CS5 and the Flash Player
      4m 28s
    2. FLA, SWF, and other file types
      5m 43s
    3. Flash feature comparison
      3m 58s
    4. Raster vs. vector
      5m 26s
  3. 27m 56s
    1. Overview of the interface
      7m 42s
    2. Panel modes and workspaces
      6m 54s
    3. Setting preferences
      4m 5s
    4. Choosing the proper document size
      9m 15s
  4. 28m 55s
    1. Merge Drawing mode vs. Object Drawing mode
      6m 43s
    2. Using primitive objects
      6m 37s
    3. Other shape tools
      6m 49s
    4. Selecting, modifying, and transforming objects
      8m 46s
  5. 17m 30s
    1. Your first animation
      6m 4s
    2. That's how the ball bounces
      6m 50s
    3. Working with multiple shape tweens
      4m 36s
  6. 34m 51s
    1. Creating and working with symbols
      8m 16s
    2. Editing symbols
      6m 39s
    3. The anatomy of a button
      4m 0s
    4. Building a button from scratch
      7m 18s
    5. The Library panel
      8m 38s
  7. 22m 42s
    1. The Timeline: Part one
      7m 48s
    2. The Timeline: Part two
      7m 7s
    3. The Timeline: Part three
      7m 47s
  8. 21m 32s
    1. Introduction to the Motion Editor
      6m 54s
    2. Using filters and color effects
      7m 29s
    3. Applying easing with the Motion Editor
      7m 9s
  9. 14m 56s
    1. Options for testing your movie
      3m 57s
    2. Full overview of Publish Settings and export options
      10m 59s
  10. 13m 31s
    1. Using sound in Flash movies
      5m 53s
    2. Importing sound into Flash movies
      4m 40s
    3. Adding sounds to a button
      2m 58s

please wait ...
Watch the Online Video Course Introduction to Flash Animation
3h 23m Beginner May 12, 2011

Viewers: in countries Watching now:

Adobe Flash CS5 is the industry standard for creating dynamic, interactive graphics, and even entire websites. This workshop from expert trainer Kelly McCathran provides a solid introduction to Flash animation, beginning with a tour of the tools and interface. Plus, learn how to animate shapes and objects, create slideshows, incorporate other media into your movies, add keyframes, and much more. Each lesson takes a simple step-by-step approach—great for beginners and also helpful for more experienced users looking to develop efficient workflows—and some simple projects are included so you can test out your newly developed skills.

Topics include:
  • Understanding the Timeline
  • Working with Timeline effects
  • Adding keyframes
  • Creating slideshows
  • Incorporating other media into your movies
  • Distributing your work effectively
  • Organizing your assets
  • Developing efficient workflows
Subjects:
3D + Animation Web video2brain
Software:
Flash Professional
Author:
Kelly McCathran

Using filters and color effects

In this video, we're going to have some fun with Filters. One thing to keep in mind when using filters in the Motion Editor is the more filters you have on an object, the more calculations the Flash Player has to go through in order to display that effect, so that can effect your performance. Filters can be applied to movie clips, buttons, or text objects, not to graphic symbols. So, we're going to take this movie, 0702 Filters Begin, and I'm going to slide to about keyframe 48. This is where this rectangle starts to slide in. I'll select it on the stage, and you'll notice the type is graphic. When this was added to the Library, it was added as the simplest symbol type, a graphic symbol.

Well, there's no options for filters here on a graphic symbol. And if I go to the Motion Editor and Collapse Basic Motion and Collapse Transformation, I can do color effects, just as I can do here in properties. But filters is not an option. So, for that reason, I'm going to easily through the Properties Inspector, convert this to a move clip, the most complex sort of symbol. Once it's a movie clip, here I can see the filter's Plus sign is now available. You can do filters either through the Motion Editor, or here through Properties by adding them at the bottom with the New button.

So, the most common filters are drop shadow, blur, glow, bevel. There's a few others that are very fun. But on this one, what I want to do is apply a blur effect as it slides in. So, I'm going to do it through the Motion Editor. In Filters, I'll choose Blur. And then, when I choose Blur, you can choose how much blurring do you want to have happen. I'm looking at the Motion Editor but I'm only seeing 32 viewable frames.

And this animation plays for longer. So, I'm going to slide that up a bit and I'll scroll down a few clicks. And there I can see Blur X and Blur Y. I'm going to go ahead and set Blur X to 20 pixels. When I press Return or Enter, these two are linked so you can see that it had did both Blur X and Blur Y at the same time. When I scrub my timeline, there's the blur effect. So, like a soft feathered drop shadow, it's applying to the whole object here at keyframe 72, roughly.

Often, I'll go back to the timeline to check my exact position. I'm actually at 74, so let's slide it back to 72. You can see that in the Motion Editor, but I find it easier in the timeline. There, I want to insert a change. So, I'm going to click this little diamond. It'll turn yellow when I click it to add or remove keyframe. So, it'll start at 20 pixels, and now let's have it go down to 0. I'll press Return or Enter, and you'll notice the chart in the Motion Editor bends to indicate some change is happening.

So, the edges start out soft, and then end up crisp, I'm slowly scrubbing this so that you could see that. I'll press Cmd+Return on the Mac, or Ctrl+Enter on the PC, and preview my work so far. So, it came in soft edge and got sharper. You can even make that far and more dramatic by sliding over here, and let's try a 100 pixels. Now, I'll press Cmd+Return or Ctrl+ Enter to test, and there it slides in and gets very sharp. I'll close this window.

And another effect you may want to apply is, you'll notice as the Creative Suite lovers button came in, it just kind of appears. So, I'm going to slide over by dragging my play head, or I like to use the timeline, but something I top off at a certain amount to get to the spot where I am. The Motion Editor is a mirror of the timeline, but the timeline's been around longer, so I'm more comfortable there. Now, I'm where the button comes in.

So, I'm going to do again another filter on the button. I'll select the button on the stage, come back to the Motion Editor, and this happens quite often. If you don't have the Motion Tween setup, or if you don't have the Motion Tween Span selected, you won't have any options in the Motion Editor. So, it's important that you see this here. I'll come back to the timeline, and this isn't set up to Motion Tween. I deselected so that I could see that. It's a light gray which means the button is there but it has no animation to it. So, let's right-click anywhere on the button and choose Create Motion Tween. Once the Motion Tween is there, now I can select that keyframe span, so it's all highlighted.

Now, I can go to the Motion Editor, and there my options are available. So, I'll choose Filter. And on this one, I'll do a glow. And you'll notice, it automatically popped in a glow color for the background. As I slide the play head, nothing is changing in the effect. So, here again, I have Options. I have a Blur X and Blur Y that applies to the glow, in this instance. So, let's do a larger blur. Let's try 30. There I get a nice, big glow.

No changes still happening for the duration of this. So, I'll come back to Blur X and Y, I'll click the Diamond to insert a change, and I'll put that to zero. So now, I'll get a highlight that appears. Or it starts out with a larger red glow, and fades down. I think, while I'm here, I might as well make that button fade in and fade out. So, you do that with alpha, which isn't technically a filter. It's a color effect. So, I'm going to come back to where the glow starts. I'll go to Color Effect and choose Alpha.

Every now and then, if you notice your interface not showing something that you know it should, it helps to collapse and expand to see your options. And make sure the object is selected on the stage. Sometimes, I have to click away and click back where I know the object to be in order to see my options. There we go. Had to scroll down a little bit. And this is why I love using the Timeline. For the Alpha amount at zero, I'm going to go all the way to the end and set that to 100. I'll slide it back.

And I don't want it to start out completely clear so I'll start it at about 20%. Now, I'll press Cmd+Return or Ctrl+ Enter to test my movie. And there's a couple fun effects that you could add. Give them a go on your own.

There are currently no FAQs about Introduction to Flash Animation.

 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

* Estimated file size

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Introduction to Flash Animation.

Return to your organization's learning portal to continue training, or close this page.


OK

Upgrade to View Courses Offline

login

With our new Desktop App, Annual Premium Members can download courses for Internet-free viewing.

Upgrade Now

After upgrading, download Desktop App Here.

Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Start your FREE 10-day trial

Begin learning software, business, and creative skills—anytime,
anywhere—with video instruction from recognized industry experts.
lynda.com provides
Unlimited access to over 4,000 courses—more than 100,000 video tutorials
Expert-led instruction
On-the-go learning. Watch from your computer, tablet, or mobile device. Switch back and forth as you choose.
Start Your FREE Trial Now
 

A trusted source for knowledge.

 

We provide training to more than 4 million people, and our members tell us that lynda.com helps them stay ahead of software updates, pick up brand-new skills, switch careers, land promotions, and explore new hobbies. What can we help you do?

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.