More Fun with Fonts – Die-Cut!

Recently I had an image that kept popping up on my Facebook (one of course I can’t find again now that I want to…) showing this great die-cut paper title where the centres of the letters were cut out and the edges were tack-sharp. If I recall correctly, it was an ACTUAL paper title, not a digital version. But since we’re all about the digital here, I set out to find a way to replicate it. Before I get into that, I wanted to share something that I discovered accidentally, since it didn’t work in PSE 12. Did you know that in PSE 15 you can go directly to the font you want to use (if you know what it’s called) just by clicking on the font box as shown below and starting to type the name. I’ve been using Lumberjack Regular for the captions on my screenshots for these tutorials since I made the switch to 15 and this discovery is such a time-saver!

First I opened a new file on my workspace. It can be any size you want – I like BIG – because you can resize it later. The colour used for the font doesn’t matter – you can always change it. This technique works best with a chunky san serif font (did you use those tags when you set up Main Type?). The font shown below is called Haettenschweiler Regular. I’m not sure about that capital “R” so let’s see what happens…

I think those of you who read my tutorials regularly could predict my next instruction. Simplify the type! Just make sure you don’t have any spelling boo-boos because once it’s simplified you can’f fix it.

Now you want to Select your text by clicking on the Layer thumbnail in the Layers panel. There are the magic marching ants.

There are some adjustments you can make to that selection by clicking on the Select tab along the top of the screen, then choosing an option from the dropdown menu. In this case, you’re going to select Modify>Contract. What this does is move the marching ants toward the centre of the selected area. Expand would move the selection outward.

This is where you’ll need to experiment a little. Enter a number in the box and click OK to see what your altered text looks like. If you’re not happy, Undo (CTRL/CMD>Z) it and try again until you find the one you like.

Here’s what it looks like Contracted by 45 pixels, and it’s NOT what I wanted. See how the marching ants overlap each other on the “R”? I changed the number I put in the box and carried on. I still didn’t like what I was seeing. For the sake of a learning experience, let’s keep going.

To remove the area outlined by the marching ants, you can click on Edit>Cut or use the WSNH (Work Smart Not Hard) shortcut CTRL/CMD>X.

And I don’t like it at all. Not even a little. The cutout area isn’t smooth and doesn’t follow the contours of the font the way I want it to.

So there are a couple of ways to resolve that issue. One is to use a different font. This one below is called Segoe UI Black and it will work much better. Other default font possibilities are Arial Black, Bauhaus 93 Regular, Britannic Bold Regular, Copperplate Gothic Bold Regular, Ebrima Bold, Konga Pro Regular and Poplar Standard Black.

The second way to resolve the issue is to use a stroke, rather than cutting out the middle. Create a new layer above the font layer to put your stroke on. That gives you a lot more flexibility. Go bold, with a BIG stroke and have it centred on or inside the edge of the font. If you put it on the outside you might end up with a similar look to the failed one above.

I know this image is difficult to see. It wasn’t when I was working on the screenshots. Honest!

Here it is with a patterned paper clipped to it. Nice, crisp, sharp edges. If you want, you can move the letters around and have them overlap a bit. Just remember to merge the layers so they’re moving as one.

There are more ways to play with this. If you want to add a glittery layer or appliqué your die-cut letters onto another paper, you would use the same steps as for creating the outline, only you’d create the new layer UNDER the font layer. Add a stroke of an appropriate size to the outlines. Then you can apply a glitter style to the stroke!

It occurred to me that some of you may not know how to load the awesome layer styles designers like Aimee Harrison, Magical Scraps Galore, Miss Mis and Just So Scrappy/Ooh La La Scraps create. So here’s a quick little tut-within-a-tut. After you’ve unzipped the style files, you can rename them if you like. I’ve done that so I can find them more easily. Then copy those files into the Adobe folder on your computer. Program Files>Adobe>Photoshop Elements #>Presets>Styles. That puts them all in one place. Then in PSE, click on the Styles tab down at the bottom of the Layers panel. Once that panel opens, look at the upper right corner of the panel where there’s an icon that shows a stack of 4 little parallel lines with a tiny arrow to the left of them. Click on that icon. It opens a menu as shown below.

Click on Load Styles and PSE will open up that folder you just filled up with presets. Then you can select the style collection you want to load. Easy peasy!

Okay, so now I’ve created a stroke underneath my title and hit it with a white glittery style.

