2006 Adobe Systems Incorporated. All Rights Reserved. UNLOCKING CROSS MEDIA WORKFLOWS Paul Trani, Adobe Certified Expert/Instructor

Slides:



Advertisements
Similar presentations
Chapter 1: Introduction. Contents Whats New in Dreamweaver CS4? The Dreamweaver CS4 Interface Setting Up a Site Creating a Web Page Adding Text to Your.
Advertisements

1 Web Site Design Overview of the Internet Cookie Setton.
Upon completion of this unit, you should be able to:
Adobe Flash CS4 – Illustrated Unit E: Optimizing and Publishing a Movie.
Chapter 6 Preparing and Publishing Applications. Chapter 6 Lessons 1.Publish movies 2.Reduce file size to optimize a movie 3.Create a preloader 4.Publish.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Adobe Photoshop CS Design Professional ADOBE PHOTOSHOP CS GETTING STARTED WITH.
ADOBE DREAMWEAVER CS4 Creative Suite Dr. Joseph Otto Professor, Information Systems, California State University, Los Angeles.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Tutorial 3: Adding and Formatting Text. 2 Objectives Session 3.1 Type text into a page Copy text from a document and paste it into a page Check for spelling.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 Adobe ® Acrobat ® 8 Professional Creative Suite ® 2.3 Premium Create, Collaborate, and Control.
Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.
Web Design Basic Concepts.
Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.
CIS 205—Web Design & Development Integration Chapter 1.
Paul Trani Adobe Certified Instructor/Expert Resources:
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Photoshop Domain 5: Publishing Digital Images Using Adobe Photoshop CS5 Adobe Creative Suite.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
IT Website Development Welcome!. Welcome to Unit 7! Optimizing Images and creating photo albums in Dreamweaver There are no textbook readings for.
Getting Started with Dreamweaver
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Flash Domain 2 KellerAdobe CS5 ACA Certification Prep Flash Domain 2: Identifying Rich Media.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Paul Trani Adobe Certified Expert GETTING YOUR ASSETS IN MOTION A LOOK AT CROSS MEDIA FOR PRINT PROFESSIONALS.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Photoshop Domain 3: Understanding Adobe Photoshop CS 5 Adobe Creative Suite 5 ACA Certification.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
@Ms. Masihi.  Adobe Creative Suite is comprised of several separate applications – Bridge, Version Cue, Photoshop, Fireworks, Flash, InDesign, Illustrator,
What’s new in Fireworks 8 Optimization Integrated workflow Create without complexity Workflow Improvements.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. and Adobe Creative Cloud for education.
Class Instructor Name Date. Classroom Tips Class Roster – Please Sign In Class Roster – Please Sign In Internet Usage Internet Usage –Breaks and Lunch.
Tutorial 1: Getting Started with Adobe Dreamweaver CS4.
30 september 2009 The communication mix shifts from paper to screen: take the edge with digital documentation.
Flash 8 - Pro Tech Talk Anthony Reisinger INSYS 441 Dr. Gus Prestera.
Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.
Website Development with Dreamweaver
Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® Copyright 2012 Adobe.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH CS3.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
Session 1 SESSION 1 Working with Dreamweaver 8.0.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
INTRODUCTION TO PHOTOSHOP. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Work Area Work Area.
University of Sunderland CDM105 Session 6 Dreamweaver and Multimedia Fireworks MX 2004 Creating Menus and Button images.
Presented by Graduate Design Group 2 Meredith, Jennifer, Cammay and Diane.
Adobe Dreamweaver CS3 Revealed CHAPTER THREE: WORKING WITH TEXT AND IMAGES.
Tutorial 7 Planning and Creating a Flash Web Site.
Dreamweaver 8 Introduction What you can do with Dreamweaver 8 What's new in Dreamweaver 8.
HTML Comprehensive Concepts and Techniques Second Edition.
Adobe Flash CS4 – Illustrated Unit A: Getting Started with Adobe Flash.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.
Creating interactive web pages using Fireworks Creating a 5 page mock up.
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
Chapter 1 Getting Started with Adobe Photoshop CS4.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
Louisa Lambregts, Louisa Lambregts
Louisa Lambregts, Louisa Lambregts
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
Adobe Flash Professional CS5 – Illustrated Unit E: Optimizing and Publishing a Movie.
Microsoft Expression Web - Illustrated Unit A: Getting Started With Microsoft Expression Web.
Adobe ® Photoshop ® CS6 Chapter 1 Editing a Photo.
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
Objective % Select and utilize tools to design and develop websites.
Objective % Select and utilize tools to design and develop websites.
IMAGE SIZE AND RESOLUTION
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
INTRODUCTION TO FLASH ANIMATION
VISUAL COMMUNICATION USING ADOBE PHOTOSHOP CREATIVE SUITE 5
Excel 2007 Level 1 Cathy September 24, 2009
Presentation transcript:

