symbols for flash manual

24
SYMBOLS for Adobe ® Flash ® By Andrew Buckle (http://www.graphicxtras.com)

Upload: andrew-buckle

Post on 24-Mar-2016

236 views

Category:

Documents


0 download

DESCRIPTION

Documentation / guide to Flash (R) symbols, how to use them, how to install them in Flash CS5 CS4 CS3 8 etc (PC + MAC OS X). Use with the vine tool / grid tool / symmetry tool; bones tool; how to access FLA symbol libraries; properties; filters and many more. Tutorials and how to notes for Flash (R). All the designs are by graphicxtras.com and include designs from the symbols packs on the graphicxtras.com site. All screenshots are with kind permission of Adobe Systems Incorporated. Flash and Adobe are registered trademarks of Adobe Systems Incorporated

TRANSCRIPT

Page 1: Symbols for Flash manual

SYMBOLS for Adobe ® Flash ®By Andrew Buckle (http://www.graphicxtras.com)

Page 2: Symbols for Flash manual

Introduction

This manual describes the installation and use of symbols in Flash.

All the symbols designs displayed in this docu-ment are from graphicxtras.com.

Screenshots are with kind permission of Adobe Systems Incorporated

There are many different symbols packs as well as a 5000 symbols collection and a bundle set available on the graphicxtras.com site. The sym-bols are all for commercial as well as hobby use.

Andrew

fig. Symbol from embellish 2 pack

fig. Symbol from embellish 2 pack

Page 3: Symbols for Flash manual

Installation of Symbols

Zip: please extract the FLA files from the zip file and place in the required install folder (see other pages for details about the folder for the symbols installation). To unzip the zip file, please use an application such as PKUnzip or winzip or Stuffit Expander. Most recent OSes should have no prob-lem with the zip files and should be able to open them without an additional explanation.

CD: Please select the FLA files on the CD and copy/drag to the required install folder

fig. Install folder for Flash 8

fig. Embellishment symbol fromsymbols pack 5

Page 4: Symbols for Flash manual

Symbols install folder

Flash CS4 PCPlease place in the program files\Adobe\Adobe Flash CS4\configuration\libraries (or in the en\configuration\libraries)

Flash CS4 MAC OS XPlease place in the applications:Adobe Flash CS4:en:configuration:libraries folder

Flash ® 8 / CS3 Flash ® CS3 / 8 PC: Please place in c:\program files\Macromedia\Macromedia Flash 8 \Configuration\Libraries, likewise, please add the FLA files into the configuration libraries folder for CS3

Flash ® CS3/ 8 MAC OS X: Please place in HD: applications : Macromedia Flash 8 : Flash 8 : Libraries (same CS3)

MX 2004 PC MX 2004: Please place the symbols in the \en\configuration\libraries and access via the windows 'other panels' + libraries command to access the FLA files.. or use the open as library.MacOSX MX 2004: Please place the FLA library files in the <user name> : library : application support : Macromedia : Flash MX 2004 : en : Configuration : libraries

MX PC MX: Please place the symbols in the \first run\libraries and access via the windows and common libraries command to access the FLA files.. or use the open as library.MacOSX MX: Please place the FLA library files in the applications : Macromedia Flash MX : First Run : Libraries

Flash ® 5 PC Flash 5 C:\Program Files\Macromedia\Flash 5\LibrariesFlash 5 Mac OS9: No longer supported

Flash ® 4PC Flash 4 C:\Program Files\Macromedia\Flash 4\Libraries Flash 4 Mac OS9: No longer supported

fig. Flash install folder for MX

fig. MX install on MAC

fig. CS4 MAC OS X install folder

Page 5: Symbols for Flash manual

Opening Flash ® libraries

Use the 'open as library' (not available in later versions of Flash) or the libraries menu (in later versions, window > common libraries) to open the .FLA format files.

The approach to loading the symbols has basically remained even if with each ver-sion there seems to be subtle differences in the menu structure and configuration.

Please load the libraries via the 'libraries' or the 'other panels' section or as it seems now, common libraries menu item

After that, the approach such as selecting the symbols is the same as previous ver-sions, select and drag to the document.

File > Open

With the recent versions of Flash, open the symbols libraries via the standard file > open command

Libraries files - too many

If you have too many libraries files in the libraries folder, it is possible that some libraries will not appear in the libraries menu (this varies from version to version).

You will have to either remove some of the libraries or use the open as library com-mand. In this case, it might be better to store all the flash FLA files in a different folder and access the files either via the open as library command or copy the FLA files to the libraries folder only when required.

Note: As mentioned above, the flash files will not work without conversion to mac format (in earlier versions of Flash ®). The mac menu will just not see the files as FLA format files and refuse to display them. Please use the mac FLA versions instead if you are using earlier versions of Flash ®

fig. Open as library command

fig. Common libraries

fig. MAC OS X CS4 common libraries

Page 6: Symbols for Flash manual

Modification of library sym-bols

If you want to tweak the symbol libraries, open them in Flash (not as a common library but just as a normal file) and then select the symbol, edit and / or set various properties.

Symbols libraries

The symbols are displayed in a symbols libraries palette. The symbols palette is fairly limited. You can only see the symbol by selecting the symbol by name, there is no browse or keyword search feature available. The symbols include with Flash as well as third party symbols are displayed in exactly the same way.

The symbols library panel / palette can be extended by dragging the bottom edge to re-size. You extend the size of the preview by dragging the centre bar down to decrease the number of symbols in the symbols list, the symbol preview screen will re-size correspondingly. If an anima-tion, the animation can be displayed by clicking the preview button in the preview panel.

The symbols library panel displays the kind / type (button, animation etc) as well as date modified and the name of the symbol.

The symbols cannot be moved to a differ-ent position.

A number of options are available via the panel’s option dropdown (such as play or keep count updated)

fig. Symbols palette

fig. Library palette / panel on OS X CS4. The panel to display thesymbol can be re-sized to displaya much bigger representation ofthe symbol. Still, only one symbolat a time can be shown

Page 7: Symbols for Flash manual

Drag symbols

To use the symbols, simply drag (from the symbols panel) onto the document / movie. Once there, you have an instance of the symbol

Modify properties

You can modify the properties (right click on the symbol), break apart the symbols, color, tweak, and even export to other applications.

The symbol’s brightness, tint and alpha can be changed (you can also change it via the special section in the properties panel)

Actions can also be set

The actual use of the symbols is probably best described in the documentation or in the vast array of books devoted to Flash or via various magazines such as the Computer Arts Projects series.

fig. Break apart symbols

fig. Drag symbols

fig. Symbols pack 6 - People

Page 8: Symbols for Flash manual

Installation issues

If you have problems installing or using this prod-uct, please e-mail our tech support at [email protected]

Applications supported

Adobe ® Flash ® CS4 CS3 Macromedia ® Flash ® 8 MX2004 MX Macromedia ® Flash ® 5 4 (PC support only, not for mac) Windows 98, win XP, NT, ME, 2000 Vista Windows 7; MAC OS X OSX

Other applications

None, though the symbols can be exported to other applications (they are in FLA format) but they can be exported as AI format or SWF format or EPS or BMP to other applications

Minimum requirements

At least 64MB of memory, though some operations might require a lot more.

Trademarks

The symbols were designed by Andrew Buckle, and copyright 2000-2009 Andrew Buckle and Abneil Software Ltd. Flash is trademark of Adobe Systems Incorporated (previously Macromedia)

We have no connection whatsoever with Macro-media or Adobe. Screenshots are with kind per-mission of Adobe Systems Incorporated

Company Address

Telephone UK 01622 688 375http://www.graphicxtras.commail: [email protected]

fig. Festive symbols pack

fig. Festive symbols from symbolspack 9

Page 9: Symbols for Flash manual

Properties

You have a red symbol and would prefer it to be blue: you will need to use the prop-erties option (right click) to access the color and tint options.

or change the brightness or tint

The instance properties dialog offers a selection of different modifications such as opacity or tint

In later versions, the color properties section is now ‘color effect’

fig. Properties

fig. Instance properties dialog

fig. Color effects

Page 10: Symbols for Flash manual

Break apart symbols

You might wish to modify the symbol, you will need to break the link with the symbol library to do this.

You will need to apply a combination of break apart and edit to access the symbol, this seems to vary from symbol to symbol.

Once you have access to the individual components you can also fill the symbol with perhaps a gradient or tweak the path points

use the paint fill and ink bottle to re-color the 'released' symbol

The path can be further manipulated or combined etc by using some of the other menu options in curves

or soften the edges (via the modify > curves > soften command)

Or use the arrow pointer tool to modify the path or remove chunks etc from the path

The flash symbols should be thought of as a starting point for a creative design. Symbols can be combined (and tweaked) and new symbols created.

fig. Break apart symbol

fig. Ink bottle

Page 11: Symbols for Flash manual

Scaling etc the symbol

The symbol can be scaled and rotated via the toolbox.

The rotate option also offers a skew feature. To rotate the design, select the rotate tool from the toolbox.

Click on the middle side transformation points to shear the designs.

You can also scale / rotate / flip a path via the modify > transform menu

fig. Scaling symbols

fig. Rotate symbol

fig. Transform commandoffers flip, rotate, etc

Page 12: Symbols for Flash manual

Create new symbol

If you wish to keep a new symbol (a modified symbol), you will have to save the symbol to a library. Remove all the unnecessary symbols from the document symbols palette and then save the current FLA file to the symbols libraries folder. Re-start Flash and the symbols will then be usable in other projects as required.

Please consult the documentation for the steps to save new symbols.

fig. Festive symbol

fig. Festive symbol modified. Thesymbol can now be saved as a newsymbol and then saved to a FLAfile for use in future projects

Page 13: Symbols for Flash manual

Export symbols

The flash symbols can also be exported very easily to other applications in differ-ent format. Also by saving them to native Flash formats you will also be able to access them in other Flash-related applications.

The export command can be accessed via file > export image command

You can save to EPS, WMF, DXF, BMP etc

fig. Export command

fig. Festive symbol from symbols pack 8

fig. Greek ornament symbol - symbols pack 7

Page 14: Symbols for Flash manual

Symbols as buttons / anima-tions

The symbols are symbols but they can be converted to animations and buttons if required. They will require some setups such as adding the frames for the up / down etc for the button as well as the required animation frames (key frames). Also requires to setup an action for the clicked button

Or setup an animation (or movie clip)

fig. Use as animation

fig. Use as button

fig. The symbols can be an animation / movie clip

Page 15: Symbols for Flash manual

Filters

If you are using CS4 CS3 and 8 (as well as support-ing the Flash Player 8 and 9 and 10), you can apply filters such as blur to the symbols

fig. Symbol from Embellish 1 symbolspack

Page 16: Symbols for Flash manual

Erasing part of a symbol

You might wish to remove part of a symbol, to do this you will generally need to break the symbol apart. The break apart command found in the modify command menu might have to be applied a number of times to ‘truly’ break apart the design.

Once broken, the symbol (though now a path) can be deleted in various places using the eraser tool (found in the toolbox)

Apply the erase to certain parts of the design. You can then just select the new path and con-vert to a symbol via the insert > convert com-mand

fig. Erase tool to erase parts of the path (ex-symbol instance)

fig. Break apart, use this to break apart or expand thesymbol into a path

fig. The path has had some partsof the design removed. Perhaps nota stunning use of the eraserthough

Page 17: Symbols for Flash manual

Soften edges

The edge of the symbol can be softened. You will first need to break apart the symbol (perhaps repeated times depending on the grouping and complexity of the symbol).

Once broken, go to the modify command > curves > soften edges

Enter steps, expand or inset etc

fig. The path is expanded (blurred), the path can also be inset (which still ends in a blurring or softening of the path but creates interior blurred paths, shrinking the size ofthe design)

fig. The soften edges dialogwith the number ofsteps, distance and direction

Page 18: Symbols for Flash manual

Expand shape

The broken path (ex symbol) can be expanded (increased in size) or inset (decreased in size) via the expand shape command. Modify > curves > expand shape.

fig. Expand shape

fig. Expand a shape by 50

fig. Expanded shape

Page 19: Symbols for Flash manual

Admin username and password / install

If you are placing the Flash symbols FLA files into the applications area (OS X) or in the program files folders on the PC, you might have to enter your administrator username and password. This will only happen if you are not running an admin account, and only accessing and installing the files using a basic unprivileged account. This is normal. Please just enter the details, if known (or contact your administrator). There are alter-native locations for the install that may avoid this issue, such as in the user account. You will have to search the web for further details on these locations.

fig. Admin name etc to add FLA files to the secure area on the computer

fig. Symbol from the ripples symbolspack

Page 20: Symbols for Flash manual

Button / Blending modes

Symbol as a button, you can also set a blending mode. Examples of blending modes include multi-ply, screen, overlay and others

fig. Symbol from the ripples symbol pack

fig. Button and the properties dialogfor: displays blending modes

Page 21: Symbols for Flash manual

Deco Tool

1) Go to the toolbox of Flash (CS4) and select the deco tool. 2) Select the window > properties to see the drawing effect / leaf / flower / advanced options etc3) Click the edit button for the leaf (and / or flower) to select a symbol (the symbol must be in the document’s library and not just part of an external library)4) Click document to apply the deco tool

