Flash CS4: The photo tour of features

After spouting off about the benefits of the new motion model in Flash CS4, I thought I’d take a bunch of screenshots of Flash, most of which are showing new features and such. For all of the following photos, click the thumbnail to look at the full size photo.

More after the jump.



splash.jpg

The Flash CS4 splash screen.


full-interface-with-start-screen.jpg

The full interface with the Welcome page / Start page (or whatever we’re calling it these days).

The next screenshots are of our various preset workspace layouts. These are accessible in the upper right of the interface from a menu. Of course you can create and save your own workspaces. Look in the upper right of the screenshot for the workspace name.

essentials-layout.jpg

animator-layout.jpg

classic-layout.jpg

debug-layout.jpg

designer-layout.jpg

developer-layout.jpg


And as you may have noticed above, the Tools panel can now be horizontal!


horizontal-tools-panel.jpg


Next, one of my favorites, the Motion Editor. It’s a big panel, so this is a two-parter screenshot:


motion-editor-1.jpg


motion-editor-2.jpg


Under the filters heading, the dashed lines in the graph shows you the eased value of the animation. I will provide full details in a future blog post.


Next screenshot shows the changed Transform panel, and the Motion Property inspector. The Motion PI is active when you select a tween span or a tweens motion path.


motion-pi-and-transform.jpg


And the Library has improved, see the search box:


library.jpg


Or you can edit multiple symbols at once (select multiple symbols in the Library and click properties):

edit-multiple-symbols.jpg


While we’re around this area, the general Property inspector.


general-pi.jpg


There’s a new panel for Motion Presets. Following screenshot shows all of the ones that come with Flash. These are pre-made animations you can apply to your instances (and modify or whatever you want).


motion-presets.jpg


By the way, once you see these after you get Flash, let us know what you’d like to see as a preset.

The Timeline has some improvements too (note the hot text at the bottom and such. This timeline happens to contain some new tweens.

timeline.jpg


Publish Settings dialog.

publish-settings.jpg


When you create a new document, now AIR is there without needing to install any add ons.

new-document.jpg


So when you work with IK bones, there’s a special PI for that:

bone-pi.jpg


And an IK layer:

ik-layer.jpg


And the timeline has some new icons in there for the new layer types you can have. Here is IK, new tweens, tween and IK masks, tween and IK as guides.

new-layer-types-mask-guide.jpg


There’s a new Deco Tool in Flash CS4. Lets look at the Deco version of the PI (the tool’s icon is shown at the top). Here’s the default, which is set to Vine:

deco-tool.jpg


A menu shows what different effects you can use:

deco-menu.jpg


And here are the grid fill and symmetry brush settings available (Vine fill is above):

deco-grid-fill.jpg


deco-symmetry-brush.jpg


Now some stuff on the Stage. 3D. There is a 3D rotation tool and a 3D translation tool available. 3D rotation looks like this on the Stage:

3d-rotation-1.jpg


3d-rotation-2.jpg


And 3D translation, pushing an object back in Z:

3d-translation-in-z.jpg


You can switch between global and local mode for 3D – that button is at the bottom of the Tools panel and looks like this:

global-local-3d-button.jpg

And to end, a couple pictures of motion paths on the Stage. The first one is a 3D translated animation (coming from far away in Z to close) – this is what the motion path looks like:

3d-motion-path.jpg

And this one just shows a few motion paths on the Stage at once:

multiple-motion-paths.jpg

So there you are – bunch of shots of the new Flash CS4. Hope that was interesting. Again, for some details on the new motion model, see this post here.

25 Comments

Add a Comment

Your email address will not be published. Required fields are marked *

WP-SpamFree by Pole Position Marketing