Tutorial Tuesday (Photoshop Elements)

Extractions… Choose your method

gs_blog_teachyouiwill_header

When Stephanie first proposed this series of tutorials, we decided to ask the GS community what sorts of things they’d like to learn about. Danica‘s comment was, ” I would like to know the best way to extract things out of photos. I have the worst time doing it to see if there are any tips.” Digital extraction is similar to using cuticle scissors to cut out an image from a magazine or photo print – but it’s much more forgiving. Today, I’m going to show you two ways to do it… one that takes a LONG time, and one that’s a lot quicker. The photo I chose for this demonstration presents some of the issues you might come up against in your own extractions, as you see as we move through the images.

First, the choice of photos will determine how fiddly and time-consuming the task will be. For the easiest, quickest extractions, a strong contrast between the object you want to extract and its background is paramount. This photo I found on Pixabay of a beautiful chestnut horse provided that for me.

1

You can open a new file on your workspace or you can create a layer from the background. That’s PSE-talk for opening your photo in PSE then putting a blank layer underneath it. To do that, right-click on your photo in the layers panel and select Layer From Background. That changes the label of the photo from Background to Layer 0. Then click on the New Layer button at the top left of the layers panel – it looks like a sheet of paper with one corner turned up. Once you have that layer in the panel you can move it below your photo, either by dragging it down or by CTLR/CMD+ [ . I like to work on a transparent background, but you should do things the way you usually do. My example below shows the photo on a 12×12 workspace, enlarged to fill most of the width.

17

3

You can remove a lot of the background in the photo fairly quickly by using the Select tool, pulling out a rectangle and then cutting the enclosed section off by clicking CTRL/CMD+X.

4

Once you’ve chopped off a lot of the extra stuff in your photo, then you’re ready to start cutting out your image. This first method I’m showing you is quite time-consuming and exacting and will give you the most precise extraction possible. Feel free to skim through or skip over this part completely, except for this important step: make a LAYER MASK! To do that you can go to the Layers menu then select Layer Mask>Reveal All or you can click on the Layer Mask button above the layer panel. It’s the square icon with a circle in it. Your workspace will now have a white rectangle in the layers panel on the same layer as your photo. The reason for using a layer mask is so you can fix oopses. Then select a hard brush from your Brush tool. It can be quite big for this stage.

5

Make sure your layer mask is selected and start erasing the background, getting as close as you can without erasing anything you want to keep. You can see your progress on the layers panel as a black splotch. BLACK CONCEALS, WHITE REVEALS. If you look at the screenshot below, you’ll see the foreground colour (way over in the lower left corner) is black.

6

Oops!

7

If you accidentally erase something you didn’t want to erase, change your foreground colour to white and paint it back in. To change your foreground colour quickly and easily, just press the X key. See how I’ve painted back some of my oops below?

8

Getting into smaller areas where detail is important, change the size of your brush so you can get into those little spaces. Quick key: [  (In the same way, you can use ] to make the brush bigger.) Zoom in to see what you’re doing… quick keys: CTRL/CMD + +. Zoom back out (CTRL/CMD frequently so you can regain your reference regarding what you’re removing and what you want to leave.

9

Again, get as close as you can to the edge without going over it.

10

Zooming in lets you see better where you’re erasing. There’s a colour difference that may be subtle, as shown below. You can take the size of your brush down as small as a single pixel to cut those detailed spots as sharply as possible. In the screenshot below you can see each individual pixel. This is an important step if you want to keep things like hair wisps in the image. This horse has a wispy mane and a pretty hairy chin, so the detailed pixel-by-pixel erasing took a long time.

11

Here are some little areas of tufted hair on the horse’s ear.

12

Once you’ve erased all of the background areas of your photo your workspace will look like this: see the black negative outline of the horse in the layers panel? To finalize your extraction, the next step is to apply the layer mask to the photo. You can right-click on the layer then select Apply Layer Mask and then merge down so you have a single layer. Or you can simply merge the two layers, which automatically applies the layer mask. Remember how to merge layers? Select all the layers you want to merge by holding down the CTRL/CMD key and clicking on them. Then right-click and go all the way to the bottom of the dropdown menu and select Merge Layers or use the quick keys CTRL/CMD+E.

13

We pause this tutorial for an important message! When colours are light it’s sometimes impossible to see them against the transparent background and you might have some stray pixels you missed. This isn’t a huge problem unless you’re planning to shadow the image later. Then those stray pixels will show up like a smudge on your layout.

14

To make them visible, you can put a white or black fill layer underneath your finished extraction. There are two ways to do that. One is to go to the Layers menu and select New Fill Layer>Solid Color, as shown below, then selecting a white or black from the colour picker that pops up. The second way is to click on the Create Fill or Adjustment Layer button – that circle that’s half blue and half gray above the layers panel then selecting Solid Color from the dropdown menu.

15

Then you can easily see your stray pixels and erase them. When you’re happy with your extraction, delete the white/black fill layer, merge down and save your work as a png.

16

 

Okay. That was the long, finicky way. It took me about 3 hours from start to finish. I don’t know exactly how long it took because I stopped to make supper and eat, did a bit more erasing, talked to a friend on the phone then got back to it. The second method I’m going to show you takes a LOT less time! Some tutorials for this technique suggest using the Quick Selection tool as shown below. But that’s a frustrating way to do it. If the little brush icon isn’t exactly in the right spot, it selects a huge area that isn’t what you want. So I’m going to show you how to use the Lasso tool instead.

18

It took me a while to figure out how to make this tool my friend, but now that I’ve got that down, I’m going to use it a lot more! The trick to working with it is to make an enclosed shape that overlaps another already enclosed space, as shown below. See the marching ants? That’s the area I’d already included. You don’t have to be too precise with this step, just make sure the edge of the image is inside the enclosed area.

19

Keep making overlapping, enclosed shapes over the whole image you’re cutting out. In the screenshot below I show some detail areas where the marching ants aren’t including some of the bridle. I just made some skinny little enclosed shapes to get them into the selection. Go over the edge of the image slowly so you can see what parts aren’t selected. If you accidentally get too much of what you don’t want in the selection you can trim the excess away by selecting the icon to the right of the Add in the tool panel underneath the workspace. (See above, where the Add is selected?) The icon to the right is a Subtract command. In the same manner, enclose the area you want to subtract and close it up. Voilà! Gone! Go back to the Add command and carry on. Once you’re sure you’ve got the whole image inside the marching ants, you’re ready to move to the next step. Notice the hairs on the horse’s chin aren’t included in the selection. That’s the compromise you make with this method.

20 21

Now it’s time to refine the edge. There’s a section in the tool panel that says just that. Click on it and you’ll see a menu like shown below. Adjust the edge on your image so there’s some of the background included but not a lot. The settings I ended up with are shown. By selecting Decontaminate Colors you’ll be able to see the edge of the image a little easier. Shift the sliders a little at a time until you’ve got a nice margin of background. I recommend sending the refined edge to a New Layer and then creating a Layer Mask on it, rather than selecting New Layer with Layer Mask because it’s actually easier.

22

Below is what you’ll see along the edges of your image. See the area where the transparent layer shows through a little better? That’s to help you know where to cut. Make sure you’ve created a layer mask as described in the first section of the tutorial so you can still fix oopses. Then start erasing your background.

23

Here’s another view of the refined edge. Don’t worry too much about the hazy areas on the “good” part. They’re not really visible on the finished extraction. Keep erasing the background until you’re back where you started.

24

Now that you’ve erased around the entire edge, you can apply the layer mask then delete the layer with the untouched photo that was created when you refined your edge. Make very sure you’re deleting the correct layer! CTRL/CMD+Z is your best friend! When you’re done, save the image as a png so you can use it in your layout.

25

I’ve put the two extracted png images side-by-side here so you can see there’s no obvious difference. The main difference is that the second version, which is on the left below, took about 45 minutes instead of 3 hours. There are some very subtle differences you can see if you zoom in really tightly – the edge on the quick version is a little softer and there’s no hair on his chin- but for most purposes, this second method is more than acceptable.

26

Now I’ll put together a layout using my extraction and link it up so you can see it when I’m done. I hope you found some handy tips and tricks in this tutorial. Next week, I think I’ll play around with some fancy brushes.

gs_footer_jan

Tutorial Tuesday (Photoshop Elements)

Simple Photo Blending

gs_blog_teachyouiwill_header

Last week Carla asked if I would do a quick tutorial on blending photos into backgrounds. There’s always more than one way to do things, some quite easy, others more involved. Today we’re going to look at an easy way to blend photos, with a twist. (Caylynn had a layout in the gallery last week that caught my eye. I sorta kinda copied her example.)

So let’s get started. First, decide what photo you want to blend. I chose a photo I found on Pixabay that had some interesting aspects to it.

Next you want to choose the paper you’re going to blend it into. You can use almost anything for this, but to make it more visually interesting, pick a paper that’s got some grunge, a pattern or an obvious texture. I didn’t know what would appeal to me most so I went to my GS stash and did a tag search for “paper”. A couple of hours later, after I’d gone through them all (well, it took a few minutes) I had several that I wanted to get a feel for. So I stacked up all the papers I’d chosen and turned them off except for the bottom-most. Then I put my photo on top of the stack of papers.

1

The first step in the actual blending is to lower the opacity of the photo so the paper under it shows through. So I pulled the photo down to 40%.

2

Then I worked my way up the stack of papers, turning them on bottom to top. The screenshots show some of them so you can see the effect each of them had on the photo.

3

4

6

7

In the end I went with a solid, soft purple paper from the GingerBread Ladies’ collection By the Dozen. But it was a bit too pink to blend well so I adjusted the colour a little. You can click on Enhance>Adjust Color>Hue/Saturation then pull the sliders, or you can CTRL/CMD+U to get there in one step. (You’ve all figured out that CTRL is for Windows and CMD is for Mac, haven’t you? The keyboard shortcuts are the same otherwise.) In the screenshot below I show you how I adjusted the magenta in the paper to a more blue shade. If you look closely at the edge of the photo you can see that the edge almost disappears when I’ve got the colour right.

8

Once I was happy with the colour, I deleted all the other papers… except for one with a pale blue brocade pattern on it from Ooh La La ScrapsCarefree. I moved it on top of my pale purple paper and decreased the opacity to 40%. Now I had a nice subtle patterned paper to blend my photo into.

9

I should back up for a moment here. You could enlarge your photo so that it covers the whole 12×12 paper if you want and just decrease the opacity until you’re happy with it… just like I did with the second paper. If that’s what you want to do, you don’t have to read any further. If you’re reading on – what are we going to do about that very obvious edge? You might notice that in the screenshot below, I have two copies of my photo, with the top one turned off. I’ll explain that later.

10

The next step, getting rid of the harsh edge, required the use of the Eraser Tool and a soft brush. I have a gazillion brushes, many of which I picked up free from various sources. I chose one of the options from a collection called 20 Spray Brushes. I started off with the brush fairly small and the opacity on the brush quite low. It takes a little longer to get a good effect, but it’s easier to adjust if you go slowly at this stage.

11

This part is easy but can take some time. Zoom in (CTRL/CMD++) so you can see where you’re working. Gradually erase the edge of the photo so there’s no obvious demarcation between your photo and your paper. You can click-click-click or click-drag or a combination to make it a bit quicker. [Resist the temptation to increase the opaacity of your eraser brush because it’s a lot harder to undo if you go too far.]  You can also increase the size of your brush as you go.

12

Every so often, zoom back out (CTRL/CMD+ ) and take a look at the amount of blending you’ve done. Keep going until the photo looks like it’s part of the paper but there’s still detail visible.

13

Here’s where Caylynn comes in. Her layout Wanderlust got me thinking. So I decided to take things a step further and show you how using a watercolour brush can add some punch to your blend. Literally.

I added a new blank layer in between my two photo layers. I went to my Brush Tool and selected a collection of Watercolour Mask brushes. (You could use any brush of combination of brushes for this step.) I tried them out for size and shape until I found one that would cover the girl and most of her sled.

14

Brush settings can be adjusted to suit your purpose. You can change the angle, change the roundness and play with the other settings to really customize your brushes. You’re not committed to anything, because there’s always CTRL/CMD+Z!

15

Once I had the brush the shape, size and angle I wanted, I made sure the foreground colour was set to white so I’d be able to see it against my layout but it wouldn’t interfere with the colours in the photo. Then I applied my brush to that blank layer. By doing this on a blank layer, you can adjust the size, tweak the angle and even skew the shape to suit your purpose. See how the photo below shows through the brush?

16

Now that I was happy with the brush. I clipped the top photo to the brush (CTRL/CMD+G). See how it brightened the area of the blended photo?

17

Then, because I wanted her face to be completely sharp and clear, with the brush/mask layer selected, I made my brush smaller, raised the opacity to 100% and painted over the girl’s face and scarf. (I used red for the screenshot so you could see what I did.) As long as you hold your left mouse button down while you use your brush, it will maintain the set opacity even if you overlap your strokes.

18

See how much clearer and sharper her face is now?

19

This is what my brush/mask layer looked like after I was finished. I decided to sharpen her whole body and a little of her sled. Once I was happy with how it all looked, I went on to finish my layout.

20

So there you have some simple ways of blending photos, and a very basic mask-making lesson too! Next Tuesday I think I’ll tackle Danica’s request for some tips on extracting items from photos. It’ll build on this lesson a little, so stay tuned!

gs_footer_jan

Tutorial Tuesday (Photoshop Elements)

Making Templates Work For You!

gs_blog_teachyouiwill_header

You’ve probably heard a million times that templates really speed up your scrapping, but if you’re new to digiscrapping you might wonder when that kicks in. October’s first Challenge Template from Kimberly of Leaving a Legacy Designs is a perfect way for me to show you how. Why? Because it has several repeating paper blocks!

Once again, I’m going to tell you how I do things but of course you’re going to follow your own practices and do things in your own way. When I’m getting ready to create a (non-CT) layout, I select my photos first.  I create a new folder for the layout so everything I plan to use is in one spot. (Later I delete the copied files and just keep the finished layout. Otherwise I’d need a million EHDs to store everything!) Then I search my (enormous) stash for a template that will work with them and copy it into the folder. Once I’ve decided, I choose the kit I want to use. For this layout I used Ooh La La Scraps’ October Buffet kit Creepy. I count up the number of different papers, represented by different coloured blocks or circles, the preview shows, and then add one or two more to that number just in case my selections don’t work the way I want them to. Then I go to my kit and start selecting papers, flowers, leaves, stitches, staples, and whatever else I want to include. They’re all copied into my working folder… this is the longest part of the process. Then I’m ready to go! I open the folder contents into PSE and get going.

As I mentioned before I start at the bottom. Feel free to do whatever works for you.

2

In the screenshot above you’ll see there are 3 papers and 3 paper mats in the layers panel. Below, you’ll see I’ve started clipping papers to the various shapes in the template.

1

This is where the time saving comes in. The process is the same for whatever is repeated on the template. Remember I said I use keyboard shortcuts? This is where they really come in handy. Rather than right-clicking on my paper layer then selecting Create Clipping Mask I use CTRL/CMD+G to clip the paper to the shape. The next step is to duplicate my paper layer. Rather than right-clicking on the paper and selecting Duplicate Layer.. or selecting it from the drop-down menu from the task bar, I use CTRL/CMD+J and get the same result.

3

The screenshot below shows you the duplicated paper just above the previous paper shape. Drag and drop the new paper onto the layer just above the next template shape of the same colour, in this case, a dark yellow gold. The keyboard shortcut for that is CTRL/CMD+] (Can you guess how to move the layer back down? 😉 )

4

Keep doing this series of steps > Copy, Move Up, Clip > until all the template shapes of the same colour have the same paper clipped to them. Then continue to clip papers to shapes in this manner until all the shapes have papers clipped to them. The screenshot below shows what your workspace looks like once the duplicated paper has been created but before it’s been moved into place and clipped. See how it covers up a lot of the template?

5

Here’s where there’s another speedy tip that comes in handy. As I mentioned, you can follow the exact same process for those flower shapes, stitching lines, ribbons and so on. The template’s symbols are more for size and placement of objects rather than carved-in-stone directions, so you can cover those shapes with just about anything. Drag and drop your element into place on the template and size it to your liking. Here I’m using a white flower. The speedy secret?

9

Copy the layer style > right-click on the shape layer and select Copy Layer Style > from the template’s symbol layer then paste it > right-click on your element layer and select Paste Layer Style > to your element. Do this the first time you add an element to the layout and then you won’t have to do it again later for each individual item.

10

This template has a number of identical flower shapes so I copied the white flower – WITH the shadow layer style included – and moved them into place on the template, moving them up the layers panel so they’re in the right order in the cluster or stack. I also adjust the angles on some of them so they look more naturally arranged (shown in the second screenshot below).

11

12

Once the elements I want are in place on the template, I delete the template’s symbol. (Remember to work on a copy so you don’t end up throwing out the whole template!)

Speedy tip – you can delete multiple layers at one time by selecting them all in the layers panel > CTRL/CMD+click on the layers until they’re all selected > then right-click on any one of them to select Delete Layers from the drop-down menu.

13

When positioning small items like buttons on templates, it sometimes helps to put them underneath the symbol’s layer in the template so you can have a better idea of size. I like my buttons small so this tip is one I use a lot.

14

When you’ve added all your chosen papers and elements to the template, you’re done! All of your layers are shadowed (as long as you’re using a pre-shadowed template like this one, of course) and it’s probably taken you under an hour. My final version of this layout is in the gallery. I hope you’re able to follow along with this speedy tut and come to love templates as much as I do!

gs_footer_jan

Tutorial Tuesday (Photoshop Elements)

gs_blog_teachyouiwill_header

One Photo, More than One Photo Spot

Greetings Gingerscrappers! Are you ready for another Tutorial Tuesday?

Ruth posted the following when Stephanie asked what kinds of topics I should cover: “How do you add a single photo image across more than one photo spot… I see this all the time and can’t figure it out.” Well Ruth, let me show you!

I used a template from the GS Digital Scrapbooking Day 2014 mega blog hop kit called Family Game Night for this lesson, along with pieces of 5 designers’ September Buffet kits. Many scrappers like templates for the ease and speed of their workflow and templates are great for this simple technique. I chose this one because it has two photo spots, close together and aligned with each other, more for simplicity than for any other reason.

1

I started off by finding the two photo spots in the layers panel. I nudged them a little closer together so there was still a visible gap, but not a really obvious one.

3

Then I selected both photo spots in the panel and shifted them a little so they were more centered in the layout.

2

As I explained in my Basic Template tutorial, I like to work from the bottom up, so I laid down all the layers below the photos first. When I finally reached the first photo spot, I dragged my photo onto the template and resized it so it would crop nicely. Then I duplicated that layer. (Right click on the layer and select Duplicate Layer from the drop-down. Or use the keyboard shortcut CTRL/CMD+J.)

4 5

After moving the copy of my photo above the second photo spot in the layers panel, I clipped the photos to each photo layer. (Right click on the photo layer and select Create Clipping Mask from the drop-down, or use the keyboard shortcut CTRL/CMD+G.) When I was finished with that, this is what it looked like.

6

Once I had the rest of the layers filled, I didn’t like the amount of disconnect between the two sections of my photo so I nudged the bottom PHOTO SPOT layer up toward the top one a little more to close the gap. It’s still visible, but not glaringly so.

7

That’s all there is to it! Easy-peasy!! If you want to use a single photo to cover more spots, just keep copying the photo, moving it on top of the next photo spot and clipping it. You can do this as many times as you want… the sky’s the limit. You may need to shift some of the embellishments so they don’t cover up important parts of your photo, but you’re only limited by your imagination. The final version of my layout is here. I’ll be checking out the gallery to see if anyone has tried this over the next few days. Play with it. Have fun!

Kits used for this layout:

Aprilisa BeYouTiful elements

Connie Prince Empty Nest extra papers

Mandy King Autumn Skies wood paper

Ooh La La Scraps Autumn Chill alpha and papers

Seatrout Scraps Autumn Odyssey elements

gs_footer_jan

Tutorial Tuesday (Photoshop Elements)

gs_blog_teachyouiwill_header

Titles Revisited: Alphas plus Fonts

Hey all you Gingerscrappers! I’m back with another Tutorial Tuesday for your viewing pleasure. Today we’re going to build on that first lesson on titles. If you need a refresher you can find it here. Many of the kits available to digiscrappers come with matching alphabets – I’m always really happy when I find them in the kits and use them a lot. They can be combined nicely with a font or two to create very eye-catching titles and that’s what we’re focusing on today.

If you recall, I mentioned in the first titles lesson that I like to work with a new, separate file when I build my titles. It really does make it easier to see exactly what the title looks like and to line things up the way they look best. (It also helps make these tutorials easier to follow, a nice little side benefit!) One of the drawbacks with version 12 of PSE is that when you drag and drop items onto your workspace, they’re turned into “smart objects”, and are the same size as the canvas… in my case, 12×12! That’s a problem and one of the reasons I started doing titles separate from the layout. I typically use a 6×1 or 6×3 inch workspace, depending on if it’s going to be one line or several. You do what feels comfortable for you.

I worked with last month’s Daily Download, Play Ball from Connie Prince, which came with a gutsy, strong serif alpha, for this layout. I wanted a title that was a little different but still well-anchored to the topic, so I chose the title of one of my favourite baseball movies, For Love of the Game.

On my 6×3 workspace, I dropped the alpha letters as shown below; they all stack one on top of the other so I selected them all just as they were and resized them down a LOT. Then I started shifting them into place, nudging with the arrow keys.

2016-09-12-1 2016-09-12-2

They needed to be shrunk a few more times before they all fit onto my canvas. I decided to make the word “the” a little smaller that the word “game” so I selected those three letter layers and shrunk them a bit more. Then I lined everything up again using the bottoms of the letters. Once that was done, I selected all the layers in the palette and merged them together. I then moved the words to the bottom of the workspace so I’d have room later for my font.

2016-09-12-4 2016-09-12-5 2016-09-12-6

Looks good! But wait, I used a charcoal paper for my background so how can I make this title stand out against it?? Oh, why don’t I paste it on some different coloured paper and make a paper border? Yeah, that’ll work. To do that, I dropped a green paper (I was going to use red but changed my mind at the last minute) UNDER the words.

2016-09-12-16

Then I went to the layer with the words on it and CTRL/CMD+clicked on the thumbnail. That put some marching ants around the outside of the letters. (They’re hard to see in the screenshot, but they’re there.) I kept the layer with my green paper selected in the layers palette though.

2016-09-12-17

Then, just as I did in the first lesson, I went to the Select menu and chose Modify>Expand from the drop-down menu to expand the selection by 10 pixels. The marching ants are easier to see in the screenshot below, aren’t they? (Well, except maybe in that last one. 🙁 )

2016-09-12-18 2016-09-12-19 2016-09-12-20

Now comes the tricky part. I want to cut the paper away from the letters, and to do that I have to invert the selection. So back I went to the Select menu and chose Inverse. (Actually I used the keyboard shortcut Shift>CTRL/CMD>I.) That moves the marching ants to the outside of the paper. Next step is to cut the paper by selecting the Edit menu then Cut. CTRL/CMD>X will work too.

2016-09-12-21 2016-09-12-22

Et voilà!

2016-09-12-23

To show that I didn’t just put a stroke around the alpha I added a drop shadow. That adds some dimension to the words. More about adding dimension to your titles in a future tut.

2016-09-12-24

Now on to the font part of our show. I know from a lot of experience that if I use the exact shade of green from my paper, it’s going to look very anemic. Can’t have that! So I used the colour picker (click on the swatch in the foreground) to darken the green but keep it in the same family. I moved the cursor over and down to the right at about a 30° angle and selected a darker lime green.

2016-09-12-26

I wanted a script font with a little bit of heft to it that would balance with the alpha so I chose a font called Silly Me Script. I typed out “for love of” in the space above “the GAME” and adjusted the size and alignment until it looked good. Then I made a sticker!

2016-09-12-27-silly-me-script

All that was left was to merge the layers and drop my title onto my layout. One really important thing that I can’t emphasis enough is that titles and journaling should NEVER “float” over the layout. So I put my title on a layer just above my background paper and added a narrow drop shadow to it. And there you have it! To see the whole layout, you can look here.

2016-09-12-28

And that brings us to the end of this tutorial. I was really pleased to see so many sticker-ified titles in the gallery after the first tut, so I’ll be watching for some font-and-alpha combos. Have fun… see you again soon!

gs_footer_jan

 

Tutorial Tuesday: Use a Basic Template (Photoshop Elements)

GS_blog_TeachYouIWill_Header

Happy Tuesday Gingerscrappers! Here’s the second in what I hope will be a series of tutorials to help you get the most out of your digi-scrapping stash and to grow your skills. So if you have an idea for what I should write about, please drop by the GS Facebook page and leave a comment on this thread.

Annette asked for some help using templates, so that’s what we’re going to talk about today. Every month there are two free Challenge templates provided by Gingerscraps designers, one on the first and the second halfway through the month. The reasons I mention this: they’re FREE and they’re readily available, plus they fulfill two challenges each month! Templates are a great way to speed up your workflow and to stimulate creativity.  First, they take some of the decision-making out of the process by showing where to put papers and elements. Some templates are also pre-shadowed, so that’s one fewer step to take in building a layout. But they’re not set in concrete, so there’s a lot of opportunity for making the template truly your own. Today we’re only going to stick with the basics.

There are several forms of template available out there and I’m not going to pretend to be an expert in any of them. I work with PSE12 – Photoshop Elements version 12 (it presents some challenges, but I’m too cheap and suspicious to go with Creative Cloud so I’ve learned to deal with them) which is fairly versatile. You can work with PSD, TIFF or PNG files equally with PSE. The steps I’m going to show you in this tut will work with both PSD and TIFF formats. Let’s get started!

First, I choose a template that will work with the photos I want to scrap. For this lesson I’ve used the challenge template so graciously provided by Maggie of Mag’s Graphics. I used it pretty much exactly as it was presented, but you’ll soon see there are lots of ways to customize and alter any template. Stay tuned!

Preview

I open up the preview in an image viewer so I can figure out what I need to build my layout. I count up the different papers and elements then go to my Gingerscraps stash and start choosing what to use. For this layout I used September Buffet kits from Ooh La La Scraps (Autumn Chill) and Seatrout Scraps (Autumn Odyssey). I make a folder to hold the items I want to use so they’re all in one place and I can see how they look together. (Please bear in mind that this is MY workflow and I’m only making suggestions. Please don’t feel like I’m telling you the only way to do things… do what’s comfortable for you.)

Layout folder

One advantage to doing things this way is that if you then double-click on the PSD template file in this folder, it opens automatically in PSE and is at the very top of the photo bin. Another advantage is when you click on Open Files, the software takes you right to this folder. Once I have all the items I’m planning to use open on my workspace, I select the background paper layer in the layers panel and work my way up, the same way I would if I was using real paper and elements. You can choose to work in any order that suits you best, but this provides an orderly way of proceeding.

workspace

Start adding in your papers. The background paper is full sized in this template so it’s just a matter of dragging and dropping the paper you like onto the workspace. Mine is a tan paper. The next layer in the template’s layers panel is coloured gray and is a bit smaller than the background. You can drag and drop a paper on top of it then resize it to fit, but a much easier way is to use a clipping mask. Below you’ll note I’ve dropped a dark green paper on top of the gray layer in the layers panel. To create a clipping mask, which “clips” the paper to the shape below it, right-click on the layer and select Create Clipping Mask from the menu, or CTRL/CMD+G will accomplish the same action.

2016-09-05 (5)

2016-09-05 (6)

Voilà! The green paper is now neatly clipped to the gray paper layer and there is now a lovely border around the layout. I wanted to use a painted wood paper from Mandy King’s Buffet kit Autumn Skies for the most visible background layer so I dropped it on top of the white paper layer in the panel. But I also wanted the painted edges to show and that wasn’t going to work if I just clipped the paper to the layer. So I used the Move tool to select the edges and resized the paper to 93%. The best and easiest way to do this with papers like this is to click in the box at one corner of the paper and then type in the dimensions in the little tool panel boxes underneath. This method automatically centers your paper. Make sure you’ve got the Constrain Proportions box clicked so you get a uniform resize. Then you can go ahead and clip the paper to the layer below it and not lose much of the painted edge.

2016-09-05 (7)

The next three layers in the template are papers or photos with rounded corners. Maggie has each of these paper blocks on their own layer so you can clip different papers to each one if you choose. I wanted them all the same, so I selected all three layers and merged them together, then clipped a single aqua polka dotted paper to the resulting layer in the palette. I could have copied the paper three times and done each layer individually but I’m lazy.

2016-09-05 (8)

I did the same thing with the two rounded rectangles on the right side of the template and clipped a tan, polka dot paper to it. But when I looked at it, my first reaction was BLAHHH!

2016-09-05 (10)

So I deleted that layer and went with a lovely burgundy plaid paper instead. Ah, MUCH better! That’s one of the beauties of using templates. You can clip 15 different papers to a shape then turn them on one at a time to see which one you like best, then delete the ones you don’t.

2016-09-05 (11)

The dark green strip along the left edge of the template could be a paper strip, a ribbon, ricrac or stitches… or even a combination of all of them. I decided to use a piece of ricrac.

I really wanted to have the same dark green matting my photos as was used for the second layer of the border, but the template didn’t have separate mats for the photos, as I discovered when I clipped my green paper to one of the photo spots.

2016-09-05 (12)

To get around that, I copied the photo layers – right-click, select Duplicate Layer then click OK on the pop-up menu, or simply CTRL/CMD+J – then resized the copy layers to make a nice mat border around what would become my photos.

2016-09-05 (13)

Clipping photos to photo spots is just the same as for clipping papers to shapes. I like to use the corner of the photo spot to line up my photo when the photo spot is tilted, like these are, unless I’m not worried about how the photo crops. Don’t worry too much about the size of the photo at this step, because you can resize it and position it once you’ve clipped it to the spot.

2016-09-05 (14)

Things will start to move a lot faster once the background and photos are in place. This template, being a simple one, has only 3 different elements positioned in each corner. I chose a string flower with a button center, a flower that looks somewhat like a chrysanthemum and a grapevine ring. I decided that both clusters would contain the same items, as shown in the template through the use of identical shapes, but feel free to use whatever elements in whatever combo you want. Working from the bottom up, the next layer is the tan daisy shape. Drop an element onto your workspace and resize it a bit so you can see what you’re doing, then move it in place under the shape on the template, as shown. This will help with positioning and sizing. If you’re using a pre-shadowed template, you can copy the template’s shadow for that layer by right-clicking on the shape layer in the layers palette and selecting Copy Layer Style from the menu. Sorry, no keyboard shortcut for that. Once you’re happy with it, you can go ahead and delete or turn off the shape layer. (I ALWAYS work with copies of files so I don’t accidentally throw out something I might want to use again, so I can delete.)

2016-09-05 (15)

The template showed a circular element with an open centre so I thought I’d use a grapevine ring for that.

2016-09-05 (16)

But… it wasn’t working for me once I did it. So I swapped it out for a dried orange slice. It looked a little funny lying overtop of a fairly fluffy flower, so I moved it down a couple of layers to where it sat flush against the paper, then repositioned it a little.

2016-09-05 (17)

For the cluster in the opposite corner, I duplicated the three layers I just placed as described above and moved them up and into position, using the shapes provided by the template for placement. Took all of about 3 seconds! Then I dropped some buttons on the layout – lo! and behold… that brought me to the top of the template’s layers. Almost done.

2016-09-05 (18)

Now that all of the papers, photos and elements are in place, it’s time to shadow. I use a set of shadow styles by Mommyish most often, but you can use the drop shadows supplied with your software. (Getting into how to obtain realistic shadows in detail is beyond the scope of this tutorial.) I like to do this task in the most efficient way possible, so I select like layers and shadow them all at once. Then later, if I find it looks a bit funny, I can go back and tweak only the layers necessary.

2016-09-05 (19) 2016-09-05 (20)

The final steps are title and journaling. The challenge template doesn’t have a defined area for either but there are some nice open spots so I chose to journal on the upper burgundy paper and put my title on the lower aqua paper. If you’d like to see the final result, it’s in my gallery.

In the coming weeks, I’ll share some tips on how to get the most out of templates so keep an eye on the blog!

GS_footer_Jan

 

 

 

Tutorial Tuesday (Photoshop Elements)

Turn a FONT into a STICKER!

Gingerscrapper Heather requested some help with creating eye-catching titles, so this little lesson will focus on turning a font into an outstanding sticker. Over the next few weeks we’ll go into more detail on how to really jazz up your layouts, so stay tuned!

The very first step is to figure out what to call your layout. You want to choose something that works with the topic, but you don’t want it to be “Joey’s 8th Birthday”… where’s the excitement in that? Instead you could go with “Today He’s 8!” For the layout I created to help with this lesson, I looked up some surfing terms, looking for a hook. I came up with “Rippin’ the Foam”.

I like to build my titles on their own work space – there are fewer distractions and I can see clearly what I’m doing – so I always open a new file <CTRL/CMD+N>. (I use keyboard shortcuts, they really speed things up, but if you’re not comfortable with them, go ahead and do things as you usually do.) The size of the work space can be whatever you want, because you’ll be able to resize your title when you’re ready to use it.

As you can see, I’ve already chosen the colour for my title. I decided to work with the two fonts selected by Jennifer of Leaving a Legacy Designs for the August challenge, since I hadn’t done it yet. Using Sacramento I typed out “Rippin'” but found it to be a little anemic for a title. To beef it up a bit, I simplified the text <right-click on the layer and select Simplify Layer from the drop-down menu> then I selected the text by <CTRL/CMD+click> on the thumbnail (the little image in the layers panel). Once I got those little ants marching around my text, I went to the SELECT menu and chose Modify > Expand and put the number 3 in the box.

That pushed the line of ants out by 3 pixels, which was just enough. (Sometimes you have to play around to get it right, so don’t forget that CTRL/CMD+Z is your best friend.) Next I used the Fill tool (the paint bucket) to fill in the space created in the last step. You’ll notice that there’s a very thin line inside the filled space so just keep moving the paint bucket around and clicking until all the space is filled in. Now I had a nice, fat word but it was a little umm… meh. So my next step was to change the foreground colour in my colour picker to a medium-dark gray.

In the EDIT menu, I chose Stroke (Outline) Selection, set the value to 1 and chose Center.

2016-08-29 (9)

That puts a very thin gray line around the edge of the text. To continue on achieving the sticker look, I changed the colour of my foreground to white (ffffff) and I again selected the EDIT menu, only this time I put 6 as the value and selected Outside for the location.

Now we’re cookin’! I changed the font to the other featured font for August, RNS Camelia and added the rest of my title in black. It needed a little nudging to get it where I wanted it – that’s part of the process. deciding what looks good. I chose not to include that part in the sticker because I wanted it to look like I’d written it on the layout.  At this point, I had two layers on my work space. With the Rippin’ layer selected, I added a drop shadow and tweaked it so it was close to the sticker, sort of sharp and fairly dark. <Double-click on the fx icon on the layer in the layers palette, then use the sliders to adjust the size – sharpness of the edge, distance -width of the shadow and opacity – darkness of the shadow until it looks good to your eye.>

Once that was done, I merged the two layers together so I could move the title in one piece onto my layout. Now, knowing that I didn’t want my title to “float”, I selected the background paper layer of my layout to drop the title onto. It needed to be adjusted for size and placed where it looked best then ta-da! it was done! As you can see in the very first photo above, if I’d just used the font by itself, my title would have been lost against the patterned paper in the background. With a few simple steps, I made it so much better!

There you have one very basic method of adding interest to your titles. The tutorials to follow will build on this lesson and add a lot of cool techniques to your skill set. I hope you’ll continue to suggest topics for future lessons so you can grow your skills to match your imagination.