Tutorial Tuesday (Photoshop Elements)

There’s a Flag on the Play – Out Of Bounds!

I had a mini-crisis on Friday when the screen on my laptop started to fail. Geek Squad guy I’m married to tried to fix it but was unable to so out he went to find me a new one. I spent the weekend transferring files and installing software so I apologize for all the redirects you’re going to find in this tutorial. I try to show every step and explain it all in detail as I go along, but I ran out of time… And I seem to have lost the font I was using to label my screenshots, so I’ve switched to Lumberjack. At any rate, this tutorial builds on skills I’ve already shared with you in past tutorials, so I’m going to link you up where necessary.

I spent some time recently checking out the forum at another shop that had a big event happening. One of the event-related threads asked members to show a layout with a technique the member really wanted to learn. Guess what I’m teaching you today? You guessed it! We’re going to take this:

to THIS!

I used a stock photo I found on Pixabay, along with a mask created by PHOTOCowgirl (former GingerScraps designer), a paper from Just So Scrappy‘s Chasing Rainbows kit (the bundle is on sale right now for the incredible price of $5!) and a frame from the GingerBread Ladies‘ MEGA collab True Friend. If you don’t have a mask that will work with your photo, you can make your own using brushes, varying the opacity from 100% at the center to about 30% at the edges.

I laid down my mask then dropped my photo on top of it. I made a copy (CTRL/CMD>J) of the photo so I could extract the bee and part of the cone on the focal flower.

I clipped the photo to the mask temporarily while I decided where to put the frame. Looking at it now, I might want to move it up a smidge so the cone on the flower just behind the focal point is inside the frame… or I could extract it too. Let me think about that…

Zoom in (CTRL/CMD>+ to enlarge, CTRL/CMD>- to shrink) and out while you’re working so you can see what you’ve done.

I turned off the visibility of the photo to be clipped to the mask and the frame, using the Rectangular Marquee tool (CTRL/CMD>M) to cut away the areas in the background that I don’t want to show against the frame. Then I added a Layer Mask to my cut-down photo.

Working on the Layer Mask I carefully erased the remainder of the background. The basics of this technique can be found in this tutorial. Later I went to the frame layer and masked off the area where the petals extend over the frame.

You can resize and move the mask, clipped photo, frame and extracted bit of photo to suit yourself by selecting all the layers using the click-shift-click method.

Now I wanted to have the cone and bee cast a shadow on the frame and the photo to add some dimension. CTRL/CMD>click on the sheet of paper at the top of the Layers panel to create a new layer underneath your extraction. Or just click on the icon then move the layer down. In case you need some reminders on how to create shadows on their own layer, you can review this tutorial. Make sure your shadow layer doesn’t shadow the photo underneath the frame where the sharp edge is, along the bottom of your extraction.

One step that isn’t always needed is to remove areas of that shadow layer that wouldn’t be there if the image was a real thing. You can just erase those areas.

For the petals’ shadow I used a drop shadow brush that is one of the prepackaged brushes Elements comes with. This too went on its own layer so I could adjust it as much as I needed to.

Shadow the frame and it’s good to go!

Next week’s tutorial is going to blow your socks off, so get ready!!!!

Tutorial Tuesday (A Little Departure)

The EYEs Have It

This week, I’m going to go a little off-script, but in the end I think you’ll agree it’ll make for better layouts. So let’s talk about taking better photos. There are some really simple tips coming up that will make your photos so much more interesting and by default, your layouts will benefit too. I’m not going to baffle you with a lot of technical jargon, just some hints on things like composition, vision and mindfulness. The main component of great photos is light. If you train your eye to look at light as an extension of the image you’re planning to capture, you’ll be halfway there!

Oh, and taming that photo-destroying camera shake is an absolute must! If you’re going to be moving around and don’t want the encumbrance of a tripod to keep that camera stock still, you’ll need to brace your arms to minimize movement. If you WANT blurry, out-of-focus photos, hold your camera at arms’-length and snap away. If you don’t, hold your camera in both hands, tuck your elbows in against your trunk, take a deep breath, let it out slowly while you compose your shot and hit the shutter button as you get to the end of your exhale. This stays the same whether you’re shooting with a wildly expensive DSLR with a 300mm lens on it (although if you’re doing that, I’m going to bet there’s a tripod in there too) or if you’re snapping away with a cell phone camera.

