IT tutorials
 
Graphics
 

Adobe Fireworks CS5 : Working with Bitmap Images - Managing images on the canvas

11/5/2011 4:12:17 PM
- Windows 10 Product Activation Keys Free 2019
- How to active Windows 8 without product key
- Malwarebytes Premium 3.7.1 Serial Keys (LifeTime) 2019
When you have more than one image or object on the canvas, Fireworks gives you a variety of ways to work with those images, from showing and hiding objects to positioning and grouping them. You’ll find that steps like these are a common part of most design workflows.

Adjusting the watch position

To experiment with this feature, you’ll adjust the position of the watch image you’ve already got open. Because you are dealing with exact measurements here, you need to be aware of the exact x and y coordinates of the image.

1.
Select the watch with the Pointer tool, and check the values for x and y in the Properties panel. The watch should be positioned at X: 30, Y: 135.

Tip

To nudge a selected object 10 pixels at a time, hold down the Shift key as you press the arrow keys. You can also change a selected object’s position by entering new values in the Properties panel.

2.
If the watch is not in position, use the arrow keys on the keyboard to move the image one pixel at a time.

Hiding and locking objects

With the watch cropped, there’s no need for that large ellipse, so let’s hide it from view for now.

1.
In the Layers panel, locate and select the ellipse.

2.
Lock the ellipse object in the Layers panel by clicking the empty box beside the eye icon. Locking the object prevents you from accidentally selecting it.

3.
Click the eye icon to hide the ellipse from view.

To give the design a grittier feel, you’re also going to replace the gradient backdrop with a bitmap image, so we’ll set up for that now.

4.
Hide the gradient rectangle by clicking its eye icon in the Layers panel.

5.
Lock the rectangle in the Layers panel by clicking the empty box beside the eye icon.

Working with guides

In this exercise, you will use guides to help ensure an exact position and height between the canvas and an image you will import into the design. Guides are great tools for aligning and placing objects on the canvas.

1.
If rulers are not visible, choose View > Rulers.

2.
Move the cursor to the ruler at the left of the window.

3.
Click and drag toward the canvas. A vertical guide appears. You will also see a tooltip appear beside the guide, with an x value. (If you don’t see the tooltip, choose View > Tooltips.) This value is the horizontal position of the vertical guide.

Note

The right and bottom guides will not display on a Mac but objects will still behave correctly in proximity to them—snapping to guides, showing distances between guides, and so forth.

4.
When the tooltip displays 0, release the mouse. The guide drops at that location.

5.
Drag in another vertical guide, and place it at 500.

6.
Drag guides from the top ruler to these positions: 0 and 500. If you need to reposition guides, you can simply select them with the Pointer tool and drag them to a new position. Doing so effectively boxes in the canvas.
 
Others
 
- Adobe Fireworks CS5 : Working with Bitmap Images - Resolution and file size, Cropping an image
- CorelDraw 10 : CorelDraw Web Settings
- CorelDraw 10 : World Wide Web Terms
- Adobe Flash Professional CS5 : Creating Masks (part 2) - Create the mask
- Adobe Flash Professional CS5 : Creating Masks (part 1) - Define the Mask and Masked layers
- Adobe Flash Professional CS5 : Controlling Movie Clips
- Adobe InDesign CS5 : Working with Points and Paths - Selecting and Moving Points and Segments
- Adobe InDesign CS5 : Working with Points and Paths - Drawing with the Pen Tool
- Exporting Files from Illustrator CS5 (part 3) - The Joint Photographic Experts Group Format
- Exporting Files from Illustrator CS5 (part 2) - AutoCAD Drawing, AutoCAD Interchange File & The Flash Format
 
 
Top 10
 
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 2) - Wireframes,Legends
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 1) - Swimlanes
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Formatting and sizing lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Adding shapes to lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Sizing containers
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 3) - The Other Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 2) - The Data Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 1) - The Format Properties of a Control
- Microsoft Access 2010 : Form Properties and Why Should You Use Them - Working with the Properties Window
- Microsoft Visio 2013 : Using the Organization Chart Wizard with new data
programming4us programming4us
 
Popular tags
 
Video Tutorail Microsoft Access Microsoft Excel Microsoft OneNote Microsoft PowerPoint Microsoft Project Microsoft Visio Microsoft Word Active Directory Biztalk Exchange Server Microsoft LynC Server Microsoft Dynamic Sharepoint Sql Server Windows Server 2008 Windows Server 2012 Windows 7 Windows 8 Adobe Indesign Adobe Flash Professional Dreamweaver Adobe Illustrator Adobe After Effects Adobe Photoshop Adobe Fireworks Adobe Flash Catalyst Corel Painter X CorelDRAW X5 CorelDraw 10 QuarkXPress 8 windows Phone 7 windows Phone 8 BlackBerry Android Ipad Iphone iOS