|You are here : : Home > Free Resources > Fireworks Tutorials & Resources > Creating Website Screenshots & Thumbnails|
Fireworks CS4 Tutorials
Free Fireworks Resources
Other Fireworks Resources
Open a new page in Fireworks and set the canvas color to transparent.
Open a web page, background or even any software which is open and press the Print Screen (Print Scr) key which is on the upper right of the keyboard, just next to F12 key.
Now go to the Fireworks page and press Ctrl+v or right click the mouse and select Paste from the pop-up menu. Now you can see the screenshot image on your canvas, but the actual image is the size of your screen.
The next step is to crop the necessary part of the image. Click on the image and drag it placing the portion which you want to crop in the center.
With the image selected click on the crop tool on the tool bar and select the portion on the canvas that you want to crop.
You'll see a dotted line with handles (8 small black squares). Your can click on these handles to mark the portion to be cropped. Later if necessary you can also reduce the size by using the scale tool or give it a fixed height and width by clicking on Window>Info.
After you've given the proper height and width or reduced the image to a particular size, press Enter key. Your screenshot is done!
In this tutorial, I am making a screenshot of entheos home page, so first I'll reduce the size of the screenshot using the scale tool, when the image fits the canvas I'll use the crop tool to crop the web page without the browser menu on the top and status bar at the bottom.
Here is the screenshot of the web page.
Join us on Facebook to keep updated with all the latest tutorials and web design freebies from EntheosWeb!