This past weekend I went to a local festival I try to attend every year. Photo ops are everywhere at events like this, as long as you can be patient. If you can wait even a couple of minutes until the people clear out, you’ll get better shots. I have an abundance of patience and if I’m by myself, I take all the time I need to get what I want; I left the menfolk at home this year! So anyway, this festival is a classic-cars-and-classic-rock event that actually runs over 4 days. The weather is usually stellar for the Saturday show-and-shine and this year was no exception. Taking photos of cars in bright sunshine presents some particular difficulties and you’ll see how I addressed them when I show you my examples. All the photos I’m going to show you are SOOC… straight out of the camera and shot using the same lens. I haven’t made any adjustments.

Let’s start with exposure. Using the light that’s available to your advantage is going to make your photos look a lot better. In this first photo I was shooting toward the light, so the fender and door area are a lot darker than I’d like. There’s also a LOT of glare from the windshield. Sure, I could fix it with PSE, but why not try to minimize how much tweakage will be needed right from the start? (A little WSNH tip. 😉 )

By going around the car and shooting from the other side, the exposure is much more even and the glare is gone.

Think about what’s actually in your viewfinder – or on your LCD screen – and try not to have objects growing out of people’s heads or otherwise messing up your shot. Pay attention to what’s in the background. If you have to move a little, it’s not a bad idea. In this first image, that snow fence is just NASTY! I could crop it out, but…

by just moving a couple of feet and changing the angle of approach, I caught a couple of sweet little sunflares and the hood ornament’s details are much more visible. At this angle the chrome reflects less of the paint colour and the crowds are still reflected but undefined.

Another example of how simply changing your point of view improves your shot… if I wait a minute the guy will move. But the lawn chair and the sun canopy? Doubtful.

So I moved. Lawn chair? Gone. Sun canopy? Gone! Dude in the rust coloured shirt? Also gone!

Reflections and shadows can make or break a photo. I often think details are more interesting than whole objects so I wanted to get a shot of the tail end of this Hudson. Oh dear… who is that old woman reflected in the paint? Oh yeah. Me.

I took a step to my left, reframed and took this one. Much better!

I think this photo can be redeemed a little (dodging and burning perhaps); I do like the way the woman’s face is framed by the parrot’s beak and breast, but the shadows are so overwhelming. Some judicious editing – and cropping – in PSE might make it useable.

Fortunately, I was able to move a couple of steps to my left and got this one! Get a load of that depth of field. What a handsome bird. Fancy name too… hyacinthine macaw.

Another example of both attending to reflections and cropping in the viewfinder follows. The hood ornament is the subject here, but it’s a bit distracted from by the car behind it.

A slightly different angle and moving a bit closer captures nice reflections in the chrome, and plays up the detail a bit.

I’ve seen a lot of photos of ridiculously cute kids and pets that could be made really special just by getting down to their level. See the difference between these two photos? I think we’ll all agree that the second one is the more interesting one… even with the people in the background.

This shot is also taken from a crouch.

The next two examples show how the point of view makes or breaks your shot. This Caddy has been part of the show-and-shine for as long as I can remember. It’s one of my favourite cutesy touches so I usually take at least one snap of it. This is the first one I took. Kinda ho-hum. The exposure isn’t particularly great – the tray is underexposed and the Root Bear is overexposed. If I was telling a story with this photo, it would have put people to sleep in a heartbeat.

So I moved around, Now the Bear is the story. I could have done a better crop in my viewfinder, but that’s a really easy fix.

When I’m shooting points of interest like this view of one of our parks, I try and get the most effective shot I can. Sometimes that means ditching the good old landscape orientation.

Beauty is in the eye of the beholder and to my eyes, this portrait-oriented shot is better.

Before I forget… when you’re shooting photos of water – rivers, lakes, oceans – remember that water will ALWAYS be level! There are few things more visually jarring than a tilted horizon with water in it, unless there’s something or someone in the foreground that provides the subject and the angle of the horizon is an artistic statement.

I think this pair of photos brings everything I’ve just suggested together in one. Cropping in the viewfinder, shooting up rather than down, taking advantage of the light and paying attention to the background are all aspects of the better shot. And I can’t wait to play with it!

Ooh, I caught a little bit of bokeh in these. Sweet!!

I hope you’ve found something useful in there and that I haven’t come across as bossy. I wanted to keep it simple and achievable for everybody. Let me know what you think!

 

 

Tutorial Tuesday (Photoshop Elements)

Reflections

Once again, Glee has outed me! She saw my finished layout in the Gallery and just knew today’s tutorial would relate to how I created my title. I used a pretty but fairly simple script font called Black Olives. It’s an upright font so I chose the Italic Text tool option. The colour was pulled from the sky in my photo.

