Photo Extractions

This is another tutorial that I'm going to show only in Photoshop, but it is pretty much the same process in Pixlr and other programs.

I'll be honest, I don't really do a lot of extractions with my layouts, but they are very popular so I thought I would show how it is done.  I apologize for not having an example though!

So, first, find the photo that you are wanting to extract something from.

Here is the one I'm going to work with today:

Let's pretend I wanted to create a layout with a beach scene but wanted it just him-not the beach in the actual photograph (I wouldn't do this-but again, we're going to pretend here!!)

before you get started, make sure the photo is changed from a background to a layer in the layer palette.  Start by zooming in at 200% and start a long one edge.  Using the polygonal lasso tool and making sure the feather box up top has been changed to 1.  Go along the edge a little at a time and then wrap back around to where you started and click delete.  It will look something like this:

Continue to do this all the way around until the immediate space around your object is transparent space:

I didn't complete finish because his curls began to make it extra time consuming!  But I think you get the point!  Once it is done, you just erase the rest of the background and you have an image to use however you want for your layout!

Layer via Cut or Copy

This is a great item to know and something I use in many areas of digital scrapping!

Everything works in layers and when there are lots and lots of layers for little things, we can move those around easily.  But what happens when something is combined on a layer and we want to move it. For example, let's say that we have a bead spray on our layout, but if we could just have 2 of the beads to move to another spot, it would look better!

I'm showing it in photoshop, but it will be just as easy to use in any other program.

I'm going to get started by pulling some beads onto a piece of paper:

Let's pretend that we want to take that little grouping of four at the top and move them down below.  We would use the rectangular lasso tool (rope looking thing towards the top of the left tool bar) to put marching ants around the ones we want to move:

Now, while that tool is still activated, place your mouse in that section-it will and right click to pull up a drop down menu.  Choose "Layer via Cut". This will cut this off that layer and create its own layer so you can move it where you want:

The other option is to choose "Layer via Copy"  This will leave it how the original layer is but will copy off those four beads and let you move it. Like this:

Blending a Photo

I'm going to show this in photoshop, but it is just as easy to do in any program, using the same basic process. 

I love blending a photo into the background of a layout!  It's a great way to make a dramatic statement.  Here is an example, of a layout I did so you can see what I mean:

Isn't it fun how the blended photo is the same as the photo on the layout, but they really offer a nice contrast!  I also blended two papers together-all of which I will cover here!

First thing you are going to need is a grunge brush set. If you already have one loaded then skip down past this part. If not, then keep reading!

Brusheezy is a site where you can download free brushes.  If you are ever going to use these brushes for Commercial Use, double check each individual TOU, but you will be fine for what we are going to do today!  Here is the link:

http://www.brusheezy.com/search/grunge?from=mainsite

This actually links to their grunge brushes but they have lots of fun ones!  I chose the subtle grunge.  I downloaded and placed it in my brushes folder that I created in my digital scrapping section.  To install it so you can use it in photoshop, click on the paintbrush on the left.  Go up to the top and click on the arrow next to the picture of the brush that is shown.  It will pull down a box like the one below. You would use this to pick a different brush. To load one, click on the arrow I have circled below:

It will pull up a menu, choose "load a brush" from that menu and go to where you saved and unzipped the folder with our subtle grunge brushes.  Click on the ABR file to install.


After grunge brush is loaded!  Let's open up a paper, plain and light colored. 

Now we're going to place a photo on top of this. You want the photo to be larger than these dimmensions-it won't matter if that makes the photo grainy!  It will look like this:

So, I'm thinking that if I use the space on the right for my actual photo and clustering, title, journaling, etc. then I will erase a lot of that, but first, I'm going to blend the photo to see what I need to do from there.

On the layer palette, you'll notice I have two layers-my photo and the paper below it.  Just above that, it says "normal". While my photo is highlighted on the palette, I'm going to change that to soft light or any other one that I think works for my look! Play along with these to find what you like best!

Here is what I get when I only change it to soft light:

You may like it just like this and want to add your other stuff to it-that totally works!  But I'm going to continue to play and share my tips as I go!

