This set of tutorials deals with one of Photoshop’s counterparts Adobe Fireworks (formerly Macromedia Fireworks). If you use this program, visit the section.  Home Raster Graphics Fireworks Fireworks Quick Tips #1 - How to use QuickMask

Fireworks Quick Tips #1 - How to use QuickMask


Step 1 - Open a new file

Open Fireworks and choose a 600x600 size for canvas.

image 1

Step 2 - Creating the paper

Our first element will be a Rectangle with 400x500px and color #DDDDDD. After creating it apply some shadows and a texture like the image.

image 2

Step 3 - Creating the canvas

Now you will create another rectangle. This will be the limit of our photo. So draw a white rectangle with 345x370px and place like the image. Apply some shadows to create depth in the paper.

image 3

Step 4 - Choosing the image

As I said before, we choose work with Adhemas images (that is bringing a lot of value to the tutorial). Select the image you want and place inside the file. We will now use 2 techniques to make the mask. They both are very easy and will take us to the same result.

image 4

Step 5A - Applying mask

In the first one, first select the image, place above the white rectangle, and Cut it (Ctrl+X or Command+X). Now select the white rectangle, and paste pressing Shift (Ctrl+Shift+V or Command+Shift+V). You will see the image inside the rectangle and at the same position that it was before.

image 5

Step 5B - Applying mask

In this method, we will first place the image inside the file. After that, move the image layer above the white rectangle (just to see the rectangle to select it!). Now let's cut the rectangle (Ctrl+X or Command+X). With the rectangle in the clipboard, select the image, go to Modify > Mask > Paste as Mask. You will see that the rectangle made a mask in the image, the same way that we made it before.

image 6

Step 6 - Playing with the mask

This step is mostly a Tip! If you look at your layers, note that the layer of the image has a mask. If you unlock this mask you can move the image and the mask separately. This way you could place your image with the exact focus you want.

image 7

Final Result

Now you can play with the mask. Use your imagination, explore backgrounds, textures and whatever else you want.

image 8

Fireworks Quick Tips #1 - How to use QuickMask



Author's URL: Abduzeedo
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
This set of tutorials deals with one of Photoshop’s counterparts Adobe Fireworks (formerly Macromedia Fireworks). If you use this program, visit the section. More Fireworks Tutorials: Featured Materials | Fresh Materials

No comments yet...
Add comments to "Fireworks Quick Tips #1 - How to use QuickMask"

Captcha