Photo Examples Of How Font In A Watermark Affects Look Of Photos

It was 2 AM and my frustration levels were high.  I had created many different watermarks/logos but none of them really fit me or cued that magical “hallelujah” music inside my mind.
I had an idea of what I wanted I just couldn’t find the right components to make it happen.  Trying out so many different things got me thinking about how incredibly  much a watermark affects how a viewer views your photos.
If you slapped a generic watermark together and called it a day, it might be time to step back and reconsider.
A watermark is a very simple concept.. it’s basically something you put on all your photographs to reduce photo theft and to let people know who took it, yet everything about your decisions in watermark reflect a style that becomes a part of your brand.
You may not realize it but every aspect of your watermark affects how a photograph is interpreted.  Things to consider when creating your watermark stamp is:
Font, Opacity, Color, Size, Placement, Wording, Consistency
We’ll go through each of these in this post as well as compare the same photo with different watermarks so you can see how the watermark affects how the photo and your brand/style comes across.

FONT

This is pretty self-explanatory.. the first thing to consider and decide on is your font.  The font alone makes up a large portion of how your photographs are interpreted.  I have gone through hundreds to find mine!  The font should be consistent.  It should ideally tie in with fonts used on your website, which are the same fonts used on your contracts and business cards etcetc.  Keep your brand consistent.  There are so many fonts that convey different looks and styles.  Some are very elegant, some are very informal “handwriting” ones, some are sans-seriff, some are cursive etcetc.. and this makes a big impact!  Let’s take a look at the same photo using different fonts.. everything else is the same except the style of font in these images.

^This is how I chose to watermark this image with all the above factors in mind.

OPACITY

Opacity is how “see through” the watermark is.  5% opacity it will barely show up and 100% opacity means not see through at all.  You may be surprised to learn that the opacity of your font plays a pretty big role in how the font ends up looking.  I never use font at 100% opacity.  Ever.  I try to stick around 20-30% (sometimes have to go higher if it isn’t showing up well in the photo).  Part of my watermark style is that I don’t want it to take away from the image or distract from it, so I like mine simple, small, transparent, and away from the subject.

^Compare this image with the one above it.  The one above it has the font around 50% opacity and this one is at 100%.

COLOR

The color of your font is surprisingly important as well.  IMO pure white or pure black rarely work and color can work depending on the style but for me I always choose a light grey and a darkish grey and switch between the two based on what the image is (if it’s light or dark).

^Compare this image to the ones above it (which are a light grey color).

SIZE
The size of your watermark also impact the image.  This is all personal preference but I prefer mine to be small.  I feel that big watermarks are very distracting and take away from the image.

^This is the same watermark, just bigger.  Makes a big difference.

LOCATION

Where you choose to put your watermark is also pretty significant and can change everything.  I personally like to hand stamp all my photos so I can figure out where it would look best.  I consider my watermark part of the image and I work with the image.  Yes it is more time consuming but I think it’s worth it.

^  Notice how my original placement is a part of the photo and it works with it whereas in this one it seems like I’m trying to hide it or it’s an afterthought or generically stamped on all photos in the same lower left hand corner.  That can work for some people especially if consistency is important to them but for this stamp and my style I really dislike it down there.  Lower corners do work well for some logos though :).  Not trying to say what is better or worse just keep in mind that placement affects the photo.

Here’s a quick comparison of my watermark compared to one that pays no mind to all the points above (except the font is the same):

Quite a difference in how you interpret that image, eh?

SIMPLICITY/WORDING

What does your logo look like?  Is it simple or complex?  Is it font only or does it have an icon with it?  All this affects how the image looks.  For my style, I like simplicity, that’s why I chose not to include “Christine Ann Photography” in this logo.  I am considering adding my city & state though since there are multiple Christine Ann’s out there but I’m not sure yet.  I haven’t “launched” this logo yet, I’m still trying to be 100% sure with it before I do.

^ Notice how adding the extra information really change the look/feel of the image compared to when it just said “Christine Ann”?

CONSISTENCY

Your watermark / logo should be consistent with your style of photography.  Below I compare the same image with 2 different watermarks so you can see how much the watermark affects the look of the photo.

^Photograph with my watermark on it

^I just put this logo together really quick to show that for an emotive/serious sort of style you wouldn’t want something informal and fun/funny.  However if you do a lot of kids portraits, you may not want something formal and would prefer something more fun.  So the “right” way to do it is different for everyone but just be sure to assess the style of your photography and the style of your website/branding before choosing your watermark.

To top off this blog post I thought I’d do a few examples of how different the photo can look based on just what the watermark is doing/looks like so you can see how it does impact the final image.

 

 

