This tutorial shows you how to fade several objects onto the Flash stage at once. You can use this technique in all versions of Flash, except that in versions of Flash prior to CS3, Classic Tweens are called Motion Tweens. The following video was done in CS4, but, again, the only difference between Flash versions is the change of tween names.

The following steps fade several objects onto the Stage at the same time. These instructions assume that all the objects you are animating are currently on the same layer. If you already have your symbols on separate layers, skip the steps for distributing the symbols to layers. For this procedure to work, all objects you animate must be symbols.

  1. SHIFT + click all the objects you want to animate.
  2. Right-click one of the selected objects and choose Distribute to Layers.
  3. Clear the frames on the new layers. Flash will insert new keyframes in the frame directly behind the last cleared frame on each layer.
  4. In the top layer of the group of layers you want to animate, click the animation end-point frame to select it, and then, on the bottom layer of the group of layers, SHIFT + click the animation end-point frame. This selects all the frames in the animations’ end-point columns.
  5. Right-click the selection and choose Insert Keyframe from the pop-up menu.
  6. Click the animation start-point keyframe on the top layer of the group to select it, and then click the Pasteboard to deselect the  symbol. (Deselecting the symbol here is necessary because, while Flash does select the symbol when you click the frame, the selection is not in the correct state to apply an Alpha affect. The purpose for clicking the start-point frame was to get us back to that frame.)
  7. SHIFT + click each of the symbols you want to animate to select them.
  8. In the Symbol Properties panel, under Color Effect, click the Style drop-down and choose Alpha.
  9. Set the Alpha percentage to 0.
  10. Click the end-point keyframe on the bottom layer to select it, and then SHIFT + click start-point keyframe on the top layer to select all the frames on all the layers you want to animate.
  11. Right-click the selection and choose Create Classic Tween from the pop-up menu.

Intricate stuff, huh? Your objects should now fade onto the Stage. I probably don’t need to point out here the necessity for precision. But I’ll do so anyway. It’s important that you follow these steps exactly. I suggest you watch the above video.

You can learn this and many other Flash techniques in William Harrel’s introduction and intermediate Flash courses over at Ed2Go.

William Harrel – www.williamharrel.com

Click here to go to ed2go

The long-awaited Intermediate Flash CS5 and Intermediate Flash Cs4 courses at ed2go.com will be launched at over 2,500 colleges and universities on June 15, 2011. This is the sequel to William Harrel’s immensely popular Introduction to CS4 and Introduction to CS5 courses offered by ed2go for the past two years. These courses expand on the introductory topics taught in Harrel’s highly instructional introductory courses. Students will take what they’ve learned in the intro courses to the next level, with advanced instruction in ActionScript, Motion Editor, Bone Tool, Deco Tool, and other Flash features–allowing them to take their Flash skills to a marketable level.

“These two new courses will bring my students up to a skill level that will allows them to market themselves in a variety of Flash design markets,” Harrel says. “It’s personally gratifying to help them reach this level of design skills.”

Harrel’s ed2go courses have been very well received by his students, as demonstrated in the following student comments:

“I really learned so much in this course and the instruction was excellent. Hope to see an intermediate course to CS4.”

“I found the course to be highly beneficial and Bill Harrel does an excellent job of presenting complex information in an understandable fashion. Bill also gets top marks for responsiveness regarding questions.”

“Fantastic course! I went from knowing nearly nothing in Flash to feeling pretty confident that I can put together simple Flash movies. The subject matter was well illustrated and explained, and I felt the instructor was patient and thorough in responding to questions and problems.”

For more information on these new courses, please visit ed2go.com


Yes, creating Websites is fun and rewarding work. And nothing is more fun and rewarding than creating Flash Websites, or other Flash applications, such as online movies or training courses. Nowadays, learning to use Flash is a must for student Website and Web application designers.

The Flash CS4 course at Ed2Go was so well-received that I am feverishly working to crank out a CS5 course. The name of the course is “Introduction to Adobe Flash CS5“. It is a beginner’s course on creating basic Flash movies and Websites with the latest version of Flash, Creative Suite 5.

ed2go is the largest online course provider, offering hundreds of courses through most major universities, colleges and other learning facilities.

Course Details

This twelve-week course will introduce students to the basics of using Flash, and will cover the following:

  • Getting to know the Flash interface
  • Workspaces
  • Animation and Tweens
  • Flash’s drawing tools
  • Flash’s text tools
  • The Flash Timeline and frames
  • Intro to ActionScript 3.0
  • Intro to 3D and Motion Editor
  • Using images, sound and video clips in Flash
  • And much more

The course is well underway and should be available is a few months.

Bill Harrel – www.williamharrel.com



 

