Webpage Layout in Flash Catalyst

This entry is part 6 of 12 in the series Flash Catalyst Tutorial

Now it’s time to design the rest of the webpage layout in Flash Catalyst.

We will create an area for content and some menu buttons.

Let’s create a content area and a menu area using rounded rectangles. The roundness of the corners can be adjusted in the Properties panel under ‘Corners’. Set the fill color and the stroke color as shown below.

You can give the rectangle an effect like a drop shadow from the Properties panel as well.

  • Click on the + icon in the Filters section of the Properties panel.
  • Select ‘Drop Shadow’
  • You can then adjust the settings of the drop shadow e.g. colors, distance
  • Take a moment to experiment with all the possibilities.

Our webpage now looks like this:

Using the Text tool type out some sample text in this content area of the layout.

Now let us create some menu buttons…


Flash Catalyst Tutorial

  1. Flash Catalyst Tutorial
  2. Create a New Project
  3. Flash Catalyst Workspace
  4. Flash Catalyst Tools
  5. Flash Catalyst Webpage
  6. Logo Design in Flash Catalyst
  7. Webpage Layout in Flash Catalyst
  8. Buttons in Flash Catalyst
  9. Pages/ States in Flash Catalyst
  10. Interactivity in Flash Catalyst
  11. Transition Effects in Flash Catalyst
  12. Publish the Flash Catalyst Website
Series Navigation Logo Design in Flash CatalystButtons in Flash Catalyst

Posted in Flash Catalyst Tutorial | No Comments »