And there you have it.. a bunch of photos to compare together to see how the watermark plays a role in your style and branding.

I should note that there is really no right or wrong answer in here.  What works for one person will not work for another, it’s all very subjective and personal.  I have my personal preferences about what looks best but I have no doubt there are people reading this that think some of my “playful” watermarks are better than the one I use, haha.  It’s okay.  I just wanted to write something up to help people be very aware of their watermark, what it’s currently conveying, what they want it to convey and assess if it is conveying that or not.

I just started my business last year and while I knew I wanted a watermark I like, I really had no idea it made as much impact on a photo as it does until recently when I was trying to decide where to go with mine.  Hope this has made everyone aware of things they may not have been before!

-Christine Ann

Duluth MN Family Photographer
On Facebook

Add A Person Into A Bubble – Photoshop Tutorial – Combine Two Photos Together

Adding A Person Into A Bubble – Combining Two Photos Together – Merging Two Photos – Photoshop Composite – Photoshop Tutorial

This is going to look long at a glance but it’s actually not hard to do at all.. it looks long because I took a screen shot of every move to help out beginners.. When I was trying to use Photoshop they would say “duplicate the layer”, assuming I knew how, and I didn’t.  So I prefer to be extra thorough :).

This is a tutorial on how to add two photos together.. in this one in particular, we’ll be adding a shot of me into a shot of a bubble.
This will be the final product:

These are the original images:

^That’s me BTW :).  Anyway, open both photos in Photoshop that you want to merge together.  Copy and paste the photo onto the other photo.. in this case I’m going to copy and paste the photo of me on top of the photo of the bubble.

^The photos are both from different cameras, and the bubble photo is smaller than the photo of me taking a picture (please ignore the lens cap :p I edited it out of the final edit!).  Anyway, so I need to make this file smaller.

^Back in the original file, I go to “Image” “Image size” and reduce the size of it and copy it again to bring over and paste.

^Now it is smaller but it’s too small.. this is easy to work with though…

^Select the marquee tool and click and drag it over the image

^Now it is selected..

^Right-click within the selection and select “free transform”

^Hold down the shift key which will retain the proportions of the image and click and drag the arrows to make the image bigger or smaller.

^Next, be sure that the top layer is clicked on, then click the little square towards the bottom of the layers palette (the layer mask tool) and click it.

^You now have a layer mask on your top layer!  This will allow you to add and subtract from the top layer via the paintbrush.  Select your paintbrush and be sure its color is set to black.

^Ensure your layer mask is clicked on and now you can paint on the image to make it disappear!

^The image after painting with the black paint brush.  But now I’ve removed too much of the image and need to bring some of it back..


^Turn your paintbrush white and paint wherever you’d like to bring the image back.

^Image after bringing back some of the image.. it still isn’t aligned perfectly because it’s hard to tell where the bubble is exactly.

^To gain the ability to see the bubble below it, reduce the opacity of the top layer.  The opacity determines how “see through” the top layer is.. by reducing the opacity we can see underneath it to better determine where the lines of the bubble are.

^At this point, you could be “done” if you wanted to be.. but if you want to perfect it more, there’s some additional steps.
First, reduce the opacity of your brush.. set it to around 5-15 and paint over very select spots to make it look more 3D (the paintbrush at such a low opacity will only take off a tiny bit at a time vs a lot at a time).  I chose to paint around the bubble (so there is less image on the outsides, so it’s strongest in the middle and most faded on the outside, helping it have the round appearance).  I also painted additionally off on the colorful lines of the bubble also to help show the shape of the bubble.

^Now it’s decently aligned (I ended up cleaning it up again later..).  This is a really good time to “save as .psd” so if you need to come back to it later, you can.

^Now, right click on your layer mask and select “apply layer mask”.

^Right click on your top layer and select “screen”.

^This was my final verdict on this edit.. top layer opacity 60% with a screen applied to it.  I still have a few things left to do..

^Right click on the top layer and select “flatten image”.

^Right click on your layer and select “duplicate layer”.  This will create a second layer.



^Ensure the top layer is clicked on and click the dropdown arrow and select “overlay”.  This will help blend, sharpen, and increase colors.

^I felt there were a few additional edits to be done so I took the final edit and layered it with the original, used the eraser tool to erase away some of the edges to give it more of a 3D look.  I used the burn tool around the diameter of the bubble and I also used Coffeshop Blog’s Perfect Portrait Action on this.. I used “Urban Grit” @ around 20% and “Eye Define” at around 50%.  If you do not know how to use layer masks with actions, I have a blog post explaining How To Run An Action With Layer Masks here.  I believe there is also a tutorial on Coffeshop Blog’s page.

