Flash Enabled Blog - Everything Flash

Adobe MAX 2010 is coming

admin — Thu, 26 Aug 2010 11:50:18 +0000

The MAX 2010 is coming. Let have a preview what inside this year MAX. If you are working on mobile application, you definitely can’t miss this events. In this year, adobe will focus on developing multiscreen content with Flash and HTML.

Also, a hot topic in the industry is the creation of e-book/publication. In this year MAX, Adobe also have a big area for digital publishing workflow.

This year’s conference will focus on three emerging trends: the explosion of content across multiple screens and devices, new technologies that enable integrated designer and developer workflows, and innovative ways to monetize content. MAX 2010 will give you the skills, insight, and contacts to take advantage of these opportunities as they transform our industry

For more information about MAX 2010, you can visit the link below.

http://max.adobe.com/

Let you create AIR application easily – Adobe AIR Launchpad

admin — Tue, 24 Aug 2010 03:57:28 +0000

Are you working on AIR for your next project? If yes, you may need to look at this new tools for creating AIR application. It let you create AIR project which easy deal with some common challenge.

Today we launched Adobe AIR Launchpad, a desktop tool that helps Adobe Flex developers get started building desktop applications deployed on Adobe AIR. Simply run Adobe AIR Launchpad and select the capabilities you need; Adobe AIR Launchpad will create a ready-to-import Flex project with your selected features implemented in a way that can be easily modified and extended. You can use the resulting project as a starting point for your AIR application.

http://gregsramblings.com/2010/08/23/air-launchpad/

Hardware Decoding supported in Mac by the new Flash Player

admin — Wed, 11 Aug 2010 03:54:14 +0000

According to the news from ByteArray, the new release of Flash Player supporting Hardware H264 decoding in Mac. Now, you can have smooth HD video playback with your Mac.

We just pushed a few minutes ago a new version of the Flash Player 10.1.82.76 containing a nice feature that was in beta until now called “Gala”. Yes, H.264 GPU decoding in Mac OSX is now officially enabled in the Flash Player.

You can download the newest Flash Player here.

Flash 3D Banner Rotator Components

admin — Tue, 10 Aug 2010 06:02:47 +0000

Recently, i work with a website project with a tight deadline and it requires to show some nice photo from the project owner. But i don’t want to stick with a simple fade effect from within Flash. At the mean time, i find this nice rotator component from Digicrafts.

This banner rotator come with a fantastic 3D transition effect. And it really easy to use, i just need create the xml and drop the flash component on my flash project. If you don’t familiarize with Flash, it even contains a ready to use template which can config by XML. The banner rotator come with several type of 3D transition effect such as cube rotate, twist, etc. You can check out the live demo on Digicrafts website.

Link to Digicrafts

Fuel your Flash with FreeSpin3D

WaiLam — Wed, 14 Oct 2009 10:10:04 +0000

“Can you show my cool product on our web in 3D?” Did your clients asked you before? You answer may be “It’s not possible” or “Our budget can’t achieve this high-technology”. But you may need to change your answer now. FreeSpin3D bring an easy way to include interactive 3D in Flash. You can easily embed a fully interactive 3D product showcase in your website with a very low cost.

Installing FreeSpin3D is straightforward. Download the extension for your flash version (it support Flash CS3 and CS4 now). Double click and it will install via the Adobe Extension manager. After installation, you will find a FreeSpin3D component in the component panel and a FreeSpin3D’s panel. You can start using FreeSpin3D by drag the component from the component panel to the stage.

FreeSpin3D support two 3D model format – FreeSpin3D own 3d model format (.fl3d) and the 3D Studio format (.3ds). You can import the 3D model from the FreeSpin3D’s panel or convert the .3ds by the FreeSpin3D’s import engine.

After import the 3d model, you can preview it directly from the stage in real time. FreeSpin3D supports preview in full texture or wireframe. You can manipulate the rotation of the model in the FreeSpin3D’s panel. FreeSpin3D is tightly integrated with Adobe Flash and utilizes the standard Flash timeline and motion tweening for an intuitive visual workflow. You can change the 3D rotation at any point during a motion tween and FreeSpin3D automatically generates the rotation keyframes and tweens the rotation.

You just need a click to add interactive to the 3D models. FreeSpin3D build in interactive for keyboard and mouse control. Built-in behaviors can also be easily extended with ActionScript.

FreeSpin3D also allow user to create 3D geometry and apply textures directly from the FreeSpin3D control panel. It’s as easy as selecting a primitive type from a dropdown and browsing for an image on your machine to use as a texture. You can also perform non-uniform scaling along the X,Y, or Z axis.

Do the features of FreeSpin3D excite you? Head to FreeSpin3D’s website and download a trial version now.

Flash&Flex Developer's Magazine now free.

WaiLam — Wed, 02 Sep 2009 02:41:58 +0000

