How to Make the Watermark Image
- Open a new document: File/New.
- Set width and height of the image (about 250 x 30). You may want a smaller size if you are adding the watermark to smaller images.
- Choose transparent canvas color
- Using the text tool mark the spot where you want the text to appear and indicate the font name, size and color in properties panel (I used Palatino, 16px and med gray).
- Type in the text (usually the business name or domain with the copyright symbol which can be found under Window/Others/Special Characters).
- Crop the image so it's slightly bigger than the text.
- Choose "Save As" (not export) so it's an editable png file. Name the file with watermark-NameGoesHere.png, If you put "watermark" in front of the file name they will all be in one place after you load them into Fireworks.
- Save the watermark image in: Applications/Adobe Fireworks/Configuration/Patterns. (also save a copy in your documents folder in case you ever have to reinstall Fireworks).
- You have to restart Fireworks before the watermark will be available.
How to Add the Watermark to a Photo
- Open the photo that needs a watermark.
- Make a rectangle about the size of the watermark with the rounded rectangle tool. It will pick up the last background color you used but ignore this as it will disappear later.
- You need to place the rectangle where it's mostly the same color or light/dark or some of the letters will be darker than others.
- With the rounded rectangle box still highlighted, go to the properties panel and under "choose fill" click on the drop down box and scroll down and choose "pattern". It will bring up Fireworks Patterns. Choose the watermark you made above and it will apply the watermark to your image. Notice it looks distorted (repeating copyright text and off center), however, we'll fix that in the next steps.
- You can adjust where the text is placed with the pointer tool. Click on the black circle and move it to the lower left of the rectangle so the copyright symbol appear first. If there are letters above click on the blue highlight button on upper right and move that to the left and down until the upper letters disappear. Now click on the watermark again and move it where you think it will look best (same shade or color underneath, keeping it in the main part of the image or it can be cropped out (see image below).
- Now you need to lighten the color of the text so it's barely noticeable. Go to the properties panel under Opacity and using the scroll bar keep scrolling down until the text is barely noticeable (you want it noticeable enough so you will be able to spot it yourself incase you're searching for your images that have been copied). I chose an opacity of 25% on the following photo so you can barely see it.
- Save the finished image as both a gif or jpg file and also a png file so you can edit it later if you want.
The finished photo of a yellow rose with a Watermark
Copyright © 9-8-12
All Rights Reserved.
Main Tutorials Page | Photoshop Tutorials | Fireworks Tutorials
Other Graphics Tutorials:
How to Make a Watermark on Photos | Straighten Distorted Photos | Emboss Images | Feathered Edges How to Design a Gradient Background | How to Design a Textured Background
How to design a Vertical Background | Applying a drop shadow to a tilted object over a colored background | How to Make An Animation