^This is my final edit.  Not perfect & I think it’d look cooler if the photo I merged in were in color but oh well.. and hopefully this blog post gave you enough information to be able to do what you’re wanting to do!

If you have any additional tips or resources, leave them in the comments below :).

-Christine Ann
Duluth MN Photographer

How To Add Color To A Black & White Image With A Layer Mask/Photoshop Layers Explained

A Beginner’s Tutorial On How To Use Photoshop Layers, Layer Masks, And Bring Back Color To A Black And White Image (All-In-One!) With Image/Screenshot Examples
*Note:  This article might look long/hard but it’s because it’s written assuming you know nothing about how to use Photoshop so it’s just very thorough.. this is VERY easy and fast to do!

Many years ago my husband got Photoshop for me.  I was super excited.. I opened it up and was so overwhelmed I didn’t open it up again for another year!!!!  WHen I did open it up a year later, it was because I had seen an image on Facebook and someone noted on it “Edited with auto color in Photoshop”.  “Auto edit????  I can do that!”.  And I excitedly opened it back up.  Once it was re-opened I started playing around with it more and learning new things about it.  I was still very confused about how you could add color to a black and white image and my husband explained it like this: Imagine you have 2 photographs.. a color photograph, and a black and white version of the exact same photograph.  Imagine you put the black and white photograph on top of the color photograph and then take an eraser and erase away parts of the black and white image to reveal the color beneath it.  ta-da!  Like magic, I now understood the concept of Photoshop layering! The very first thing I learned how to do with layers was add a pop of color to a black and white image.  You can do it as I stated above (layer a bw image on top of a color image and use the eraser tool to erase away the bw image to reveal color) but the issue with doing it that way is.. what if you make a mistake?  What if you erase away too much?  You cannot go back to add the black and white back.  For that reason I want to teach everyone how to use a layer mask.  With a layer mask (VERY easy to do!!!!) you can remove parts of the top layer AND bring them back again!  And you can use it for endless different projects beyond a selective coloring/color pop image! I’m a very visual learner so that’s how I like to explain things as well.

^STEP ONE:  Open The Image
We’ll start with what your image looks like when you open it in Photoshop:

^STEP 2:  Duplicate Layer
This is the step where you layer 2 images on top of one another.. do do this by going to the layers palette, right click on your layer, and select “duplicate layer”.  You can also simply go to your menu on top of the screen and click “Layer>New>Layer From Background”.

^STEP 3:  Turn The Top Layer Black And White
Make sure your top layer is highlighted in the layers palette and then turn your image black and white :).  You now have a black and white image on top, and a color image on bottom.

^STEP 4:  Add A Layer Mask
This is where you add the layer mask I was mentioning earlier.. this mask will allow you to remove parts of the black and white image as well as bring back parts of the black and white image.

^STEP 5:  Select A Black Paintbrush
Your layers palette should now look like this.. the white box next to your bw image is the layer mask.  You will use the black paintbrush to remove the black and white image, and the white paintbrush to bring back the black and white image.

^STEP 6:  Verify Your Layer Mask Is Selected
If you have anything other than the layer mask selected, this will not work and the paintbrush will work normally (adding a white or black streak on the image).

^STEP 7:  Paint Anywhere You’d Like To Add Color Take your paintbrush and paint anywhere you’d like to add color!  It’s that easy!  If you run over the lines, it’s okay.. you can turn it back to black and white which we address in the next step.

STEP 8:  Select The White Paintbrush To Bring Back The Black And White Image
Change the color of your paintbrush to white and paint over anywhere you did not want to bring the color back.  It helps to scroll in very close to the image, use a brush that isn’t 100% soft, and make the edges as clean as possible.  It looks very sloppy when the color runs outside the lines.

^The image after cleaning it up with the white paintbrush (again verify that your layer mask is clicked on!).

^STEP 9:  (Optional Step):  Reduce The Opacity/Strength Of The Colors
I always feel that bringing back the full strength of color in an image is just too intense/harsh.  For this reason I like to make it sort of a blend of half black and white/half color.. this tones down the coloring a lot and makes it look much more gentle and blends better.  (This is just my opinion and what you like may be different!  I compare a full strength color pop image to a partial strength color pop image here if you’d like to compare for yourself).

^This is the image with the coloring reduced by 50%.. it blends much better.

I’d like to make a quite note that the above images are not ones that I would choose to do.. They are only edited this way for the purposes of this article.  If I brought back color to anything I would choose the boots but for the purposes of this article I wanted to choose something that was easy to see and overall I just prefer this photo in color :).

I really hope this helps you all learn some more about how to use layers in Photoshop and how to add color to a black and white image!

-Christine Ann

Duluth MN Photographer