Wednesday, January 25, 2012

How to Make a Watermark .png file in Photoshop and Elements

There are so many ways to do this, but I am going to share two with you today.  Tomorrow I will show you how to place the file on your photo using Photoshop or Elements.

Option #1:
Open Photoshop or PSE.  Got to the File tab and select New.  A window will appear asking you the name and size you want your new image to be.  You want the pixel count to be about 80-100 pixels in height and 300 pixels in width.  You want the background contents to be transparent.  Name your image whatever you would like to, I used Watermark Logo. Hit OK.

Setting Logo watermark size
When your box has appeared it will have a checkerboard pattern.  That means the background has no color.  Open a text box and type what you want your watermark to read.  Adjust the size and font style.  You can find a great selection of fonts over at dafont.com

When you have the look you want, DO NOT FLATTEN!  Select Save As.  For file type select .png.  You may get a warning that it will have to be saved as a copy.  Just click OK.  You are done.

Option #2:
If you want your watermark to match your logo, header, or button then you have to do the option above and use the same style from scratch, or you can take a long tedious process to convert it to a watermark.  When I say long, I am talking about 30-45 minutes if you are meticulous like me.  I will use my friend Rach from Life Ever Since as an example.  Here is her blog button.

Rach BUTTON
I made a new image in photoshop just as in the option above.  But this time I cut words from her blog button and pasted them onto the image canvas.

Cropping button for watermark

Line the words up how you want them to be.  Go to your tool bar on the left side of your screen.  Right click on the eraser tool.  Select Background Eraser Tool.

Eraser Tool

When you do this a circle will appear.  When you erase with it, it will erase the background.  You will want to zoom in a lot to get close to your letters.  You can easily zoom in by pressing CTRL and + at the same time (zoom out CTRL and -).  If your eraser circle is too big or small you can adjust the size by pressing [ for smaller and ] for bigger. 

Color out background

This is the tedious part.  You need to remove all of the white from the screen.  You will be left with the font and the checker board pattern.  As you can see from the image above, I used the paint bucket icon to color the font black.  Now you are finished.  DO NOT FLATTEN your image.  Click Save As.  For file name choose your watermark name and then add “black” to it.  For file type select .png.  A warning will come up telling you that it will be saved as a copy.  This is alright.  Hit OK.

Paint White Version

You will want to now repaint your font with the paint bucket set to white.  Now Save As the same name, but replace “black” with “white”.  Save as a .png file.

Rach wtrmk blk          Rach wtrmk white

You are done with your watermark!  Now come back tomorrow where I will show you my absolute favorite way to put your watermark on your photo
I hope this was helpful.  If you have any questions at all, please ask away.  You can comment or email me at momtriedit@gmail.com
Pin It