After I had my text the size I wanted it and in the spot I wanted it, I simplified then duplicated the text layer. CTRL/CMD>J, remember. Then I “grabbed” the handle at the top centre of my bounding box – make sure yours is on! – and pulled it straight down. The Move tool options include a spot to Constrain Proportions; if you select that, it will automatically size your image. If you look at the numbers in the boxes, one will say 100% (for example) and the other will say -100%. But for this technique you don’t have to constrain proportions if you don’t want to. You can make it whatever height you want. When you’re happy, hit the check-mark.

The next step I took was to Skew the image. Image>Transform>Skew takes you there. Then I pulled the lower corner handles a bit to the right. You can eye-ball for this step, or you can turn on the grid (CTRL/CMD>’) to help you do it evenly. But only if you’re really… umm… particular.

And I am. I turned on the grid so I could move those handles about the same distance. I also nudged the skewed layer down a little, as you’ll see in the next screenshot.

If you’re a faithful reader you’ll know that I’m rarely satisfied with basic. I went on to jazz things up a little by applying some special effects. I made a copy of the skewed layer then added some panache. The fx button at the bottom of your layers panel includes some basic styles, such as Drop Shadows, Glows and Bevels. By selecting any one of those you’ll have access to all of the default settings as shown below. I used a commercially available style set, but the settings below will give you the same effects. Check the Glow and Inner boxes, with black (000000) for the Colour. Set the Size to about 18 and the Opacity to about 13. Then go down and check the Bevel box, Direction up and Size at 24. You can see that the topmost skewed layer looks a little shiny with some dimension to it.

Then I went down to the original skewed layer and decreased its Opacity down to 28%. I wanted some of the blue to remain, but the shiny dimensional stuff to be most visible.

Then I merged the two skewed layers.

I chose another font, this time a simple sans serif one called Caviar Dreams. I pulled a pink from one of the papers I used then added some special effects to it too. The Glow and Inner boxes are checked again, Size is at 70 and Opacity at 50. The Bevel is set at 24 and Up again.

I decided a little drop shadow on the two fancy layers was needed because of their dimension and the end result looks like this.

You know what’s the best part? You can do this to almost anything! You can create a mirror image of a photo, an element, a brush (on its own layer, of course!), make an object look like it’s casting a really long shadow… so many ways you can make this work for you! Give it a whirl. I know you’ll find some really creative ways to use it and to combine it with other cool techniques. See you in a week.

August Designer Spotlight

LAURIE’S SCRAPS AND DESIGNS

Greetings GingerScrappers! This month’s Featured Designer is Laurie of Laurie’s Scraps and Design. She’s got a HUGE sale running until the 15th and a fabulous Daily Download for y’all, so make sure you check it out.

Let’s get to know Laurie a little better. She granted me an interview today!

1… How long have you been designing?

Since 2008 but I took a 4 year break in between.

2… What is your design process?

I start with solid papers, then pattern, then frames, foliage, flowers, other non themed elements, then themed elements. But I mix it up depending on what theme the collection is.

3… What do you use to create your designs? (software, hardware, etc)

PS CC

4… Describe your design workspace.

I got a nice new drawing 2 in 1 laptop a little while ago. (I LOVE IT!) I sit at my kitchen table so I can watch and help the kids when they need me.

5… What motivates and inspires you as a designer?

My kids, other designers, and life in general

6… What kit currently available in your GingerScraps store is your favourite? Why?

I have been changing my design style lately so all of my recent ones have been my favorite… but if I had to choose one, I think it would be “Walk the Plank“.

7… Do you craft outside the digital world?

I love to when I have time, but it has been a long time since I have time for it.

8… What is the last book you read?

Uhhhhhh…. I can’t remember! Reading has never been my thing. I like to create instead.

9… Tea or coffee?

Neither… don’t like the taste of either one. The closest I get is Kombucha. I brew my own kombucha at home!

10… Do you have a guilty pleasure?

Sweets…. mainly cupcakes and chocolate. I LOVE CUPCAKES!

11… If time travel were possible, where would you go and why?

OOOHH, this is a hard one. I am married to a history teacher, so all time periods are interesting to me now. But I would have to say the 1920’s…. the culture and historical events are so interesting to me.

12… What’s your favourite thing about GingerScraps?

I love all the great customers who are involved and participate in the challenges and post layouts using my designs. I live to see how my designs are used!

13… If you could have any super power, what would it be?

Invisibility… so I can hide from screaming kids when I need to!

Thanks Laurie!

Tutorial Tuesday (Photoshop Elements)

Dodge and Burn… NOT an Action Movie

Awhile back, Ellen (gmae) asked me to think about a tutorial on dodging and burning. I couldn’t think of how to introduce it at the time, but I’ve come up with a way!

