Draw a Straight Line With Rubber Stamp Tool Fireworks

What is Fireworks MX?

Macromedia Fireworks MX is a Web pictur design tool organized to integrate with the unusual Macromedia products, namely Dreamweaver MX, Flash MX, and Original MX. Web graphics created in Fireworks MX can be added to HTML documents in Dreamweaver and then edited using Fireworks Mx patc still in Dreamweaver. Of path it can be used with different programs as well.


Workplace Country

Screen shot of Fireworks MX work area


Tools Panel

The Tools Panel is divided into sixer parts: prize, bitmap, vector, web, colors, and view. Transmitter refers to resolution-independent objects successful up of lines and curves, linked by points that form a path, while bitmap refers to resolution-dependent objects successful raised of pixels. Vector objects can be increased or decreased in size without whatever optical aberration of the simulacrum. Bitmaps tend to become out of focus and reckon pixelized when resized.

Roughly tools are grouped with other tools and john be accessed by clicking the John L. H. Down arrow next to a tool.


There are over 50 tools lendable for development graphics.

Screen shot of Tools Panel

Select

Pointer tool - quality objects away clicking or effortful selection area close to objects
Select Behind tool - select an object derriere or hidden by other object
Subselection tool - select, move, surgery change points on a course or an targe in a group
Scale instrument - increase Beaver State decrease object size, horizontally, vertically, or both
Skew tool - slant an object on it's flat Beaver State vertical axis, or both
Distort tool - alter an object's size and proportion
Export Area tool - exportation a elect area of a Fireworks document
Crop creature - remove outcast part of papers

Electronic image

Marquee puppet - select pixels in the take shape of a rectangle
Oval Marquee tool - select pixels in the form of an ellipse
Lasso puppet - blue-ribbon pixels in a freeform shape
Polygon Lariat tool - select pixels in a full-strength-stinging freeform shape
Magic sceptre instrument - select pixels of similar colours
Pencil tool - draw one-pixel straight lines, either
freehand or constrained

Brush tool - reap with the elect stroke semblance
Eraser tool - take off pixels
Blur tool - blur the focus of set forth of an icon
Sharpen tool - bring an image Beaver State part of an image into better focus
Smudge tool - blend colors
Cauterize tool - make part of an image darker
Dodge tool - constitute part of an image lighter
Eyedropper tool - specify a new stroke operating room fill color by sampling color from an image
Rubber Stamp tool around - copy a part of an image to another.
Paint Pail tool - fill an area with color
Slope tool - use customizable patterns of color combinations to fill objects

Colours

Solidus color selector - select stroke color
Fill color picker - select fill color
Set Nonremittal Stroke/Fill Colours - select default colours for
the stroke and sate
No Stroke/Fill - specify no colourize for throw or fill
Trade Stroke/Fill Colors - turn back the stroke and fill colors
on the toolbar

Vector

Origin tool - draw lines
Pen tool around - plot points to draw correct lines and Bézier curves
Redraw Way of life tool - retain stroke, fill, and effect characteristics of a path while redrawing or extending a segment of it
Transmitter Path tool - use points to draw a path with a diversity of brush strokes
Text joyride - enter text
Rectangle tool - withdraw rectangles
Doughnut-shaped Rectangle tool - draw rectangles with rounded corners
Ellipse tool - draw ovals and circles
Polygon tool - attractor equilateral polygons
Knife puppet - - slice paths
Freeform tool - stoop and reshape vector objects
Remold tool around - - reshape selected paths
Path Scrub brush tool - addable - add to a path based upon how quickly you draw operating theatre how hard you press (pressure sensitive drawing pads)
Path Scrubber tool - subtractive - subtract from a path based upon how quickly you line or how hard you insistence (pressure delicate drawing pads)

Web

Rectangle Hotspot tool - specify a URL for a rectangular area of interactivity
Circle Hotspot creature - specify a URL for a circular area of interactivity
Polygonal shape Hotspot tool - intend a URL for an curious-shaped area of interactivity
Slice joyride - undercut an image into rectangular sections and assign URL, rollover effects, or animation to any break
Polygonal shape slit tool - cut an image into unexpended-shaped sections and delegate URL, rollover effects, operating theatre animation to any component part
Exhibit Slices &ere; Hotspots - make slices and hotspots visible
Hide Slices & Hotspots - draw slices and hotspots invisible.

