Thursday, February 4, 2010

MOVABLE WATERMARKS using WORDART and PAINT


I've googled the net for the keyword "watermarks" in the hopes of learning how to make them, and put them on the images that I upload here in PINOYTOONS. There was this site that taught how to use Microsoft Word's watermark function, and I tried it, but realized it only works for documents, and not for images. I also realized that it only stays at the center of the page, forever.

I did find a way though, to create watermarks, that are movable (in the sense that you have the power to place them wherever you want), and that works very well with images. We will be using WordArt, still from Microsoft Word, and PAINT from your Windows Accessories.

OVERVIEW
This is an alternative solution to those of you who do not have Photoshop, or does not know how to use it. We will be creating the actual watermark using WordArt, and will be "PRINT SCREENING" this into PAINT, because, Word cannot save image files (JPEG, GIF, etc.).

I'm assuming that you have knowledge of using Microsoft Word, so here it goes.

1. Open your Microsoft Office Word ( I have 2003), Click INSERT, then PICTURE, then click on the from wherever it is your picture is. ^^ For this example, I will be using an image that I drew, and saved from file. Your image will then appear.

This is the image we will be using throughout the post. Take note that this is a raw picture - never been edited - so it's a bit dark. This is a black and white picture, so we really don't need a lot of editing. See the PICTURE TOOLBAR? You may use that for simple things, like contrast and brightness.


2. Right click on your image and click FORMAT PICTURE, as shown in the photo above. This box below will then appear.

On the LAYOUT TAB, click BEHIND TEXT, then OK. This will enable us to sort of "layer" the watermark ON TOP of the image. This will also allow us to move the image.

3. Next, let's show the DRAWING TOOLBAR, where WordArt is. Click VIEW, then TOOLBARS, then DRAWING. You will see that it pops out at the bottom part of the screen. The encircled letter "A" is the WordArt.

4. Click on WORDART. The box below will appear. By default, the first style is selected, and we will be using that, so next, CLICK OK. You may also try the other styles, but take note that I've only tried the first one.


5. After clicking OK, another box will appear. This is where you type your text for the image - this is the ACTUAL WATERMARK. Then click OK after you're finished with your text.


Your WordArt will then appear. In this example, the wordart is "pinoytoons.blogspot.com." At this stage, it still might not be safe to say that this wordart is already the watermark, since a watermark is supposedly not this visible. Also, you might have noticed that the image is now brighter, that's because I've already adjusted the brightness and contrast using the PICTURE TOOLBAR shown a while ago.

We then proceed to work on the transparency of the wordart.

6. Click FORMAT WORDART, then click LAYOUT TAB. You might have remembered this step from a while ago, but this time, instead of choosing "behind text," CLICK IN FRONT OF TEXT."

DO NOT CLICK OK YET! CLICK the COLORS and LINES TAB instead. For the COLOR, choose GRAY 25%. For the TRANSPARENCY in the mean time, adjust to 55%. This transparency may be adjusted again, if you feel that your watermark is too visible, or too transparent. THIS IS A MATTER OF JUDGMENT. For the LINE COLOR, choose NO LINE, and then CLICK OK.


7. Do you see the changes that occurred in our wordart? Or should I say WATERMARK now? ^^ If you feel that the transparency needs to be adjusted, then click on the wordart, and go to the colors and lines tab, adjust the transparency, but this is pretty much it.

NOW CLICK PRINT SCREEN on your keyboard. All we need to do is to transfer this to PAINT, and save it as an image.


By the way, if you want to put your watermark on another position, you may do so by clicking on the wordart. The mouse cursor will change into "a cross" or "a plus sign." Drag it to wherever you want it to, and release.

8. Open PAINT. Click on START, then ALL PROGRAMS, then ACCESSORIES, and you'll find it there.

9. Once already in the PAINT Window, "CTRL+V" (hold down both keys, and release at the same time) or CLICK EDIT on the PAINT WINDOW, then CLICK PASTE. This is how it will look like.


10. Now all we need is the picture itself, with the watermark, so we will need to do some cutting on this. Do you see that "BOX" right below the "EDIT" button? CLICK on that, and you're ready to cut. DRAG the mouse to the FINAL SIZE of the image that you want. If your mouse, has a mouse wheel, this would be easier. A box will show to guide you of the boundaries of the cutting while you drag the mouse, like this one below.

THEN "CTRL+X" or CLICK EDIT on the PAINT WINDOW, then CLICK CUT.


11. THEN CLICK FILE, still on the PAINT WINDOW, and then CLICK on NEW. A BOX will appear asking "SAVE CHANGES TO UNTITLED?" CLICK NO, and a new, fresh screen will appear right before you like the first time you opened PAINT.

12. "CTRL+V" or CLICK EDIT, THEN PASTE! Now your image is clean and trimmed.

13. CLICK FILE, CLICK SAVE AS, type the file name you want, and BELOW THAT, you will see "SAVE AS TYPE." By default, it's a 24 bitmap image, but if you want to change it to JPEG, OR GIF, you may do so by clicking on the DRAG DOWN BUTTON. THEN CLICK SAVE! Your original image, and your WORDART WATERMARK, is now saved as ONE IMAGE.


THIS IS THE SAME IMAGE, BUT I MOVED THE WATERMARK AT THE TOP RIGHT PORTION OF THE PHOTO.


CHEERS! ^^