Dodging and burning are old-school photography techniques for selectively adjusting exposure of photos to bring out details that weren’t all that evident. In the darkroom, it was done with a piece of cardboard (at least that’s how I did it back in the day).  [I cut a round hole in a solid piece of mat board (for burning) and taped the cut-out circular piece to a thin piece of very stiff wire (for dodging).] First the photographer would print the desired negative on photo paper and examine the exposure. Then another print would be made with some fancy footwork to correct areas of over-or-underexposure. Dodging involved holding the end of the thin stiff wire with the cardboard over the area of the photo that was overexposed and then exposing the paper while keeping the wire-and-cardboard dodger moving. This decreased the amount of light that hit that section of the paper, so those blown details could be seen. Burning was done similarly but was concentrated on the under-exposed areas by moving the hole in the cardboard over the dark spots, allowing MORE light to hit that area of the paper. The cardboard in both methods had to be kept moving at a reasonably constant rate so as to prevent the obvious demarcation lines the enlarger would leave on the image. It was time-consuming, wasted a lot of expensive photo paper and was definitely a skill not everyone excelled at. To be honest, I totally failed at it! So it’s a WONDERFUL thing that dodging and burning can be done digitally and done well without a lot of fuss.

My first demonstration will show you how to make things like tags look like they’re stickers and washi tape look realistic, complete with that appearance of something thicker underneath it. I’m using CathyK‘s July Daily Download Back to Nature here. (If you missed it you can still get it, it’s in the store!)

I want this tag to look like it’s a sticker and it needs a little ridge where it overlaps the photo.

To make this technique easier on yourself the first couple of times you try it (until you get the hang of it) I suggest you position your item so that you can see the edge of the object underneath at both ends, as I’ve shown. But don’t worry about having it horizontally arranged because this will work no matter what the angle.

Now select the Sponge tool. It’s actually 3 tools in one… the Sponge, Dodge and Burn are all accessed through there. The keyboard shortcut is simply hitting the letter “O“. You can use that to toggle between the three tools. Neat, eh?

The Dodge tool is the one we’re going to start with. The icon looks like that little paddle the optician uses to check your vision.

One of the important controls for this tool is hidden behind the Brush menu. It’s the one that lets you choose between Highlights, Midtones and Shadows. It defaults to Midtones, and that’s where you want it. Select a soft round brush of about 45 pixels in diameter and set the exposure (there’s that word again!) to no more than 30%. You’re going for a REALLY subtle effect, so start off light and build if you need to.

I learned something new while I was preparing this tutorial. Set your brush at the edge of the item UNDER your tag/sticker/tape and click once. You want it to overlap onto the layer underneath it a little so fix a reference point in your mind to help you later. Then move your brush cursor over to the other side of your tag/sticker/tape, hold down the Shift key and click again. Bingo! You’ve got a straight line of brush on your image!!

It’s really hard to see the change, but trust me, it’s there. Now decrease the size of your brush by about a third. Repeat the click-shift-click manoeuver again.

Once more with feeling… again decrease the size of your brush by a third (that’s why I chose 45 pixels… makes the math easy). Then click-shift-click one last time.

If you look really closely at my example, you can see the faint but definite lightening along the edge of my photo.

It’s actually easier to see from farther out.

Now we’re going to Burn the part that overlies the photo. The Burn tool looks like someone making an “OK” sign with their hand. I left the size of the brush at 15 pixels with the exposure at 30% and used the very same click-shift-click to lay down a darker line.

Then I followed that up with a HUGE brush that covered the whole part of the tag that sat on top of the photo. The first pass set the edge, the second pass created a bit of a shadow that makes it look so much more real.

Here’s a zoomed-in view…

and a zoomed-out view. What do you think?

On my finished layout, I dropped another tag on top of this one and did the same technique with it. You can see the effect below.

Okay… let’s pretend we’re in the darkroom and we have this photo on our workspace. How can we use the Dodge and Burn tools to make it look better?

I darkened his eyes, his nasolabial folds (those grooves from his nose to the corners of his mouth), his dimple and the folds in his ear using the Burn tool with a small brush size and a light touch. The photo looks a little sharper, at least to my eyes.

Then I used the Dodge tool to bring the highlights back. Wherever more light would hit his face was dodged a smidge – the tip and bridge of his nose, the top of his ear, the apples of his cheekbones and a small section of his forehead. I also hit the catchlights in his eyes and brightened the whites a bit too. You could use these tips to make the eyes in your portraits sparkle: Burn the irises a bit, then Dodge the white and catchlights for some real drama. Just remember, if you’re not happy with how your images look, you can always Undo! CTRL/CMD>Z is the most useful tool in your arsenal! (Wanna know another way to use the Dodge tool? To soften crowsfeet!)