Looks good, but a little blah. So maybe a Bevel? There’s a fast way to find the Simple Emboss bevel style and that’s to click on the More tab down there next to the Styles tab. Inside the Favorites menu there, PSE has very kindly put a shortcut to the Simple Emboss. A quick double click and there’s a nice bevel on my die-cut.

Don’t neglect a drop shadow for your newly beveled diecut!

Here’s what my finished title looks like on the layout. I used a lovely kit from our November guest designer Day Dreams ‘N Designs called A Snowy Adventure and a template from Dagi’s TEMPtations (her store closes soon).

I hope you give this one a try!

You’ve Gotta Know When to FOLD ‘Em

Are you ready for some football? Oh wait, that’s NEXT week…

I have a neat little visual trick for you to add to your digi-scrapping arsenal. Have you ever wanted to know how others get those cool folded papers they use? In 20 minutes you’ll be doing it yourself!

I’m showing this technique against a background of other papers but you can totally do it with a transparent background if you like. The papers below are the ones I’ve pulled onto a template (credits to follow) and if you look closely you can see that I’ve eliminated the shadow from the top, blue sponged paper by Clearing the Layer Style. It’s not an essential step so if you’re working with a paper within a template, don’t worry about it.

The first step is to select the Polygon Shape tool. Then when the tool options menu opens, tell it you want 3 sides. Use one of the colours from the paper, or white for your fill colour.

Don’t be concerned that PSE wants it to be an equilateral triangle, because you’re in control and you can bend it to your will. To make an isosceles or scalene triangle (yeah, I remember a bit of 10th grade geometry – some days I scare myself!) go to Image>Transform Shape>Skew.

“Grab” one of the handles on the bounding box and pull it in the direction you want it to go, and adjust the shape to make a right triangle. That will ensure you’ve got a little smidge of the underlying paper visible later.

Once you have your triangle the shape you want – mine is a narrow wedge – don’t forget to Simplify it.

Now move that triangle over so that one of the long edges is flush with the paper edge. (I turned visibility for the papers underneath off so these steps will be easier to follow.)

For this part of the process, you want to bottom edge of the triangle to extend past the bottom edge of the paper.

Now Select the edges of the triangle by clicking on the Layer Thumbnail to get those marching ants.

Look to see that you’re on the layer with the paper you’re folding and not any of the others. Then Cut the triangle from the paper using the CTRL/CMD>X keyboard shortcut.

Go back to the triangle layer and Deselect it (CTRL/CMD>D) then drag it from one lower corner until that same edge you lined up with the paper’s edge is lined up with the new cut edge. Check that the pointy top of the triangle is exactly positioned on the edge of the paper as shown – zoom in as much as you need to. Then hit the green checkmark.

That should give you a little sliver of your paper visible right at the bottom of the image, as shown below. If you want to, you can adjust the shape or size of your triangle to make it happen, but that shouldn’t be necessary.

Of course, this fold needs a proper shadow. Once again, Select the triangle by clicking on the Layer Thumbnail. Create a new layer underneath the triangle by CTRL/CMD>clicking on the New Layer icon – the single sheet of paper at the top left of the Layers panel – to put your shadow on. Then using the Paint Bucket tool, fill the selected area on that new layer with the shadow colour. If you’re using a template, you can right-click on the fx icon on any of the shadowed layers then click on the colour swatch. Copy the colour number from the menu box. Then click on the Foreground colour on the Tools panel and paste the number into the same box. That way all the shadows will be the same colour. Now you’ve got a dark triangle layer underneath your folded paper. Nudge it over so you can see it.

Apply a Gaussian Blur filter to the shadow then tweak the Opacity down to somewhere around 50%, or whatever looks similar to the existing shadows on your template. You can then change the Blend Mode to Linear Burn and your shadow is perfect. You can then Smudge the shadow layer so it’s narrower at the top of the triangle and wider at the bottom, as you’d expect to see if the folded paper isn’t lying directly on top of the paper under it. Another way to accomplish that is to slightly tilt the shadow.

If you’ve Cleared the Layer Style on your paper layer at Step One, add it back now. I almost forgot that step!

Easy-peasy, isn’t it? My layout was created for the November Designer Spotlight challenge using a template from Aprilisa‘s Picture Perfect 155 and Pixelily‘s Daily Stuff kit. This is what it looks like altogether.

Let me know how you like this technique!