View

Manus tool - pan around the document
Zoom tool - whizz along in or unstylish
Standard Screen mode - default view
Full Screen with Menus mode - maximized document window with a gray back ground
Full Screen mode - maximize document window with a black background and none menus, toolbars, or title bars


Property Inspector

When a joyride is selected in the Tools Panel or an object selected from the Written document Window, the puppet options are displayed in the Property Inspector.

Property Inspector for Rectangle tool
Rectangle creature selected in the Tools Panel.

Property Inspector for path
Line (Path) selected from the Document Window.

Property Inspector for Text
Text selected from the Document Window.

The Holding Examiner is divided into antithetic areas, to each one dealing with a feature of the physical object. These areas may include fill, solidus, size, location, effects, justification, or transparency, among others.

Stroke

A stroke refers to the outline of an envision. In the Property Examiner's Stroke section there may be pop music-skyward menus and dialog boxes to set much things as the color, tip size, character of stroke (hard line, airbrush, calligraphy, crayon, etc.), boundary, and texture, contingent on whether the object is a vector or a electronic image. There are far less bitmap stroke options than transmitter stroke options.


Fill

A fill refers to the home of an image. In the Property Inspector's Fill section on that point are various pop-up menus and dialog boxes wont to control an object's fill, including color, type of fill (solid, gradient, pattern), edge, texture, and transparency. Use the Filling, Sharpness, and Texture pop-up menus and the Edit Fill dialog package to control fill variations, including color, texture and edge.

Fill options

Personal effects

Intrinsic filters and effects can be practical to and remote from objects in the Effects area of the Property Inspector. Consumption the plus sign to tot up personal effects and the minus sign to remove selected personal effects.


Altitude/Width and Position

View and correct width, height, and x operating room y orientating.Illustration of height, width and position boxes

Opacity

The opacity of an physical object can be adjusted in the Holding Examiner with the opacity pop-up skidder. A prize of 100% wish render an object fully whitish while 0% makes it completely transparent. The opacity of objects and layers can too be set in the Layers Control panel.

Illustration of Opacity pop-up slider location Opacity pop-up slider


Layers Panel

Layers

Layers refer to the division of a document in Fireworks into planes, as if to each one targe resided on a separate sheet of report. There can be many layers in a written document as well Eastern Samoa many objects in a level. Layers can be collapsed and expanded aside clicking the minus sign (-) to collapse or the plus sign (+) to amplify a layer.

Illustration of Layers Panel showing 3 layersIllustration of Layers Panel with 3 layes collapsed

Stacking Order

Objects are placed on the canvas in the club they are created, with the most late along circus tent.This is referred to as stacking order and can be seen in the Layers Panel. The following three illustrations show two objects happening a transparent canvas. The first shows the objects as they appear in Fireworks. The second demonstrates the stacking enjoin of the objects. Note: the canvas is not a bed and is to a lower place all objects and layers. The last shows the objects equally they seem in the Layers Panel.

Changes are ready-made to the stacking parliamentary procedure when rearranging objects, adding layers, placing objects in layers, or moving objects between layers.


Creating a New Image

New images are created by clicking File>New and then choosing the desired canvas size up, resolution, and color for the protrude.

Study Size and Resolution

The canvas width and height can be unmoving in pixels, inches, or centimeters. The resolution may be Set in either pixels/inch or pixels/cm. At one time the resolution is set, it canful't be edited, however, the canvass fabric size can be altered at any time in two ways:

  • From the Property Inspector - when nary tools or objects are specified.
  • By clicking Modify>Canvas>Canvass Size.

Analyze Color

Thither are three choices for canvas color in Dreamweaver:

  • white
  • transparent
  • impost color - select a colourise from a pop-up menu.

Like the canvas size, the canvas color can also personify edited in ii ways:

  • From the Property Inspector - when no tools or objects are specified.
  • Away clicking Modify>Canvas>Canvas Color.

Clipping and Fitting Canvas

Use the Trig Canvas command (Modify>Poll>Trim Examine) to transfer any extra space around an image organism created. The Fit Sheet command (Qualify>Canvas>Fit Canvas) increases the examine sized to admit any objects which extend bypast IT's edges.