Now let’s look at what we can do with colour photos.

I went over the throat of this daylily with the Burn tool to deepen the fuchsia areas a bit.

Then I went over the areas where the light hits and Dodged up the highlights. I worked on a copy of my photo so I could move from the original to the edited one and see how the changes looked.

And boom! The throat’s fuchsia is darker, so there’s more contrast, and the stamens and ruffled edges are lighter and stand out more. I LOVE being able to selectively enhance my images!

I’m not sure if this is what Ellen was looking for when she asked about dodging and burning. If it isn’t, I’m sure she’ll let me know. Have fun y’all, see you next week!

Tutorial Tuesday (Photoshop Elements)

More Fun with FONTS

I’ve confessed it before – I’m a fontaholic. I LOVE fonts and the options they provide. But have you ever downloaded a font because the example the email or website shows makes it look like it’s been hand-painted – cool, right? – only to find out it’s just… a font? And it looks sort of like the screenshot below. That makes me so cranky! So I’m going to show you how those cheaters do it.

Pick a colour. It doesn’t matter what you choose because it’s going to disappear later, but you want to be able to see it clearly.

Then pick a font, one with some weight to it. I like this one called Cedar. It’s one of the ones I was enticed to buy because of its lovely watercolour paint look in the samples. Umm. Yeah.

This step is optional, but I’m going to use this as a title so I filled in those gaps and made the letters all solid shapes. Tip: When using the paint bucket Fill tool, if you only click inside the space once, there will be a faint outline of the gap left when you’re done. Solution: click TWICE.

And in case you haven’t been paying attention, Simplify your font layer.

Now you’re going to choose a watercolour brush. Or one with some kind of texture. You want to make the font look fabulous, but you also want it to be grounded to the paper below it. Letting a little of that background colour show through does that nicely. Because this text will mimic a painted-on title, it won’t be shadowed later, so ground it now. Choose your paint colour at this step as well.

Create a new layer for your brush. Always. ALWAYS! If you hover your brush over your text, you can see where the edges should be, but this isn’t always so with this type of brush. It does, however, give you some idea of whether your brush will cover your text and whether it needs any adjustments. I tipped my brush a little to get a more uniform coverage by using the Brush tool Settings menu as shown below.

Then just click your brush over your text. If you want more oomph, click more than once, but be careful not to lose the tonal variations you’re trying to create.

Stay on your brush layer and Select your text by clicking on your text layer’s thumbnail. Behold, marching ants!

To Invert your Selection, you can Select>Inverse as shown, or you can CTRL/CMD>Shift>I, which shifts the active area to everything OUTSIDE the text.

This next step Deletes the paint outside the edges of the text. There are 3 ways this can be done: Edit>Delete or CTRL/CMD>X or simply hit the Delete key.

So now the paint only covers the area over the text! CTRL/CMD>D makes the marching ants disappear.

Once I eliminated the marching ants, I wasn’t totally happy with the look so I just added a Stroke to the edges… still on the brush layer.

I used the same colour for my stroke. But I could have pulled one of the other shades of teal from the background paper. I think that would have ruined the effect though. Centering the stroke on the edge eliminates those raggedy jaggedy pixels some fonts have when they’re enlarged.

The change made by the stroke isn’t obvious but I think it just defines the text a little better.

You could leave the original text layer and colour show through your brush layer, or you can turn the visibility off to see how you like the look. I found that some of the tonal variation was lost when I did that. But if you’re happy with the visibility turned off you can go ahead and delete the text layer.

Okay, so let’s try something a little different, but using the same basic steps. We’re going to reverse the look.

Back up all the way to where we Selected the text. We’ll use the same brush and colour.

But this time, don’t Invert your selection, just Delete it. Edit>Delete, or Ctrl/CMD>X or just hit Delete.

Now the Text layer is fully visible and the brush is smooshed all around it.

Turning the visibility of the Text layer off looks like this. Decision time. Happy? Not happy? What should be changed, if anything?

Let’s make some small changes.

Would a Stroke make it look better?

Same settings, same everything else.

It’s better, but not really what I want.

So I just Undid – CTRL/CMD>Z – my way back to the Select text step and changed my brush to a dirty spray.

I know I reminded you to put your brush(es) on its own layer – here’s why. You can adjust it to your heart’s content without affecting anything else. You can make the brush bigger or smaller, change the angle of it, decrease the opacity of it, change the Blend Mode, duplicate just the brush… a schwack of things can be done to it that can’t be done if it’s on the same layer as something else.