lash and Flex Developers Magazine brings the new issue of bi-monthly PDF magazine for free download with better and richer content.

Start from the new issue, FFD Mag is free of charge. You can download the newest version here.

Sept – October 2009 Issue

-Options when planning a Video Application with FMS
-Flex Remoting with AMFPHP – in depth
-Multiple File Upload Using AMFPHP
-Unconditional Patterns—The State and Strategy Design Patterns: Part I
-PureMVC for haXe
-A Journey into Adobe Flex Charting Components [Part1]

Fuel your Flash

WaiLam — Thu, 16 Jul 2009 03:04:26 +0000

Having a project with a short deadline? Or, you want to have some stumbling effect in your design but you are not familiarizing with coding. The FlashComponents.net can help you. FlashComponents.net provides you essential online tools to simplify the process on development and publishing. It database contains 10000+ flash resources across 100+ catalogues. From 3D Carousel Flash Menu to Full Websites Templates. With 3000+ quality author and some big brands. You must find what you want by search thought their database. I have tried to buy some flash effect from them and all work great. And it really saves me from the deadline. I will buy more in the future. You can start searching there database here.

If you have talent on creating stumbling flash effect, you can also become a author in FlashComponents.net. You can earn up to 60% of every item sold if you are selling exclusively through FlashComponents, and if you reach specific sales amounts. It really a great opportunity to earn more money by your talent. Also, it is a good chance to explode your great work to several hundred thousands people in FlashComponents.net.

Getting Start with Flash Catalyst Part 4 (end) – Assign Interaction

WaiLam — Tue, 30 Jun 2009 07:31:13 +0000

Getting Start with Flash Catalyst Part 4

In last tutorial, you have learn how to build a fancy navigation menu with 3d effect in Flash Catalyst. In the following tutorial, you will learn how to assign action to the menu and make transition effect to each page of your content.

If you din’t visit the previous tutorial. You can find the previous tutorial of this series here.

Getting Start with Flash Catalyst Part 1 – Basic

Getting Start with Flash Catalyst Part 2 – Import artwork

Getting Start with Flash Catalyst Part 3 – Menu with 3d effect

D. Add transition effect between pages

First, we would like to add a fancy 3d transition for transition between pages.

Since we have 4 different pages. We need to create 4 states first. From the

PAGES/STATES panel, click the duplicate button and create second state.

In this state, we are going to show the portfolio. From the layer panel, hide the “content_home” layer and visible the “content_portfolio” layer by click the visibility icon (the eye).

Repeat for the other 2 pages. Now we have 4 states with different page visible.

Now, we going to set the transition effect between pages. In the TIMELINES panel,select the transition state “page 1 -> page 2”.

Select the “content_home” object. Click “add action” button to add a “Rotate 3D” effect. We add a rotate effect to the portfolio content for hiding.

Set the properties to the fig below.

Select the “content_portfolio. Click “add action” button to add a “Rotate 3D” effect. We add a rotate effect to the portfolio content for showing.

Set the properties to the fig below.

Repeat the step to set transition for “page 1 -> page 3”, “page 1 -> page 4”. Also, the revsed trnsition “page 2 -> page 1”, “page 3 -> page 1”, “page 4 -> page 1”. Beside rotate 3d effect, you also add resize effect or move effect.

E. Assign action to the navigation menu button

Now we need to add action to the navigation button for trigger the page transition effect.

Select the home menu item (button_home). The HUD will pop up.

Click the “+” button in the “Custom interaction” to add a new “on Click” action for the button.

From the “Do Action” combo box, select “Play transition to state”.

Since this is the “home” button. We want the page transition to home page (page 1). From the “To Target” combo box, select page 1.

Since we want to the page transition to page 1 in any state when click on this button. We leave the combo box below to “When in Any state”.

Repeat the step for each navigation button. Now we have finished the setup. And you can test the movie. You now have a amazing 3d rotate transition effect for each page.

Summary

Hope you enjoy this series of tutorial for Flash Catalyst. You have learned basic concept of Flash Catalyst and doing transition effect by using it. Flash Catalyst is an amazing tool for designer for creating rich flash website without any programming. And it is just a beta version now. It should add more function in the future release. Hope I can have more tutorial for the future version.

Getting Start with Flash Catalyst Part 3 – Menu with 3d effect

WaiLam — Thu, 25 Jun 2009 06:13:57 +0000

Getting Start with Flash Catalyst Part 3

Last tutorial, you have learn to prepare artwork and import to Flash Catalyst. In the following tutorial. You will learn how to setup a menu will fancy 3d effect and use it as a navigation menu.

If you havn’t read the previous tutorial. You can visit this series of tutorial.

Getting Start with Adobe Flash Catalyst Part 1 – Basic

Getting Start with Flash Catalyst Part 2 – import artwork

C. Add rollover effect to the menu

