Adobe 29500007 - Creative Suite 3 Design Premium Manual

Workflow guide

Advertisement

3
ADOBE
CREATIVE SUITE
®
®
DESIGN PREMIUM AND STANDARD
WORKFLOW GUIDE

Advertisement

Table of Contents
loading

Summary of Contents for Adobe 29500007 - Creative Suite 3 Design Premium

  • Page 1 ADOBE CREATIVE SUITE ® ® DESIGN PREMIUM AND STANDARD WORKFLOW GUIDE...
  • Page 2 Adobe Systems Incorporated. Please note that the content in this guide is protected under copyright law even if it is not distributed with software that includes an end user license agreement.
  • Page 3: Table Of Contents

    Contents 108 Featured Designer: AdamsMorioka the Big Picture 110 Dreamweaver + Design edition What’s Common 128 Resources new Features 134 Index Photoshop + Design edition Featured Designer: Culture A.D. Illustrator + Design edition Featured Designer: Chase Design Group InDesign + Design edition Featured Designer: Gee + Chung Design 84 Acrobat + Design edition 92 Flash + Design edition...
  • Page 4: The Big Picture

    Adobe Creative Suite 3 offers a productive, intuitive, and tightly integrated environment with everything you need to design content for tomorrow as well as for today. Adobe Creative suite 3 Design Premium and Standard Workflow Guide...
  • Page 5 Adobe® Bridge CS3 Manage media visually Adobe® Version Cue® CS3 Adobe® Illustrator CS3 Collaborate effectively Explore new paths with the essential vector tool Adobe® Stock Photos Adobe® Photoshop® Find, Create, Manage, Buy CS3 (including Photoshop CS3Extended) Discover new dimensions in digital imaging Adobe®...
  • Page 6 Adobe Stock New in Flash: import native Photos directly from Bridge. Photoshop and Illustrator files, preserving the layer structure. See Import Files into Flash, page 95 Adobe Creative suite 3 Design Premium and Standard Workflow Guide...
  • Page 7 PRoDUCtIon Export a print-ready Lay out your print deliverables Adobe PDF. using InDesign. Become more See Creating Adobe PDF Files, efficient by using features such pages 18-19 as table styles and multi-file place. See Tables and Table Styles, page 75,...
  • Page 8 Device Central, consulting the device profiles in Device Central. See Device Central Overview, pages 28-29 Create artwork in Photoshop or Illustrator and use Device Central to preview your design. Adobe Creative suite 3 Design Premium and Standard Workflow Guide...
  • Page 9 LAYoUt AnD AsseMBLY PRoDUCtIon Create a new mobile document Publish your work. in Flash. Add interactivity after Choose Control > importing your Photoshop Test Movie in Flash or Illustrator files into Flash. to compile a SWF Layers from both components file.
  • Page 10: What's Common

    Tools panel (or palette) Artboard (or Stage) Control panel (or palette) Panels (or palettes) See Adobe Creative Suite 3 Video Workshop topic, Using shared elements of the Photoshop, Illustrator, InDesign, and Flash workspaces Adobe Creative suite 3 Design Premium and Standard Workflow Guide...
  • Page 11 CUstoMIzInG YoUR InteRFACe The Tools Panel The Control Panel, Control Palette Panels and Docking or Insert Bar You can change the overall layout of By default, panels dock to the right the Tools panel to fit your preferred The context-sensitive Control panel, side of your work area.
  • Page 12 Mobile and Devices document in Illustrator on media type. This is very helpful when you are working across media. new HtML template document in Dreamweaver new Film & Video document in Photoshop Adobe Creative suite 3 Design Premium and Standard Workflow Guide...
  • Page 13 (CSS) layouts and support for related client- and server-side languages, such as Java Script, Adobe ColdFusion, PHP, ASP, and JSP. Brochure template in InDesign What’s Common...
  • Page 14 To install a custom settings profile, such as a file you received from a print service provider, click Show Saved Color Settings Files. See Adobe Print Resource Center: www.adobe.com/studio/print/ Adobe Creative suite 3 Design Premium and Standard Workflow Guide...
  • Page 15 Load/Open. when previewing the final file. You can create an .ase (Adobe Swatch To share the swatches with your team, Exchange) file to load in other applications, copy the .ase file to your server, where and transfer it to others on your team.
  • Page 16 Add Anchor you are in. Point tool, Delete Anchor Point tool, and Convert Anchor Point tool. These tools help shape and redefine your object. Adjusting an anchor point eraser tool Adobe Creative suite 3 Design Premium and Standard Workflow Guide...
  • Page 17 Layers Timelines and Animation Styles and Effects Layers can be used to separate areas Photoshop and Flash let you create an Many attributes and effects are available of content from each other. Layer animation by using the Animation palette to apply to your artwork, whether it be information can be locked, hidden, in Photoshop and the Timeline in Flash.
  • Page 18 Adobe Creative suite 3 Design Premium and Standard Workflow Guide...
  • Page 19 Sharing symbols between data based on the source data. Illustrator and Flash is an easy and See Adobe Video Workshop topic, Using Smart Objects and Live Color effective workflow. File menu What’s Common...
  • Page 20 Export Presets submenu. PDF: Combine with other PDF files, or assemble into PDF packages. Archive Name the file, select a destination and retrieve documents. folder, and click Save or Export. Adobe Creative suite 3 Design Premium and Standard Workflow Guide...
  • Page 21 • PDF/X -3 Designed for high-end output, For more information about shared PDF settings for Adobe Creative Suite components, see the PDF (for example, for digital printing this preset creates PDF/X-3 compliant Integration Guide on the Creative Suite DVD.
  • Page 22 The center pane shows content customize your workspace. Example of three main panes Example of Filmstrip workspace and customizable buttons Adobe Creative suite 3 Design Premium and Standard Workflow Guide...
  • Page 23 XMP metadata, and drag-and-drop capability from Bridge to your favorite application. Filter, Sort, and Find See Adobe Creative Suite 3 Video Preview PDF, SWF, FLV, and MOV files Workshop topic, Searching, sorting, The Filter pane allows you to easily...
  • Page 24 Metadata pane See Adobe Video Workshop topic, Applying keywords in Bridge Image with Rating and Color Label added Adobe Creative suite 3 Design Premium and Standard Workflow Guide...
  • Page 25 Yes when prompted. color profile and resolution. Select your Source and Import See Adobe Creative Suite 3 Video Workshop topic, Batch-processing Settings from the dialog box. file names, keywords, and metadata in Bridge...
  • Page 26 Bridge Adobe® Stock Photos lets you view, try, and buy royalty-free images from leading stock libraries. From inside Bridge, you can Adobe® stock Photos use the powerful search capabilities of Adobe® Stock Photos to find the perfect image, and load it directly into your design file.
  • Page 27 Meeting button, you can create to view a video tutorial file from over the Internet. designers. All you need is a a free trial account. Adobe explaining how to use See www.adobe.com/products/ acrobatconnect/ current browser with Flash Player Acrobat Connect.
  • Page 28 Version Cue Use Adobe® Version Cue® CS3 to track versions of a file as you work and to enable workgroup collaboration, such overview as file sharing, version control, backups, online reviews, and the ability to check files in and out. You can organize Version...
  • Page 29 Cue-managed files into private or shared projects. Version Cue information about Version Cue-managed assets. Use Version is integrated with Adobe Bridge: use Bridge as a file browser for Cue Server Administration to create and manage user access, Version Cue projects. With Bridge, you can access Version Cue projects, and PDF reviews;...
  • Page 30 File > Test in Device Central on the physical device. See Adobe Video Workshop topics: Using Device Central with Photoshop, Using Device Central with Flash, Using Device Central and Bridge Adobe Creative suite 3 Design Premium and Standard Workflow Guide...
  • Page 31 Use the + button at the top right You can obtain regular updates on new device of the Device Sets panel to create a new profiles by going to Adobe Device Central set, and name it. Online, which gives you testing access to Drag your choices from the Available the latest mobile devices.
  • Page 32: New Features

    This section describes all the new features in from an image without having Photoshop Extended supports the Adobe® Creative Suite® 3 family. Many of these features to resave the image or start over common 3D interchange formats, are further detailed in other sections of this book, in the to preserve quality.
  • Page 33 Improved printing from the deepest shadows to Quick Selection tool automatically Light and Dust Busting; compat- controls, co-developed by Adobe the brightest highlights. New completes the selection for you. ibility with Adobe Photoshop and HP, make printing easier and...
  • Page 34 Flash CS3 Professional for further editing. See Help See Help Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 35 XHTML. Edit the and InDesign automatically and nondestructive, you can headers and footers, and exported content in Adobe notifies you of updates to the experiment with ease. Apply synchronized master pages. Dreamweaver® CS3 software linked INDD file.
  • Page 36 See Help other’s comments and track the Microsoft Outlook for easy search status of the review. and retrieval. (Windows only) See page 87 See Help Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 37 ActionScript debugger on the Stage with smart shape and Illustrator (AI) files, while with other Adobe Creative Suite 3 that offers greater flexibility drawing tools, create precise preserving layers and structure, applications and can be custom-...
  • Page 38 See Help navigation feature. See page 98 Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 39 See pages 118-119 and See page 121 www.adobe.com/go/cssadvisor Adobe Photoshop Spry data and Fireworks integration Adobe Device Central CS3 CSS layouts Integrate data into web pages Copy and paste directly from Design, preview, and test mobile Easily incorporate CSS into your...
  • Page 40: Photoshop + Design Edition

    Smart Filters, and introduce you to new possibilities, like working with 3D and video files when you use Photoshop CS3 Extended. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 41 Set up web-based review sessions of layered Photoshop files with Acrobat. Import vector artwork from Illustrator as non-destructive and editable Smart Objects. Add Photoshop files to Dreamweaver website layouts with automatic image optimization. Place layered Photoshop files directly into InDesign, where Enhance animation in Photoshop the visibility of layers can be and export directly to FLV format.
  • Page 42 Layers palette. In the Filter menu, select Convert for Smart Filters. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 43 The final composite contains the best of both shots. by clicking the layer mask layer, revealing the content button at the bottom of the of the aligned layer below. See Adobe Video Workshop topic, Aligning layers by content Layers palette. Photoshop + Design Edition...
  • Page 44 Select New Layer Comp you would like save as a from the menu, name your See Adobe Video Workshop topic, Using layers layer comp. layer comp, and click OK. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 45 Filter > Vanishing Option/Alt-drag to rotate the dialog box. The artwork See Adobe Video Workshop topic, Using Vanishing Point in Photoshop Point. This will launch the new face to a new angle. you placed will appear on Vanishing Point dialog box.
  • Page 46 KMZ, and COLLADA, so you can import, view, and interact with most 3D models. See Adobe Video Workshop topics: • Using the 3D tool • Editing textures for 3D models Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 47 You can easily import, work with, and export to more specialized formats than ever before, including the popular formats of Adobe Flash Video, MPEG-4 video, QuickTime, MOV, 3G, FLC, H.264 Open a Quicktime, AVI, Add additional layers to Use the Animation (iPod), DV Stream, and AVI for video.
  • Page 48 Bitmap images may require a to return to Photoshop or alter higher resolution. the PSD file. InDesign layout Photoshop image Illustrator layout Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 49 Edit original Prepare for print See Adobe Video Workshop topics: • Exporting to PDF 1.7 Illustrator and InDesign allow you To prepare a final file for print • Printing photos to go back and edit your original production, either choose Save Photoshop file in Photoshop.
  • Page 50 Photoshop Adobe® Photoshop® CS3 is a leader in creating graphics for the web. Special features like custom color panels, optimized slices for Web with HTML export, and flexible compression have long provided users with comprehensive support for web graphics standards.
  • Page 51 Image segments can also be copied and pasted into companion Creative Suite components, with roundtrip editing capabilities. Copy and paste Return to Photoshop See Adobe Video Workshop topic, Designing websites with Photoshop as needed As needed, copy additional you optimize your image...
  • Page 52 Photoshop interactive design Flash import dialog box Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 53 You can also and allow you to focus on creativity, rather than repetitive tasks. Add animation Publish your file See Adobe Video Workshop topic, Designing websites with Photoshop and interactivity Once your project is complete,...
  • Page 54 Mobile & Devices. your needs. capabilities, select target handsets, Then design as you would. Photoshop Layer Comps palette New Document dialog box Photoshop mobile composition Photoshop layer comps Photoshop Layers palette Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 55 Compress file Preview with See Adobe Video Workshop topics: • Using Device Central with Photoshop Device Central Use the File > Save as Web and Try Indoor, Outdoor, and Sunshine •...
  • Page 56 Brooke Brimm competition and numerous American Graphic the package itself all within Illustrator. Design Awards. The principles were featured in www.culture-ad.com Graphic Design USA magazine’s People To Watch in 2006. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 57 Herbalicious logo The Herbacious logo shows the elegance and beauty of line that’s achieved by Illustrator. Readers Make Leaders poster Our poster for Readers Make Leaders started as hand-rendered images scanned into Photoshop. Then we used Live Trace in Illustrator Colomer USA brochure to give us vector art.
  • Page 58: Illustrator + Design Edition

    Illustrator and Flash now allow you to copy and paste artwork directly from Illustrator to Flash while maintaining your text, layers, and grouping structure, and letting you use a symbol workflow. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 59 Set up web-based review sessions of layered Illustrator files with Acrobat. [ red ] natural energy: made with organic raspberry juice no preservatives Copy and paste or place artwork into Photoshop as a Smart Object. Import or copy and paste native Illustrator files directly into Flash.
  • Page 60 Color Guide panel. Move around the color wheel, and try Use the Assign dialog box to lock down linking and unlinking colors. and replace colors. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 61 Live Paint bucket. If you have saved Color This enables a toggle feature in the Paint Bucket tool, See Adobe Video Workshop topics: Groups in the Swatches panel, showing you the colors to the left and right of the one you •...
  • Page 62 See Adobe Video Workshop topic, Using the Line, Eraser, and shape tools the toolbar. want to erase. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 63 Transparency Transparency can be easily added to your See Adobe Video Workshops: Illustrator artwork. You can use the Transparency • Working with transparency panel to specify the opacity and blending mode of in Illustrator • Working with blending objects, to create opacity masks, or to knock out a...
  • Page 64 InDesign swatches panel. it separately in Illustrator. This is useful for complex artwork, which may require Illustrator tools to make changes. Illustrator New Document dialog box Illustrator image file InDesign layout Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 65 PDFs either directly from Illustrator, or by using InDesign. Edit original Prepare for print See Adobe Video Workshop topics: • Exporting to PDF 1.7 If you’ve placed your Illustrator To prepare a final file for print •...
  • Page 66 Use the web great at any size and resolution. swatches to restrict your artwork to web-safe colors. Illustrator vector artwork Live Color dialog box Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 67 Save for web Export SWF or SVG See Adobe Video Workshop topics: • Importing Illustrator files into Flash Use File > Save for Web and Device To compare quality, optimize If you need scalable vector output, • Using symbols effectively between...
  • Page 68 Flash-based attributes. (user-entered) text types. and even which URL the user • Using 9-slice scaling will visit when clicking on the relevant text. Symbol Options dialog box Flash Text dialog box Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 69 You can also set Illustrator objects to be static, dynamic, or input text fields when you import them into Flash. This allows designers and programmers to work together more closely than ever before, making your collaborative process more efficient. Import in Flash Copy-and-paste editing Once you’ve completed your to be editable or converted to...
  • Page 70 Illustrator file one Illustrator layer for each frame layered Illustrator file, choose dialog box. of animation. the appropriate Flash Player Illustrator Layers panel SWF Options dialog box Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 71 Preview and test in See Adobe Video Workshop topics: • Using shared elements of the Device Central Photoshop, Illustrator, InDesign, When you are satisfied with your Central and open the SWF file you...
  • Page 72 Art Center College of The exotic warmth and elegance of Voyant Chai Design and California Institute of the Arts. Cream is mirrored in the refined logo and packaging. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 73 Hourglass luxury cosmetics packaging Cher Living Proof tourbook and identity Hourglass, launched in the high-end retailers Logos for the main tour identity and designs for the tour Neiman Marcus and Barney’s New York, has book and merchandise evoke the glamour and breadth an elegant retro feel that captures the look of Cher’s personality.
  • Page 74: Indesign + Design Edition

    You can also view thumbnails of your pages in the Pages panel, so that you can quickly navigate your document. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 75 Take advantage of new production features in Acrobat to create Adobe PDFs for print, the Internet, and interactive forms. Place or copy and paste vector artwork from Illustrator to make it live art in InDesign. Export InDesign layouts as XHTML files, to be used as content...
  • Page 76 Object > Object Layer Options. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 77 See page 76, Enhanced Transparency and Object Effects. Object Styles panel. See Adobe Video Workshop topic, Using object styles Tables and Table Styles Table styles let you format tables quickly and consistently. You can create styles for both tables...
  • Page 78 See Adobe Video Workshop topics: • Applying feathering to objects • Applying opacity effects • Setting opacity For gradient feathers, adjust the gradient stops and opacity. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 79 Snippets A snippet lets you reuse the content, formatting, tags, and structure of a document. A snippet is an XML file that is a full representation of InDesign content, including page items and any XML To create a snippet, select From the Save As Type This creates an .inds structure applied to those page items.
  • Page 80 This is an easy way of these errors, with page numbers, to check for unwanted inks you can easily find and correct and missing overprints. the errors in your document. InDesign Separations Preview Preflight Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 81 Automatically convert InDesign all the components of your job, contained, print-ready PDF file files to Adobe PDFs, and including fonts and linked files, of your document. preflight and validate them choose File > Package. You...
  • Page 82 See Adobe Video Workshop topic, Designing websites with InDesign a portion of your document. and edit the exported content in and exporting to XHTML Dreamweaver. InDesign selection InDesign cross-media export Dreamweaver web page layout Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 83 Include in the Export PDF your layout. within your document. Options dialog box. See Adobe Video Workshop topic, Creating interactive PDF files Placing a SWF in InDesign Interactive PDF. Click the SWF file Creating a hyperlink in InDesign to play as configured.
  • Page 84 Photoshop files that have multiple and Fani Chung spot color channels, saving both Both partners are frequent lecturers at design steps and valuable time. www.geechungdesign.com organizations and universities, and jurors for major design competitions. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 85 Bay Area Air Quality Management District annual report This annual report for the Bay Area Air Quality Management District uses InDesign’s built-in preflight and package features to keep track of all the fonts, graphics and images for this comprehensive project. Give Something Back International branding program Our branding program for Give...
  • Page 86: Acrobat + Design Edition

    PDFs appropriate for everything from onscreen presentation to final print-ready production. PDFs also travel easily to the web, because they can be added to Dreamweaver websites. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 87 PDF packages to send out for production. Create a PDF by choosing Create a PDF by choosing File > Export > File > Save As > Format: Adobe PDF. Format: Adobe PDF. Acrobat + Design Edition...
  • Page 88 See Adobe Video Workshop topics: • Creating PDF files • Creating PDF files from Creative Suite 3 applications Once a preset is loaded, it is available in all Creative Suite applications, including Distiller. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 89 Acrobat Connect. they are self-contained and can be reduced to manageable file size while retaining content. See Adobe Video Workshop topics: Acrobat also offers additional comment and • Collaborating in review tools that enable others to make notes and...
  • Page 90 See Help for more information on PDF packages. Files command. See Adobe Video Workshop topics: • Preflighting files You will be prompted through the • Printing documents necessary steps to choose and include files in your package. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 91 Settings embedded PDF unit. Enhanced in Adobe® Acrobat® 8 Professional, JDF in JDF files automate PDF creation and preflight. (job definition format) files let content creators and print service...
  • Page 92 PDF file. Preview in Browser). window or in Acrobat, depending on viewers’ browser preferences. Dreamweaver hyperlink panel Downloaded PDF Web page with link to PDF Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 93 The interactive aspects will be SWF file and click OK. interactive elements. States panel. Create navigational functional for anyone viewing See Adobe Video Workshop topic, Creating interactive PDF files elements with the Hyperlinks the PDF in Acrobat or the free and Bookmarks panels.
  • Page 94: Flash + Design Edition

    Photoshop and Illustrator; bring them to life with timeline animations and cutting-edge ActionScript programming; and deliver them to Dreamweaver websites, Adobe Acrobat PDF documents, and mobile devices in a true author-once, deliver-everywhere environment. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 95 Add exciting animations and interactivity to your Adobe Acrobat 8 Professional PDF documents by embedding your published SWF files. Import layered Photoshop artwork into Flash. Preserve layer attributes, layer effects, Easily include your published blend modes, transparency, SWF files in Adobe® Dreamweaver®...
  • Page 96 Property Inspector. the shape of the wedge your drawings. you prefer. See Adobe Video Workshop topics: Using the drawing tools, Drawing with the Pen tool Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 97 Import Files into Flash See Adobe Video Workshop topics: • Designing websites with Photoshop and Flash Photoshop: Native Photoshop files can now be • Importing Illustrator files into Flash imported while preserving more features from the original PSD file. Layer hierarchy, transparency, and blend modes remain intact, and Photoshop layer styles become Flash filter effects.
  • Page 98 Select Edit > Timeline > the motion tween attributes Copy Motion. Paste Motion to apply the you want to apply. See Adobe Video Workshop topic, Creating animations motion tween attributes. using motion tweens Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 99 Adobe Device Central, which displays your file in realistic skins of Flash Lite-capable mobile devices—simulating memory, performance, and display settings, and letting you interact with your content. See Adobe Video Workshop topic, Using Device Central with Flash Flash + Design Edition...
  • Page 100 AS file. A new ActionScript 3.0 debugger has been added. See Adobe Video Workshop topics: • Getting started with ActionScript 3.0 • Creating a Document class using ActionScript 3.0 Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 101 Open the Components panel Open Window > Component (Window > Components), select Inspector and set the path See Adobe Video Workshop topics: the ScrollPane component to the external graphic or SWF • Creating a simple application with components from the User Interface category, file you wish to display using •...
  • Page 102 Deinterlacing is also supported, with a simple check box, for better-looking video, especially at lower data rates. You can also save, import, Video Encoding dialog box and export custom Flash Video encoding profiles. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 103 Bridge. apply batch changes to multiple files. You can even preview SWF and FLV files inside Bridge. See the Adobe Video Workshop topic, Using Bridge for a web design workflow Version Cue Integration Version Cue can now be used to track your use of Flash files.
  • Page 104 With a variety of animation capabilities, including motion tweening, shape tweening, and frame-by-frame sequencing, for Web Flash has always been a leading 2D animation tool. Adobe® Flash® CS3 Professional continues this tradition and adds several Import Illustrator asset Create motion tween...
  • Page 105 Add filter effect Publish and test See Adobe Video Workshop topic, Importing, copying, and pasting Add a Blur filter to the Aquo Using Control > Test Movie,...
  • Page 106 FLV format using the Flash component from the Video Video Encoder. category in the Components panel (Window > Components), and drag it to the Stage. Video Encoding dialog box Components panel Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 107 encode videos using the Flash Video Encoder. The designer can Components also promote collaboration between designers and then pass these files to a developer to add functionality in Flash, developers, enabling designers to accomplish more with less coding. and the final file can be embedded in a Dreamweaver web page. Users with little or no ActionScript experience can create final content, or deliver prototypes to a developer for further enhancement.
  • Page 108 > Publish Settings dialog box. that aren’t compatible with your It helps to make this change early publish settings. Adobe Device Central Welcome screen Publish Settings dialog box in Flash Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 109 Optimize for mobile Test and preview See Adobe Video Workshop topic, Creating mobile content in Flash Develop an application optimized Test and preview on a variety...
  • Page 110 The handbook is a large-format, practical object. The website www.adamsmorioka.com uses a game with a choice of mascots to help viewers find their perfect sheet. http://www.mohawkpaper.com/via_site/ index.html Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 111 Jar Restaurant Identity, Stationery and Website The new system reflects the atmosphere and experience of dining at Jar, representing both the modern design of the restaurant and the richness of its menu. The use of wood textures acts as a metaphor for Jar’s signature steak dishes.
  • Page 112: Dreamweaver + Design Edition

    Code view. Users of any skill level will feel of any streamlined creative environment. empowered by the many straightforward menus, dialog boxes, and panels available to speed up your development. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 113 Embed SWF files in any page, and add Flash buttons, text, and videos without needing any Flash experience. Copy and paste or import layered Photoshop artwork, optimizing it during the placement process. Export InDesign layouts to XHTML files, to add to your websites.
  • Page 114 Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 115 PSD file opens in Photoshop for editing. Insert selections, slices, or even entire native Photoshop files with layer selection. See Adobe Video Workshop topics: • Importing, copying, and pasting between web applications Dreamweaver + Design Edition...
  • Page 116 See Adobe Video Workshop topics: • Using XML • Using the Spry Framework for Ajax Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 117 Spry Effects Using the Spry framework for Ajax, you can now easily add visual transitions to page elements. Effects are a simple, elegant way of adding that “wow” factor to your website. You can apply effects such as grow, shrink, fade, and highlight to almost any element on an HTML page.
  • Page 118 Spry widgets offer. See Adobe Video Workshop topics: • Creating a form • Styling forms with CSS • Using Spry widgets • Creating menus with Spry widgets Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 119 SWF file, or making adjust- FLA file with the click of a single button. ments in the Property inspector (Window > Properties). See Adobe Video Workshop topic, Adding Flash content to a web page using Dreamweaver Include Flash Components Without Knowing Flash Even if you’re not familiar with Flash, you can...
  • Page 120 Check your documents using the Browser Compatibility Check panel (File > Check Page > Browser Compatibility). ever-changing CSS and browser landscape. Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 121 CSS Rules can also easily be moved to existing, or newly created, external stylesheets. The CSS Styles panel lets you manage CSS Rules, renaming, duplicating, and moving them with drag-and-drop simplicity. Dreamweaver + Design Edition...
  • Page 122 Once you’ve made a selection, you can drag the asset into your Dreamweaver page and choose from among familiar asset import options. Assets can be dragged from Bridge into Dreamweaver Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 123 CSS rules. The new CSS management features in Adobe® Dreamweaver® CS3 make it easy for you to maintain your CSS structure and leverage your work for use in multiple pages or even multiple sites.
  • Page 124 Create a new standards-compliant Photoshop and insert interactive CSS document using the built-in assets from Flash. CSS Layouts in Dreamweaver, which get you started quickly. Photoshop and Flash assets New Document dialog box Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 125 Create visually or code directly, and enjoy all applications play well with others. Effortlessly include CSS the benefits of integration with your other favorite Adobe from the ground up, check browser compatibility, and consult applications. Dreamweaver makes it easy to apply best practices...
  • Page 126 Select the tab title and content Collapsible Panel menu, insert placeholder text, and replace the Spry Collapsible Panel. them with your own title and content. Inserting the Spry Collapsible Panel Customizing the Spry Collapsible Panel Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 127 Efficiently designed pages that provide key material quickly, goals quickly and easily. For example, you can add a collapsible and can allow readers to follow additional content, are critical. menu that will show or hide content based on user interaction. A good way to involve your readers is to supply interactive content.
  • Page 128 Screen Rendering mode will scale and expense by optimizing your preview your content. graphics and attempt to optimize assets for mobile delivery. HTML content in Dreamweaver Device Emulator in Device Central Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 129 Adobe Device Central simplifies the creation of mobile content content much as it would appear on the device. Now you can by quickly displaying HTML content and allowing you to scroll use Dreamweaver and Device Central to create and preview using the buttons on the device.
  • Page 130: Resources

    Resources You’ll find tools for learning and working available with your product and on Adobe.com. In the box On Adobe.com Video Tutorials Help on the web (LiveDocs) Narrated lessons on essential features and tasks Latest documentation plus extra learning content...
  • Page 131 • You can search across Help for multiple components. • Text size can be changed with standard context menu commands. • Topics may contain links to topics in Help for other Adobe components, • Content supports high-contrast mode. or to additional content on the web.
  • Page 132 If you want a training course that you can do on your own, check out Learning resources the Classroom in a Book series from Adobe Press. Classroom in a Book Adobe Video Workshop uses hands-on projects to get you up and running with your new Adobe Video Workshop introduces the essentials of your Adobe product.
  • Page 133 You can find hundreds of tutorials for design products and learn tips and techniques through videos, HTML tutorials, and sample To help you make the most of your Adobe product, a wealth of book chapters. resources is available to you. Some of these resources are installed on your computer during the setup process;...
  • Page 134 Creative Suite 3. Fonts are copied to your computer during installation: for use with Adobe products. To find this free content, visit www.adobe. com/go/exchange. • Windows: [startup drive]/Program Files/Common Files/Adobe/Fonts •...
  • Page 135 This environment allows customers to become productive with new products and technologies, faster and the Adobe development teams to respond and react to early feedback in order to shape the software in a way that meets the needs and expectations of the community.
  • Page 136: Index

    10 Adobe Bridge integration, 101 Flash editing, 35 tools, 14-15 Adobe Device Central integration, 28, 93, 97 for interactive, 66-67 Adobe Dreamweaver integration, 93, 110, 111, 117 layers, 15, 45 Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 137 Adobe Photoshop CS3 export, 100 settings, 12 Adobe Acrobat integration, 86 interactivity and, 51 swatches, 13 Adobe Dreamweaver integration, 39, 103, 105, 113 palette, 30 compatibility across applications, 16-17 Adobe Flash integration, 93, 94, 95 scripted, 100 compositing, 30-31 Auto Align Layers, 41...
  • Page 138 XHTML, 33 Gee + Chung Design, 82-83 Auto Align, 41 export only visible layers, 97 3G video, 45 comps, 42, 52 controlling visibility, 15, 32, 74 export only visible, 97 Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 139 17, 53, 72 CSS, 37 panels and docking, 9 scripting, 33, 51 importing into, 46 PDF files. see also Adobe Acrobat 8.0 Professional searches, 29 InDesign, 33 creating, 18, 86 sensitive information removal, 34 mobile, 97...
  • Page 140 PDF documents to, 90 XHTML exporting to, 80-81 workspaces Adobe Bridge, 20 Adobe InDesign, 33 setup, 11 WYSIWYG layout, 48 XHTML exporting, 33, 72, 73, 80-81 XML content, 33, 37, 77, 98 Adobe Creative Suite 3 Design Premium and Standard Workflow Guide...
  • Page 141 This book is set in Myriad Pro. Myriad Pro is an Adobe Originals design first released in 1992. Designed by Robert Slimbach & Carol Twombly with Fred Brady & Christopher Slye, Myriad has a warmth and readability that result from the humanistic treatment of letter proportions and design detail.

This manual is also suitable for:

Creative suite 3 design standard

Table of Contents