Monday, March 14, 2011

Photo Banners: A Photoshop Tutorial

So this is my first ever Photoshop tutorial. When it comes to Photoshop...we have a love hate relationship. It hates me, I hate it's many many choices, but I love what it can do when I figure out what the heck it can do. After doing my friend's engagement photos, I really wanted to learn how to make photo banners. I'm not even sure what they're called but this is what they look like (with many variations):

Kim Driving

So here's how this works, I'm going to walk you through step-by-step. Then you're going to go do it. Got it? Good. Then you'll find a faster/better way to do it and I'll be mad that I did it the hard way.

1) Open Photoshop. Best thing to do is move your menus around so you can see. Remove any that you have no idea what they do. That's what I do. When I discover a need for them, I'll bring them back. But keep the following menus available: Layers, History, Navigator. Really, for this, you only need Layers.

Photoshop 1

2) Make sure your foreground/background colors looks like mine. If you want a black background that is.

Photoshop 2

3) Next, go to File -> New (Or hit Ctrl+N) In the box that pops up, choose your width and height. To calculate this, I simply multiply the width of my images and the number of images I'm putting on it. I make the height the same as my typically tallest picture. You can always choose outrageously large numbers if you don't want to think. I often choose 20000 and 3888. But it's up to you. It's easy to crop them and I'll show you how. Background contents: Background Color. This is why we changed it you see.

Photoshop 3

4) When you hit Ok. You get your lovely strip. Unformed. Void of content. Isn't it pretty? Well, it will be. Yours should be at the top. I recommend moving it to the bottom. When we open our photos, we still want this strip to be visible.

Photoshop 4

5) Next, we're going to open our photos. Go to File -> Open. Choose your photos (use Ctrl+Click to choose multiple photos). See why we moved our strip? Don't know why it's important? We'll get there.

Photoshop 5

6) Choose the select tool. We're going to pull the portions of the pictures we want. Fortunately for me, I've already cropped these. Use the select tool to select the portion of the first picture you want. Then right click.

Photoshop 6

7) Click on "Layer Via Copy". If you look in your Layer menu, you'll now see something call "Layer 1". You're going to click and drag this layer over to our black strip (aha, now we know why the strip needs to be visible!). Now you see a small version of your picture in the strip. Go ahead and close the picture you just did. When it asks if you want to save, say no. Do the same for the next two pictures.

Photoshop 7

Photoshop 7a

Photoshop 7b

8) It does not matter where the pictures sit on the strip. We're going to move them where we want them. At this time, I would maximize the window with your photo strip. I would also zoom in on the photo strip (but not so far that you can't see the edges). Now let's move our photos into position.

Photoshop 8


9) The layers are in your layer menu. You will need to click each layer separately to move the photo it corresponds to. I'll start with the one on my far left which happens to be Layer 3 for me. Select the move tool and start moving. Do this with all of your photos. You can create space or not. We can fine tune this when we zoom in. We'll do this after we have a better idea of our needs for the strip. So move them together with an approximate amount of space between.

Photoshop 9


10) Now we have a lot of extra strip. Let's crop it. Choose the crop tool and start where you wish (for me I'm not having any extra black on the top or sides) and end where you wish. You are cropping the area you wish to keep. Once cropped, zoom in again so you can better see the spaces between the photos.

Photoshop 10


11) Now, perfect your spacing. Then crop off the excess until it looks like you want. As a last step, we're going to flatten the image. Now select all of the layers and background. Right click and choose "Merge Layers". Now the image is in a more manageable size. It's also a permanent doing so don't merge until you're ready. Now save it, keep it, print it. Do what you want!

Photoshop 11

Enjoy. By the way, did you see the time? Yes, if anything is spelled horribly wrong and I'm incomprehensible...now you know why.

FFR

Thursday, March 10, 2011

And then there's Cousin M's son

Cousin M's son also got to experience Working Man's fun.

032.jpg

They played puzzles.

034.jpg

Working Man is more impatient than Cousin M's son.

036.jpg

So Cousin M's son took to laying across the table so Working Man wouldn't put the wrong pieces together.

037.jpg

Then he decided to teach Working Man how it was supposed to be done.

039.jpg

And they worked together in harmony.

040.jpg

And clapped when it was done.

041.jpg

Then Cousin M's son showed Working Man how to destroy. And it had been three seconds since they finished it.

043.jpg

And he told Working Man, "Hang on a second, I think there's chocolate on this one." Not really, I made that up. He was just trying to suck them off the table like a vacuum.

I should have him over to clean my house.
FFR

Wednesday, March 9, 2011

Thing B

Yesterday, we discussed Thing A, aka Smiley. Today, we move on to Thing B, aka non-smiley. This is one of the most serious children I've ever seen. I love her dearly, I think she's absolutely adorable, but she does not smile! It's like she's reading all of our minds.

006.jpg

007.jpg

008.jpg
The beautiful eyes. Those are the ones that look into your soul and see all your deepest secrets.

009.jpg
I think she's learned something disturbing.

018.jpg
And now she's going to hide from it.

019.jpg
Wait for it...

020.jpg
It's a smile! Thank you Working Man for this wonderful miracle.

021.jpg

022.jpg
Thing B's mom was saying how she has practically no pictures of Thing B smiling. Here's one for you.

At the end of the night...we only saw her smile these few times. We'll have to do it again sometime.
FFR

Tuesday, March 8, 2011

Smiley

Working Man's cousin has twins (and another son but for the purpose of this, we're going to talk about the twins). Thing A, smiles. A lot. He's totally easy to entertain. Thing B, does not. She's not smiley at all. She's extremely difficult to make smile. Today, we're going to see Thing A. Tomorrow, we'll see Thing B. I use "Thing" in the most affectionate sense. Why am I stuck here? I saw Cake Wrecks a couple days ago and she was hosting Dr. Seuss cakes and one of them was a Thing 1 and Thing 2 cake for a twin birthday. Super cute.

Anyway, Thing A!

004.jpg

005.jpg

015.jpg

016.jpg

The hamper is the source of so much fun when you're a little kid. I think if I were small enough, the hamper still would be a great source of fun.

FFR

Monday, March 7, 2011

My bell

With motorcycles, you're supposed to have a guardian bell. You can't buy it yourself and it's said that the closer the person is to you, the more protection it offers. With the new motorcycle, Booya let us borrow his bell for the time until we got our own. FIL D bought a bell for MIL J and Working Man bought me my bell.

MIL J's is all pink and purdy and mine is blingalicious. So now we have two guardian bells on our little bike. When I'm riding it, I can hear them ringing, until they get gummed up with road dirt that is.

001.jpg

Bling bling. :)

FFR