This time I clicked my brush several times, moving it around to cover the text more but still letting some of the background colour show through.

Et voilà! Turn off the text layer and it looks like a reverse stencil.

If you’ve seen the layout I used this technique for, you’ll know I went with a different colour and the very first method. Despite the appearance of a great deal of time consumed, this actually only takes a matter of minutes to do. Give it a whirl!

Tutorial Tuesday (Photoshop Elements)

A Little Bit Sketchy

Today I’m going to show you how to go from THIS…

to THIS!

And it’s only going to take you about 10 minutes to create your own sketchy image. Really! (Glee, did you figure it out? Of COURSE I planned a tutorial when I created my Designer Spotlight challenge layout!)

First things first. Open up a new blank 12×12 canvas on your workspace. You can always resize it later, but having a big canvas to work on makes it a lot easier to get it right.

Drag and drop a soft white paper onto your canvas. You have lots of choices in your GingerScraps stash so pick one you like that will work with your photo.

Now drag and drop your photo onto the paper. Enlarge it to fill the workspace with the section you want to work on… or leave it… it doesn’t matter which you do. I wanted a square image when I was done, so I resized. Then Duplicate that photo layer. (WSNH: CTRL/CMD>J)

Then turn the TOP LAYER‘s visibility off.

We’re going to play with the Filters that come with the software. Remember to select the bottom photo layer to work on for this step, then Filter>Stylize>Find Edges.

Now you’ve got a neat pencil sketch right there. You could be happy with that, but with a couple of other tweaks you can have something much more unique.

To make the white areas disappear decrease the saturation of the layer down to -100. There are two ways to get there: Enhance>Adjust Color>Hue/Saturation is one and the WSNH way – CTRL/CMD>U is the other. The menu should look like this when you’re done.

Now we have to make the sketch vanish. Hold down the ALT key and click on the Layer Mask symbol at the top of the Layers panel. In case this is your first attempt at one of my tuts, it’s the one that looks like a piece of paper with a blue circle on it, the middle of five symbols grouped together.

Now for the magic! Go to your Brush tool (hit the B key) and find a nice watercolour brush. There are some in the default brush set Natural Brushes 2 that came with your software, or you can download some free ones via a quick Google search. I used some that I found at Brusheezy. Either way, you want to decrease the Opacity of the brush to give you more control over how your sketch comes together.

Make sure you’re working on the layer mask and NOT on your image. Start painting back your sketch with your watercolour brush, either by clicking on the mask with a full-sized brush several times or by clicking and dragging the mouse over the area you want to make visible. You want to keep the edges of your sketch soft and indistinct so it all seems to blend into the background.

You can change brushes and adjust the size and angle of the brush to vary their effects.

If you’ve never changed the angle of a brush, this will show you how. Click on the Brush Settings… bar and either move the tip of the arrow around or type a number into that box highlighted blue in the screenshot.

Keep moving your brush(es) around until your sketch looks well-defined in the area you want to highlight in your finished image and softer towards the edges.

To bring some colour into your sketch, just follow the same process with your top-most photo layer. Turn the visibility back on so you can actually do stuff to the photo layer. Hold down the ALT key, click on the Layer Mask symbol and make your photo disappear.

Using the same watercolour brush or a different one, your choice, decrease the opacity a bit more and start painting the colour in.

Work carefully from your focal point out. You can have areas where the photo is 100% visible and other areas where the sketchy aspect is more visible. All up to you!

If you feel like you’ve made the photo TOO clear, you can change the foreground colour of your brush from white to black and soften it up again.

That could have been where I stopped. You could stop there and have a simply stunning photo effect that will make people so impressed with your skills. I wanted to see what I would have if I duplicated just the sketch layer. To do that, I used my WSNH keyboard shortcut (CTRL/CMD>J) then right-clicked on the new sketch layer to disable the layer mask. A second right-click let me delete the layer mask and left me with just the sketch. With it sandwiched in between the original sketch and the photo, it looked like the screenshot below. I played with the Opacity of that layer, which is what I used for my layout.

Rather than make you look for it, here it is.

I can’t wait to see what you do with this one!! This technique is perfect for those scenic shots we all have in our collection. Have fun!!

Have y’all met our featured designer for July yet? She’s the incomparable CathyK!  If you’re collecting her Daily Download Back to Nature you’re not going to be disappointed. I can’t wait to get busy with it.

I asked Cathy to tell us a little about herself.

1…How long have you been designing?

I opened my first digi shop in 2008, so about 9 years.

2…What is your design process?

