2006 Adobe Systems Incorporated. All Rights Reserved. UNLOCKING CROSS MEDIA WORKFLOWS Paul Trani,...

2006 Adobe Systems Incorporated. All Rights Reserved.

UNLOCKING CROSS MEDIA WORKFLOWS

Paul Trani, Adobe Certified Expert/[email protected] www.designupdate.com

9 am - 12:30 pm (Break 10:30 am - 10:50 am)


Unlocking Cross-Media Workflows

Learn how Creative Suite 3 Master Collection enables you to design smoothly and cost effectively for multiple media -- including print, web, interactive design, mobile, and video.


•Graphic Designer

•Web Designer

•Manager of Creative

•Other

•All of the above?


Challenges for Creatives

Do more…faster

Boundaries are blurring

Deploy engaging experiences everywhere

Democratization of design



Prepare assets for use anywhereDesign compelling websites that leverage video, interactivity, and external content contributionsCreate digital publications from print layoutsOutput compelling video for use online and in interactive contentPrepare content for viewing on mobile devices

Deconstruct the workflow process behind several projects to demonstrate how to:


A New Level of Integration

User Interface Cross-Product File Support

New or Enhanced Workflows

Developer Workflows

Streamlined Adobe palette management

Adobe user interface for Flash

Common tools, such as Adobe Pen tool in Flash

Shared shortcuts

Native Photoshop file support in Flash, Fireworks, and Dreamweaver

Native Illustratorfiles in Flash and Fireworks

Export Photoshop files to Flash or Flash Video

Photoshop video layers to After Effects and Premiere Pro

XHTML or XML export: InDesign to Dreamweaver

Illustrator symbols preserved in Flash

New Doc Profiles and Crop Areas for web, video, and mobile in Illustrator

Roundtrip HTML/ images between Fireworks and Dreamweaver

Mobile content development and testing

Copy motion from Flash to share with Flex developers

Photoshop and Illustrator support Flash interfaces for building network-aware elements

Enhanced scripting support in InDesign


Additional

Features and Services in Adobe Creative

Suite 3

Adobe InDesign CS3Adobe Acrobat 8 ProfessionalAdobe Illustrator CS3Adobe Photoshop CS3 ExtendedAdobe Photoshop CS3Adobe Flash CS3 ProfessionalAdobe Dreamweaver CS3Adobe Fireworks CS3Adobe Contribute CS3Adobe After Effects CS3Adobe Premiere Pro CS3Adobe OnLocation CS3Adobe Encore CS3Adobe Soundbooth CCS3Adobe Ultra CS3*Adobe Bridge CS3Adobe Version Cue CS3Adobe Device Central CS3Adobe Acrobat Connect*

Adobe Dynamic Link

CS3 Line-Up

WEBSTANDARD

* Windows OnlyDesign Standard $1,199 | Design Premium $1,799

DESIGNPREMIUM

DESIGNSTANDARD

PRODUCTION PREMIUM

WEBPREMIUM

MASTER COLLECTION

Raffle!CS3 Design Premium

(Evaluation Form)



Mobile Web

Print

Video


Cross Media: Interactive Publications


Adobe Bridge CS3

Find, manage and prepare files:

Faster performance

Improved workspace customization

A flat view for instantly seeing all of the images in a set of nested folders

New Filter panel for fast file selection

Stacks for easily organizing and batch processing files

New Loupe tool to zoom in on an area

SWF/ Flash video preview

Hub for services such as Adobe Stock Photos, Acrobat Connect, and Version Cue

Create PDF Presentation


Adobe InDesign CS3

Cross-media support

Multi-file Place (interactive content)

Export interactive PDF

OnDemand Seminar:

Adobe InDesign CS3 - For Print Professionals


Demo | Aquo


Cross Media: WebWeb Design using Photoshop CS3 and Dreamweaver CS3 1:30 pm - 5:00 pm


Web Design Fundamentals

Technical Considerations

1024x768 Resolution (54%) 800x600 Resolution (15%)

Browser compatibility - IE, Firefox, Safari (Browser Stats)

Pages download quickly (<150k , US Broadband 80%)

