Adobe Creative Suite 5 Design Premium

Creating an Online Version of a Print Layout (Adobe Creative Suite 5) Part 4

Exporting in SWF (Shockwave Flash) format When you’ve finished adding animation and interactivity to your print document, you can export directly to SWF (Shockwave Flash) format for easy deployment on a website. 1   Choose File > Export. 2   In the Export dialog box, navigate to the LessonO3 folder, choose Flash Player (SWF) from the Save […]

Creating Interactive Flash Content (Adobe Creative Suite 5) Part 1

Lesson Overview In this lesson, you’ll learn the following: •    Creating a Flash Catalyst document •    Editing pages and states • Creating interactivity • Animating transitions •    Roundtrip editing with Adobe Illustrator •    Adding video •    Publishing to SWF format This lesson will take about two hours to complete. About Adobe Flash Catalyst New from […]

Creating Interactive Flash Content (Adobe Creative Suite 5) Part 2

Creating a scrolling text panel Now that your scroll bar works, you can bind it to a text panel to make the text scrollable when it’s too big for the panel. You’ll do this the same way you just created a scroll bar out of two objects—by converting the scroll bar and a text panel […]

Creating Interactive Flash Content (Adobe Creative Suite 5) Part 3

Roundtrip editing with Adobe Illustrator What happens if you need to make changes to the design after you’ve already applied interactivity in Flash Catalyst? Fortunately, you won’t have to backtrack and lose work. Flash Catalyst integrates tightly with Adobe Illustrator so that after you import an Illustrator document into Flash Catalyst, you can open selected […]

Prototyping and Building a Website (Adobe Creative Suite 5) Part 1

Lesson Overview In this lesson, you’ll learn these skills and techniques: •    Prototyping a website in Fireworks •    Placing, scaling, and adjusting images •    Working with layers •    Adding a navigation bar •    Using master pages •    Adding dummy text and rollover behaviors •    Presenting the prototype •    Developing a website in Dreamweaver •    Setting […]

Prototyping and Building a Website (Adobe Creative Suite 5) Part 2

Applying a gradient mask to a placed image As you might have noticed, you’ve just imported not one but two images, each placed on a separate layer. To have these images blend in better with the background, you’ll apply a gradient mask to each of them. 1 Choose Select > Deselect. Click to select the […]

Prototyping and Building a Website (Adobe Creative Suite 5) Part 3

Using a master page For elements such as a navigation bar that you want to share across all pages, you can create a master page. Elements placed on the master page appear on all the other pages, and subsequent edits made to the master page are reflected on every other page. Creating a master page […]

Prototyping and Building a Website (Adobe Creative Suite 5) Part 4

Previewing web pages in a web browser 1 In the Pages panel, select the page Home. Notice the hotspot areas overlaid over the navigation bar menu buttons. To hide or show hotspots and slice areas while working on your page layout, press 2 on your keyboard or click the Hide Slices And Hotspots button or […]

Prototyping and Building a Website (Adobe Creative Suite 5) Part 5

Creating slices The disjoint rollover effect works by swapping images inside defined slice areas on the page. You’ll create slices for the actors names, the large images, and the dummy text. 1 Right-click/Control-click the text frame containing the dummy text, and then choose Insert Slice from the menu. 2 In the Layers panel, turn on […]

Prototyping and Building a Website (Adobe Creative Suite 5) Part 6

Presenting the prototype website to the client There are many ways in which you can demonstrate the prototype website to your client—many more than we can explore here. You may settle for only one of the methods described here or use several methods in combination. Exporting the website as a PDF document Fireworks enables you […]