Importing Image in Fireworks

We want to import a photo into a design comp.

In a previous lesson, we had started a design comp called creativeworks.png (which you can get from the link). It is a rectangle with a black border.

In the last lesson, we had prepared the photo talltree.jpg in the folder creativeworkscomp.

We want to import the talltree.jpg file into our creativeworks.png layout file.

With creativeworks.png file opened, do a File -> Import, select talltree.jpg. Your cursor becomes an L-shaped cursor indicating that you are about to drop an imported image to the canvas. Click near the upper-left corner of our canvas to drop our image there. You don't need to be precise since we will position it exactly later. Here is what it looks like after we drop the image...

After dropping our image in the upper left corner, we can more precisely position it by zooming in ...

With the image selected, move it in place with the arrow keys so that it touches right at the borders as shown below...

After zooming back out to 66% in order to see the entire canvas, this is what we have...

And you can download the resulting creativeworks.png here.

In the next lesson, we will learn how to use gradient transition and masking.