35 comments:

  1. Hey Kim! I work for Picaboo. We help people turn their digital images into memorable books, collages, cards, etc. I found your post via Facebook. This is a great tutorial that many of our readers would appreciate. Would you be interested in sharing this content on our blog? Here's a link to our blog: http://blog.picaboo.com/ and our company: http://www.picaboo.com/

    If you're interested, please contact me at Becca@picaboo.com.

    Thanks!

    ReplyDelete
  2. Interesting . I use photoshop all the time and some how I missed the background eraser cool!

    ReplyDelete
  3. VERY helpful! And thank you for making that for me. I pinned this so others can learn too. :)

    ReplyDelete
  4. There's an easier way! None of that erasing nonsense!

    1. Create your blank, transparent document and have it ready.
    2. Get your "Life Ever Since" logo the way you want it in a regular file, white background, flattened.
    3. Select the magic wand tool. Make sure the little checkbox marked "contiguous" is UNchecked.
    4. Click on the white background to select all the white parts of the image.
    5. Go to the Select menu, and choose "inverse."
    6. Copy
    7. Go to your transparent document. Paste.
    8. Resize layer as necessary.

    ReplyDelete
    Replies
    1. Great, thanks for sharing. I know many people would love this option, too. I find that the magic wand tool is difficult to work with and I usually spend longer adjusting its parameters than I would just doing it myself. I shared this option because while it does take longer, it can result in less frustration. ;)
      But this is a wonderful option. I am all about finding the ways that work the best for you. So thank you so much for sharing!

      Delete
    2. Great, thanks for sharing. I know many people would love this option, too. I find that the magic wand tool is difficult to work with and I usually spend longer adjusting its parameters than I would just doing it myself. I shared this option because while it does take longer, it can result in less frustration. ;)
      But this is a wonderful option. I am all about finding the ways that work the best for you. So thank you so much for sharing!

      Delete
    3. Great, thanks for sharing. I know many people would love this option, too. I find that the magic wand tool is difficult to work with and I usually spend longer adjusting its parameters than I would just doing it myself. I shared this option because while it does take longer, it can result in less frustration. ;)
      But this is a wonderful option. I am all about finding the ways that work the best for you. So thank you so much for sharing!

      Delete
  5. This is great, Kim! Thanks for sharing!

    ReplyDelete
  6. Totally just used this tutorial to help with a design project for a friend! Had never used the background eraser tool before! Cool :)

    ReplyDelete
  7. Hi I am so happy I found your web site, I really
    found you by error, while I was researching on Aol for something else,
    Nonetheless I am here now and would just like to
    say kudos for a fantastic post and a all round enjoyable blog (I also love the
    theme/design), I don’t have time to read through it all at the
    moment but I have bookmarked it and also added your RSS feeds, so
    when I have time I will be back to read a lot more, Please
    do keep up the excellent jo.

    Here is my web-site: Air Jordan Pas Cher

    ReplyDelete
  8. Aw, this was an exceptionally good post. Spending some time and actual effort to produce a good article…
    but what can I say… I procrastinate a whole lot and never seem to get nearly
    anything done.

    my web site; Air Jordan

    ReplyDelete
  9. Wow, marvelous blog structure! How lengthy have you ever been running a blog
    for? you make running a blog look easy. The
    total glance of your web site is great,
    as smartly as the content material!

    my webpage :: Abercrombie France

    ReplyDelete
  10. I don't even know how I ended up here, but I thought this post was great. I don't know
    who you are but certainly you are going to a famous blogger
    if you are not already ;) Cheers!

    my page :: Abercrombie

    ReplyDelete
  11. Hi there! Quick question that's completely off topic. Do you know how to make your site mobile friendly? My site looks weird when viewing from my iphone4. I'm trying to find a theme or plugin
    that might be able to resolve this problem.
    If you have any recommendations, please share.
    Many thanks!

    My web site ... Air Jordan Pas Cher

    ReplyDelete
  12. Write more, thats all I have to say. Literally, it
    seems as though you relied on the video to make your point.

    You definitely know what youre talking about, why throw
    away your intelligence on just posting videos
    to your site when you could be giving us something enlightening to
    read?

    my web-site; Louis Vuitton Handbags

    ReplyDelete
  13. Great web site you have here.. It's difficult to find high-quality writing like yours these days. I really appreciate individuals like you! Take care!!

    my site ... Abercrombie Fitch Belgique

    ReplyDelete
  14. Hi there would you mind stating which blog platform you're working with? I'm planning to start my own blog
    soon but I'm having a difficult time making a decision between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your design seems different then most blogs and I'm looking for something unique.
    P.S Apologies for getting off-topic but I had to ask!

    Look into my website - Evgeni Malkin Jersey

    ReplyDelete
  15. Whoa! This blog looks exactly like my old one! It's on a totally different topic but it has pretty much the same page layout and design. Excellent choice of colors!

    my web blog :: Abercrombie

    ReplyDelete
  16. It is actually a great and helpful piece of info.
    I'm glad that you shared this useful info with us. Please stay us informed like this. Thanks for sharing.

    Feel free to visit my web-site: Gucci Ufficiale

    ReplyDelete
  17. Thanks a bunch for sharing this with all of us you actually recognise what you are talking
    about! Bookmarked. Please additionally visit my site
    =). We could have a hyperlink alternate agreement between us

    my web blog - Michael Kors Bags

    ReplyDelete
  18. It's amazing in support of me to have a web page, which is useful designed for my know-how. thanks admin

    Also visit my web page - Nike Air Jordan

    ReplyDelete
  19. Hello, for all time i used to check web site posts here in the early hours
    in the morning, since i love to find out more and more.



    my webpage: channels sky digital

    ReplyDelete
  20. I am no longer positive where you're getting your info, however great topic. I needs to spend some time learning much more or working out more. Thanks for fantastic info I was looking for this info for my mission.

    Stop by my webpage Wholesale NFL Jerseys

    ReplyDelete
  21. Woah! I'm really digging the template/theme of this blog. It's simple,
    yet effective. A lot of times it's very hard to get that "perfect balance" between user friendliness and appearance. I must say you've done a awesome job with this.
    In addition, the blog loads extremely quick for me on Safari.

    Outstanding Blog!

    Feel free to surf to my web blog - This Site

    ReplyDelete
  22. Ridiculous quest theгe. What happened afteг? Take care!



    My blog рost ... webdesign

    ReplyDelete
  23. Pretty section of content. I simply stumbled upon your blog and in accession capital
    to assert that I acquire actually loved account your blog
    posts. Anyway I'll be subscribing for your augment or even I achievement you get right of entry to consistently fast.

    Feel free to surf to my site - Michael Kors Outlet

    ReplyDelete
  24. Very nice article. I certainly love this website. Continue the good work!


    Look into my blog post Visit Website

    ReplyDelete
  25. Greetings! Very helpful advice within this post! It is the little changes that make the largest changes.
    Thanks a lot for sharing!

    Stop by my web site abercrombie pas cher

    ReplyDelete
  26. I do not even understand how I finished up here, but I assumed this post was good.
    I don't understand who you are however certainly you're going to a famous
    blogger for those who aren't already. Cheers!

    Feel free to visit my weblog Louis Vuitton Bags

    ReplyDelete
  27. It's remarkable in support of me to have a site, which is valuable in support of my know-how. thanks admin

    Also visit my site - Air Max Pas Cher *http://smu-fr.org/airmaxpascher.html*

    ReplyDelete
  28. Hi! I could have sworn I've visited your blog before but after going through many of the articles I realized it's new to me.
    Nonetheless, I'm definitely happy I came across it and I'll be book-marking it and checking back regularly!


    Also visit my blog - Sac Guess Pas Cher

    ReplyDelete
  29. It's very simple to find out any topic on net as compared to textbooks, as I found this post at this web page.

    Here is my web blog Cheap LeBron James Shoes

    ReplyDelete
  30. In fact when someone doesn't understand then its up to other viewers that they will assist, so here it takes place.

    Here is my blog Michael Kors **

    ReplyDelete

LinkWithin

Related Posts with Thumbnails