Learn how to make your Adobe Photoshop files developer-friendly. Justin Seeley, staff author at lynda.com, will walk through a real-world website comp design for a client and then take you through that comp design process using Photoshop. We'll explore the entire Photoshop to HTML workflow. During this session, you'll learn how to:• Build a document for web vs. print• Take responsive design into consideration• Build wireframe mockups using shape layers• Integrate Photoshop artwork into apps like Adobe Muse and Dreamweaver

Discover how to use a web portfolio to showcase your work, communicate about yourself to potential employers, clients, and graduate schools, and raise your profile on the Internet. Start by learning about the basics of creating a wireframe and site design in Adobe Fireworks. Utilize the example web portfolio assets provided and other Adobe TV tutorials to create your own web portfolio.

Explore some of the lesser known yet powerful features of Adobe Fireworks, an essential design tool that operates with both vectors and bitmaps and can span the design process from wireframe to comp. If you are already comfortable with Dreamweaver, Flash Professional, and Flash Catalyst, see how Fireworks can become an integral part of your design/develop workflow.

In this video, Jacob Surber demonstrates two of the most requested new features in Flash Catalyst CS5.5: enhanced workflows for wireframing and prototyping.

You may want to work with a developer on large or complex projects. Doug describes the workflow from design to develop, and he opens a new project in Flash Builder to illustrate what developers see when starting from scratch.

When the wireframe is finished, it's time to start adding the visual design. Doug covers how to update a project’s components piece-by-piece using Adobe Illustrator and Flash Catalyst CS5.

In this video, Doug tells how to optimize your project using features from the Library panel. Doug also walks you through how Flash Catalyst organizes and publishes files.

Cater to a client’s needs with the ability to make additions or corrections after the design process. Doug shows how to easily incorporate changes into a project without starting from scratch.

With the wireframe of a project finished, each page appears statically. Doug uses Flash Catalyst to transform the wireframe to show motion, and interaction from the user.

It’s easy to work with pre-built components or, you can draw custom components to wireframe an idea or UI element. In this video, Doug introduces the wireframe drawing tools in Flash Catalyst CS5.