Tuesday, October 2, 2012

Your First Scrapbook Layout with GIMP - Part 5

When we left off, your picture looked a little something like this:

Your sweet kiddo (or neighbor's kiddo, or whoever else's kiddo, or Ricky Schroeder, or whatever) is now nicely, cropped and rotated, and scaled.  Your page is starting to take shape!

I know this process feels like it takes forever the first go 'round.  You might even be thinking to yourself, "This takes way longer than paper scrapping ever did!  I should just go back to that!"  I, myself, thought that a few times.

But then I remembered all of the hinty billion supplies I no longer need--the scissors, the glue dots, the paper packs at $6.50 a pop with ever more to buy, the paper cutters (the large one to cut the big stuff and the smaller, thinner one to cut my 5" x 7" and littler photos), the die cutters (circle, square, dragonfly, lace border, heart, feet, and seventeen more), the stickers, the glue-on pearls, the box of brads, and the giant rolling bag to contain it all that had no home so lived instead underneath the buffet in my dining room.  You remember, right?

I feel so light with just a couple of folders full of stuff, neatly organized on my hard drive.  Reusable stuff--no more running out of glue dots after a feverish four hours, no more feeling uninspired because I don't have MORE of that particular background paper, no more purchasing an entire frame pack just to get the red, square, scalloped one I need for page one.  And?  My laptop is light enough to take with me no matter where I go.

Even better than that?  Once you get the hang of Gimp, there are so many more things you can do with it.  You can make cards, prints, invitations, do photo retouching... the list goes on and on.  No giant bag, no messy glue dots, no irreversible cuts, free space under the buffet, goes with you anywhere AND you can do photo retouching?

Please tell me you're sold on sticking with it!

Ready to move on?

Let's add a frame to our picture.

Go back to the folder where you extracted your School Days files.  Drag the Square_Frame.png file from the folder into your image, like this:

The goal here is to add the frame to the picture of your cute kiddo.  You might have noticed that a) the frame is square and the picture is rectangular; and b) the frame is not rotated; and c) the frame is not the correct size.  We can remedy all of those things by utilizing the tools we have already covered.  Great news, yes?

The first thing we'll need to do is resize the frame so it fits the picture and make it rectangular instead of square, and for that we'll need to use the Scale tool.

Before we scale, it's good practice to verify that the Frame layer is highlighted in the Layers dialog, like this:

Remember that the reason we want the layer to be highlighted is that we only want to scale the frame, not any other items in your image.  And we want the layer to be on top because the frame will need to be on top of the picture.  Imagine in your head the picture and frame sitting on top of the paper background from your paper scrapping days.  Background on the bottom (so at the bottom of your layers list), picture in the middle (above the background layer and below the frame), and frame on top (so at the top of your layers list).

If for some reason the frame layer is elsewhere in your list, you can click on it and drag it to the top of the list.   Now might even be a good time to drag it just below the picture in the list, and then back up, to get a good visual of how the order of these layers impacts things.  When you're done playing, make sure the frame layer is at the top again.

Now it's time for a little bit of math.  I know that the picture of my cute kiddo was roughly 4" x 6".  I also know that I cropped some off of the bottom, and a wee bit off of the left side.  I know that my frame should fit around the outside of the picture, and I know that the frame size is measured from the outer edges of the frame itself, not from the inner edges, which will actually border the picture.   

Based on the above, I'm guessing that the frame needs to be somewhere around 5" x 6.5" to fit the frame.

Let's give that a shot.

From your Toolbox, select the Scale tool.  It looks like this:

Then click on the square frame.  The grid will appear over the frame layer, like this:

and the Scale dialog will open, like this:

Click on the drop-down box that currently says "px" and change the unit of measurement to inches, like this:

You will then be able to make changes to the width and height by clicking on the up and down arrows to the right of the numbers (e.g., 5.000) or typing the numbers directly into the width and height boxes.  Let's leave width at 5.000 and increase height to 6.5".  Click the Scale button and your image should look something like this:

Just eyeballing it, I think it's too large for the picture.   Let's drop it down a little bit more.

Click the Frame layer again (your Scale tool should still selected in the Toolbox), change your unit of measurement to inches, and adjust width to 4.8" (just a couple of tenths of an inch should do it) and adjust height to 6.2" (again just a few tenths of an inch should do it).  Click the Scale button and now your image should look something like this:

Let's go ahead and rotate it and see if it fits.

Anyone remember the angle we used to rotate the picture?  Hint:  (ok, more like the outright answer), it was -20.  And we want to do the same with the frame.  The frame should be at the top of your layers list, and the layer should be highlighted, just like it was when we resized.

From your Toolbox, select the Rotate tool.  It looks like this:

You should see the grid appear over the frame layer and a Rotate dialog open, just like when we rotated the picture.  And we have that pesky anomaly where we can't just enter the angle of rotation in the Angle box, so we need to click on the grid for the frame and rotate it just a tad to the left, like this:

Then click in the Angle box in the Rotate dialog and enter -20. Click the Rotate button and your image should now look something like this:

Looks good!  We should be able to move the frame up to fit over the picture pretty easily.

Select the Move tool from your Toolbox.  It looks like this:

Then click on the Frame layer and move it into the correct position, over the picture.  You may have to work at it a little to get into just the right position.

When you're finished, it should look like this:


Let's drag our grosgrain ribbon and vellum quote onto the page next.

Go back to the folder where you extracted your School Days files.  Drag the  Grosgrain_Ribbon.png file onto your image.  Then drag the Back_to_School_Quote.png file onto your image.

Your image should now look something like this:

Let's go ahead and save here.  Select File and Save from the work area menu bar.

How are you feeling about your progress so far?  I think you've come a long way since downloading Gimp, don't you?  Cropping, scaling, moving, layers... you've got a lot under your belt.  Just a few more steps and you'll be ready to print your page for posterity!

Next, we'll place the remaining embellishments, get our frame "stapled" down, and we'll be almost done!

1 Comment:

Mamma Mia said...

Yeah, you got your comment section fixed!

Post a Comment