Flash Catalyst CS5 Tutorial

Flash Catalyst CS5 is an application that designs and builds interactive websites and other applications without any code. This gives you the ability to create a website without any assistance from a developer. If you partner with a developer, you can develop a user interface for an application and hand the application design to a developer to connect live data services using Flash builder. In order to create your own website, you will need to learn the Flash Catalyst CS5 user interface.

Instructions

1

Examine the "States" panel at the top of the screen to view the thumbnails. These thumbnails represent all the major parts of your application, such as website components or videos that you add to your website.

2

Click "Duplicate State" at the bottom of the "States" panel if you wish to duplicate a page, or click "New Blank State" to create a new state for your website.

3

Examine the "Artboard" below the "States" panel. The Artboard has many features, such as rulers and guides, and displays what will appear on the published website. This is the canvas where you place artwork, interactive components and other objects that make up the website's interface.

4

Click the "View" menu to use these features, and click the "Modify" menu to align and arrange the objects on the "Artboard."

5

Scroll to the right of your screen to view the "Tools" panel, which is beneath the "Search" bar. The "Tools" panel contains icons for the tools to create, transform or select objects.

6

Scroll beneath the "Tools" panel and click the "Layers" panel. The "Layers" panel menu includes "Show/Hide," "Lock/Unlock" and "Selected" You can create a new layer and new sublayer. The "Layers" panel has a collection of the objects that are on the website, including components and videos.

7

Click the tab next to the "Layers" panel to view the "Project Library" panel. This panel shows all of the components that are part of the website you create. Select existing components from the "Project Library" to position the components on the state. Click "Export Library Package" in the "Project Library" tab to send a library object to a developer.

8

Scroll down to the "Interactions" panel on the right of your screen. When you click on an object in the "Artboard," the "Interaction" panel will add interactions that will allow you to see the results as users interact with the application. For example, when you add interactions that play animation or open a URL, it will show you the result.

---

Flash Catalyst CS5 is an application that designs and builds interactive websites and other applications without any code. This gives you the ability to create a website without any assistance from a developer. If you partner with a developer, you can develop a user interface for an application and hand the application design to a developer to connect live data services using Flash builder. In order to create your own website, you will need to learn the Flash Catalyst CS5 user interface.

Instructions

1

Examine the "States" panel at the top of the screen to view the thumbnails. These thumbnails represent all the major parts of your application, such as website components or videos that you add to your website.

2

Click "Duplicate State" at the bottom of the "States" panel if you wish to duplicate a page, or click "New Blank State" to create a new state for your website.

3

Examine the "Artboard" below the "States" panel. The Artboard has many features, such as rulers and guides, and displays what will appear on the published website. This is the canvas where you place artwork, interactive components and other objects that make up the website's interface.

4

Click the "View" menu to use these features, and click the "Modify" menu to align and arrange the objects on the "Artboard."

5

Scroll to the right of your screen to view the "Tools" panel, which is beneath the "Search" bar. The "Tools" panel contains icons for the tools to create, transform or select objects.

6

Scroll beneath the "Tools" panel and click the "Layers" panel. The "Layers" panel menu includes "Show/Hide," "Lock/Unlock" and "Selected" You can create a new layer and new sublayer. The "Layers" panel has a collection of the objects that are on the website, including components and videos.

7

Click the tab next to the "Layers" panel to view the "Project Library" panel. This panel shows all of the components that are part of the website you create. Select existing components from the "Project Library" to position the components on the state. Click "Export Library Package" in the "Project Library" tab to send a library object to a developer.

8

Scroll down to the "Interactions" panel on the right of your screen. When you click on an object in the "Artboard," the "Interaction" panel will add interactions that will allow you to see the results as users interact with the application. For example, when you add interactions that play animation or open a URL, it will show you the result.

---

• 
  

  How to Create twinkling star animations in Adobe Flash CS5 ...

  adobe-flash.wonderhowto.com/...star-animations-adobe-flash-cs5-373023

  Learn how to animate twinkling stars in Adobe Flash CS3, CS4, or CS5 very easily. Whether you're new to Adobe's popular Flash-development platform or a seasoned

• 
  

  Products Audition Adobe TV

  tv.adobe.com/product/audition

  My Library Please Sign In My Library is the place to save your favorite episodes to refer to later. Please sign in to take advantage of this feature.

• 
  

  Products Flash Catalyst Adobe TV

  tv.adobe.com/product/flash-catalyst

  My Library Please Sign In My Library is the place to save your favorite episodes to refer to later. Please sign in to take advantage of this feature.