Best in HD format.

In Part 3 we look scripting the portfolio and saving it to a movie clip symbol.

Learn this and other techniques in William Harrel’s Introduction to Flash CS4 Course at Ed2Go.

Click here to download portfolio.fla.



Best in HD format.

In Part 2 we look at extending the basic portfolio structure, animation, tweens and instance names.

Learn this and other techniques in William Harrel’s Introduction to Flash CS4 Course at Ed2Go.

Click here to download portfolio.fla.



Best in HD format.

In Part one we look at laying out the basic portfolio structure.

Learn this and other techniques in William Harrel’s Introduction to Flash CS4 Course at Ed2Go.

Click here to download portfolio.fla.

You can learn this technique in William Harrel’s Introduction to Adobe Flash CS4 over at Ed2Go.

The following steps fade several objects onto the Stage at the same time. These instructions assume that all the objects you are animating are currently on the same layer. If you already have your symbols on separate layers, skip the steps for distributing the symbols to layers. For this procedure to work, all objects you animate must be symbols.

  1. SHIFT + click all the objects you want to animate.
  2. Right-click one of the selected objects and choose Distribute to Layers.
  3. Clear the frames on the new layers. Flash will insert new keyframes in the frame directly behind the last cleared frame on each layer.
  4. In the top layer of the group of layers you want to animate, click the animation end-point frame to select it, and then, on the bottom layer of the group of layers, SHIFT + click the animation end-point frame. This selects all the frames in the animations’ end-point columns.
  5. Right-click the selection and choose Insert Keyframe from the pop-up menu.
  6. Click the animation start-point keyframe on the top layer of the group to select it, and then click the Pasteboard to deselect the  symbol. (Deselecting the symbol here is necessary because, while Flash does select the symbol when you click the frame, the selection is not in the correct state to apply an Alpha affect. The purpose for clicking the start-point frame was to get us back to that frame.)
  7. SHIFT + click each of the symbols you want to animate to select them.
  8. In the Symbol Properties panel, under Color Effect, click the Style drop-down and choose Alpha.
  9. Set the Alpha percentage to 0.
  10. Click the end-point keyframe on the bottom layer to select it, and then SHIFT + click start-point keyframe on the top layer to select all the frames on all the layers you want to animate.
  11. Right-click the selection and choose Create Classic Tween from the pop-up menu.

Intricate stuff, huh? Your objects should now fade onto the Stage. I probably don’t need to point out here the necessity for precision. But I’ll do so anyway. It’s important that you follow these steps exactly. I suggest you watch the above video.

William Harrel – www.williamharrel.com

Use this simple technique to fade symbols on to the Stage.

    1. On the symbol’s layer, right-click the desired end-point frame for the animation and insert a keyframe.
    2. Click the start-point keyframe on the symbol’s layer, and then click the symbol to select it.

 

 

 

    1. In the Symbol Properties panel, under the Color Effect section, click the Style drop-down and choose Alpha.
    2. Slide the Alpha slider all the way to the left, until the field next to the slider reads 0 percent. (I’ll explain Alpha in a minute.)
    3. On the symbol’s layer, click the start-point keyframe and then SHIFT + click the end-point keyframe to select all the frames in the animation span.
    4. Right-click the selected frames and choose Create Classic Tween.

 

The text string now fades gradually on to the Stage. We used the Alpha option to achieve this affect. If you use Photoshop or Illustrator, you’ll know this feature as Transparency or Opacity. Alpha controls the transparency of an object. Zero Alpha is completely transparent, and 100 percent Alpha is non-transparent.

William Harrel  – www.williamharrel.com

 

You can learn this technique in William Harrel’s Introduction to Adobe Flash CS4 over at Ed2Go.

To slide an object such as this logo onto the Stage, follow these simple steps:

  1. Right-click in the layer where the animation will end on the logo layer and insert a keyframe.
  2. Click the frame where the animation will begin on the logo Layer to select it.
  3. Select the symbol you want to animate on the Stage
  4. Hold the Down Arrow on your keyboard to nudge the selection downward, until the logo is just off the Stage. (You can also do this with our mouse, but it’s much easier to move objects in a straight line with the arrow keys. If you want the symbol to slide from a different location, hold the appropriate arrow key.)
  5. Click the start-point keyframe of the animation, and then SHIFT + click the end-point keyframe to select all the frames that span the animation on the logo layer.
  6. Right-click the selection and choose Create Classic Tween from the pop-up menu.

Good. If you Play the movie or drag the Playhead over the frames, we can see the logo slide on to the stage. Now, let’s tell Flash to fade and step in our tagline.

William Harrel – www.williamharrel.com