IT tutorials
 
Graphics
 

Adobe Fireworks CS5 : Importing and resizing images

2/7/2012 5:03:00 PM
- How To Install Windows Server 2012 On VirtualBox
- How To Bypass Torrent Connection Blocking By Your ISP
- How To Install Actual Facebook App On Kindle Fire
Now that you’ve optimized the thumbnail images, you’re ready to import them into Fireworks, and, if necessary, easily make them visually consistent.

Importing the images

The main thing, of course, is to get your newly optimized images into your design in Fireworks.

1.
Make sure the Snap To Guides option is selected by choosing View > Guides > Snap To Guides.

2.
Make sure the main sublayer is selected in the Layers panel.

3.
Choose File > Import, and browse to the thumbnail directory.

4.
Select the file thmb_wallpaper_2424.jpg, and click Open.

5.
Click an insertion point where the first two guides (the green lines) intersect.

6.
Choose File > Import again; you should still be in the thumbnail directory.

7.
Select the file thmb_wallpaper_2581.jpg, and click Open.

These first two images don’t fit the guide dimensions. You will correct that problem a bit later in the exercise.

8.
Place your import cursor where the third vertical guide intersects with the top guide so the thumbnails are moving across the document toward the right.

9.
Continue with this process, in numerical order, until all ten images have been imported. Each image should snap to the intersection of two guides.

When all the images are imported, the layout should look like the following figure.

Cropping individual bitmaps in a design

Everything lines up nicely, except those first two images. They were shot with a different camera, and their dimensions differ from the other images. You will crop these two images right on the canvas.

1.
Zoom in to 150%.

2.
Pan around the canvas by holding down the spacebar and dragging the mouse until you see the first image you imported, at the upper left. Then select this image with the Pointer tool.

3.
Choose Edit > Crop Selected Bitmap. A cropping marquee appears around the object.

4.
Use the Pointer tool to drag the top crop mark down until the tooltip reads w:125, h:83.

5.
Release the mouse. This current crop cuts into the top of the sign. You will adjust that now.

6.
Press the Up Arrow key four times to reposition the crop.

7.
Press Enter or Return to commit to the crop.

8.
Drag the image up until it snaps to the top guide.

9.
Repeat steps 3–5 for the second image. The crop dimensions should again be w:125, h:83.

10.
Reposition the crop as you see fit.

11.
Press Enter or Return, and use the Pointer tool or the arrow keys to line the image up with the top and left guides as necessary.

12.
Save the file as nature_tours_working.png.
 
Others
 
- QuarkXPress 8 : Editing text - Dragging and dropping text
- QuarkXPress 8 : Modifying text boxes
- Adobe Flash Professional CS5 : Using the History Panel
- Adobe Flash Professional CS5 : Working with Compound Shapes, Editing with Find and Replace
- Adobe InDesign CS5 : Using Scripts - Exploring JavaScript
- Adobe InDesign CS5 : Using Scripts & Script tips
- Adobe Flash Catalyst CS5 : Changing stroke and fill (part 2) - Change stroke color and weight, Add and modify gradient fills
- Adobe Flash Catalyst CS5 : Changing stroke and fill (part 1) - Change the fill color
- Adobe Illustrator CS5 : Working with Layers - Showing and Hiding Layers and Objects, Merging Layers and Groups
- Adobe Illustrator CS5 : Working with Layers - Duplicating Layers and Objects, Locking Layers and Objects
 
 
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