Daily Archives: May 19, 2012

Inserting A Watermark Into Your SmugMug Galleries

94C1050_Stellar Blue

In my previous post, I showed you how to create a simple watermark.  In this post, I will show you how to insert it into your SmugMug photo galleries.

OK, you’ve created your watermark and saved it as a .png file using CS5’s Save for Web & Devices.  Now, log into your SmugMug account.

You must first upload your watermark .png file to that unlisted default gallery SmugMug automatically sets up for you when you first create an account.  It’s the gallery titled “My SmugMug Site Files (Do Not Delete)” and by default, only you can see this gallery (unless you wish others to see it).

Click Upload-To This Gallery

Your watermark file is now uploaded.  But you cannot use that particular image until you have designated it as a watermark.

So go to the last page of this gallery (because that is where your newly-uploaded watermark image will show up) and click on the thumbnail to bring it up.   From the menu above the image, click  Tools and from “This Photo”, select More and select Make Into Watermark.

Make Into Watermark

You will be taken to a screen wherein you may designate the position, opacity, and even rename it if you wish.  You also get to see a preview of how your watermark masterpiece will look on a photo.  Once you have finished with the tweaking, click Submit and no matter which of the 2 methods you use to insert a watermark, it will appear as you have designated here in this screen.


Oh, and if you didn’t choose your opacity (how transparent you wish your watermark to be) in CS5  or image editor du jour, then you may do so in this screen (SmugMug calls it “Fade”).  Compare the watermark in the image below with the watermark in the image above.

Playing With Fade

Now you are finished and can exit this gallery and choose another  gallery.

There are two ways in which you may insert a watermark onto your gallery photos:

Method #1

Within your gallery, click Tools and then scroll down to highlight Gallery Settings.


Scroll down to the Security & Privacy panel

In addition to working with the watermark, you can also set other security features highlighted below.

Security and Privacy

Save your new settings and you will be returned to your gallery.  Give it a minute or two, and then for each photo, you should see your watermark.  This method is actually faster than the method below, in terms of how quickly SmugMug applies the watermark to your images.  Probably because the method below allows you to be more selective in terms of which photos you wish to be watermarked, rather than a “blanket application” of the watermark to all of your photos, which is what Method #1 does.

To remove your watermarks, simply click “No” and that little watermark box will disappear as will your watermark on all of your photos in the gallery.

Method #2

Within your gallery, click Tools, scroll down to “Many Photos” ,select More, then select Watermarking


You will be taken to a screen where you see every single photo you have uploaded to that particular gallery.


You may now choose which watermark you wish to use, and select all or just a few photos for watermarking.  Click Watermark and then wait.  You will see a little screen telling you that SmugMug is applying watermarks and to just be patient for a few minutes.

To remove your watermarks, follow the same steps, but select “Remove” and then click Watermark.

There you have it!  Simple, right?


Filed under Lessons, Photography, SmugMug, Watermark

Creating Your Own Watermark To Use In Your SmugMug Galleries

There are plenty of posts out there discussing creating one’s own watermark.  I’m just adding to the choices.  And, not only will I show you how to create an easy watermark for your gallery photos, but (in the next post) I will show you (step-by-step)  how to apply it to photos in a SmugMug gallery (because that is where I keep all of my photos, so that’s what I know how to do).

I use Adobe Photoshop CS5, but (I am assuming), it will apply to older versions of Photoshop, and probably some versions of Photoshop Elements, too.  If you don’t use any of the Photoshop applications, I’m certain you can create your own watermarks in whatever editor package you use.

In CS5:  File-New

A little pop-up window appears allowing you to set up your page upon which you will type up your watermark.  I gave my watermark a name because that’s what CS5 will want to use in saving the image, and it helps me figure out, later on, which watermark I might want to use for a given situation.


The only changes I make are to the Width, Height, Resolution, and  Color Mode; everything else remains in default.  You may want to experiment a little with the size, but for my purposes,  I used the numbers you see in the Width and Height above for a horizontal watermark.  If you choose to create a vertical watermark (perhaps for portraits), you simply switch the Width and Height numbers.

Once you’ve made your choices, click OK

This is what you see now.  The checkered background means it is transparent and won’t be seen.  It’s an invisible “canvas” upon which you will “paint” your watermark.


For my watermark, I like to use the copyright symbol in front of my name, so I hop over to Microsoft Word for a moment and open up a blank page.

I click on the Insert tab

I then move my curser way over to the far right of the Word 2010 Ribbon to click on the Symbol image.

I select the copyright mark and click on Insert


It’s on my blank Word page now, so I simply highlight the symbol and copy (Ctrl-C on a PC) for later use over in CS5.

Now, back to CS5.  I select the Text Tool (that little “T” symbol)  from the toolbox on the far left of the screen.

I click on that “blank” canvas, do a Ctrl-V to paste the copyright symbol, then proceed to type whatever I want to see as my watermark.


You will need to play around with the text type and size.  And there is also the little matter of text color and opacity.  I like using a medium-dark shade of gray.  So, I click on that little colored box in the menu bar that shows up specifically for the Text Tool.

I get a pop-up box that allows me to choose a color (or create my own custom color).


Once I am happy with the color, I click OK

I can also play with opacity (transparency) of the text.  Because SmugMug’s watermarking tools allow me to change the opacity onsite, I generally leave the opacity settings in CS5 alone.  However, if you want to set your level of transparency here, rather than SmugMug, then click on the Layers icon in the tool bar over on the right side of the screen.  Double-click on the Opacity box and you can then change the percentage of opacity.


Once I am satisfied with the look of my watermark, I do a little cropping.  I don’t crop too closely to my watermark text, though, because it’s wise to leave some space above, below, and to the sides of the text; you won’t see the checkered background in your watermarked photos, but that little bit of extra “canvas” makes a sort of transparent buffer zone or border around the actual text.  Hard to explain, but you will see what I mean if/when you read my next post.


To save your watermark: File-Save for Web & Devices

I don’t change any of the default settings; I just click Save


My watermark is saved as a PNG file format and is ready to upload to my SmugMug site.

Next post:  How to insert your watermark into your SmugMug galleries.

1 Comment

Filed under Copyright, Lessons, Photography, SmugMug, Watermark