Three different types of deco tool are available: vine, grid and symmetry brush (select reflect, rotate etc)

fig. Deco tool. Select type (vine etc) andalso the leaf and flower symbols via theedit buttons. Set advanced options suchas angle etc

fig. Heart symbol from the hearts symbols pack

fig. Another hearts symbol

Page 22: Symbols for Flash manual

Envelope

The symbol can be warped / distorted using the envelope tool. To do this, the symbol needs to be broken apart

fig. 3D symbol from the mixed symbols pack 2

fig. Mixed symbols 3D design

Page 23: Symbols for Flash manual

Curved designs / quality of

1) Open a new Flash document2) window > common libraries > select file3) Select a symbol and then drag from the sym-bols palette to the document

The quality of the curved graphicxtras.com sym-bols (some) in CS4 is poor (it is fine in other versions of Flash)

A workaround is to open the symbol library via the file > open command at the same time and either select the design (if available in the docu-ment / FLA file) or select from the symbols palette (this time via the window > library com-mand) and drag to the document and then copy and paste, returning to the original document and then paste the design

Another alternative approach would be to use the EPS files (again, an issue here as Flash CS4 has a problem with the EPS files even though earlier versions can open the EPS designs - other parts of the CS4 have no issue with the EPS designs and can open them fine) AI files are also included in some of the packs.

fig. Circular design from mixed symbolspack 2

fig. Embellishmentsymbol from symbolspack 11

Page 24: Symbols for Flash manual

Bone Tool

You can also join symbols by bones (please check the documentation for more details about how to use bones) Set properties of the armature layer such as simple (slow), stop and start etc

fig. Mixed symbol from symbols pack 11