Remember those brushes we loaded?  Well, I'm going to click on the eraser and find a brush from above.  These work just like the brushes but in opposite!  So go to the bottom of the menu we saw earlier and choose one of the brushes at the bottom from the grunge set we downloaded.

Erase around the photo as much or as little as you like:

Now, I want to add a little more grunge, so I'm going to place a paper from the kit above this layer:

This was actually a purple patterned paper (as you can see on the layer palette) but I changed the setting to overlay and look at the fun look it gives!  Now I can leave it and add my clusters and stuff or I can continue to play.  I can also leave the purple or whatever other color and not blend that layer and use the grunge eraser to clean away most of the stuff.  Leaving it something like this:

Play lots!  It is fun to see the many, many options that digital can offer!!

Simple Photo Editing in Photoshop

This is just a basic way to brighten a photo in photoshop.

Pull up the photo you want:

First you are going to change it from a background (over on the layer palette) to a layer and duplicate 3 times.  To change it from a background, right click on the layer and choose "layer from background" at the top of the drop down menu.

Change the middle layer to screen and the top layer to soft light (using the drop down menu just above the layer palette that says "normal".  Adjust the opacity on each level until you get it how you like it:

Not a big difference, but you can see how it brightens it a bit!  Play around with this and see what different looks you can come up with!

Stringing an Element (Pixlr)

This process in Pixlr is very similar to that of photoshop.  You start with a cluster of elements and I placed the curly ribbon on top.  We're going to weave this ribbon through the elements.  But here is what we have to start with:

I decided that I wanted all of the ribbon under the flowers and leaves, so I moved it under those layers.

Now, I want to weave a few little spots under the pink ribbon, to look as if I literally tucked part of it under there.  To do this, I choose the tool on the left that looks like a lasso.  When I click on it, it gives me a menu at the top of two lasso's to choose between. You'll want to choose the lasso that is not round but has a few angles to it.

Once you have activated this (make sure you are on the curly ribbon layer) and click with your mouse along the side of the ribbon and around the part you want to cut like this:

Hint:  Be sure and zoom in (Ctrl +)

Now just hit delete and that section of green is gone.  You can take out more parts or leave it as that.  Here is what my final looks like:

Stringing an element

This is a fun little trick to do when scrapping!  It helps to give a more realistic feel to your page.  Let's pretend that you have a string that you want to be mostly under your stuff, but over other parts-as if it is strung throughout the elements.  This tutorial will show how to get that affect!

First open up your layout and cluster some of your elements together like this:

Now, let's add a curly ribbon and sort of weave it through the elements:

I'll start by placing it on top of everything, but as I looked at it more I realized that I wanted it under the top few layers of cluster but ontop of the pink ribbon, so I moved it there.

Now, pick out which sections you want to be under the cluster and use the polygonal lasso tool (left side of the tool bar with the round rope thing.  Right click on it and choose the second option).  This tool lets you click on one edge and make other clicks around the item of what you want to delete.  You'll want to scan way in for this so that you can get it pretty exact:

See the little section that I went around? Now always make sure that the layer of the ribbon is the layer you have highlighted in your layer palette.  Then click delete:

I think I want to take one more section out and notice how I changed the opacity of the string to about 50 so I could see the ribbon underneath and get a better cut:

Just change the opacity back, after you've cut out the section and you're all finished!  Notice how it looks like you wrapped the curly ribbon around the pink ribbon?

Resizing an item in Photoshop

Often when you are scrapping, items will be larger than maybe you want them on your layout.  There is a difference between making smaller and  making larger.

First of all, to make an item larger, you will compromise the quality of the item. It is kind of the same as if you had a pitcher of koolaid.  If you served most of it, but needed to have more, adding water would give you the quantity you were looking for, but what happens to the taste or the quality?  It is watered down and diluted.  It is the same with photos and elements and papers in photoshop.  So be very careful if you ever decide to expand an item and know that the quality will not be the same.

To make an item smaller, if done correctly, will not compromise quality at all!  It is no different than if you dumped out most of the Koolaid, leaving a small amount. You have less, but it tastes the same.

So, once your element is on your layout, check the little box at the top of the menu that says "show transform controls".  In order to see this menu item, you need to have selected the top move tool or click on "v" to select it.

It will look like this:

Now, place your arrow on one of the corners and holding down the shift key, slide in to the size you want.  Holding down the shift key while you do this is very key!  Otherwise it won't keep it in proper proportions.  Here are two screen shots showing the difference:

Without holding the shift key:

While holding the shift key:

Resizing an item in Pixlr

Often when you are scrapping, items will be larger than maybe you want them on your layout.  There is a difference between making smaller and  making larger.

First of all, to make an item larger, you will compromise the quality of the item. It is kind of the same as if you had a pitcher of koolaid.  If you served most of it, but needed to have more, adding water would give you the quantity you were looking for, but what happens to the taste or the quality?  It is watered down and diluted.  It is the same with photos and elements and papers in photoshop.  So be very careful if you ever decide to expand an item and know that the quality will not be the same.

To make an item smaller, if done correctly, will not compromise quality at all!  It is no different than if you dumped out most of the Koolaid, leaving a small amount. You have less, but it tastes the same.

Once your item is on your layout and you decide you want to make it smaller, then click CTRL T to put a transform box around the item.  You can also get to this by clicking on the edit menu at the top and choosing "Free Transform".

Your item will now look like this:

Now, the key to making your item smaller, without changing the form, is to place the arrow on one of the corners and while holding the shift key, slide in.  Here is what it may look like, if you slide it in without using the shift key:

After using the shift key, this is what you will have!  Easy Peasy!!

Resizing layout for Web

Whether you are wanting to upload your completed layout to facebook, your blog or an online gallery, you'll need to resize it from its printable size.  It's very important to remember that things viewed on the web are much, much smaller than they are printed in real life.  I learned this lesson the hard way.  I created an entire first year book for my daughter (way back when I was just starting out) and I savedt them all on photobucket.  A few months later, our computer died and all I had was the versions on photobucket. I thought I would be just fine until I tried printing them.  No longer at a nice 12x12 inch size, they were just a tiny square on a piece of paper!

So, first create your layout at 12x12 inches at 300 dpi.

Next, save it in that format in a place where you will know you can print it.  I keep a folder called "My Albums"  and I have lots of folders in there where I keep all the layouts I am ready to print.  For example, my 2011 folder has a folder for each month with my layouts saved. I'm almost done and will then upload each of those layouts for printing.

Once I know it has been saved and tucked away for printing (and don't forget to back these files up in case something happens to your hard drive), you will want to shrink your layout from 300 dpi to 72 dpi and 600 pixels by 600 pixels.  If you are using photoshop, there is a "Save for Web" option that will make sure it is optimized and easy to upload online.  If you are using Pixlr, just save at this size and it should work at most galleries and facebook.

I save these web versions in the folder with my kit that I used. That way it is easy for me to give credit to the kit or template designer.

UnZipping Files

One of the first and most important things to learn when starting with digital scrapping is how to zip and unzip files.  Whenever you buy a kit or template pack, the graphics are zipped up in a folder.  You will download them to your computer hard drive and they will look like this:

Most of the files above are unzipped and the one at the bottom is zipped.  There are two ways that I unzip my files.  If I just have one, then I right click on the folder itself and choose "Extract All".  Afterwards, I delete the zipped one.

But usually a kit will have 3 to 4 zipped files and I hate having to wait for each to unzip.  I did it that way for far too long!  Then I discovered a wonderful free program called Extract Now.  Love it!

Go HERE to download the program.

Once you have it downloaded, it should show up as an option under your program files.  Open up the files you want to unzip and then using the start button, find Extract Now under your programs and open it.  Simply slide all of your files into the box:

Literally, just drag and drop!

Next, there are a few settings you'll want to set up in the beginning, but then they'll be there for the rest of the time.  So click on the little button in the bottom left corner that says settings.  From there, choose destination from the top menu:

I click on the box to open the files where they are.   What I usually do is cut and paste my zipped up files from my download box to whatever folder I want them organized in. That way I can just have them opened there and not have to change the setting each time to direct them to where I want them-but either way works.

The next setting is the one that says "post extraction".  Click the boxes I show below and once the files have been unzipped, they will automatically be deleted (the zipped ones!).  It helps to keep your files clean and not overcrowded!

Now just click okay and hit Extract and you're done! Your files are ready to scrap with!

Aligning your layout

I will admit, this isn't something I learned or used until recently when I got into designing templates.  Now I wish I had used it much more often!

In Photoshop, there is a super quick and easy way to keep everything aligned and even.

I'm going to share two different ways to line things up on your layout!

Let's pretend that you have 3 photos that you want to line up.  The first photo is large and you want the other two to line up so that together they would make one nice box.

I like to make my own squares first and line them up and then clip my photos to them.

First thing I'm going to do is the math!  Let's say I want my large photo to be 4x6 inches.  I would create a new image at 4 inches wide and 6 inches long at 300 dpi.  Then I would fill it with a color:

Now I'm going to create one more box half and a little less than this one.  If I want a half inch space between the two smaller photos, then I would make a new image with the dimensions of 4 inches (because our width isn't changing) and 2.75.  3 inches would be 1/2 of 6 inches and then I would want the two boxes to be a quarter of an inch smaller, giving a half inch in between.

Now put these images on your 12 by 12 inch layout and remember to place the smaller box on there twice.

At first glance, these look pretty lined up, but we're going for exact!  So, click on the layer of the large box and the top box and then go to layer>>Align>>Top Edges.  You'll notice them line right up.  Now do the same with the large box and the bottom one:

The last thing we want to do is make sure there is a 1/2 inch space between the large box and the two smaller ones.  To check this, we can click on View from the top menu and then choose Show>>Grid

This will put a grid over the whole thing and you can move the big box to be 1/2 inch away.  You can also use the grid from the beginning to line things up, but I wanted to show you several different options.

Text in a shape

I was scrapping and even designing for years before I learned this nifty trick!  It's so easy and makes it very fun to put your text in the shape of a circle or star or whatever might go with your layout.

First we're going to pull up a layout that needs some journaling. I'm going to use the amazing freebie that Evie made for us. I've placed my photo and now I want to journal.  I'm going to do it in a half circle shape like this:

So my next step is going to be to right click on the half circle in the layer palette and choose "select pixels".  This will put the marching ants around my half circle.  This is the start to creating the path for my journaling.

Add a layer by clicking the little box at the bottom of the layer palette that looks like a little paper with a folded corner.  Now you are going to look up on your layer palette and see where it says layers?  And next to it is channels and the last option is Paths?  You are going to click on it and it will change the look of your layers palette.  Next you are going to click on the icon at the bottom (follow the arrow in the pic below) and click on it. 

You'll notice that it changes the marching ant to a line around that section.  It is now ready for you to type your text within that area.

Here it is with the final result. You can play around with the size and if you want it centered or flush right or left.

Writing Text on a layout

Today, we're going to talk about text and how to use it in Pixlr.  Lets start by pulling up a partially completed layout and decide where we want to add the text.

Here I put in the text layer that came with the template.  In photoshop, it is easy to just change out the wording, but it works a little different in Pixlr.  So, for now, we're just going to look at it as a place marker and once we get ready to add our own journaling/text, we'll delete this layer.

If you click on the letter A, on the left hand side of the tool bar, and then click at the top of where the text is showing here, it will give you a text box.

I changed out the font to one of my favorite handwritten fonts by Darci Baldwin.  Then I changed the font size to 25 and the color to a dark brown so it will match the colors of the kit! 

Now, just type in your journaling into the text box and when you click okay, it will start the journaling wherever you placed the cursor.  You are also able to move it-if needed.

Now, I know that you are thinking how tiny that print looks.  But keep in mind that you are seeing this layout at about 20%.  If you view it at 100%, which is what you will view it at once it is printed, you'll see that the print is a great size:

To change the percent that you view it at--look at the red box above and change it to 100.  It usually is around 20%.  Now you can use the slider to read your journaling and see if you made any typos. As you can see above, I left out the r on your layout.  So, I will show you how to edit your box and make changes.

To edit the box, make sure that your layer with the text box is highlighted and then click on the A again on the left hand side and click anywhere on the journaling you typed. It will pull up the box and you can go in and add to it, make changes, etc.

Here is my fixed layout, this time at 50%:

I hope this tutorial was helpful!