2006 Adobe Systems Incorporated. All Rights Reserved. UNLOCKING CROSS MEDIA WORKFLOWS Paul Trani, Adobe Certified Expert/Instructor 9 am - 12:30 pm (Break 10:30 am - 10:50 am)

2006 Adobe Systems Incorporated. All Rights Reserved. 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.

2006 Adobe Systems Incorporated. All Rights Reserved. Graphic Designer Web Designer Manager of Creative Other All of the above?

2006 Adobe Systems Incorporated. All Rights Reserved. Challenges for Creatives  Do more…faster  Boundaries are blurring  Deploy engaging experiences everywhere  Democratization of design

2006 Adobe Systems Incorporated. All Rights Reserved. Unlocking Cross-Media Workflows  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 Deconstruct the workflow process behind several projects to demonstrate how to:

2006 Adobe Systems Incorporated. All Rights Reserved. A New Level of Integration User InterfaceCross-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 Illustrator files 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

2006 Adobe Systems Incorporated. All Rights Reserved. Additional Features and Services in Adobe Creative Suite 3 Adobe InDesign CS3 Adobe Acrobat 8 Professional Adobe Illustrator CS3 Adobe Photoshop CS3 Extended Adobe Photoshop CS3 Adobe Flash CS3 Professional Adobe Dreamweaver CS3 Adobe Fireworks CS3 Adobe Contribute CS3 Adobe After Effects CS3 Adobe Premiere Pro CS3 Adobe OnLocation CS3 Adobe Encore CS3 Adobe Soundbooth CCS3 Adobe Ultra CS3* Adobe Bridge CS3 Adobe Version Cue CS3 Adobe Device Central CS3 Adobe Acrobat Connect* Adobe Dynamic Link CS3 Line-Up WEB STANDARD * Windows Only Design Standard $1,199 | Design Premium $1,799 DESIGN PREMIUM DESIGN STANDARD PRODUCTIO N PREMIUM WEB PREMIUM MASTER COLLECTION Raffle! CS3 Design Premium (Evaluation Form)

2006 Adobe Systems Incorporated. All Rights Reserved. Unlocking Cross-Media Workflows Mobile Web Print Video

2006 Adobe Systems Incorporated. All Rights Reserved. Cross Media: Interactive Publications

2006 Adobe Systems Incorporated. All Rights Reserved. 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

2006 Adobe Systems Incorporated. All Rights Reserved. Adobe InDesign CS3  Cross-media support  Multi-file Place (interactive content)  Export interactive PDF OnDemand Seminar: Adobe InDesign CS3 - For Print Professionals

2006 Adobe Systems Incorporated. All Rights Reserved. Demo | Aquo

2006 Adobe Systems Incorporated. All Rights Reserved. Cross Media: Web Web Design using Photoshop CS3 and Dreamweaver CS3 1:30 pm - 5:00 pm

2006 Adobe Systems Incorporated. All Rights Reserved. Web Design Fundamentals  Technical Considerations  1024x768 Resolution (54%) 800x600 Resolution (15%)15%  Browser compatibility - IE, Firefox, Safari (Browser Stats)Browser Stats  Pages download quickly (<150k, US Broadband 80%)US Broadband 80%  Optimized for search engines (OnDemand: Search Engine Optimization for Flash Sites, Google Support Center)OnDemand: Search Engine Optimization for Flash SitesGoogle Support Center  Flash Player (Version 9 93%)Version 9 93%  Accessible to users with disabilities?

2006 Adobe Systems Incorporated. All Rights Reserved. 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

2006 Adobe Systems Incorporated. All Rights Reserved. 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 Dreamweaver Basics for Designers Using Photoshop CS3 and Dreamweaver CS3 to Design Websites

2006 Adobe Systems Incorporated. All Rights Reserved. Humble Beginnings 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 Beginnings The Aquo founders are extreme sports participants or fans. We all share the passion of extreme sports Humble Beginnings The Aquo founders are extreme sports participants or fans. We all share the passion of extreme sports About.html Products.html 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 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. Aquo.css h1 { font-size: 24 pixels; font-family: Times; font-weight: bold; } h1 { font-size: 24 pixels; font-family: Times; font-weight: bold; }

2006 Adobe Systems Incorporated. All Rights Reserved. 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

2006 Adobe Systems Incorporated. All Rights Reserved. Cross Media: Video

2006 Adobe Systems Incorporated. All Rights Reserved. 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  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

2006 Adobe Systems Incorporated. All Rights Reserved. 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

2006 Adobe Systems Incorporated. All Rights Reserved. Cross Media: Mobile Flash CS3 Professional Workshop 1:30 pm - 5:00 pm

2006 Adobe Systems Incorporated. All Rights Reserved. Adobe InDesign CS3  Cross-media support  XML import/export  Rule-based layouts from XML

2006 Adobe Systems Incorporated. All Rights Reserved. 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

2006 Adobe Systems Incorporated. All Rights Reserved. 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

2006 Adobe Systems Incorporated. All Rights Reserved. Demo | Aquo