Click on any phrase to play the video from that point.
Hi. My name is Paul Trani. I'm an evangelist for Adobe.
And I want to show you how Flash Professional CS5.5 simplifies the creation
of experiences that work consistently across browsers, desktops,
smartphones, even tablets.
Now you can create easily, optimize that content,
and publish to these different platforms with Flash Professional CS5.5.
I want to show you how to do that starting from the New dialog box.
As you'll notice, right off the bat I can select ActionScript 3,
define the various settings, and click OK.
I was not able to do this before.
I would actually have to create the file and then define the settings.
But here I can get right into setting up my document immediately
and then begin creation.
Notice how, also, under Type I can make an Air for Android file,
an Air for iOS file, and these will publish out to apps
that can be put on those different platforms.
And even right down here I have this Flash Project.
Now this is a new addition to this panel,
but if I select Flash Project and click OK, it will open up this project panel.
This allows me to set up one project that can have multiple FLA files in it
that can share assets amongst all those different FLAs.
So what I'm going to do is I'm going to click this Browse button,
and I'm going to jump out and just point to this folder right here.
Notice how there's already an FLA file in there. I'll click Choose.
I can create a new document in here as well, but I'm not going to worry about it
because there's already a file in there.
I'll click Create Project, and here we are.
We have this iOS FLA file that I'm going to go ahead and open.
So everything is looking pretty good in here, but what I want to do with this file
is I want to go ahead and make a new FLA file that's going to be at a
different size for Android devices.
And it's done pretty easily because all I need to do is go into my properties panel,
click Edit Document Properties,
and I can punch in some new dimensions.
It doesn't really matter what those dimensions are; all I really need to do is
check this box, which is a new addition to Flash CS5.5,
allowing me to scale content with the stage.
So I don't have to go in and resize all of that content.
Flash does it for me. In fact, I'll click OK, and it scales up all of that content.
It's looking great. I'll go ahead and just save this file as Android.
Just like that.
Now, since this is a file for mobile devices, I want to go ahead and make sure
it's optimized for mobile devices.
And the big thing there is you need to make sure that you don't have a lot
of complex graphics that are vector.
I want to take those vector graphics, and I want to make them bitmaps.
So what I'm going to do is I'm just going to click over to this section right here,
this info leg, and I'll just go inside of this movie clip.
Here's a complex vector graphic.
All I need to do is go into the properties panel, and right under Render
I can Export as Bitmap.
So I don't need to create a new bitmap; all I need to do is
select Export as Bitmap, and now it's going to be treated as a bitmap.
So it's going to perform better on mobile devices.
So I want to do that for all of the vector items, but you can see
all I need to do is select Export as Bitmap and I'm good to go.
The next thing I want to do with this file is I want to go ahead and select some layers.
In fact, if I go to this home page--and I'll just double-click inside of this illustration--
you can see all of this animation going on.
And, really, what I want to do is I want to repurpose these clouds
and basically paste them into a new movie clip.
Well, sure enough, all I need to do is I can just select those three layers,
and I can go ahead and copy layers.
Again, I was not able to do this before.
Now all I need to do is just right-click, copy layers.
I'm able to take those animations and move them to a different location,
say, for instance, copy them into this movie clip right in here.
So right in here all I need to do is right-click, paste layers.
There those three animations are. I can move them down, and I'm well on my way.
Now these are just standard layers with some motion tweens on them.
It really doesn't matter. It could be anything.
It could be layer folders. If it's a layer it can be copied and it can be pasted,
which is really nice.
I'll just insert some frames, and now if I take a look, there's my clouds.
You can see it pasted them in, and everything's looking great.
So another thing Flash CS5.5 allows you to do is share libraries
across multiple FLA files.
This is great. It makes my work flow really efficient,
allowing me to share these different assets.
And what I'm going to do is I'm just going to go ahead and save this file first.
And remember, this is the Android FLA file.
And I really want to save these edits that I've done, and
I really want to save these movie clips into the shared library
so I can reuse them across these two files in my project panel.
So I have my Meridian iOS--if I just refresh this panel.
I want to share those assets.
So all I need to do in order to do that is go into my library panel.
Since it's part of a project I can come right down here,
Screen Infoleg, and just check this box right here.
Share this symbol across multiple files.
I'll check that box. Even for the Screen Info Overall, if I want to share that asset
it's as simple as selecting that box.
Now I'll just save this file.
And I'll go into my project panel, open up my iOS version,
and I'll just jump to, say, for instance, this screen
where I have this graphic.
This is the Screen Info Overall, right over here,
and if I check that box, it says, Hey.
Do you want to create a new symbol? Do you want to replace the one
in the shared library with this one? Or do you want to use the one from the shared library?
And I want to use that one, because that one has the clouds in it.
So I'll select that last option, click OK.
Those clouds appear.
Again, being able to share those assets across multiple FLAs really saves me a lot of time.
The next thing I want to show you are the key enhancements to the code
snippets panel, making it really quick and easy to add ActionScript 3 code to your projects.
In fact, there's over 20 new code snippets.
I'll just jump in here and show you guys right away.
In fact, if I go to, say, for instance, this list right here,
I have this graphic selected, and ultimately what I want to do is I want
to just go ahead, and I need to pan it up.
You can see it's pretty long, but again if I want to add a code snippet,
all I need to do is go to my code snippets panel.
You'll see right away there are some additional folders that have been added.
I can even open up these whether I want to do a tap, a long press, whatever the case may be.
I encourage you to check out all of these different code snippets.
And what I want to do is I want to add a pan event.
So if the user pans with their finger, I want to scroll through this list.
So with that code snippet selected, I can go over here.
I can show the code right away.
I can read about it, what it does, how to use it.
Not only that, right down here it says Instance Name Here.
Well, that needs to be replaced with that specific object name.
All I need to do is point to it, just like that.
It gives me the opportunity to give it a symbol name; I'll just call it List.
Just like that. Hit OK. It drops it right in there.
In fact, all I need to do from here is click Insert.
It adds that code right here.
I can go ahead and click on that code snippet message.
It gives me that code snippet right here, and I can further edit it.
In this case, all I want to do is scroll it vertically, so I'll remove that first line.
But again, it was really easy to add a code snippet,
and, really, it's great that I can take advantage of some of these new mobile code snippets
for my specific project.
So once you've added all of your ActionScript code and want to publish
it out to a device, all you need to do is make sure your device is connected.
In this case I'm going to publish out to a Motorola Atrix,
and with this Meridian Android FLA, what I can do is I can go over here to the properties panel.
Notice how it's already set up to publish to Air for Android.
I can easily change that to publish out to a different platform, if I want--
whether it's iOS or even to the browsers, so the Flash Player version up here.
But in this case, Air for Android is what I'm going to make,
and I'm going to edit the application settings.
So from right in here it's just a matter of filling in the blank, giving it an app name,
an app ID, making sure it's going to go fullscreen, portrait mode.
I can come in here and check the permissions,
so I can have my application access the Internet, maybe even access GPS location,
record audio, whatever I want it to do,
I can give it those permissions.
And lastly I'll just go to this deployment tab, make sure I have a certificate set up for it,
and I'm going to publish it out to the device.
And this is going to be a device release.
I'm going to make sure these two checkboxes are checked,
because it's going to publish directly out to that device.
It's that easy. All I need to do is click Publish, and it will put it right on my connected device.
Here it is. As you'll notice, right on the device I get that great animation.
I have these buttons down at the bottom.
I can click Begin. Here's my list.
I can pan through that content.
I'd say this is good to go. Really easy to add just with a code snippet.
And, again, I can test it out on an actual physical device,
making sure everything is good to go.
From there I can even upload it to the Android market.
So there you have it. It was that easy to publish out to a device,
and Flash Professional CS5.5 gives you all the tools, all the features
you need to develop quickly and efficiently as well as reliably
when you're developing for multiple screens.
So I encourage you to check out all of the new Flash Professional CS5.5 features
on adobetv.com. Again, my name is Paul Trani, and thanks for watching.