My design process varies a little, depending on how I get started. Sometimes, the color palette comes first, then I pick a theme that goes with it. Sometimes, I have a theme in mind, then work up a color palette to go with the theme. Once I have a color and theme, I always do papers first, then elements, then alphas and any other add-ons.

3…What do you use to create your designs? (software, hardware, etc)

I use Photoshop CS4 for the majority of my design work and Inkscape for any illustrations I need to do.

4…Describe your design workspace.

I have a computer desk with a large display in our family room. I’ve tried working on a laptop, but the tiny screen size just doesn’t work for me.

5…What motivates and inspires you as a designer?

I like seeing an idea come to fruition and then seeing how scrappers use that kit to scrap their precious memories. I get inspiration and ideas from color, everyday life, my sons’ activities and interests, magazines, Pinterest, textures, a song, a good quote. Really, anything can be the inspiration for a product!

6…What kit currently available in your GingerScraps store is your favourite? Why?

Oh gosh, it’s usually the latest kit I’ve created! My favorite now is Back to Nature (this month’s Daily Download), because I LOVE the colors! But, since it’s not technically in my store yet, I’d say my Are We There Yet Buffet collection. I especially love how the enamel pins turned out. [I can’t wait to see it. The Buffet is the BEST!]

7…Do you craft outside the digital world?

Not as much as I used to. Sometimes I do still make things to use in my kits.

8…What is the last book you read?

I can’t remember when I last sat down to read an entire book! Mostly I’m reading online articles and magazines.

9…Tea or coffee?

Coffee, for sure. I’ve been making cold brew coffee lately and using it to make iced coffee with Chocolate Stevia.

10…Do you have a guilty pleasure?

Starbucks Coffee Frappucino. The sugar content (even in the light version) makes it just an occasional treat. 

11…If time travel were possible, where would you go and why?

I’d love to go back and talk to my grandparents and great-grandparents when they were younger and meet my parents as kids. 

12…What’s your favourite thing about GingerScraps?

My favorite thing about GingerScraps is the friendly, helpful people that make up this wonderful community and the amazing designers and site staff that I work with!

I can’t argue with that! GingerScraps is a true community, in all the best senses of the word. Thank you Cathy, for letting us have a peek into your life.

https://gingerscraps.net/gsblog/2017/07/20028/

July Bake Sale!! On NOW!!!

Trust me, you don’t want to miss this month’s Bake Sale. It’s gotta be the best sale in all of Digiland. Just look at the possibilities!

Our amazing designers and guest designers have chosen a terrific collection of kits on sale from now until the 20th at the cost of only a BUCK! (Did you notice this month’s Featured Designer CathyK has 3 kits in the catalog?) I see at least three kits I MUST have… Time to go shopping!

Tutorial Tuesday (General)

How’d You DO That?!! Fontography Demystified

Have you ever looked at a magazine layout or a scrapbook layout and immediately been captivated by the combination of fonts used? Or, alternatively, looked at one and thought, “Wow… that looks… umm… really weird”? And what about all those Pinterest pins that show font combinations… how were they arrived at? After I put together the tutorial on chalkboard art, I had several people comment on how the fonts I chose looked really good together. But I’d never really broken down the process of choosing font combos. So I’m going to share some basic thoughts about how to pair fonts to make your layouts look pulled together, appealing and well-designed.

The fonts I’ve combined in my examples will be named in the screenshot following for each of these tips. Here’s the first combo.

When you’re thinking about pairing fonts, the first consideration is choosing fonts that compliment each other AND your topic. Think about the layout you’re designing and the mood it creates. Does it have a strong personality? Look for fonts that match the mood and personality of your photos, elements and arrangement. The sample below has two Art Deco era fonts in it. See how they work together? They’re from the same general era, so they should look like they belong together.

These are the two fonts I combined for my sample. They make me think of the Roaring 20s, flappers and bathtub gin.

Now see how the wrong pairing can just look odd? They’re of similar weights (more about weight in a minute) and are both bold fonts, but they have nothing else in common.

Even the names the designer gave them aren’t complimentary!

Next you want to consider something called “visual hierarchy“, which is a $10 phrase meaning “Who’s the boss”. In my sample below I chose a heavy slab-style creepy font for the title and a somewhat less weighty, condensed font for the subtitle. You can easily see that had I done it the other way around, the title wouldn’t command much attention.

I love Hallowe’en so I have a selection of these gnarly fonts for my related layouts. (Sometimes the names the designers give them are a little risqué.)

Here’s another combo, one that isn’t quite right. The two fonts, although they’re both similar in mood, don’t work as well together. It’s not horrible, but it wouldn’t be my first choice. This is where your judgment and your “design eye” come in.

