Photoshop & Flash INTEGRATION

Colin Smith

6.5 Hours $99.99

Build stunning websites with Photoshop CS4 and Flash CS4!

Even if you have no prior experience, this video will teach you what you need to know to create web sites that will blow the competition out of the water. This 6 1/2 hour DVD ROM shows you how to plan, design and launch your website. Combining popular web design tools, Adobe Photoshop and Flash, you’ll learn the workflow that the pros use. In a simple step-by-step, plain English approach, Colin will show you exactly what you need to know. This one-of-a-kind guide will show you how to create visually appealing and technically effective professional web sites. You’ll add an image gallery, formated text, feedback form, video and animation.

This fast loading DVD ROM contains 6.5 hours of sharp wide-screen video. The advanced interface allows the user to instantly jump to any of the 47 lessons with complete control over the playback. All the lesson files are included, so you can follow along at your own pace!

If you’ve ever dreamed of creating a website that looks great, is functional and is easily updated, this is the video for you!Build a stunning portfolio site!

STEP BY STEP WALKTHROUGH :: ALL FILES INCLUDED

SEE THE SITE YOU WILL BUILD HERE

Lessons Include:

The Author

Colin Smith is an award winning digital artist, best-selling author, and trainer. Colin is founder of the #1 PhotoshopCAFE online community which has received over 20 million visitors. He’s a rarity, being an expert in both Photoshop and Flash.

Colin has Authored/Coauthored 18 books including How to Wow with Flash, Photoshop and Dreamweaver Integration, How To Do Everything With Photoshop CS2, New Masters of Photoshop and Photoshop Most Wanted.

He has won numerous awards including 3 Guru awards. He’s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He’s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward, WPPI and Adobe MAX. He consults such companies as ABC Disney, Apple and Adobe.

One Hour of Flash Basics for those who are new to Flash.
Let the Project begin, nothing is skipped!
Design an entire site in Photoshop
Create each page in Photoshop
Optimize it for Flash
Import PSD site to Flash
Organize the assets for efficiency
Optimize images
Build a working navigation in Flash
Set up each page in Flash
An hour on creating an image gallery
Use ActionsScript 3
(Don’t worry, it’s explained and all files are included so you can cut and paste).
Add captions to your photos.
Add static and dynamic scrolling text
(choose your own level of complexity)
Format text using HTML and Style sheets.
Create hyperlinks to outside pages
Create email links that allow the visitor to
send you an email.
Create a real form that works with PHP.
Add video in Photoshop
Integrate video in Flash for extra punch
Add fluid animations
Publish to the web

All Lessons

Flash Basics

Splash page

The splash page in Flash. Choosing the documents and getting started.

User Interface

Tour of the interface in Flash CS4. Learn the new layout and how to make it look like earlier versions of Flash. Create workspaces.

Symbols explained

Building blocks in Flash are symbols. Learn what they are, how to work with them and understand the 3 types of symbols.

Basic motion

What is motion? Tweens explained as well as traditional tweens and the new CS4 tweens.

Easing motion

Changing the velocity of motion. Easing adds realism to movement by using acceleration and decceleration.

Nested movieclips

Movie clips within movie clips. Essential for any complex or logical animation. All explained in the tutorial.

Flash sniffer

When you publish your site, you can have Flash check for the latest version of the player. It can download and install on the users computer automatically. All without a piece of code written by you.

DESIGN IN PHOTOSHOP

Photoshop Design 1

Lay out the basic webpage. Learn about documents, importing photos and alignment and distribution.

Logo In Photoshop

Design a basic logo. Special Skill: Free transform

Final Touches

Add some design elements to make the page look better. Special skill: Repeating patterns.

Contact page

Design the contact page. Special Skill: Creating a box with rounded corners and fades to transparent.

Info Page

Design the info page. Special skill: Create a dimmed wash effect on the photo. Paragraph text

Gallery page

Design the gallery page. Special skill: Vignette borders on the photo with masks. Duplicating thumbnails.

Prep for export

Walk through and clean up of the project. Inspect the layers and strategize.

Organizing in Flash

Import PSD

Using the PSD importer. Understand how Flash imports and set it up for maximum flexibility. Bring all the assets into Flash.

Flash Navigation structure and setup.

Go over the project in Flash. Set up the navigation framework. Redo the logo.

Site Overview

Sort through the layers and begin to organize them into pages.

Site Setup

Organize the layers. Group into key frames and set up the page structure. Set up a clean and efficient timeline. Linear navigation.

Buttons

Set up the buttons. Create different states for the buttons. Make basic roll over effects.

Buttons ActionScript

Create the Actions to control the page navigation. Click the buttons to change pages on the site.

Frame Labels

Learn a more flexible way of navigating the timeline with frame labels.

Animated Page Fades

Create a fade in from Black transition effect for each page.

Image Gallery

Gallery 1 - Setup

Import and design the gallery. Optimize images.

Gallery 2 – Load Photos

Create action script to load images dynamically. Loading images from your computer/website.

Gallery 3 - Captions

Adding captions with dynamic text.

Gallery 4 - Arrays

Create an array to make it easier to update the site easily.

Integrate Gallery 1

Take the gallery page and place it inside the site we are building.

Integrate Gallery 2

Word of warning about external images, and the advantages of using dynamic image loading.

Info page: Dynamic Text

Dynamic Text

Basic dynamic text with actionScript. It’s easier than you think.

Markup text formats

Using basic markup to add line breaks, bold and italic formatting.

Scrolling text

Add a scroller for large bodies of text. Use the component and it’s easy!

Scrolling text style sheet

Create a style sheet to control the text component. Also learn to modify the skin on the component.

Contact page: Forms

Invisible button

Use the invisible button trick to create hotspots that turn anything into a button.

Email links and hyperlinks

Add hyperlinks in Flash that allow you to go to any web page. Also learn how to make a simple link that launches an email program, inserts your email address and subject line.

Creating a form

Use Components to create a form in Flash.

Scripting the form

Cut and paste the supplied ActionScript to finish setting up the form. All the code is explained as well as letting you know exactly what needs to be change to fully customize the form.