First, we would like to add a fancy 3d transition effect when mouse over on the menu.

Select the menu item “button_home_up”, “button_home_over” and the hit area of home item from the stage.

Right click on the item. Select “Convert artwork to component>Button”.

Now the artwork is converted to a button component. You can see in the HUD. There are 4 states “up”, “down”, “over” and disabled.

Click the “up” button on the HUD. You will go into the edit different states of the button component.

We are going to set the transition from “up” to “over” state. Select “button_home_up”. From the layer panel or click on the stage.

In the timeline panel, select the state transition “up -> over”. Click the “Add Action” button at the lower side of the timeline panel. Add a “Rotate 3D” action.

From the properties panel. Set the value like the fig show below.

In the timeline panel, add a new “Fade” action. Make sure it is a fade out action.

Then, select the “button_home_over” object from the layer panel.
In the timeline, click “Add Action” and add a new “Rotate 3D” action.

Set the properties like the fig show below.

Click the “Add Action” and add a new “Fade” effect.

Set the properties like the fig show below. It will be a fade in effect.

You can test the movie now by pressing command+return or control+enter in windows. You can rollover the home button and it will show the 3d effect.

Now, we will do the transition from “over” to “up”. Select the States transtion “ over -> up”.

Select the “button_home_over”. Click “Add Action” and add a “Rotate 3D” action.

Set the properties like the fig show below.

Click “Add Action” and add a “Fade” action. Make sure it is a fade out action.

Select the “button_home_up”. Click “Add Action” and add a “Rotate 3D” action.

Set the properties like the fig show below.

Click “Add Action” and add a “Fade” action. Make sure it is a fade in action.

Now, you can test the movie. You can try rollover and roll out the item.

Repeat the steps for other menu items.Now you have a fancy navigation menu with 3d transition effect.

Short summary

In this tutorial. You have learn how to setup a menu will fancy 3d effect and use it as a navigation menu. Next tutorial, you will learn how to do transition between page and assign action to menu to control the page transition.

Getting Start with Flash Catalyst Part 2 – import artwork

WaiLam — Tue, 23 Jun 2009 02:11:53 +0000

Getting Start with Flash Catalyst Part 2

Last tutorial, you have learn about the basic of Flash Catalyst. In following 2 tutorials, you will learn how to create a stylish flash website with a fancy navigation menu with 3d effect and assign action to the menu without any programming.

In the tutorials, I am working on illustrator CS3 and Flash Catalyst Beta 1. You can download trial version from adobe website if you have got it.

Flash Catalyst Beta 1 – http://labs.adobe.com/technologies/flashcatalyst/

Part A. Preparing artwork in illustrator

For this tutorial, I have created a website with illustrator and put the graphics in several layers.

Layer	Description
Menu Item (Mouse up)	hold the menu items when in mouse up state.
Menu Item (Mouse Over)	hold the menu items when in mouse over state
Menu Item (Hit area)	hold the hit area for each item.
Content (Home)	hold the content for home page.
Content (Portfolio)	hold the content for portfolio page.
Content (Gallery)	hold the content for gallery page.
Content (Contact)	hold the content for contact page.
Background	Static background

We need to convert the graphics of menu item into symbols. It is important to convert the graphics in the symbols. When the artwork imported into the Flash Catalyst, the symbols will remain. And you can find it in the library panel when the graphics are converted into symbols.

1. Select the “home” menu item (black). Press F8 to convert it to symbol and name it with “button_home_up“.

2. Switch off the “Mouse Up” Layer.

3. Select the “home” menu item (white). Press F8 to convert it to symbol and name it with “button_home_over“.

4. Switch on both “Mouse Over” and “Mouse Up” layer.

5. Repeat for the menu items of portfolio, gallery and contact.

Now, we have each menu item structure like show below.

Then, we need to convert the graphics of the content into symbols.

1. Switch on the layer, which contains the content of home page.

2. Select all the content. Press F8 to convert it to symbol and name it with “content_home“.

3. Repeat for the content of portfolio, gallery and contact.

Now, the artwork is ready to import to Flash catalyst.

Part B. Import the artwork into Flash Catalyst

We need to import the artwork into Flash Catalyst now.

1. Launch Flash Catalyst Beta 1. Select “From Adobe illustrator AI File” under “Create New Project from Design File”.

2. Flash Catalyst will ask you the dimension of the project after import. It will determine the dimension of your illustrator. If you want ot keep the size, just leave it default. Click ok and the graphics will import into the project. It is a good point to save the project here.

3. After import, you can find the graphics imported exactly the same as your artwork in your illustrator.

Also, You can find all symbols created in illustrator are imported as library items. And you can find inside the library panel.

Short Summary

In this tutorial, you have learn how to prepare the artwork and import to Flash Catalyst. In next tutorial. You will learn how to do fancy interactive animation with simple step. No actionscript is needed.