• 
  

  Free Adobe Flash Pro CS5 Tutorials PhotoshopSupport.com

  www.photoshopsupport.com/flash/cs5/flash-cs5-tutorials.html

  Flash CS5 Resource Center - offers a collection of free Flash tutorials, free Flash templates, and the latest info, reviews and books.

• 
  

  Flash Professional CS5 Essential Training Video Tutorial from ...

  www.lynda.com/Flash-CS5-tutorials/flash-professional-cs5-essential...

  This lynda.com tutorial explains the fundamentals of Flash CS5, the industry standard for creating animations and interactive applications for the web, desktop, and ...

• 
  

  Interaction design software Adobe Flash Catalyst CS5.5

  www.adobe.com/products/flashcatalyst.html

  Adobe will continue to honor all technical support contracts until they expire. New technical support contracts are no longer being offered. Additionally, the online ...

• 
  

  Adobe Flash CS5 Adobe CC

  cs5.org/?cat=8

  Adobe, the Adobe logo, Acrobat, Adobe Premiere, After Effects, FrameMaker, PageMaker, Photoshop and PostScript are either registered trademarks or trademarks

• 
  

  Adobe Flash Catalyst CS5 Tutorial - How to Make a Picture

  www.youtube.com/watch?v=9W-ExwHGRN0

  A tutorial on Adobe Cs5 Catalyst on how to create a basic slider image for a website, we will also be using adobe photoshop cs5 and adobe dreamweaver cs5.

• 
  

  Adobe - Downloads

  www.adobe.com/downloadsGet Adobe Reader Get Flash Player Search: Free Downloads Download

  Adobe Creative Cloud. What is Adobe Creative Cloud? Design; Web; Photography; Video; Students; Teams; Enterprise; Educational institutions; Government

• 
  

  Adobe Flash Catalyst CS5 Tutorial - How to Make a Picture

  www.youtube.com/watch?v=ETj0GvHg-8o

  A tutorial on Adobe Cs5 Catalyst on how to create a basic slider image for a website, we will also be using adobe photoshop cs5 and adobe dreamweaver cs5.

• 
  

  Adobe Flash Catalyst CS5 Tutorial - How to Make a Picture

  www.youtube.com/watch?v=ETj0GvHg-8o

  A tutorial on Adobe Cs5 Catalyst on how to create a basic slider image for a website, we will also be using adobe photoshop cs5 and adobe dreamweaver cs5.

• 
  

  Adobe Flash CS5 Adobe CC

  cs5.org/?cat=8

  Adobe, the Adobe logo, Acrobat, Adobe Premiere, After Effects, FrameMaker, PageMaker, Photoshop and PostScript are either registered trademarks or trademarks

• How to Create twinkling star animations in Adobe Flash CS5 ...

  adobe-flash.wonderhowto.com/...star-animations-adobe-flash-cs5-373023

  Learn how to animate twinkling stars in Adobe Flash CS3, CS4, or CS5 very easily. Whether you're new to Adobe's popular Flash-development platform or a seasoned

• Adobe - Downloads

  www.adobe.com/downloadsGet Adobe Reader Get Flash Player Search: Free Downloads Download

  Adobe Creative Cloud. What is Adobe Creative Cloud? Design; Web; Photography; Video; Students; Teams; Enterprise; Educational institutions; Government

• Products Audition Adobe TV

  tv.adobe.com/product/audition

  My Library Please Sign In My Library is the place to save your favorite episodes to refer to later. Please sign in to take advantage of this feature.

• Adobe Flash Catalyst CS5 Tutorial - How to Make a Picture

  www.youtube.com/watch?v=9W-ExwHGRN0

  A tutorial on Adobe Cs5 Catalyst on how to create a basic slider image for a website, we will also be using adobe photoshop cs5 and adobe dreamweaver cs5.

• Products Flash Catalyst Adobe TV

  tv.adobe.com/product/flash-catalyst

  My Library Please Sign In My Library is the place to save your favorite episodes to refer to later. Please sign in to take advantage of this feature.

• Free Adobe Flash Pro CS5 Tutorials PhotoshopSupport.com

  www.photoshopsupport.com/flash/cs5/flash-cs5-tutorials.html

  Flash CS5 Resource Center - offers a collection of free Flash tutorials, free Flash templates, and the latest info, reviews and books.

• Flash Professional CS5 Essential Training Video Tutorial from ...

  www.lynda.com/Flash-CS5-tutorials/flash-professional-cs5-essential...

  This lynda.com tutorial explains the fundamentals of Flash CS5, the industry standard for creating animations and interactive applications for the web, desktop, and ...