Showing posts with label Blogging. Show all posts

Watermark It

*Before I start, I really want to thank all of you who responded to our plea via the blog, Facebook, and Instagram and reported the Faux Facebooker last weekend!  The page is no longer functioning!!  It really means a lot to us that so many people were willing to fight with us and petition Facebook to get this crazy removed!  You guys are seriously the best!*

With that said, after the crazy recent events, I’ve gotten a couple of requests for a tutorial on how to watermark your photos.  In case you’re not familiar with the term, a watermark is a light, sometimes almost transparent image or text on your photo that identifies it with you and makes it difficult for other people to steal it and use it as their own (natural Webster over here).  I watermark my pictures by placing either a semi-transparent box with text or just semi-transparent text over each individual picture.  Doing each picture can be a little time consuming and I’m sure there’s probably another, quicker way to get the job done involving making a transparent image of a watermark and simply cutting and pasting or layering it over any picture you want marked but this here lady ain’t that savvy quite yet.  So, here’s how I do:

(Psst:  For some dumb reason, Windows Live Writer would not publish my post and so I had to settle on posting via Blogger (which is such a pain!) so my pictures are a little smaller than I intended which might make the text in them harder to see.  So sorry!)

 Using pixlr.com, a free online photo-editing tool, I first open up Pixlr Editor.

Then I click “Open Image from computer”, and select whichever picture it is I want to watermark.  You can select multiple pictures by holding down the ‘Ctrl’ button on your keyboard as you click <— possibly a “duh” comment.  Sorry.


Once you have your photo up, you may want to change the size.  You do that under the ‘Image’ menu.  I usually adjust the images for my blog to be 600 px at the longest side.  You may also want to adjust the percentage of zoom (technical term…no clue) of what you’re working with.  Do that by changing the number in the box at the bottom left of your photo.  (I’ve found in Pixlr that if you’re not working with your picture at 100% (aka original size), any text you place on it might not be positioned where you put it after the image is saved.  Not sure why nor do I have a remedy.  So, if you’re working with an extra large file, it might be a pain to work with it at 100% and you might have to figure out how to get your text to stay put sans saving.  Make sense?  I hope so.)
[For example’s sake, I’m working with this throwback gem…you know you’re itchin’ to steal it, aren’t you? *wink, wink*]


So, once you’ve sized and zoomed/unzoomed, it’s watermark time.  To make a simple text watermark, 1) select the ‘A’ button on the Tool bar, 2) click whereabouts you want your text on your picture which will bring up a text box, and 3) insert the text you want in the text box.
Next, type in whatever you want your watermark to say and click on the color button to pick what color you want your watermark to be.  (I typically go with either white or light gray as they seem to get me the most subtle looking watermark but you can use any color really.)  As you type, your text will come up on your picture.  To move it around, simply click and drag it.  Also, if you find you want to change the size of your text, click the size drop-down menu and either type in a preferred size or drag the slider.  To change the font, click the font drop-down menu and choose from there.  Pixlr uses fonts you have installed on your computer.  (Side note:  www.dafont.com and www.fontsquirrel.com are a couple of great places to get some free fonts.)


Once you’ve got your text set, go over to your ‘Layers’ menu and click on your text layer (if it’s not already selected).  Once it’s selected, click the little button on the bottom right of the layers box.  That’s where you can mess with the settings of that layer, including the opacity of your text, which is where we’re going next.

When you’ve clicked on the bottom-right button, the layer settings will come up.  All you’ll want to do here is adjust the opacity of your watermark so that it’s sort of see-through, making it subtle.  Drag the slider or type a number in the box to get the opacity you’re going for. 


You’ll be able to see the opacity adjust as you type/drag so you can experiment with higher/lower numbers until you’re satisfied.  The lower the number, the less opaque your mark will be and vice-versa.  Also, the lower the number the more subtle your watermark will be.  Am I being too obvious?  Probably.  ;)
And that’s how you get a text watermark on a picture.  Bada bing, bada watermark.


Then we can get all fancy-shmancy with text plus a box or shaped watermark like this one:


There are a couple of ways to add a shape to your watermark.  One is by 1) making sure the ‘background’ layer is selected, 2) clicking the drawing tool button on the ‘Tools’ menu at which point the drawing tool menu will pop up at the top of your Pixlr screen.  There you can 3) choose which shape you’d like to create, 4) adjust the opacity, 5) adjust the size of your shape’s border (‘0’ if you don’t want a border), 6) make sure this box is clicked so that your shape is filled in with 7) whatever color you want.  Once you’ve done all that, simply 9) click where you want your shape to be and drag to determine it’s size.  (Totally skipped using #8!  I blame it on the kids…who were napping when I wrote this…sooooo…)


If you don’t like it, you can always undo it and tweak your settings to try again.  Once you’re satisfied with your shape, you can add text by following the instructions above on adding a text watermark.
The other way to add a shaped watermark and the way that gives you lots more shapes to choose from is by using the brush tool.  Do this by 1) again making sure your background layer is selected and then 2) choosing the brush tool from your ‘Tools’ box.  When you click the brush tool icon, a menu will come up at the top of your Pixlr screen allowing you to 3) choose a brush shape and 4) choose its opacity level.  Once you’ve chosen a shape, you can change it’s size by 5) adjusting it’s diameter.  Also, you can upload a lot more shapes by 6) clicking the MORE button in the shapes box.  Last, 7) click the spot on your picture you’d like your watermark shape to be and you’re done.  Add text if you want.


