blog posts

Step-by-step tutorial for watermarking images in Photoshop (very simple)

In this tutorial, in addition to adding a watermark to a photo, you will learn how to apply the watermark changes to all previous photos. 

Watermark, With the help of Linked Smart Object, which is only available in Photoshop CC, you can easily do this.

The second method (basic) – with the help of Linked Smart Object

What is a Linked Smart Object?

Adobe has unveiled a new smart object called Linked Smart Object in Photoshop CC. Before that, by objectifying the images smartly, the changes made were applied only to the same image, but with the help of the Smart Object link, you can apply the created changes even to external files.

Multiple images can be converted to Smart Object Links at the same time so that they can all be changed by making any changes to each one.

You can also use this feature to watermark photos, just save the logo you want in a separate file and then convert all photos to Smart Object Link. In this case, if you change the logo, the logo of all photos will also change. Well, now that you know the basics, let’s start with the tutorial.

1. Create the logo you want

To turn a watermark into a Smart Object link, you must first create a logo in a separate file. In the logo you can put copyright information, year of activity, site address and..

logo-1.png

In the picture below, you can see the Layers panel. We chose the background image in black so that you can easily see the text and the shape of the logo.

layers-panel-logo-photoshop.png

2. Turn off the background layer

To convert your logo to a Smart Object link, you need to save it in a separate file, but since we only want the logo text to be saved, you have to turn off the black background layer to make your logo transparent.

background-layer-visibiity.png

This will make the logo a transparent image.

logo-transparent-background.png

3- After saving the logo, close its file

Follow File> Save As to save the logo .

file-save-as-photoshop.png

Name your file as a logo or whatever you like, and after selecting the save path, save it in Photoshop.PSD format.

save-as-dialog-photoshop.png

Follow File> Close to close the file.

file-close-photoshop.png

 

How to add a logo as a watermark to a photo?

Well, after creating and saving the logo, it is time to add it to the photo. Follow the steps below to watermark the logo:

Add a watermark to the first photo

first-image.jpg

How to add a watermark as a Smart Object link to a photo?

To do this, go to File> Place linked. Again, this feature is only available in Photoshop CC.

place-linked-photoshop.png

After selecting the logo file, click Place.

select-logo-file.png

This will make the logo you want appear in the middle of the photo.

logo-centered.jpg

Change the size and position of the logo to your liking

To zoom in and out of the logo, hold down Shift and Alt (on Windows) / Option (on Mac) to resize the logo by clicking on one of the corners.

resizing-logo.jpg

By clicking inside the logo box, you can place it anywhere in the photo you like. You must press Enter (on Windows) / Return (on Mac) to save the changes.

reposition-logo.jpg

How do we know if the logo has become a Smart Object Link or not?

If you look closely at the Layers panel, you will see that there is a link icon below the logo, which means that the logo you want has become a Smart Object Link.

linked-smart-object-photoshop.png

Reduce the logo opacity

To do this, look for the Opacity option in the Layers panel and set it to 60%.

smart-object-opacity-60percent.png

You can easily add a watermark to your first photo.

first-image-watermark.jpg

Add a watermark to the second photo

Well, you have to repeat the above steps again to apply the watermark on your second photo.

second-image.jpg

Follow File> Place linked.

place-linked-photoshop (2) .png

After selecting the logo file, click Place.

select-logo-file (2) .png

This will make the logo appear in the middle of the photo.

second-image-logo-placed.jpg

To zoom in and out of the logo, hold down Shift and Alt (on Windows) / Option (on Mac) to resize the logo by clicking on one of the corners.

logo-lower-right.jpg

Below the logo is the link icon, which means that the logo you want has become a Smart Object Link.

second-linked-smart-object-photoshop.png

You can reduce the color of the logo by reducing the Opacity.

second-smart-object-opacity-60percent.png

Now the watermark has been added to your second photo.

logo-watermark-second-image.jpg

Add a watermark to the third photo

open-third-image.jpg

Follow File> Place linked.

place-linked-photoshop (2) .png

After selecting the logo file, click Place.

select-logo-file.png

This will make the logo appear in the middle of the photo.

logo-placed-third-image.jpg

To zoom in and out of the logo, hold down Shift and Alt (on Windows) / Option (on Mac) to resize the logo by clicking on one of the corners.

move-logo-bottom-left.jpg

Now all three images are together in a smart object link file

Below the logo is the link icon, which means that the logo you want has become a Smart Object Link.

smart-object-warning-icon.png

You can reduce the color of the logo by reducing the Opacity.

third-smart-object-60percent.png

Watermark was easily added to your photo.

third-image-watermark-added.jpg

Save photos and close them

To do this, go to File> Save As.

file-save-as-photoshop (1) .png

Note that you must save the photo in Photoshop.PSD format. Finally, click Save.

save-third-image-psd-file.png

How to edit the logo file?

Suppose after adding a watermark to all three photos, you need to change the logo and apply changes to all the photos, but how do you do that? You can easily do this with the help of Smart Object Link.

Click on the photo to make it appear on the Photoshop page.

switch-to-first-image.jpg

Open the Smart Object link

To do this, just double-click on the Smart Link object icon in the Layers panel.

linked-smart-object-thumbnail.png

This will open the file of all three images that you previously converted to the Smart Object link.

logo-document-reopen.jpg

 

Edit the text of the Smart Object

Now edit your logo. You can turn on the background image to see the logo.

background-layer-visibiity (1) .png

To avoid confusion while working, it is better to form a Layer Group for both logos.

turn-on-layer-2-group.png

By clicking on the second logo, you can see it on a black background.

logo-2.png

Save changes

Since we only want to save the logo text, we need to turn off the black background layer to make your logo transparent.

turn-off-background-layer-2.png

Follow File> Save As to save the logo.

file-save-as-photoshop.png

Follow File> Close to close the file .

file-close-photoshop.png

This will replace the previous logo with the new logo. If necessary, you can change the size and position of the logo.

new-logo-image-1.jpg

If you take a look at the photo, you will notice that the new logo automatically replaces the previous one. Changes apply to all files just as easily by changing one file.

second-image-logo-updated.jpg

How to change the logo of a closed file?

To do this, go to File> open.

file-open-photoshop.png

Double-click the file you want to open.

reopen-third-image.png

When you open the photo, you will see that the logo of this photo has not changed, because in the previous step, after saving the photo, we closed that file.

third-image-original-logo.jpg

The alert icon in the Layers panel means that by changing the logo of the previous two photos, the logo of the third photo has not changed.

smart-object-warning-icon.png

To change the logo of the third image, follow Layer> Smart Object> Update Modified Content / Update All Modified Content .

update-modified-content-photoshop.png

 

This will replace the previous logo with the new logo.

smart-object-updated.jpg