IT tutorials

Adobe Fireworks CS5 : Batch-processing images

1/17/2012 4:25:22 PM
- Free product key for windows 10
- Free Product Key for Microsoft office 365
- Malwarebytes Premium 3.7.1 Serial Keys (LifeTime) 2019
You will be importing thumbnail images to this page—at this point, thumbnails are all we need, and all we have space for. A set of guides (green lines) has already been put in place to help you align the images as you import them.

Let’s have a look at the images first.

Choose File > Browse In Bridge. If you have not done anything with Bridge since the last exercise, Bridge displays the Lesson12 folder. If you have been exploring Bridge, use the Folders panel to locate the Lesson12 folder.

In the Content panel, double-click on the fullsize folder. A series of ten images loads into the Content panel.

Select any single image, and Bridge displays a large preview as before.


If you don’t see the file properties, choose Edit > Preferences (Windows) or Bridge > Preferences (Mac), click Thumbnails, and then select Show Tooltips at the bottom of the dialog box.

Place your cursor over the thumbnail view of the first image. After a short delay, file properties appear. The dimensions of this file are great for making a print, but far too large for a web page.


You can change the size of the content thumbnails by dragging the slider at the bottom of the application.

Currently, all the supplied artwork is in high resolution, at much larger dimensions than are needed for thumbnail images. You could use Fireworks to import each file, but this is tedious and time-consuming. Besides, you will also need actual thumbnail images for the final web-page design, not just for the prototype. What you need is a way to resize, optimize, and rename files quickly and easily.

Batch processing can take care of sizing, optimization, and even naming the needed files.

Click on the first thumbnail, and then Shift-click the last thumbnail to select all ten files.

Choose Tools > Fireworks > Batch Process.


Batch Process is a native Fireworks command, so you don’t need Bridge installed in order to use it. You can access the Batch Process Wizard in Fireworks by selecting File > Batch Process.

The Batch Process dialog box appears, and all the selected images are displayed in the pane at the bottom of the dialog box.

Click Next.

From the left column, select Scale, and then click the Add button to move Scale to the right column. Do the same for Rename and Export.

These are the batch-processing commands you will run on the images, in the order they appear in the list. Each command in the list has editable properties. You will customize them for this project.

Select the Scale command from the right column, and then choose Scale To Fit Area from the Scale options list at the bottom of the dialog box.

Set the Max Width and Max Height to 125 pixels.

Select the Rename command from the right column, and then select the Replace option from the list at the bottom of the dialog box.

In the first field (Replace), type DSC.

In the With field, type wallpaper.

Select the Add Prefix option, and type thmb_ in the text field.


If this is a series of steps you think you will repeat again, you can save the operations as a script by clicking the Save Script button. You can then access this custom command any time from the Commands menu.

Select the Export command from the right column.

Choose JPEG – Better Quality from the Settings drop-down list, and then click Next.

Choose the Custom Location radio button, and browse to the Lesson12 folder.

Create a new folder called thumbnails, and open that new folder, if necessary.

Click Select Thumbnails (Windows) or Choose (Mac).

Click the Batch button.

Fireworks displays a progress box as it processes the images.

Once Fireworks is done, it will tell you that the process has been completed, and you can click OK to dismiss the progress box.


We needed only thumbnail images for this page in the design. However, should you wish, you could link the thumbnails to the full-sized versions of images using Dreamweaver or your preferred web-design software so that, when clicked, the full-sized images open for viewing.

In a few short steps you have scaled, renamed, and exported ten images all at once. The new images are in the thumbnails folder you just created.

- Adobe Fireworks CS5 : Working with Adobe Bridge
- QuarkXPress 8 : Flowing text - Using the automatic text box
- QuarkXPress 8 : Importing and entering text
- Adobe Flash Professional CS5 : Working with Drawing Objects and Combine Object Commands
- Adobe Flash Professional CS5 : Modifying Item Types
- Adobe InDesign CS5 : Customizing - Type Preferences
- Adobe InDesign CS5 : Customizing - Interface Preferences
- Adobe Flash Catalyst CS5 : Drawing basic shapes and lines
- Adobe Flash Catalyst CS5 : Using the rulers, guides, and grid
- Adobe Illustrator CS5 : Working with Layers - Arranging Layers and Objects
Top 10
Technology FAQ
- Microsoft ebs security server configuration
- IIs7 on Windows server 2003
- How to Configure Failover Clusters With Win 2008 Server R2?
- Windows 2008 Network Load Balancing
- Windows Server 2008 - Group Policy Management - Remove Computer Management
- Remove shortcuts possibility in a web page or to put in favorite
- HTA Dynamic Drop Down List
- IIS host header and DNS
- VMware or MS Virtual Server?
- Adobe Acrobat 9 inserting tab pages
programming4us programming4us