Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In Flash Professional CS5 Essential Training, author Todd Perkins explains the fundamentals of Flash Professional CS5, the industry standard for creating animations and interactive applications for the web, desktop, and mobile devices. This course starts with the basics, such as using the drawing tools to create simple animations, and progresses to automating animation with tweens and adding interactivity with ActionScript. This course also covers how to add sound and video to projects, enhance realism with effects like easing, and publish a project to a variety of platforms. Exercise files are included.
Flash CS5 has excellent integration with Adobe Photoshop CS5. In this movie, we'll look at two ways to integrate with Photoshop. The first way is to edit a bitmap image that's in your Library directly from Photoshop. So I have this image on the Stage and let's say I wanted to make image black and white. Now one way to do that is to edit the image outside of Flash and then make that update. But with Flash CS5, I can go to the Library, right-click, and choose Edit with Adobe Photoshop CS5.
Photoshop then opens and I can see the image here. So let's say I wanted to apply a color adjustment. So I'll go to Image > Adjustments, and then I'll find Black & White. I'll just keep the default settings and click OK. I've made the change, so I'll save the file and I'll jump right back over to Flash. In Flash, the image updates on the Stage and if I click in the Library the preview updates in the Library as well. Keep in mind that when you make an edit in this way, Photoshop saves over the original file.
So you might want to have a backup somewhere else. I'll delete this image off the Stage and we'll look at another way that Photoshop can integrate with Flash. That is by importing PSD files. You can set your preferences for importing PSD files through Flash Preferences. Of course, that's Edit > Preferences on the PC. So I'll go to PSD File Importer and then I can change all of my settings here. So I can import image layers as bitmaps with editable layer styles, flattened bitmap images, and I can choose to create movie clips. Basically, all these options allow you to choose between editability and appearance.
So you can preserve either/or. In some situations, you can preserve both. Keep in mind as well that this is the default setting for importing PSD files. Once you actually choose to import a PSD, you can go through it layer by layer and import it however you'd like. So I'll just click OK to leave the settings as they are. Let's import a PSD file. I'll use the keyboard shortcut Command+R, which is Import to Stage. I'll choose the olive_game.psd file. So in here, I can check the boxes to choose which layer groups to import.
For now, I won't import the Results layer. Then you'll see the layer groups as folders. I can expand them and then I have more groups of layers, which I can expand and see individual parts of the layers in there. If I want to create movie clips, I could simply click on a layer group and then click Create movie clip for this layer on the right side of screen. I can choose an instance name and a registration for the movie clip as well. So I'll create movie clips for the bottle. So Rosemary, Mandarin Orange, and Jalapeno, and I won't give them instance names.
Then at the bottom you can choose to convert layers to Flash layers or to keyframes. So you can use Photoshop and bring in an actual animation into Flash if you organize an animation by layers in Photoshop. Last but not least, you can choose to place layers at the original position and to set the Stage size to the same size as it was in Photoshop. So I'll click OK and now my FLA file is set up just like my Photoshop file. I'll zoom in. In order to preserve appearance, I chose to import the text as a bitmap image.
If I wanted to, I could have imported it as editable text. We'll look at how to import text as editable text when we import an Illustrator file in another movie. Just know that you can do it with Photoshop as long as the text layer is not flattened. So now I have my layers organized similar to how they were organized in Photoshop. I can hide the different bottles so you can see that they're all there. So each bottle layer has the bottle and the name. If I double-click, you can see that the name is also a flattened bitmap image.
So I've successfully imported a PSD file into Flash. Again, you can control the default settings in Flash Preferences under PSD File Importer and you can customize the settings for each layer when you actually import the file.
There are currently no FAQs about Flash Professional CS5 Essential Training.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
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.