Turn Your Signature Into a Watermark in Photoshop!

Play tutorial

133K views · 3,247 likes · 185 comments

Jump to a step in the video (10)

Click a time to play the video from there.

1. 0:00 Introduction
2. 0:18 Make Your Signature Transparent in Photoshop
3. 2:29 Make a Stylish Signature Photography Logo with Layer Styles
4. 4:14 Save the Logo Watermark as an Adobe Creative Cloud Asset
5. 4:57 How to Add Watermark To Your Photos in Photoshop
6. 5:30 Edit the Watermark (Creative Cloud Asset)
7. 6:31 Create a Photoshop Action to Add the Watermark To Your Photos
8. 8:27 How To Play the Photoshop Action
9. 9:21 Turn Your Digital Signature Into a Brush in Photoshop
10. 10:31 Final Thoughts

Photoshop Training Channel 2.15M subscribers on YouTube Subscribe

A handwritten signature makes a better watermark than any font. In this tutorial, you will build a reusable signature watermark in Photoshop from a photo of your signature on paper, then record an Action that places it on any photo with one click. Perfect for photographers who want a logo from their own signature.

What You’ll Learn

• Remove the background from a photographed signature with the Channels panel
• Build an editable watermark with Layer Styles at 0% Fill
• Sync the watermark to Creative Cloud Libraries
• Record an Action that resizes and positions the watermark
• Create a signature Brush as a one-click alternative

Requirements

Tutorial Downloads

Keyboard Shortcuts In This Tutorial

Create a Signature Watermark in Photoshop

Four stages: extract, style, save to a library, and place. After the first pass, the watermark is a drag and a click away.

Step 1: Extract the Signature

You need a digitized signature with no background. A channel-based selection lifts one off the page cleanly.

1. Desaturate the image with Ctrl Shift U (macOS: Command Shift U).
2. In the Channels panel, duplicate any channel; after desaturating, all three match.
3. Press Ctrl I (macOS: Command I) to invert the duplicate. White reveals and black conceals, so you want a white signature on black.
4. Press L for the Lasso Tool, draw a loose selection around the signature, then right-click and choose Select Inverse.
5. With black as your foreground color, press Alt Backspace (macOS: Option Delete) to fill the outer area, then Ctrl D (macOS: Command D) to deselect.
6. Go into Image > Adjustments > Levels. Drag the White Point slider left and the Black Point slider right until the background is pure black and the signature pure white, then press OK.
7. Hold Ctrl (macOS: Command) and click the duplicate channel thumbnail to load it as a selection.
8. Click RGB, return to the Layers panel, and create a black Solid Color fill from the New Adjustment Layer icon.

Hide the original photo; a clean signature on transparency remains.

Step 2: Style It with Layer Styles

Every setting here stays editable. To see the effect, place a gray Solid Color fill layer below the signature.

1. Name the signature layer; the name becomes the asset name in your library. “JR Signature” works.
2. Double-click beside the layer name to open the Layer Style window and set Fill to 0%, so only pixels created by the styles show. Adjust Fill, not Opacity; Opacity dims the styles too.
3. In the Color Overlay tab, set the Blending Mode to Normal, the color to white, and the Opacity to 90%.
4. Add an Outer Glow: black, Blending Mode Multiply, Opacity 20%, Size 40 pixels. Despite the label, this works as a soft shadow. Press OK. These values are relative to your layer size, so fine-tune them.

Step 3: Save It to Creative Cloud Libraries

Right-click the signature layer and choose Convert to Smart Object so the watermark stays editable. Then go into Window > Libraries and drag the layer into the Libraries panel. That drag syncs the watermark to your Creative Cloud account and every connected app and device; you can even use it in Adobe After Effects or Adobe Premiere Pro. If you lose track of it later, search under “All Libraries” for the layer name.

Step 4: Add the Watermark to a Photo

Drag the watermark from the library onto any photo, scale it, and position it. It keeps every property you applied. The cloud icon means the layer is connected to the source asset: double-click to edit it, and every document using it updates. For an independent copy, hold Alt (macOS: Option) as you drag; the cloud icon disappears and your edits stay in that one document.

Automate the Watermark with a Photoshop Action

An Action records the placement steps once and replays them anywhere.

Record the Action

1. Drag the watermark onto a photo and commit the placement.
2. Go into Window > Actions and click the New Action icon.
3. Name it “200 PX Bottom Right,” save it in the Default Actions set, assign F2 with the Ctrl modifier, pick red, and press Record.
4. Go into Edit > Transform > Scale, click the chain link icon in the Options Bar, type 200 px into the width box, and click the checkmark.
5. Go into Select > All to select the whole canvas.
6. From the Layer menu, choose Align Layers to Selection > Bottom Edges, then again with Right Edges.
7. Go into Select > Deselect.
8. Enable the Move Tool. Hold Shift and tap the Left Arrow five times, then the Up Arrow five times, moving the watermark 50 pixels in from each edge.
9. Press the Stop button in the Actions panel.

Play the Action

Drag your watermark onto a photo, select the action, and press Play. The keyboard shortcut (Ctrl F2, macOS: Command F2) is faster, and it is written on the action label. Button Mode, in the Actions panel flyout menu, turns the action into a red button you click.

Bonus: Make a Signature Brush

One more way to stamp a signature watermark in Photoshop, no library required.

1. Hold Alt (macOS: Option) as you drag the watermark out of the Libraries panel (or right-click it and choose Place Layers) to get real layers instead of a linked asset.
2. Right-click the FX icon and choose Clear Layer Styles. You want the plain black signature on transparency.
3. Go into Edit > Define Brush Preset, name the brush, and press OK.

Switch to your photo, set white as the foreground color, create a new layer to work nondestructively, and click to stamp the signature. Tap [ first to reduce the brush size. A brush cannot store what a library asset can, but it is still an excellent alternative.

Frequently Asked Questions

Sign Your Work

You now have a system: an editable signature watermark in Photoshop synced to Creative Cloud, a one-click action to place it, and a brush for quick stamps. Update the source once and every connected photo follows.

Watch the video above to see every step in real time.

Pro Training

Selections and Masking Mastery

Complete course includes 2.5 hours of step-by-step lessons, 6 structured modules, downloadable practice files, and custom Photoshop brushes. Everything you need to master selections and masks in one place.

View the Course

Related Links

• How To Remove a Background In Photoshop
• How To Blur Backgrounds in Photoshop
• Quickly Apply Targeted Sharpening in Photoshop