260 likes | 364 Views
UNLOCKING CROSS MEDIA WORKFLOWS. 9 am - 12:30 pm (Break 10:30 am - 10:50 am) . Paul Trani, Adobe Certified Expert/Instructor paul@paultrani.com www.designupdate.com . Unlocking Cross-Media Workflows.
E N D
UNLOCKINGCROSS MEDIA WORKFLOWS 9 am - 12:30 pm(Break 10:30 am - 10:50 am) Paul Trani, Adobe Certified Expert/Instructor paul@paultrani.com www.designupdate.com
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 anywhere Design compelling websites that leverage video, interactivity, and external content contributions Create digital publications from print layouts Output compelling video for use online and in interactive content Prepare content for viewing on mobile devices Unlocking Cross-Media Workflows Deconstruct the workflow process behind several projects to demonstrate how to:
A New Level of Integration • Streamlined Adobe palette management • Adobe user interface for Flash • Common tools, such as Adobe Pen tool in Flash • Shared shortcuts User Interface Cross-Product File Support New or Enhanced Workflows Developer Workflows • 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
CS3 Line-Up DESIGNSTANDARD DESIGNPREMIUM WEBSTANDARD WEBPREMIUM PRODUCTION PREMIUM MASTER COLLECTION Raffle! CS3 Design Premium (Evaluation Form) Additional Features and Services in Adobe Creative Suite 3 * Windows Only Design Standard $1,199 | Design Premium $1,799
Unlocking Cross-Media Workflows Print Mobile Web Video
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 NewFilter 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 Bridge CS3
Adobe InDesign CS3 • Cross-media support • Multi-file Place (interactive content) • Export interactive PDF OnDemand Seminar: Adobe InDesign CS3 - For Print Professionals
Cross Media: Web Web Design using Photoshop CS3 and Dreamweaver CS31:30 pm - 5:00 pm
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? Web Design Fundamentals
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
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 <h1>Humble Beginnings</h1> h1 { font-size: 24 pixels; font-family: Times; font-weight: bold; } Humble Beginnings The Aquo founders are extreme sports participants or fans. We all share the passion of extreme sports About.html Aquo.css <h1>Products</h1> Products We will only come up with new drinks when we feel the need to, not just to compete with our competition or to gain press. Products.html
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
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 Video Fundamentals
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 • 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 OnDemand Seminar: Adobe Illustrator CS3 - For Print Professionals
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