Optimized for search engines (OnDemand: Search Engine Optimization for Flash Sites , Google Support Center)

Flash Player (Version 9 93%)

Accessible to users with disabilities?


Adobe InDesign CS3

Cross-media support

Enable multiformat publishing, including print-to-web workflows using XHTML export

OnDemand Seminar:

Adobe InDesign CS3 - For Print Professionals


Adobe Dreamweaver CS3

Cross-media support

Photoshop and Fireworks integration

Easily add FLV files to your web pages in just five clicks

Build dynamic user interfaces CSS layouts Browser Compatibility Check CSS Advisor website Device Central CS3 for mobile devices

Learn as you go with comprehensive in-product tutorials, reference content, and instructional templates

OnDemand Seminar:Dreamweaver Basics for

Designers

Using Photoshop CS3 and Dreamweaver CS3 to

Design Websites


<h1>Humble Beginnings</h1><h1>Humble Beginnings</h1>

Cascading Style Sheets

Cascading Style Sheets (CSS) is a collection of formatting rules that control the appearance of content in a web page .

The style resides in a place separate from the actual text it’s formatting

Similar to Paragraph and Character Styles in InDesign

Humble BeginningsThe Aquo founders are extreme sports participants or fans. We all share the passion of extreme sports

Humble BeginningsThe Aquo founders are extreme sports participants or fans. We all share the passion of extreme sports

About.html

Products.html

<h1>Products</h1><h1>Products</h1>

ProductsWe will only come up with new drinks when we feel the need to, not just to compete with our competition or to gain press.

ProductsWe will only come up with new drinks when we feel the need to, not just to compete with our competition or to gain press.

Aquo.css

h1 {

font-size: 24 pixels;

font-family: Times;

font-weight: bold;

}

h1 {

font-size: 24 pixels;

font-family: Times;

font-weight: bold;

}


Adobe Photoshop CS3 Extended

Creative flexibility

“Slice up” your design

Enhanced animation palette

Paste elements directly into

Dreamweaver

Web Photo Galleries

Nondestructive editing with Smart

Filters

Zoomify export for high-res web display

OnDemand Seminar:

Adobe Photoshop CS3 - For Print Professionals


Cross Media: Video


Video Fundamentals

For broadcast or DVD

NTSC DV size is 720x480, non-square pixels (0.9)

NTSC DV widescreen size is 720x486, non-square pixels (1.2)

NTSC DV square pixel size is 720x540

Frame rate is 29.97

Use the New Document presets available in Photoshop and Illustrator

Pixel Aspect Ratio Correction option in Photoshop

For online

Medium size 320x240 at 20 frames per second

YouTube size is 480x360 at 20 frames per second


Adobe Photoshop CS3 Extended

Comprehensive toolset

Enhanced animation palette

Enhance video with Movie Paint

Preserve layer effects and video layers

when you import them into After

Effects

OnDemand Seminar:

Adobe Photoshop CS3 Extended - For Print

Professionals


Cross Media: Mobile Flash CS3 Professional Workshop 1:30 pm - 5:00 pm


Adobe InDesign CS3

Cross-media support

XML import/export

Rule-based layouts from XML


Top New Features of Adobe Illustrator CS3

OnDemand Seminar:

Adobe Illustrator CS3 - For Print Professionals

Cross-media support

See high-fidelity results when moving objects and attributes between Illustrator and Flash

Film, video and web document startup profiles

Interactive Crop Area tool with film and video presets

Adobe Device Central CS3

Live Color


Top New Features of Flash CS3 Professional

Cross-media support Native Photoshop and Illustrator import Common Adobe Creative Suite 3 user

interface

OnDemand Seminar:

Creating Your First Flash Animation

Flash 101 – Part 3 with Advanced Tips/Tricks


Demo | Aquo

2006 Adobe Systems Incorporated. All Rights Reserved. UNLOCKING CROSS MEDIA WORKFLOWS Paul Trani,...

Documents

Transcript of 2006 Adobe Systems Incorporated. All Rights Reserved. UNLOCKING CROSS MEDIA WORKFLOWS Paul Trani,...