Great names!

Let’s talk a little about context. In this case, the definition we’re going to use is this one: “the set of circumstances or facts that surround a particular event, situation, etc.“. I touched on it briefly when I talked about complimentary fonts. But there are some other aspects that need attention too. For example, subject matter; the first font in the screenshot below would work beautifully for a layout about building a new home, or racing motocross, or even one about guys doing guy stuff. But it wouldn’t do for a wedding layout, or one about a tea party with your grand-daughter. 

Another aspect is what you’re communicating with the font. The swirly, curly, girly font on the second line isn’t readable when all caps are used. It would be perfect for a title or subtitle on a tea party or wedding layout when used appropriately. So always think about how you’re going to use the font, and about readability. If you use a tiny, condensed font like the third line it may be difficult to read. For journaling you’re going to want it to be a clean, easily read style in a size that doesn’t require a magnifying glass, particularly if you’re going to print your 12×12 layouts in a smaller size, like 8×8.

These are the fonts I used in my sample above.

This concept is pretty simple. Serif fonts are the ones with those little extra bits that extend from letters as shown in the top sample, and are absent in fonts described as sans serif. (“Sans” means without in French.) You can think of them as a little bit more formal for serif fonts and a little more casual for sans serif fonts.

These are the fonts I paired above.

Alternatively you could pair a sans serif font with a serif font as I’ve shown below.

Next, let’s talk about contrast. The four fonts I’ve chosen for this sample all actually work together. Size and weight are important when you’re thinking about both context and contrast. I’ve used a 72 point font for all these samples so you can get a feel for these concepts.

The first example is a middle-of-the-road font with a medium size, a medium weight and a solid texture.

The second example is an attractive, light-weight, thin decorative font.

The third example is a formal, serif-style, weighty and highly textured font.

And the last example is a scripty, balanced medium-weight font.

What makes them work? They’re different, but complimentary styles. Their relative sizes vary, even though they’re all 72 point. They have different weights – you can almost feel the pressure they exert on the paper. Their forms are different too; look at the relative length of the parts of some letters that descend below the baseline. Although they’re all quite distinct, they have a similar curviness to them that tie them together. And they have variable directions of movement.

See one you liked? These are the fonts I used.

Now, having said all the preceding things, you still have to avoid conflict. See what I mean?

Individually, they’re all great fonts. Together, they’re a mess!

While you’re avoiding conflict, remember to avoid using fonts that are too similar. See how this example breaks all of the rules we’ve looked at so far?

Again, beautiful fonts, but just a little too close for comfort.

One way to be very sure of your font choices is to use fonts from the same family. The designer has created them to work together by varying their weight, their size and their texture, but sticking to a single form. Many of the fonts your computer came with are bound in families like the ones below.

Again, these examples are all the same point size, but they’re just different enough from each other to keep things interesting.

Don’t go crazy with a dozen different fonts on one layout. There needs to be some unifying quality to them and they need to suit their purpose. A good rule of thumb is to keep them to about 3. No more than 5… except when you’re creating subway art. When you’re journaling, this might help you choose. Serif fonts are better for reading quickly because the characters sort of flow one into the next with those little extra bits they have. But when the primary place your creation will be viewed is on a screen, you might want to choose a sans serif font, for their simpler, cleaner look. And remember that your journaling must be legible!

These three look pretty good together. See if you can figure out which rules they follow.

And lastly, PRACTICE! This is the only way to develop that “design eye” that lets you move from novice methodicality to intuitive, flying-by-the-seat-of-your-pants creativity. Consciously look at font combinations everywhere. Magazine layouts, product labels, memes on Facebook, Pinterest boards… the possibilities are endless. See what combinations you find pleasing and which you find jarring. Over time, you’ll find you’re not quite so indecisive about which fonts go together like milk and cookies and which are more like chalk and cheese. I actually play a little game in my head sometimes, trying to guess which fonts the designer has used, and I love it when I recognize a font, or a designer.

These are quite different from each other, but I think they look good!

Before we wrap this up, let’s talk a bit about the fonts you should forget about… This isn’t my list; it came from Douglas Bonneville at Smashing magazine. I’d add a couple, such as Bleeding Cowboys and Myriad Pro. For the article I found this list within, and the author’s reasons why, click here.

Here’s a handy little diagram with these rules all in condensed form. It came from Creative Market, a great source of wonderful fonts at discount prices.

To see a larger image, click here.

Credits: Janie Kliever  ; Creative Market

Have fun with your fonts! There really is no limit to how creative you can be.