Blog Tips / DIY & Tutorials

DIY Tuesday: 4 Steps to Watermark or Brand your Photos via Pixlr Editor.

Watermarking or branding your photos is something a blogger should consider. Although not everyone does it, it’s something that one should give a thought. Not only does it make your work more professional, it also prevent others from ‘stealing’ your work without giving you a proper credit. Giving credit when it’s due is a golden rule in a blogger’s book!

Pixlr Express does have ‘siblings’. :-p You could say that the other sibling is more fun – Pixlr-o-matic, while the other one is  more advanced, and that’s what we’re going to explore today. Pixlr Editor.

To a degree, Pixlr Editor looks a little like Photoshop. But wait…. it doesn’t mean it’s scary! I believe that once you get to know the basic tools there, you’re good to go!

While I was writing this post, I also came across this  excellent article that pretty much explain why ‘brand or watermark your photos’. Check it out. 

Based on what I’ve seen, most bloggers brand their images or photos, rather than watermarking them. Watermark tends to cover the image, while ‘branding’ is what you’ll see either on the bottom left or right hand side of the Image. And that’s what we’re going to do here, while at the same time, we familiarize this new editing site.

Killing two birds with one stone, I’d say.

Important: Please note that this is a beginner’s tutorial on a FREE editing site Pixlr and I am fully aware that you can batch your photos and watermark them that way via Photoshop or other clients online (but you have to pay extra for it!).

1. Getting Started.

Go to www.pixlr.com/editor 

Note: Click on images for better viewing. 

If you’re branding your own image, then click Open image from computer as shown above, otherwise click the other options that’s appropriate.

As mentioned, let’s familiarise the basic tools that would help us brand our image or work. Also on the right, you’ll see 3 Panels:

  • Navigator – gives you the option to Zoom In or Out your Image , whichever is convenient for you.
  • Layers  – tells you what’s currently on your screen and let’s you edit your work by clicking on the layer you want to edit.
  • History – tells you the actions you’ve done on your Image so far, and when click, you can Undo or Redo the action.

Layer 0 – refers to the Image.

If you want to Resize your Image to a desired width and height for your blog, you can do so by clicking Image then choose Image Size.

To continue…

2. Adding your Text.

Select the ‘A’ icon and then click anywhere on the Image. The Text box will then pop up (as shown) and then the small rectangular box will also appear on the Image. Once you start typing on the Text box, this texts will appear in the rectangular box.

Important: Notice that on the Layers’ panel, another layer has appeared? The new layer with the ‘A’ icon above Layer 0, is your Text Layer.

Once you’ve added your text, the ‘A’ in the Layers panel will now contain whatever you’ve written. In this case, Sweetjellybean.com. You can technically change the label on the Layers panel, say put Blog Title instead, and it won’t affect on what’s written on the Image right now.

If you want to Edit your Text , make sure that Layer ‘A’ Sweetjellybean.com is highlighted as shown, and then click on the text itself on the Image to proceed with editing.

Changing the Text color is pretty simple, too. Shown above.

Now that we’ve changed Text’s color, another way of moving this ‘branding’  to a desired location is to use the Move tool.

Again, by selecting the icon, you can click and drag the Text (Sweetjellybean.com) shown on the Image.

3. Reducing Opacity or Transparency

Since we don’t want this ‘branding’ to get in the way and take your  readers attention away from the Image, you can reduce its Opacity or Transparency, see above.

4. Save!

Now that you’re a happy bunny with your ‘branding’ it’s time to save this Image!

What I like about Pixlr Editor is that you’re able to save this Image as .pxd. and also save it as .png or .jpg to use on your blog, whereas the .pxd file option is not available on Pixlr Express.

Pxd files are editable via Pixlr Editor, so you wouldn’t have to start from scratch if you want to alter something , or reposition the ‘branding’. And that’s what’s good about Layers, something Pixlr Express doesn’t have.

So that’s how the cookie crumbles…

The next screenshots are just extra tips on getting to know this tool site, such as copying your ‘branding’ to the next image without having to do it all over again.

So, it’s you’re choice really if you want to scroll further.

♦♦♦

More on Layers

More about Layers and how they’re amazing when you’re doing too many things, without the risk of damaging the original image below.

  • When the little box is untick for Layer ‘A’, Sweetjellybean.com on the Image disappears, just like that, but not deleted. Same thing will happen to Layer 0, if untick.

Next – copying the ‘branding’ to your next or new Image.

  • I’ve just loaded a New image, while you can still see the Old one behind it that has the branding.

Click and drag to copy branding from one image to another…

To copy the ‘branding’ from the Old image, simple click it, then on the Layers panel, select ‘A’ Sweetjellybean.com and drag this to the New image. Voila!

Easy peasy, don’t you think?

