China Naming Network - Company naming - How to add a watermark to a website

How to add a watermark to a website

How to add a watermark to a website picture, the answer is as follows.

First, we need to make a watermark template. Create a new 5 cm *5 cm transparent layer. Click "file"->; "new" In the pop-up dialog box, set the width to 5cm, the height to 5cm, and the background content to be transparent, and then click OK.

Step by step reading. Select the Horizontal Text Tool and set the font to Italic and the size to 30 points, so that the text color doesn't matter. Anyway, the back of the text will be clear. The purpose of inputting text is only to draw a gray edge on the text. We want that kind of edge.

Step by step reading. Don't rush to draw after typing, put the text sideways first. Click "Ctrl+T" to enter "free transformation" mode, "press the left mouse button to rotate the text" around the text, and press "ENTER" to exit the free transformation mode.

Step by step reading. Now it's time to delimit. Stroke is to paint a layer of color around the font that is neither thick nor thin. The last watermark we saw actually started from this edge. Generally, watermarks are gray. Ok, let's draw a gray edge for the text. Click "add layer style ∫ x"-> "stroke" to enter the "layer style" dialog box, the size is 3 pixels, the position is outside, and the opacity is 100%. These are the defaults. Our key is to set the color. Definitely not "black". Click the "Black" section to enter the "Select Stroke Color" dialog box.

Step by step reading. We came to the "Select Stroke Color" dialog box, where we can set any color in the world and the corresponding RGB code or LAB code. If not, you can choose from the "color library" that comes with the software. Drag the mouse to select gray. If you really can't choose it, enter L=83, a=0 and b=2. Then keep clicking "OK".

Step by step reading. 6 after drawing the edge, it looks like this.

Step by step reading. 7 Next, clear the red text and adjust the "fill" of the layer to 0%. Maybe you will mistakenly think that this is the last "watermark". No, almost, this kind of watermark is too obvious. Printing it on the picture will only make people feel like "robbing the owner". So what should we do?

Step 8 is very simple, just adjust the "opacity" of the watermark to 60%. This is the "Ultimate Watermark" template.

Step reading. 9 We "customize the watermark template as a pattern" and can call it to ourselves at any time. Click "edit"->; "Define the mode". In the pop-up dialog box, just fill in a "name" and click "OK", and the main work basically ends here. The rest is how to make a phone call.

Reading steps. 10 Open a picture in photoshop and click Edit-> "Fill", click the "down triangle arrow" of the custom pattern in the pop-up fill dialog box. In the pop-up pattern box, drag the scroll bar of the window to the bottom to see the pattern you made, select the pattern, and then click OK.

Step by step. 1 1 This is my own birthday cake-watermark map! I think the watermark is still too obvious. You can reduce the "opacity" when making.

Step by step. 12 If you think the whole picture is covered with watermarks, you can define "watermark template" as "brush preset". In the future, if you want to add a watermark to any part of the picture, just choose a brush and click there. Let's give it a try and click Edit->; "Define brush preset".

Step Read. 13 Enter any name, and then click OK. Then this "watermark template" becomes a "preset" of "brush tool", which can be called when we select "brush tool".

Step by step. 14 We choose "Brush Tool".

Step Read. 15 Select "brush preset" and select the "watermark template" just made.

Step read. 16 and then click on the picture to make a watermark, and then click on it to have another watermark, which can be very flexible. Because the "brush tool" generally uses "foreground color" as the brush color. Therefore, different settings of "foreground color" will also lead to different colors of watermarks.

Step-by-step reading. 17 Foreground can be used with photoshop's own "swatches". Just click on the "swatch" and the foreground color will change to the corresponding color.