Create Mobile and Tablet content with Flash Professional CS5.5

Come to the next San Diego Flash User group for a special event! Doug Winnie, Web Community Manager from Adobe Systems, will give an early run-through of his MAX lab for everyone to follow along with. Doug will walkthrough how to create a mutli-device project using Flash Professional CS5.5 and ActionScript 3.0. Bring your laptops and your development devices to follow along!

Doug Winnie is a Web Community Manager at Adobe Systems where he works with the developer and interactive design communities to help their workflow and efficiency when working with the Flash Platform and HTML5. Doug formerly was Principal Product Manager for Adobe Edge, Adobe Flash Catalyst and Creative Suite Web Premium. Doug tweets as @sfdesigner on twitter, blogs at sfdesignerdw.wordpress.com and lives in San Francisco, CA.

When: Sept 12th @6pm

Where: Art Institute of San Diego, South Building
7675 Mission Valley Road
San Diego , CA 92108

Hope to see you there!

Canceled: AdobeCamp San Diego!



Due to issues beyond our control, we had to cancel this event. We hope to reschedule it later this year.

San Diego AdobeCamp
The San Diego Flash User Group, the San Diego Adobe Developer User Group and the San Diego Photoshop User Group are hosting a 4 hour deep dive into Adobe’s Creative Suite 5.5!

Join us at the Adobe Camp where we will share with you how Adobe Creative Suite tools have evolved to dramatically enhance your workflow and keep your skills fresh. You’ll learn how to work faster and stay ahead of the latest trends, especially the rapid proliferation of mobile devices and the vast array of screen sizes.

Tickets available now!


Saturday, June 25, 2011 from 9:00 AM – 1:00 PM (PT)


Art Instute of San Diego
7650 Mission Valley Road
San Diego, CA 92108

You will discover how to:

Design and develop rich browser-based content for desktops or devices with the leading HTML5 authoring tools.
Develop rich interactive applications for Android, Blackberry, and iOS with Adobe AIR, Flash Professional and Flash Builder.
Learn about the new iPad applications available for Photoshop


Welcome & Overview – 10 minutes
Flash Professional – 30 minutes
Dreamweaver – 30 minutes
PhotoShop – 30 minutes
Flash Catalyst – 30 minutes
Flash Builder – 30 minutes
CF Builder – 15 minutes
Community Showcase – 30 minutes
Wrapup and Prizes – 10 minutes
(lunch is included)


Chris Griffith – Adobe Community Professional / Manager San Diego Flash User Group
James Polanco – Founding Partner / Web Application Architect at DevelopmentArc
Stephen M. Burns – Manager San Diego Photoshop User Group
Darius Fattahipour – Manager Adobe Developer User Group
Demian Borba – Adobe Community Champion / CEO at Action Creations

We are capping attendance to 50 campers, so get your tickets now. Tickets are $20, which includes lunch and raffle entry. The raffle prize will be a copy of an Adobe Creative Suite (sorry, no Master Collection).

Flash Catalyst CS5.5: Components

So, in an earlier post, I mentioned that Flash Catalyst 5.5 now supports resizable applications. But what good is having a resizable application, if the contents don’t know how to resize. Flash Catalyst now supports a constraint based layout system, and with that the ability to define the position of your components to either the four edges, the center positions, or a static x & y value.

Let’s look at how this works. I have added one of the new For Placement Only (FPO) components, the Tab Bar. Now Flash Builder supports a Tab Bar component, but it is still using the old component architecture, so it is not Flash Catalyst friendly. I will talk about these in later post.

Here is my tab bar placed pixels from the left and 20 pixels down. I also have edited the default names in the Design Time Data panel.

Now, when you select a component you will see circle around the component. These are the component’s ‘suction cups’. Clicking on each suction cup will enable the constraints to take effect on the positioning of the component. For the tab bar, let’s turn the constraints on for the left and the top. You can tell that they are enabled by the blue fill in the circle.

There are a few ‘hidden’ options that you can define for your constraint. If you click and hold on a constraint circle, a menu will appear giving you the option to set the constraint as fixed (what they are by default), as center (this will keep the component centered within it parent), or none (use this to remove any constraint you may have set on the component).

Let’s look at using constraints within a custom component. I have the start of a custom panel that will become a login widget. I have added a Sign Button to the bottom of the component.

I select the Sign In button, and attach the suction cups to the left and right of the component (aka parent). I then changed the constraint from Fixed to Center. The constraint line gets the wiggle added to it to inform you that the constraint type is centered.

So, there is a brief overview of the new component constraints that are available in Flash Catalyst 5.5