Whew!  That’s it!  Super-detailed and maybe too detailed but in my opinion, when it comes to tutorials more is more, am I right?  :)  Let me know if you have any questions or if I need to explain something better!  Oh, and one more thing, if you’re a blogger and you use Windows Live Writer to write your posts, there’s a super-simple text watermarking feature included in the photo-formatting menu that takes all the work out of it. 


Happy watermarking!  :)

Five Faves >Blogging Tools<

I’m back with five more favorites and I’m still going to ride the blogging train with them.  In case you missed it, last time I wrote about my five favorite DIY web design blogs.  Well these, my friends, are the five (all free!) things I can’t do without as a blogger.  They’re like a hammer is to a handy man.  Check ‘um:

1.  Windows Live Writer
wlw
I use WLW to write all my posts.  I can’t say enough about it.  It’s so much better than using blogger to write because it lets you size your pictures to whatever size you want, edit them (add borders, crop, brighten, add a watermark, etc…), and what you see on your screen is what your post will look like after published.  So many times with darn blogger I’d type up a post and once I posted it, all my spacing would be off and look completely different than what I had just typed in a draft two seconds before.  Not gonna fly with a perfectionist.  Anyway, if you haven’t tried it you should.  You can download it for free from Microsoft here.


2.  Pixlr
pix
We don’t own Photoshop or any fancy photo-editing software because we simply don’t have money to shove their way.  But that’s okay because I stumbled upon Pixlr a couple of years ago and it does almost everything that Photoshop can for your pictures and images.  Every graphic design image on this here blog – our header, our widget titles, our nav bar – was created using Pixlr.  The best part is you don’t have to download anything to use it.  Simply go to pixlr.com, create, save, and done!


3.  PicMonkey
picmonk
I recently found about about PicMonkey and it’s ability to make creating photo collages a cinch.  Up until a few weeks ago, every collage I’ve made was constructed with a lot of tedious cutting and pasting…a huge time commitment.  I haven’t tried out their photo-editing because I’m so smitten with Pixlr but I’m sure it’s pretty good as well.  Once again, no downloading, just go to picmonkey.com and get busy!


4.  Canon T2i
canon 
We saved for months and months before the twins were born for this camera…and then we found out our 2011 taxes owed (boo!) were the same amount as our coveted camera so we paid them and started allllll over.  But, we got there and we love this camera!  We’re big on researching big purchases before we buy, and Canon is an all-time fave with Consumer Reports so we knew we wanted a Canon.  We got great deal on this one - $600 with a free five-foot tripod and camera bag – and we have no complaints about it.  Love, love, love.  I use it for all house shots, projects shots, and we haven’t paid a pro-photographer yet to snap the girls; not that we’re outstanding photographers because we so aren’t, but we love that we could stage a photo shoot at home for free if we wanted like this one we did when they were wee babes:
IMG_0235edited


5.  Gold-Striped Planner
desk 028
I had a rough time coming up with a fifth favorite.  I’d include the computer I blog with but it’s going to be celebrating it’s 10 year birthday soon, it’s missing two keys (G & B, in case you were wondering…they still work though), dented in few places, and slower than slow…it’s a wonder I blog at all with it because it literally takes ten clicks of the Chrome icon before it’ll  let me get online and thrice as long to get a post out than if we had a recent model.  But, it works and hopefully Santa will hear my plea for a new one this year. 
So back to #5 – a planner.  Not any planner though.  You know I love stripes, right?  Well, I found this one circa April at Target on clearance for $2.50 and I love it.  I’m picky with planners – they have to have a full page monthly calendar followed by pages of each week separating the days with lines so I can write down monthly things and skip over to write down daily stuff…picky, I told you.  I jot down random ideas, to-do lists…anything pertaining to the blog in it.  It keeps me organized.  Love it.

.           .           .

And that’s it!  I’m linking up again with Hallie at Moxie Wife!  Go on over and read about a lot more favorites there! 

If you’re a blogger by day (or night), what are some of your favorite blogging tools?  Photo-editing tools?  Apps?  Share the goods!  :)