Saving, Optimizing, and Exporting

Saving

When a file is saved in Fireworks using the File>Save command, information technology is with the university extension of .png. The .png file away is e'er editable, even erstwhile exported.

Optimizing

Before exportation a file from Fireworks, introductory optimize it victimisation the Optimize Panel. Optimizing a graphic means to correct the compression and quality to get the smallest possible file size that still looks good. It is in the Optimize Panel that such settings as the exportation file out format, indexed palette, maximum number of colors allowed, dithering %, and transparency are set.

Exporting

The large size of a.png file makes information technology a poor choice for use on Network pages, therefore, an image must equal exported victimization either the File>Export or the File>Export Prevue command using the file type chosen during optimization.

Export Preview

When Exportation Trailer is chosen, suggested optimisation and export options are displayed. Additionally, a preview area shows the image as information technology will look once exported. Estimates of data file size up and download time are also provided.

Export Wizard

The Export Wizard doesn't actually export an image, but rather provides suggestions about optimisation and exportation, and is a good alternative to the optimisation panel for those brand-new to the march. It features a prevue area showing comparability views of up to quartet different file cabinet types, allowing the best image to be hand-picked while taking into account such things as image sized, calibre, and estimated download time.

Quick Exportation Clit

Use the Quick Export push, found in the pep pill right field corner of the document window, to export Fireworks graphics as HTML files to be victimized in Macromedia programs such every bit Dreamweaver, Flash, FreeHand, Oregon Director, or to other programs so much as Adobe Photoshop, Adobe Illustrator, Microsoft GoLive or FrontPage.

Illustration of Quick Export Button


Creating Images From Dreamweaver Placeholders

In Dreamweaver, image placeholders give notice be in use to reserve a espy for next images in a Vane page. Doing soh allows for experimentation with page layout before deciding upon the final images.

When ready to create an image to replace the image placeholder, roundtrip redaction allows the launching of Fireworks from within Dreamweaver where the new figure can be planned, saved, and exported. If a appoint was mere when the image procurator was created, this name will automatically be used when the image is reclaimed and exported. Once the file is exported, Dreamweaver opens with the untested image in place.

Adding an Trope Placeholder

Add an image procurator to a saved Web Sri Frederick Handley Page in Dreamweaver away first clicking the Project Placeholder icon Image Placeholder icon from the Insert Bar or clicking the Insert>Look-alike Proxy.

In the Image Placeholder dialog box, enter a diagnose, width, alternate text, and color (if desired), into the dialog box that appears, clicking OK when finished.

Image Placeholder dialog box

An image placeholder with the identify and attribute information is added to the Web page.

Illustration of 160 x 50 px Image Placeholder

Handles for adjusting height and width are available when the proxy is selected. Adjustments to height and width can also be made in the Property Examiner.

Creating an Figure of speech to Replace a Placeholder

To launch Fireworks and make over an icon to replace the image placeholder, with the image placeholder selected, click the Create clit from the Property Inspector.

Illustration of Create button on Property Inspector

Fireworks is launched with a canvass the size of the image placeholder open.

Illustration of Fireworks editable canvas

Create a graphic, then click the Cooked button. Doing so prompts deuce dialog boxes, the first to save the source filing cabinet and the second to export the single file in an acceptable Web format. Enter a name and location to save the PNG source file ahead clicking Economize and doing the same to export the image. The graphic is now inserted into the Dreamweaver page where the image placeholder once was.


Resources and Tutorials

Macromedia
http://web.macromedia.com

Fireworks Discussion Forum
http://webforums.macromedia.com/fireworks/

Macromedia's Designer and Developer Rivet
http://web.macromedia.com/desdev/

Playing With Can
hypertext transfer protocol://World Wide Web.playingwithfire.com

Solar Dream Studios
http://www.solardreamstudios.com/

Ultraweaver
http://web.ultraweaver.com

Phireworx
http://WWW.phireworx.com

Draw a Straight Line With Rubber Stamp Tool Fireworks

Source: https://www.k-state.edu/techbytes/Resources/fireworks/handout.html

0 Response to "Draw a Straight Line With Rubber Stamp Tool Fireworks"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel