Friday, June 15, 2012

Adding a cool semi transparent shape to a photograph

Last night on Twitter, @beingmarci tweeted;

"See the pink circle here?? anyone know how to add to images? Thanks!!"
(this was the photo, and the pink circle with the "10 awesome party crafts" inside it)

 party crafts 10 Awesome Party Crafts

I do! and it's easy. I can show you how. (ok, too much Dora with the toddler...)
I started by tweeting back to her about Photoshop and then quickly realized that she probably didn't use Photoshop... It's a big program, and unless you need it, you likely won't be using it. This led me to free online photo editors, which, up until last night, I had never even looked at...They are FUN, FREE and I am impressed!
I took a look at two, pixlr.com and picmonkey.com the process was similar for both.
I randomly chose one, here's a how-to using picmonkey.com

1. click on "edit a photo" and, "upload a photo"

2. click on the icon on the side called "overlays" (it's the fifth one down where you see the 3 little icons together- a heart/starburst and comic bubble).

3. you will see lots of options in the "overlays" (geometric, hearts, arrows...), I chose "hearts" and then chose a basic heart from all the choices. once you click on it, it adds it to your photo and the fun starts. the circles in the corners allow you to make the shape bigger or smaller- click and drag in or out until you like the size. if you click in the middle of the shape, you can drag the entire shape around a bit until you decide where you want to place it in your photo. now, click around in the color pallet that presents itself and choose a color to try.

 now, play with the "fade" slider that you see under right under the rainbow of colors, this will give you that special transparency, from what you see above, to this, less opaque, below:
if you click anywhere else on the page, you can start doing other things (like adding text). if you want to go back and adjust the heart later, just click on it and your overlay menu with return.

4. adding text: in the menu, click the P icon (text), again, lots of options will open for you. i chose the font sue ellen francisco and then typed in my text in the box at the top. (here's the text window)

Here's what it looks like:

*my text is 3 lines, and I have not found a way in this editor to adjust the line height. if this bothers you, and you want the freedom to move text around, simply make each line it's own text block and then you can move them around separately. like this
each line is separate here, you can make each word (or letter) separate if you want and play with the sizes, fonts and colors. there are lots of options, so, go crazy!
i will say that I had to do a little fiddling to get to my text when i started moving it around, because i seemed to be automatically selecting the heart shape, rather than the text. if you find you are having this issue too, just move your shape out of the way for a while and organize your text, then move your shape back in when you are done.

5. save your photo.

voila! cool semi transparent shape with text in it tutorial!
(take a look at all the cool stuff you can do with the picmonkey editor- there are a ton of cool things, from photo actions to frames, labels, paper scraps...essentially, like a candy store to bling-out your photos!)

1 comment: