Advanced Shadow techniques

My previous tutorial dealt with basic shadows and how to apply them.  Also, in that tutorial (which can be found HERE), I included a set of layer styles that I created.

Today, I'm going to branch out into some more advanced tips and ideas.  There will be lots of fun things to play with!

First of all, no shadow on anything is the same.  The closer an object is to a flat surface, the less of a shadow and darker that shadow will be.  For example, stitching on a layout is very close and would have very little shadow. I would shadow it different than I would for perhaps some leaves that I would want to give the appearance of them popping right off the page!

So, today, I'm going to break down some basic scrapping elements and talk about how and why I shadow them.  One thing to consider too is that everyone has different preferences so feel free to tweak what I teach here to fit what you like!  This is by no means the only way to shadow!  In fact, I'll be honest, I'm a little nervous to even write this tutorial, because I don't "LOVE" my shadows yet!  They are still a work in progress!

There are two ways to apply a shadow.

1.  Using the drop shadow option in the layer box.

If you notice, I clicked the top box that says drop shadow.  If you then click on that line to highlight it, it will pull up the menu.

The default next to blend mode is usually multiply, but I like to change it to Linear Burn.  This helps to give the shadow a slight tint of the color of the background paper, so I think it is a little less harsh than the multiply.  However, you usually will want to lessen the opacity by quite a bit.

Direction--this is big.  Think about the sunlight hitting an object or several objects close together, the direction that the shadow falls is the same for all the items.  The direction will change as the sun changes, but all the items will change together.  For me, I like the directional angle of -45 or 50.  It puts it mostly towards the left upper side of the object.  So, I make sure on my layout that all the shadows are going in that same direction.  Default is 120 degrees, but feel free to play with this and find what you like best.  But whatever you do-be consistent!

As for distance, spread and size, this is what will vary with the item.  For the stitching above, I kept these numbers very small.  But look how they might differ with a leaf:

Notice how low the opacity is?  The farther away you want the item to appear, the lower you make that.  Also notice how the distance and the spread and the size are all a bit further away.  It gives the look that it is farther off the paper than the stitching.

By customizing each element and paper on your layout, it helps to give a lot of depth to your layout.  Done well, they can actually look like you did the whole layout with real objects and took a picture of it!  There are some layouts so well done, I thought I could reach out and touch the leaves and flowers because they literally popped off the page.

The second way you can do a layer and add even more customization is by not using the style option at all.

First, have the element on your paper and make a copy of it:

Look over on the layer palette.  Notice how I have two flowers there?  I'm going to highlight the bottom one and then go up top to Image>>Adjustment>>Hue/Saturation.  Slide the bottom two sliders (saturation and light) all the way to the left.  This will make the flower underneath black:

Now, you are going to unhide the pink flower on top and zoom way in.  Keep the flower underneath highlighted and make sure you have Auto Select unchecked so that it will stay on the layer you want it.  Ever so slightly move the black in the direction you want and where you want the shadow to fall.  Then just change the opacity to the lightness/darkness you want.

Also, don't forget to link the two layers together (highlight both, right click and choose "link layers" so that if you move the flower, the shadow will follow!

I added this flower layer so you could see it in contrast with the others.  I think this way makes it a little harsher.  For this one, I also changed the bottom flower layer from normal to linear burn as well as lowered the opacity.  But I personally like the little fuzziness around the leaf shadow better.  But I haven't done a lot with the second option, so there are probably things I'm missing!

Play lots with shadows!  I'm sure you'll discover lots of fun things on your own!

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

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:

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.

Creating a round square of paper

If you were or are a paper scrapper, do you just love the little tool that allows you to clip off the corners, giving you a rounded edge?  It used to be one of my favorite tools to play with!  I rounded all my corners back in my paper days!

It is super easy to get this same look in photoshop.

Start with a blank 12x12 screen open.  Using the menu options on the left sidebar, choose the shape tool but change it from a rectangle shape to the rounded shape (it is on the drop down menu from the icon I have circled below):

Right click on that icon and choose the second option.  Next go up to the top and change the pixels to about 80.  Also make sure that the first box option is checked.

Now that you have all the settings ready, draw out your shape.  If you want it to be a perfect square--then hold the shift key down while you draw it out:

Also, after you draw the shape, you will want to Rastersize it so you can make changes, clip paper to it, etc.   To rastersize, just right click on the layer in the layer palette to the right and choose the option "Rastersize Layer".

That's all there is to it.  You can adjust the size, clip a paper, a photo, whatever you like to it!

Creating the Title from a paper

In this tutorial I am going to show you a quick and easy to customize your title to the kit you are using!  Pick your favorite paper or several, if you like and a nice chunky font and you're good to go!

1.  Type your word, one letter at a time.

 **Quick tip--after you type your first letter, right click on the layer of the letter you just typed and then click anywhere on your working screen and type the next letter. 

2.  Then highlight each letter in the layer palette, right click and choose the Rastersize option.

3.  Using the place option, pull in the paper you want to use. If you are using the same paper, then duplicate it for each letter and move them so there is a paper, letter, paper, letter, etc. on your layer palette.

5.  Clip the paper to each layer and merge down.  Then you'll have each letter, covered in the paper, on its own layer so you can move it around, turn them a little, arrange them as you please.

6.  Add a shadow and you are done!

Adding Shadows

Last time, I walked through the beginning steps of clipping papers to a layout.  This week, I am going to show how to replace the element portions of a template as well as add shadows to them.  I am also including a FREE set of shadow styles that you can use.

I completed the template up to the point of switching out the elements.


We'll start with the string. I use the Place feature to pull in a string from the kit:

Next, we'll change out the string.  This is the setting, I like to use for string:

After you have the string how you like it, be sure and delete the string below it from the template.  That is only there as a place marker.

Do the same for the other items and tweak the shadows to your liking.  Remember that things like leaves and strings tend to "float" a bit more in real life where things like stitching and staples would have a very small shadow.

Click HERE to download the FREE shadow styles.