Saturday, March 30, 2013

Adding a Watermark or "Brand" to Your Pictures and Thumbnails

You've probably seen the blog where most (or all) of the pictures have a little symbol in the picture that aligns with the blog. This is done to protect the blog/picture and to direct people back to the blog and/or business.

I've seen lots of tutorials on how to do it in Photoshop (I use GIMP ... it's free, holler!), but there is also a quick and easy way to do it in PowerPoint (it's a lot like the way you'd make a blog button - the tutorial I used for mine is here at the amazing Teacher Wife's blog!). PowerPoint isn't as powerful as Photoshop or GIMP, but for people who are used to working with it, using PP can be faster and easier to use.

First, make sure your PowerPoint slide is blank (no text boxes). {P.S. ... I'm working on a Mac with PowerPoint 2008 ... could definitely use an upgrade, but it still works, holler!} 


 Insert your picture {I'm working on a blog post about my energy projects}.



Then insert the picture file you want - I use the same image that I use as my blog button. 


Put the button where you want it and re-size to your liking. You can make it more or less transparent (to make it more or less obvious) by selecting the image and adjusting the transparency from the toolbar like this: 


Or by selecting the image, right-clicking and choosing "format picture" ... 

... then adjusting the transparency from that menu. 





Make the whole thing an image file by clicking FIRST on the picture, hitting SHIFT (to select more than one item), and then clicking the watermark image. If you don't click the picture first THEN the watermark, you'll have the picture on top of the watermark. {Weird, but true.}

 While still holding down SHIFT, right click and choose "Save as Picture."

You can choose many different file type - PNG formats still hold any transparency you might have added to the background. JPEGs work too though.



Now, if you want to add the watermark to your TpT preview thumbnails, follow the same steps, but choose images of your products. To do this, take a screen cap of your file's cover and/or any other pages you want to go in the thumbnails. On a Mac, to take a screengrab you just click SHIFT + COMMAND+4 and drag the image you want grabbed. {The product I chose was my "new math" tutorial.}



 Then, open your blank PP (or simply a new page on the existing presentation) -



 ... and follow the steps above to add a watermark, saving your file with a name you'll know is a thumbnail ... {perhaps TitleofProduct_Thumbnail}.

Once you've saved it, the best thing to do is lower the quality so the file size is small enough for a thumbnail. I do this in Preview. I open the file in Preview, then go to "save as." There, I'm given a choice of the file type -



I choose "JPEG," so I can change the quality.


Then I slide the bar until it's around 50 - 100 KB.


From the upload a new product screen, choose "Upload My Own Images."


Choose the files you created with your watermark, and BOOM! Images you can "pin" from TpT with your watermark on them. They'll not only lead back to your store, but also carry your "brand" across the Inter-webs. :)



Hope this helps!










9 comments:

  1. Great tutorial! I was wondering why the watermark wouldn't show up on one of my pictures and now I think it's because I "grabbed" the picture after the watermark! Good to know! Thanks :)

    ReplyDelete
  2. I'm glad it helped! That's definitely a little tricky and took me a few trial and errors to figure out. :)

    ReplyDelete
  3. WOW! I am glad I checked this out! I usually use picasa and powerpoint for my products! Now I know how to do the watermark thingy! LOL! THANK YOU!

    Leigh
    The Applicious Teacher

    ReplyDelete
  4. Perfect - one more skill to your blogging toolkit. :)

    ReplyDelete
  5. Thank you!!!!!! I am just starting out with this blogging/tpt stuff and I love using power point. Thanks for providing such a detailed tutorial about how to do this in power point. It is nice to do it in something you already have open. Thanks a bunch! I am bookmarking this post so I can come back to it over the weekend and try it out myself. Can't wait!

    http://theelementarymathmaniac.blogspot.com/

    ReplyDelete
  6. I always wondered how folks did that watermarking thing! Thanks for the tutorial. That's definitely one to PIN and refer back to!

    Caroline
    Educator Designs

    ReplyDelete

Blogging tips