Here’s my take on ‘watermarking’ my photo. I feel that I need to learn more on this, but it was definitely worth a try! 

So, how do you feel about branding or watermarking your images? Do you think it’s time consuming? Or you’re not bothered about this subject?

Advertisements

51 thoughts on “DIY Tuesday: 4 Steps to Watermark or Brand your Photos via Pixlr Editor.

  1. i think it might be a bit time consuming, specially fi you blog from the wp app, but at the end it avoids ppl taking ur pics and using them as their own or simply just using them and nobody knowing they came from you. I wish I ould have done this with some of my pics! :/

  2. I’ve always wanted to be able to do this! Picasa is a pain to go through with and I’m not even sure the allow us to alter the opacity of text, but I’ve gotten used to Pixlr/express and it grew on me so this should be like chocolate cake! Thanks a ton for sharing this 😀

  3. Hi D,
    Thank you so very much for sharing this and answering all my silly questions at midnight.
    I played around with pixlr yesterday and as you can see from my latest post I managed to ‘brand’ the photos on my latest post 😀 but at that stage I had no idea how to copy the ‘branding’ to a new picture. I was searching all the buttons for ‘insert new image’ to the current one with no luck and didn’t want to bug you again hehehe 😉
    so this DIY is soooooooooooo helpful – THANK YOU!!!
    Branding/Watermarking your photos is definitely time consuming (as I found out last night) especially for a food blog like mine where I like to show step by step baking pictures, but I would take that time and ‘brand’ them all. But after this great tutorial I think it will be much quicker 😉

    I personally have not experienced anyone taking credit for my photos yet (knock wood or my pics are not worthy of stealing hahaha) but I have heard/read from other bloggers that their pics have been ‘stolen’ without being credited to the point where they had to take legal action.
    I can totally understand why as it’s your hard work that you have put into it and to have someone else come along and steal it is just not on!! With so much social media networks out there is it hard to control who is using your pictures and for what, so I am definitely all for ‘branding/watermarking’ my pictures.

    Thanks once again for the easy to follow tutorial D 😀

    • Angie, you’re welcome as always. I’ve been wanting to do this post for weeks, if not months! And I think you finally encourage me to do it. Glad I’m able to help you on this a little. Definitely, with food blog like yours, it would be hard work! With all those cupcakes, cakes, and lots and lots of bakin’ you do, I can only imagine. But we don’t want anyone stealing those cupcakes now, do we? heheh. So perhaps in the future, you might be willing to invest on Photoshop, as it has the ‘batch’ feature that would watermark all your photos automatically in a click of a button! hehehe

    • I know what you mean hun. Especially if what you do in your blog involves so many pictures! But apparently there’s a client or tool you can use that would batch your photos and will watermark it automatically. I’ve seen a few tutorials on it online using Photoshop, and it’s kinda cool. But then again, not everyone has Photoshop!

  4. I personally can’t stand watermarked photos. I am a full time blogger and I make a living from my blog but I just don’t like the look of it. In any case if I were to watermark things I would use a client that had a batch tool such as lightroom, where it would place the watermark for me when I exported my photos rather than doing them individually.

    • It’s definitely not everyone’s cuppa. And I can understand. Sometimes, I’m not eve able to do mine. I normally go for ‘branding’ instead, but even that, especially with many photos, it takes time or a lot of work. I can definitely understand how you feel. And lightroom is definitely your best client for this type of job when it comes to tons of photos to be watermarked, but not everyone has it. Thanks for your input, Rian, especially from a full time blogger, as yourself.

  5. Great idea and great tutorial! Unfortunately, I hardly ever use my computer to write posts anymore. I always just use my iPad and upload pics and posts through the wp app. sometimes I’m not near a computer and sometimes I just don’t feel like turning a computer on lol great post though!

    • Thanks Kirsten! And thank you for reblogging it 🙂
      I can definitely understand what you’re saying. I so wish I could actually use my WP app on my Iphone, but it’s just so crap! The app on my Android phone was way better, this one just not good. I only ever use it when checking out blogs via Reader. But yes, I sometimes feel like taking a break from blogging for a little bit and just watch some of my favourite dramas hahah

  6. Another amazing DIY, yaaay! Well, I learn something new each day. I didnt know this difference between branding and watermarking. I usually do branding in PicMonkey, which I usually use for editing images. I’ll definitely try this out, I’ve been preparing many new things on my blog like header and blog buttons for a while, but just can’t grab enough spare time for that.. I should lock myself in my room and, get plenty of coffee and set to work 😉

    • Yeah, I know what you mean. There’s only so much you can do via Pixlr Express, and although you can reduce opacity, if u want the branding to look the same, there’s just no way of copying and pasting the right appearance 😦 Hope you get on well with it 😉

Now, your turn. This space is all yours!

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s