Monday, June 7, 2010

Part 2: CS5 Recap/Notes

InDesign CS5
  • Fonts installed per document; no need for font management system or for the user to have the fonts installed (just fonts folder next to indd file).

  • Mini-Bridge: built into all the applications; quick access to all bridge capabilites (file management).

  • Pages Panel (multi-size page capability... finally): stick pages to others instead of adding shift spread; Page Dialog at top (transformation properties for page); can edit page dimensions per page; great for flaps or folds on covers.

  • Rotation on the grab handles (like Illustrator) and Auto Select (no need to switch to direct/indirect selection tool).

  • Track Changes (w/in indd or InCopy story editor... similar to the way Word does it with DOC): Type > Track Changes (accept, reject, delete); great for editors, bosses, client approval; non-destructive way to play with content in doc.

  • Drag/Drop files from OS to Indd: 
    • history - CS3 (loaded cursor); arrow keys to cycle thru; esc to delete one from the loaded gun; CS4 (Com+OPT+shift) to add to a grid.
    • CS5 (click and drag box for the loaded images to be placed on a grid in dynamic frame; click up Arrow to add row; click right and add column); new fitting options: fill frame (w/o distorting) and then move with the auto select; smart guides still in place (equidistant objects).
  • Gap Tool (NEW): live layout idea; ID finds discrepancies in gaps between objects on the page and highlights for you to manipulate; selects and manipulates several objects on the grid together (relationally); select objects or negative space around objects.
    • Auto Fitting - any manipulations you make will automatically be updated to fit as you intended with original. (Object > Frame Fitting Options - Auto-fit check box)
    • Form fitting (non-destructive element): quickly on the fly change the portions of the layout elements with gap + auto fit; gap + OPT = move all objects or set of frames

  • Span Columns Tool (finally); type feature; allows you to span a headline across multiple
    columns; works on style sheets too across an entire doc; found in drop down on Paragraph dialog box, 'Span Columns.'

  • Live manipulation tools (yellow box on the edge of text frame); initates edit mode; corners have yellow diamonds that allow you to manipulate all corners at once (rounded) or one at a time (SHIFT+click).

  • Live Caption: Objects > Captions (follow XMP Metadata); can add text before/after description field you select; Objects > Generate Live Caption (adds text frame and groups w/pic); can edit XMP data in PS or Bridge (file property); Bridge can add metadata to multiple files at once; updates in ID automatically based; Bridge becomes data editor/manager for all files.
     
  • 3D/Interactive Tools in ID: 
    • Interactive manipulation w/in ID (nav, animation, photo advancing; video playing; layer show/hide; pop-up windows); ID builds html, swf file, and resources file (flv, swfs and other needed files to play)
      • Interactive Panel: switches workspace to interactive (animation, timing, preview, media, object states, buttons)
      • Building it: select object, select animation; motion preset (w/preview as butterfly); dotted line w/begin and ending point like flash (manipulate path live on page; select event to happen when... (page load, page click, on self click, or roll over); duration: play loop #, speed, properties; see in Preview Panel - look at individual object or page or whole doc as swf; acts like mini-flash player.
      • Timing Panel: event; can control the order of things that happen in hierarchy. 
      • Object States: multi-state objects (grab a series of photos and convert to multi-state); now all four pics are in four diff states; add button: open button tool panel, add action: on release; action (univeral - destination, first pg, last pg, go to URL, show/hide, sound or video) or one of two catagories (SWF or PDF; timeline based vs. page based); select object and state
      • Save as indd; export as SWF or PDF; ID wrote html file, swf and files.
      • Selecting/manipulating states (double click multi-state to select state - yellow box will indicate you are there); add an animation (event - on state load)

    • Drag/Drop into ID: flv files into ID; media panel (scrub flv video) and control settings (options - play on load; loop; poster frames; controler; navigation points); insert que points to the video; in ID add script to target the points and do an action based on it; add button; Button Tool Panel - target video; options - play from a navigation point; select name of nav pt)
      • You can load external assets to be able to publish once and dynamically update on the server outside of indd.

CS Live Services (free for now w/CS5 purchase); incorporated into all applications (accessible)
  • Browser Lab

  • SiteCatalyst

  • CS Review: anyone can view/review original docs w/out CS programs via the web; w/in program there's a CS Review panel; create a new review and view current ones; program puts file up on website; email and invite others to view and review (opens in Acrobat.com; all it needs is Flash - all browsers are capable so anyone can view and comment); share file in web browser window; enter email addresses; users must register with Acrobat.com (free)

  • Acrobat.com: connect now - share computer screen for meetings; connect, have meetings, have docs to share, create workspaces for workflow; buzzword - online collaboration tool like Word; authenticate other uses who can edit the doc.



Fireworks CS5

  • Goal: how quickly can we make something interactive for client sign off.

  • Native/source file format is png (portable native graphics); good/pluses: format to use; can add it to your website directly with all the layers and info; larger file format; bad/drawbacks: difficult to remember which png files have all of your layers and artwork vs. ones that are just images.

  • Pages - each w/layers; visibility states; composition that you can add interactivity; when importing from PS; you’ll get a layers pallet with the same structure in PS; there is a file conversion when you open PSD; can export back to PSD, though; web layer is a new folder that will open with your file; it’s everything that you’ll add to the doc in FW.

  • Web tools - hotspot tool; click drag over artwork; web layer has a hotspot inside folder; hotspot is invisible (like invisible button in FL); Property Panel - link drop down menu; name of each page with .htm after; select page you want to link to; select all hotspots - multi page layer (master item) or copy them and go to another page to paste (all pages and elements on them are independent, but you can make them master items).

  • Export (dual publishing options... no altering): HTML file and all pieces/pages (html and images; export HTML file; all files; all pages); PDF: activate with Acrobat 9 Pro - comment/approve; shared review (all comments get agrigated to your source PDF file); link tool - you can edit the properties appearance and actions.

  •  Preview in device central

No comments:

Post a Comment