IT tutorials
 
Graphics
 

Adobe Fireworks CS5 : Batch-processing images

1/17/2012 4:25:22 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
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.

1.
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.

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


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

Note

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.

4.
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.

Tip

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.

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


6.
Choose Tools > Fireworks > Batch Process.

Tip

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.


7.
Click Next.

8.
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.

9.
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.

10.
Set the Max Width and Max Height to 125 pixels.

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

12.
In the first field (Replace), type DSC.

13.
In the With field, type wallpaper.

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

Tip

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.

15.
Select the Export command from the right column.

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

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


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

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

20.
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.

Note

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.

 
Others
 
- 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
 
25 Inspiring Game of Thrones Quotes
 
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