Applying Transitions and Actions in Flash Catalyst CS5

Posted: Mar 19, 2011 |Comments: 0 |

I have to admit that Adobe Flash Catalyst is growing on me, despite the fact that I had to be convinced to include substantial coverage of Catalyst in video tutorials

At first, I thought that Catalyst didn't offer much to those of us who work outside the rigid, strictly hierarchical design environments where designers design, programmers program, and ne'er the twain shall meet. However, after Victor Gavenda at Adobe Press nudged me toward a second and third look, I saw that there's more to this new kid on the Flash block than meets the eye. Catalyst might actually be a better fit than Flash Professional for many web designers who need Flash interactivity and a bit of animation.

In previous articles, I've shown you how to create video tutorials, custom video players, and—perhaps my favorite—customized scrolling boxes. In this final tutorial, we'll cover everything you need to know to create an impressive web page with Flash animation and interactivity. On this inviting splash page, visitors will be able to click (or hover over) a button, and artwork will transition from one state to another and rotate in three dimensions.

Here's a quick preview of the process. We'll start by creating a button to trigger the transition. Then we'll whip up a shape that transitions from one state to another. (In real life, you'd probably create more complex artwork, but here we'll rotate a sphere.) Finally, we'll use the Catalyst timeline to add a Flash action, making the transition really dynamic.

Ready to get started? Launch Flash Catalyst (video tutorials), and follow the path I've sketched out in the following sections.

Creating a Button to Trigger a Transition

The object of this tutorial is to apply a transition and an action to some artwork. In short, we want to animate the artwork. To do that, we'll need a button that users interact with to trigger the transition.

The first step is to create the button. Here are the steps for that phase:

  1. Launch a new Catalyst project and give it a name. (I'm calling mine e for short.) Leave the artboard dimensions at their default 800 pixels (width) by 600 pixels (height). Leave the background color at the default white, just to keep things simple. Click OK to generate a new Catalyst project.
  2. Just for basic reference, press Ctrl-R (Windows) or Command-R (Mac) to view the ruler, and Ctrl-' (Windows) or Command-' (Mac)—that's the apostrophe (') key—to view the grid. We won't stress over precise sizing here, but the ruler and grid will help us to stay on the same page (literally and figuratively) as we create the basic artwork we need.
  3. Press U to activate the rounded rectangle tool. Draw a rounded rectangle near—but not quite at—the upper-left corner of the artboard, about 100 pixels high and 200 pixels wide. With the rounded rectangle still selected, apply a yellow fill, using the Fill palette on the Common tab of the Properties panel, as shown in.

Questions and Answers

Ask
200 Characters left
Rate this Article
  • 1
  • 2
  • 3
  • 4
  • 5
  • 0 vote(s)
    Feedback
    Print
    Re-Publish
    Source:  http://www.articlesbase.com/art-articles/applying-transitions-and-actions-in-flash-catalyst-cs5-4439122.html

    Article Tags:

    free 3d video tutorials

    ,

    3d max

    ,

    3d software

    This article provides useful, detailed information about Data Mining Tutorials. Data mining is the process of analyzing, interpreting and reporting useful information from masses of data. There days, there is a lot of data available which is impossible to analyze manually. Traditional data interpretation tools and statistical techniques like correlation and regression analysis are no longer sufficient for sifting through the enormous quantities of data. Data mining is basically a technique that

    By: waqas ahmedl Education> Online Educationl May 17, 2011

    3D modeling is a process that uses computer software to develop a three dimensional representation of an object. The resulting object is a 3D model of the original object. Engineers use 3D models to perform a wide range of testing, simulations and analysis to answer questions and solve problems.

    By: mahnoorl Arts & Entertainment> Artl Jan 25, 2011

    There is uncountable animation software ready to be picked in the stores. But too many options make a choice more difficult. Here are a few ideas to help you select.

    By: Wain Royl Computers> Softwarel Aug 09, 2007

    Take it from me a 3D animation and graphic design fanatic, there are many useless animation softwares that render users unsatisfied. However i have found the best 3D animation software at the best price. Waste no time check out the best 3d animating software in the market For the best 3D drawing software and 3D animation software visit http://3d-drawing-software.com/articles/ for a limited special discount

    By: 3d drawing softwarel Computers> Softwarel Mar 30, 2011 lViews: 203

    The 3D Studio Max is the one of the best and most popular, edge cutting and state of the art 3D graphics software for modeling, animation, lighting, simulations, motion capture etc. Now a days there is lots of websites are providing the lots of millions of lessons, examples, guides and tutorials. There are two ways....

    By: all3dmodell Arts & Entertainment> Artl Oct 26, 2010

    3D Studio MAX is best 3d animation, 3d modeling and 3d visualization solution ever made. "Younger brother" of 3D Studio MAX iz 3D Studio which become MAX in some moment, and as MAX become industrial standard for 3D animation and visualization.

    By: all3dmodell Arts & Entertainment> Artl Aug 18, 2010

    This article is about learning. The way of learning how to use these powerful tools to dominate or just have fun online.

    By: thomasl Arts & Entertainment> Artl May 25, 2012

    Painting for sale and Art reproduction are in demand from different occasion period. Besides that there is a special time and appeal ,to network with all of them. There is no preplanned to obtain them:- On line or form a shop . You have to be keep in touch with some pointers that can directly lead you there and must provide the relevant material for which you are searching.

    By: robertmoore1l Arts & Entertainment> Artl May 23, 2012
    Ton Pascal

    "Leda And The Swan", by Leonardo da Vinci, is one of history's great art losses. From the surviving copies we can see its beauty, the masterly composition, and the complex emblematic symbolism. Leonardo went beyond the sexual act portrayed until then about this mythic story. The great popularity of this subject in the sixteenth century was due to the fact that it was then more acceptable to depict a woman having an act of copulation with an animal than with a man.

    By: Ton Pascall Arts & Entertainment> Artl May 23, 2012

    Art Reproduction tend to be terrific concept for decorating as they'll immediately provide beauty, add color and can enhance the actual overlook associated with home, office or even library whilst admire the very best quality duplication of unique artwork.

    By: architecturepaintingsl Arts & Entertainment> Artl May 23, 2012

    Oil paintings comes in all shapes and sizes and generally based on a variety of themes that appeal to all tastes. For oil painting, different painting materials are used like canvas and cardboard. Original oil paintings are most valuable art among other existing art, out of them some are valued at millions of dollars.

    By: robertmoore1l Arts & Entertainment> Artl May 22, 2012

    You're welcome to reprint these articles on your website and in your e-newsletters free of charge, provided: you don't change the article in any way you include the byline (including a link to our website ) in doing so you agree to indemnify Marketing Scoop and its directors, officers, employees and agents from and against all losses, claims, damages and liabilities which arise out of their use TIP: By viewing and copying the source, you'll be able to retain all formatting.

    By: waqas ahmedl Arts & Entertainment> Artl Jun 23, 2011

    If you're a big fan of Alexa rankings, you may have noticed some significant changes during the last few weeks. In fact, every website's Alexa ranking has changed based on a new and improved ranking methodology.

    By: waqas ahmedl Education> Online Educationl Jun 19, 2011

    As I continue to work with companies seeking to improve the return of their Internet marketing dollars, I've gained a new appreciation for the marriage of search engine marketing and search engine optimization

    By: waqas ahmedl Arts & Entertainment> Artl Jun 17, 2011

    As someone who makes a living improving search engine rankings, I can tell you that there is a lot of bad information out there about SEO. What if I were to tell you that the road map for achieving top rankings was within your grasp? The holy grail of rankings is not imaginary. As is true with any major success, it leaves clues.

    By: waqas ahmedl Arts & Entertainment> Artl Jun 16, 2011

    Do I have your attention? Anyone trying to make a living online is interested in one thing, improving conversions. As an Internet marketing veteran, I've seen plenty of web sites and blogs miss one their biggest opportunities for growth. The answer is actually quite simple, making the most of your list.

    By: waqas ahmedl Arts & Entertainment> Artl Jun 14, 2011

    Discuss this Article

    Author Box
    Articles Categories
    All Categories
    Quantcast