Tutorial Tuesday (Photoshop Elements)

Selectively Colouring your Photos

This month’s Color Challenge is a bit different; instead of being presented with a swatch and asked to use those colours, Ivonne (Craft-tastrophic) has asked for layouts in black-and-white, with just some pops of colour. The examples she shows in the Forum are great inspiration, but what if you don’t know how to achieve “selective colour” in your photos? That was what Glee asked me. I thought I had a tutorial on the subject, but turns out I didn’t. So I set out to remedy that. I’m going to show you three different ways to accomplish it, at least one of which should work for you regardless of which version of Elements you have.

Some advice: This task is a lot easier if you have a photo with a lot of contrast between the item(s) you want to colour and the rest of the image. Let’s get started!

I chose this Pixabay photo for my example, a choice I came to regret just a little. More about that later. The first method I’ll show you is the Guided Edit version. I tried to find out when it was added to Elements, but didn’t succeed. I think it was likely Elements 14 or 15, but can’t confirm. I tried it first using the B&W Color Pop edit, which allows you to select a colour from the photo and it’ll automatically convert the rest of the photo to black-and-white, but it’s a lot restrictive. Super easy, but only good for a single colour. So I went on to use the B&W Selection edit.

The Edit comes up with this interface, and it literally tells you what to do first. The B&W Selection brush goes on the part of the photo you don’t want to stay in colour. For this step you can use a pretty big brush to make quick work of the bulk of the background.

The cool part of this Edit is that if you oops and accidentally desaturate some of the part you want to stay coloured, you can toggle from Add to Subtract and just return the colour to the image.

Yep, I got carried away with my big brush and messed it all up.

With a smaller brush I put the yellow back into the chick. But it’s not quite getting all the details… those darned little feathers! So I’m going to go on to Refine Edge.

You’ll be able to see what effect the Edge Dectection slider makes on the photo. Did you notice there’s one fingertip in colour?

Next I’ll use the B&W Detail Brush to fix up the beak and feathers.

I ZOOMed in a LOT so I could be more precise, and used a small brush.

If you want to check your results, you can Invert the effect and it’ll show you where you’re still not quite there. When all the details have been fine-tuned, revert it so your coloured area is the actually desired area, and click on the Next arrow. Then you can Save it for later, or Continue Editing.

The second method I want to show you uses the Magnetic Lasso Tool, first seen in Elements 12. It’s a bit less automatic, but can give you great results. Not familiar with the Magnetic Lasso? It looks for contrast between the object you’re selecting and what’s beside it. Pick a spot to start from and click on the edge. You don’t have to hold down the mouse button, just draw a line around the edge of your object. Elements will add attachment points as you go. It won’t be perfect, but it’ll be pretty good. When you get back to your starting point, you’ll see the marching ants appear around the outline of your object. As you can see in the Tool Options box, there are many ways to tidy things up. I Added the tiny feathers into the selection area using a smaller tip.

The next step is to Invert the selection. Select>Inverse or CTRL/CMD>SHIFT>I will move the edges of the selection to the background, ignoring the chick in the centre.

To change the background to black-and-white, click Enhance>Convert to Black and White… or CTRL/CMD>ALT>B. If you don’t have that option in your version of Elements, instead click Adjust Color>Adjust Saturation and pull the Saturation slider all the way to the left.

Did you know there were a variety of B&W styles? If you have the time, try the options. It’s fun! Each of these styles can be further adjusted with the color channel sliders. You can watch what happens to your image in the After pane.

For a quick selection this isn’t too bad! If your object has very smooth edges, this method can work really well and be as effortless as the Guided Edit.

This final method is achievable with all versions of Elements. It’s the most labour-intensive, and if you’ve got a very irregular edge on your desired object, it’s the one that will give you the best results. First things first – make a Copy of your photo and do all your adjustments on the Copy. You can right-click on the photo and choose Duplicate Layer, or click Layer>New> New Layer via Copy or CTRL/CMD>J. Then convert the Copy layer to B&W as I showed you above.

I wanted this B&W layer to have an even higher contrast to make the Selection part easier, so these are the adjustments I made.

ZOOMed in you can see how much easier it is to see those little feathers. Now to add a Layer Mask.

The easiest way to add a Layer Mask is to use the Layer Mask button. (Duh.) It’s the one that looks like a circle divided into two halves, one blue and one white. When you click on it, the mask appears to the right of the photo. To be positive you’re working on the MASK and not the photo itself, look for the blue outline around the blank mask.

Layer Masks are considered non-destructive edits, because they don’t Erase the image, they only conceal it – even though I’m using the Eraser Tool! If the foreground colour is white, whatever I Erase will be concealed. If I make a misstep, I can toggle the foreground colour to black and un-Erase it. I like to use a Brush tip with the Eraser Tool when working on Layer Masks because the edges are softer. The Pencil tip is more pixelated. I’ve made the original photo layer invisible. See the transparent area where I’ve removed the bird? I prefer to do that for the initial scrubbing, where I can use a big tip and go as quickly as my laptop will allow.

For the detailed areas, having the original layer visible helps to see where more touching up is needed.

I ZOOM right in so I can see exactly what I’m doing, and bring all those darned feathers back into colour. The beak and feet need attention too.

Up this close, I can see a dark edge to the beak and some of the feathers. That tells me I’ve got the precise edge where the chick meets skin. It’s not going to be noticeable when it’s back at a more usual size.

Yes, I used a 3 pixel Brush tip on some of these feathers. I actually went all the way down to 1 pixel, because that’s how I’m made. In later versions of Elements Adobe has introduced a Refine Selection Brush that I haven’t mastered yet, so I still do it the hard way. Later…

Almost there!

And this is the final result. I do like this method best for really detailed images, but isn’t it great to have some options?

As I mentioned in my last tutorial, my laptop is literally crumbling, but it still lets me get things done. I have a new one coming next week; I’m dreading the setting-up but have backed up all my important files so it should be okay. If you haven’t backed up YOUR important files, you might want to do it now, so it doesn’t get forgotten. Who wants to lose everything?!

PDF Link: https://bit.ly/3cM8l6E

 

Tutorial Tuesday (Fabulous Fonts)

A Baker’s Dozen of Father’s Day Fonts

It’s been a while since I showed you some new fonts, and with Father’s Day coming up I thought I’d look at the selection at dafont.com to see if I could find some more great masculine fonts to share. I have so many frilly, scripty, swashy fonts, but not so many that are more suited to the men in my life. I found a dozen that fit the bill very well and have a bonus set of dingbats at the end. (I also downloaded <coughcough> fourteen others…) Each font name is linked to the dafont.com website so you can quickly and easily grab the ones you want. Let’s have a look at what I’m liking.

First up is this one that made me laugh out loud. Daddy Cartoon is cute, but still would work for those layouts where Dad’s being silly.

Next is this Indiana Jones-inspired font Adventure. Great for titles and easy to read, this could be your go-to for your manly layouts.

Pac-Font took me right back to the early days of my marriage, when we had one little person in our house. My husband has always had a deep and abiding love for video games, and this one would be right up his alley.

I like the grunginess of Campus. It makes me think of workshops, garages, paint shops and that sort of stereotypically male environment.

This serif-style font is pretty grungy too, but in a less formal way. It’s called Sketchzone and I could see it working well for both titles and subtitles.

For some reason, this one made me think of tree houses and forts with “No Gurlz Allowed” signs. Don’t you think Drift Type would fit right in?

Woodcut immediately made me think of chisels and carving tools. A bevel added to this would turn it into a stunning alpha and it’s already shadowed!

I could see Sherlock Press as a stand-out title font for heritage layouts, with photos of men with handlebar moustaches and neatly parted hair.

Sketchup is another font that looks hand-drawn and would look wonderful on any layout about creativity.

I think Rumble Brave has a steampunk look to it. I’d probably use it for layouts filled with gears, nail heads, staples, maybe a pocket watch… Yes?

To me, 1-2-3 Go! suggests car racing, with the checkered-flag bits embedded in the characters. With a little manipulation it could be a smashing alpha.

The last font on the list is one I HAD to include after my tutorial last week. Decaying Felt Pen just made me laugh.

Now for the one dingbat that has the incongruent name Tool Font. It’s not really a font… but the silhouettes are pretty sharp!

I’ll be making a Father’s Day card and some birthday cards soon for my grand-daughter, whose birthday is June 29th, and her big brother, birthday July 1st, Maybe I’ll make one for my son-in-law whose birthday is July 3rd……. we’re THAT family. You may see one of these turn up in a tut in the coming weeks, if inspiration strikes and it’s worth sharing.
Link to PDF version of this tutorial: https://bit.ly/2SCNmfD

Designer Spotlight – June 2021

Hey Y’all! It’s MAGICAL SCRAPS GALORE!

First, I want to apologise to Marina (the creative mind behind Magical Scraps Galore). We were supposed to do this chat over coffee a couple of days ago but I got knocked off schedule. So without further ado…

J: Thanks for agreeing to share a little bit about yourself and your creative process with our faithful GingerScrappers. Let’s start wit how long you’ve been designing.

M: I’m celebrating my 10th anniversary this year!

J: Wow! That’s a long time. You clearly have a passion for it! How did you get into designing?

M: I started creating my own digital papers and embellishments for scrapping our second trip to Disney World, since the digital offerings were very limited back then. It didn’t take long to realize that scrapbook design was my passion, and I started participating in the design challenges hosted by MouseScrappers. I opened my first shop in 2013 and I’ve been part of the wonderful GingerScraps family since 2014.

J: Well, that explains how you named your shop, doesn’t it? I came to GS in 2013 and quickly found it to be the friendliest digiscrapping site on the Web. What tools do you use to create your designs?

M: I use Photoshop, Illustrator, and Procreate.

J: You must be very proficient, using three different platforms. That must mean you have a dedicated design workshop. Can you tell us about it?

M: I design in my studio at home, with my two cats sleeping by my computer or on my lap. Sometimes they like to sleep ON my computer and they mess with my designs, LOL! I have to be very careful!

J: I’m not a cat person but have two dogs. One of them likes to “help” me too, by flipping my elbow up when she thinks her input is needed. She’s one of my favourite subjects though; my inspiration for scrapping comes from a lot of places. What provides your design inspiration?

M: My main motivation and inspiration are my kids and my trips around the world.

J: Do you have a favourite kit in your store? I know, it’s an unfair question.

M: It’s hard to pick just one, that’s mean, it’s like choosing your favorite child, LOL … I have several kits that I love, especially my travel collection, but one of my favorite kits is Magical Memories, it’s all about my happy place and it’s a reminder of all the magical moments I spent there with my family.

J: I’ve been to Disneyland twice, but a long time ago. The memories we made on both visits are definitely magical. On a somewhat related note, if you could have a superpower, which one would you want?

M: Teleportation, so I can travel anywhere in no time and with no jet lag!

J: YES! That would be amazing!! I used to wish I could teleport home from the hospital after a long day at work. It would be even more valuable for travel. With all the globetrotting you’ve done, have you ever met anyone famous?

M: Yes, I met Tom Felton (Draco Malfoy in the Harry Potter films)

J: Interesting! The famous people I’ve met haven’t been that kind of famous. Did you ever want to be famous when you were growing up? What did you want to be?

M: I wanted to be a flight attendant or a rock star

J: Ah! So fame was in there! You might have met more rock stars as a flight attendant though. I once met a songwriter on a flight from Chicago to Edmonton, Alberta. His SONGS are famous, but not many people know who HE is. So, last question: If you came with a warning label, what would it say?

M: Warning: Crazy cat lady!! LOL! I’m a huge cat lover, and if my family would let me, I’d have 10 cats or more!

J: I should have seen that coming! Thank you so much for the visit. I think our readers know you a bit better now. But ladies, don’t forget, Marina has the Daily Download throne this month as well as being in the Designer Spotlight. She’s created a beautiful summer-fun kit and oh wait!! Stop the presses!!! She’s also got an add-on bundle for even more amazingness!! Look at this sneak peak…

Cats and flamingos!! Before I forget, Marina also has a coupon for y’all. Check it out!

Thanks again, Marina! I love bringing good news to the GingerScraps world!

Tutorial Tuesday (Photoshop Elements)

Digitize your Handwriting!

Last week’s digital colouring tutorial had me thinking about how I could make better use of some of my digital stamps. If you recall, I talked about the ones with white backgrounds and how that would make the technique I showed you very difficult. So I did a little snooping and found a terrific tutorial on digitizing handwriting that would work perfectly for those stamps of mine. It’s from the blog of Kelly Leigh (herecomesthesunblog.net) and it’s easy to follow, although I’ve expanded on a few steps for the beginners in our midst. Let’s proceed!

How many of you have really wanted to have journaling in your own handwriting on your digital layouts but not had a clue how to do it? This is for you! But it’s not only good for journaling… if you’ve got some mad calligraphy skills you can create your own inspirational word art, titles and whatever your imagination comes up with. All you need are a piece of white paper and a (new) black marker. And Photoshop Elements, of course. I chose a message that resonated with me for my demo. I wrote it out on my paper; my marker had seen better days and I was writing much larger than I usually do, so it’s a little ragged looking, but as a demo, it’ll work just fine. Then I took a photo of my finished writing with my cellphone. It might have looked better and been a bit less work if I’d scanned it, but that would have meant a trip downstairs and after I’d moved my (not inconsiderable) weight in potting soil yesterday, I just didn’t want to do that.

I Cropped away as much of the paper and my countertop as I could. I wanted the demo image to be large and easy to work with so I filled the entire 8.5×11″ sheet of paper. But that wouldn’t be necessary for most applications.

Here I’ve Zoomed in on my marker so you can see how less-than-awesome it looks up close. I’ll fix it with a black brush later; I could have saved myself a lot of work by using a new marker, but I didn’t have one at hand…

But first, I want to make what black there is as black as I can, and the white as white as I can. The better the contrast, the easier the technique is. I used Enhance>Adjust Lighting>Levels for this step.

I only adjusted the Input Levels. The left-most slider adjusts the black areas; by moving it to the right, the black gets darker. The middle slider controls the midtones, and by moving it to the right as well, it helped blacken the text too. The slider on the far right brightens the white areas so it was shifted to the left.

There are still gappy areas in the text, but that’s okay.

I just used a solid round black Brush at 100% Opacity to eliminate the gaps.

Now to the good part! To eliminate the paper, I’m going to want a transparent layer UNDER my text layer. Elements won’t allow a layer to be placed under a Background. (The italics are actually displayed for all layers Elements has determined are background layers.) So to get past that, right-click on the layer and choose Layer from Background…

The dialog box that opens allows for the layer’s name to be changed, if desired. I’m not going to bother. Make sure the tick box for Use Previous Layer to Create Clipping Mask is NOT ticked and Color is NONE.

Once that’s done, it’s possible to drop a blank layer underneath the text layer. It’s quickest and easiest to hold down the CTRL/CMD key and click on the New Layer icon at the top of the Layers Panel to create a blank layer under any other active layer. Then I don’t have to move the new layer down the stack.

Now I’m going to use the Magic Wand tool, as shown in the Tool Panel and Tool Options menu, to remove the paper. Click in the white area and it Selects a chunk of the paper. If my paper was perfectly clean and my image too was perfectly clean, this step would probably Select ALL of the paper, But my paper and image aren’t so this will take a few clicks.

Edit>Cut or CTRL/CMD>X removes all the paper that the Magic Wand Selected!

I went over the rest of the image and removed the paper. Where there are loops in my letters, the paper was a bit clingy, but after a few minutes I had all the paper removed. The edges of the text looked a little raggedy up close, so I CTRL/CMD>Clicked on the text layer’s thumbnail to Select the edges of the text then clicked Select>Refine Edge…

This menu looks intimidating but it really isn’t. Experiment a bit by pulling the sliders and watch what happens in the Preview pane. Don’t worry, the white you see here isn’t actually there, it’s only part of the Preview so you can see what the adjustments are doing.

However… this method of adjustment DOES produce a new layer with a Layer Mask attached. Also notice that the original text layer’s visibility is turned off. To make things easier, right-click on the new layer and choose Simplify Layer. That adds the layer mask to the layer.

What about the original layer? It’s not visible, and its invisibility doesn’t affect the text at all, so it can just be Deleted, either by right-clicking on the invisible layer then Delete Layer, or just by hitting the Delete key.

Again, that layer we added underneath the text layer isn’t necessary any more (although it was VITAL when we were removing the paper) so it can either be Merged (CTRL/CMD>E) with the text layer or just Deleted.

There! That’s all you need to know to digitize your handwriting, or to remove the background of a digital stamp. I spent some time cleaning up the text using the Brush tool and the Eraser tool but you might not need to do any of that.

If you want to change the text’s colour, that’s easy to do by filling the layer with your new colour. Layer>New Fill Layer>Solid Color 

This time check the tick box for Use Previous Layer to Create Clipping Mask so that your new colour is applied to the text without any extra steps.

When the Color Picker opens up, go nuts! I like purple. The colour is applied to the text via Clipping Mask as you can see in the Layers Panel. 

The digitized text can also be Resized, Rotated, Warped, Skewed … whatever you want!

If you want to Save your new image, it should be Saved As a PNG so the background stays transparent. Save it to a folder where you can find it again, and give it a good name.

Compression should be Smallest/Slow so the details are preserved. And it doesn’t need Interlacing.

That’s all there is to it! I think I should digitize my signature so I can add it to documents. Give it a try!

PDF Link: https://bit.ly/2Ug19cH

Tutorial Tuesday (Photoshop Elements)

Updating the Custom Cluster

Regular readers might recall a tutorial from a long while back on interweaving elements into a more complex and natural looking cluster. They may also recall another tutorial about “shaving” drop shadow styles. Somehow it never occurred to me that the two could work together to make the task of customizing clusters much quicker and easier. But here we are! I know this is going to up my game a lot, especially when I’m weaving ribbon into the alphas I use in my signatures. Let’s see what I’m talking about.

Here’s a cluster I tossed together using Aimee Harrison‘s Secret Garden kit. It’s okay, but it could be better.

After I took a good look at the various components of my cluster I identified a few spots where I could add some interest. First, I’m going to tuck the burlap ribbon in behind the petal I’ve indicated. The blue flower layer is the active layer. I CTRL/CMD>clicked on the layer thumbnail for the burlap ribbon to Select the edges of the ribbon. Then I double-checked that I’m working with the correct layer, the blue flower layer.

Rather than having to be super-careful about what parts of the blue flower I remove with the Eraser tool, as I would with my previous method, I only have to Zoom in and move cautiously on the area where the blue flower’s petals overlap. With the edges of the ribbon Selected, only those parts of the active layer inside the marching ants will be Erased!

Let’s bring the ribbon in front of these petals. The only sticky spot is right at the intersection of all those petals.

One swipe with the Eraser tool completely revealed the ribbon, putting it on top of the petals.

I’m also going to tuck the ribbon behind the edge of this leaf.

Did you notice that I also put the small white flower’s petal behind the leaf? I just had to change the active layer to the white flower and Erase where the leaf is. There are a few other spots where I’ve made some tucks or lifts. Can you see them?

**So what happens when it’s time to add some shadows? Well… parts of the layers may have been removed and the shadow will look funky, like this one. I’ve used a custom shadow on its own layer here, but this also will happen with drop shadow styles so be aware of it when you’re working.**

After I’ve Smudged and Blurred the shadow layer, I CTRL/CMD>Clicked on the large white flower layer to Select the edges. Then I Erased the shadow that shouldn’t be overlaying the petals.

With all the elements in the cluster Shadowed, I felt the (very OCD) urge to add a suggestion of a shadow where the leaf overlays the small white flower at the lower left. But it’s probably something no one will notice so feel free to omit this step! What I did was activate the shadow layer for the leaf then used the Marquee tool to enclose the part of the shadow I wanted to move into place. I made a Copy of that part of the shadow (CTRL/CMD>C) then I Pasted it (CTRL/CMD>V) onto the layout, which created a new layer. I moved that layer up the stack of layers until it was on top of the flower layer. Some additional Erasing was needed so I CTRL/CMD>Clicked on the leaf’s layer thumbnail, activated my little new shadow layer and Erased the part that wasn’t in the right place. Easy peasy!!

There are so many ways this will elevate your layouts! Give it a try and let me know how it works for you. And of course, if you have tips for making it easier or better, our readers will be thrilled!

Here is the PDF version of this tutorial: https://bit.ly/3oyB8QR

 
Link to PDF: https://bit.ly/3gL52On

Tutorial Tuesday (GingerScraps)

Let’s Talk Some More About Siggies

It sounds like there were a lot of people who learned something new from last week’s tutorial about using the GingerScraps Gallery. Music to my ears!! And, as sometimes happens, that tutorial led to a request for some help with another feature at GingerScraps. Corinne said, “Since Jan did a really nice job of explaining how to upload photos to the gallery, I am wondering if she could tackle the unknown world of signatures? How does one go about designing and uploading? Thank you! CorinneGinger and I discussed it and we decided it would be a good idea to do some review. I first discussed signatures in the Sizzling Signatures! post. Then last December we talked about adding links to your signatures in THIS tutorial. So some of today’s tutorial will be review, and who knows, I may have something in here that you didn’t know!

What’s a signature? What’s all the fuss about? Signatures are those beautiful little images seen at the end of posts in the GingerScraps Forum. They’re a big deal! They have their own monthly Challenge, after all. Each month the GingerBread Lady facilitating the challenge will provide a theme or some other required element for the month that form the basis to all the new siggies for that month. For May, ChristieDawn wanted to see flowers. Signatures can be as detailed or as simple as the user likes. You’ve probably seen some really fancy ones, and some really unfussy ones. They’re pretty good at showing the user’s personality and scrapping style. Some users make theirs with alphas from their stashes, like I usually do, while others make theirs with fonts. It’s completely up to the user! Now let’s get into the tutorial…

Let’s talk about the rules for using signatures at GingerScraps first though. Perhaps the most important rule is that your signature cannot link to or advertise any other shop/site. It’s fine if you want to link to your personal blog, newsletter, Facebook or the like. Also make sure your signature is suitable for all ages and audiences. If it would offend your grandmother, don’t do it. Let’s stay classy, y’all! The other important rule is the maximum size for your siggie. The guidelines say 700×150 pixels, but the Gallery has a maximum 600 pixel limit, so it’s easier and a lot less work if you just keep your signature at or under 600 pixels wide. I like to make my siggie a little smaller than the max, coming in at around 500×107. That makes it a little less in-your-face. More about that down the post. As to the shape of your signature, it doesn’t have to be a rectangle. I like to use Custom Shapes as the basis for mine. As long as the shape you choose fits into the max dimensions, you’re golden.

This bit is a little refresher. Did you know you can create and save preset file sizes? I’m going to show you how to do that. I have a 12×12″ preset for my layouts, and a 3500×750 pixel preset for my signature files. Why did I choose those numbers? Simple math. It’s 5 times the maximum size of the signature file; I work on a BIG canvas so I can see what I’m doing and make sure I actually like my results before I Resize and prepare to upload. Now, here’s how to create your own preset: File>New>Blank File

There’s what my New File menu looks like. You can see my siggie preset on there.

Starting from scratch, type in the dimensions as shown when the New File menu opens. You want Resolution at 300 pixels/inch for sharp images, RGB Color set, and the Background Contents Transparent. (Why? So that your signature file can have a clean background when you use it as your Forum siggie!)

Constructing your signature is just like creating a layout, only with different dimensions. If you need help visualizing how to create them take a look at the ones in the Signature Challenge Gallery. So what to do with your finished creation? I always save my layouts and siggies as PSD files initially in case I have to fix something. That doesn’t happen much with the siggies, but I often find typos in my journaling! Make sure you give your file a name.

Then I Resize my file to fit the desired parameters. There are two ways to get there. Image>Resize>Image Size will get you to the menu, or CTRL/CMD>ALT>I works for those who like keyboard shortcuts. When the menu opens up, type in your desired width in pixels and Elements will automatically set the height. In the middle of the menu you can see the actual size of the final product. Scale Styles, Constrain Proportions and Resample Image should be checked to get the very sharpest and best final image. As well, choose Bicubic in that box at the very bottom. Then click OK.

Then I Save the RESIZED image as a PNG. This is where having the transparent background comes in. Let’s say you have a flower or a bow that extends outside the main body of your siggie. If you Save As a JPG, the background will be stark white and when your signature shows up in your Forum posts, it’ll be visible. But by having a transparent background and a PNG file, it’ll look like it’s actually part of the page. For my siggie I used a paint smear with alligatored edges then clipped a paper to it. You’ll see what I mean a few screenshots down the road.

To preserve as much detail as possible in a tiny file like this (see the edge of it peeking out from behind the dialog box?) go with Smallest/Slow Compression and no Interlace.

Now for the fun part!! Let’s upload and add it into your Profile. If you need a review of uploading, see last week’s Tutorial. I work with two GingerScraps tabs open, one to the Gallery and one to the Forum for this part. You can click on the Settings button in either tab, but you’ll need to access your signature image in the Gallery, so I do this step in the Forum tab.

Along the left side of the GS interface you’ll see My Settings and almost at the bottom of that section Edit Signature. Click that.

This looks a little busy. It is. This is where the Edit Signature control panel lives. If this is your very first time adding a signature, you’ll still be following most of these steps, you just won’t be deleting the old one. If you’ve already got one up, you’ll see the existing signature above the Edit box, and again inside the Edit box. Right-click on the one INSIDE the Edit box and either select Cut from the dropdown menu or CTRL/CMD>X (or even just hit Delete) to remove the old one.

Pop over to the Gallery tab and right-click on the image of your signature. Choose Copy image link from the dropdown.

I like my siggie centered under my Forum posts, so I click on the Center format button (circled on the left) and then I click on the icon that looks like a photo being stretched at the corners (circled on the right).

When the Insert Image dialog box opens, right-click on the blank bar in the middle and select Paste (or just CTRL/CMD>V) to tell the site where to find your image.

Now I have my new signature in the right place, but before I click on the Save Signature button, let’s look at what’s actually there.

Click on the button I’ve outlined, which switches the editor to source mode. I wasn’t aware of this until Ginger mentioned it, so I had to check out what it does.

Holy cow!! I had no idea all those previous links were still in there!! That explains some of the gobbledygook I’ve had showing up with my siggies. The only thing that should actually be there is the very bottom one.

I highlighted all the junk and Deleted it.

Yes, that’s more like it… just the May 2021 signature is there. NOW I can click Save Signature. If you’re new to all this, maybe try Preview first to see what it’ll actually look like.

There. All good!

If you’re entering the Signature Challenge, the next images are for you. I don’t bother to put my signature file into my Challenge post in the Forum because it’s going to show up anyway. Whey have two of them in the same place? Of course, you do you. Here you can see that the lace extends past the bottom of the clipped paper and some of the flower petals and beads spill off the base. The messy edge of the clipped paper isn’t really visible unless you really squint.

Here’s a quick tip for adding your layouts to the Cookie Jar thread. I type out the name of my layout as shown. Then I highlight the text as shown by holding down the left mouse button and dragging the cursor over it. Then I click on that globe/chain icon.

I pop back to the Gallery tab, which should still be set to my siggie, and Copy the text found in the destination bar at the top of the screen where the Universal Resource Locator is. (Hold down the left mouse button, drag the cursor over the URL, right-click and choose Copy, of CTRL/CMD>C.) Return to the Forum tab and Paste the URL into the bar as shown. Click OK.

Now the name of my siggie is linked to the file in my Gallery and a simple click on it will take the viewer right to it!

I hope this was easy to follow. If not, please don’t hesitate to ask questions!!

Here is the PDF version of this tutorial: https://bit.ly/3ocHqWe

Tutorial Tuesday (Photoshop Elements)

Selectively Colouring Your Brushes

I apologize for the slightly-late breaking tutorial. Technical difficulties with my laptop yesterday had me at the absolute limit of my tolerance for frustration (and the limits of my attention span!). By the time I got it sorted out it was time for bed… and I’m sleeping a lot, still. Anyway, let’s see what I’ve been playing with. I hope you like it!

I have quite a collection of brushes in my stash; the brushes created by the designers at GS are fantastic and there’s always a free one in the Challenge forum each month. I chose one of those monthly challenge brushes from ADB Designs for this technique (and then asked myself why I picked such a complex one…) and recoloured EVERYTHING. I chose a neutral paper from the GingerBread Ladies‘ collab Christmas of Long Ago. It has s bit of glitter, and I love it. I put my brush on its own layer – it’s a really good habit to get into – so I can play with it without messing up anything else. This is the time to adjust the size of your brush image, because it’s not easy once all the colours have been added.

I added an Adjustment layer to the top of my layer stack by clicking on the two-tone circle icon at the top of the layers panel and then choosing Solid Color… from the drop-down menu.

This is where you get to be creative. The fun part. I’ve got flowers so my colour choices are flowery colours. I used the Color Picker, but the Eye Dropper tool and the colours in your photos or paper choices are also possibilities.

My brush is still there, behind the solid colour Adjustment layer. To apply the colour to the brush, I right-clicked on the Adjustment layer and chose Create Clipping Mask from the drop-down menu.

Depending on the brush you’ve chosen, this might be all you need to do to it! But if you want to add more colours, there are a few more steps.

Next I converted my Adjustment layer/clipping mask to a LAYER MASK by Inverting it. CTRL/CMD>I and the mask turns black. It’s supposed to do that.

I made sure my foreground colour was white. When working with Layer Masks, white reveals and black conceals. Then I selected the Brush tool for a Basic round brush. You can use hard or soft for this part, but a hard brush will give you sharper edges and will be easier to control. You’ll need to adjust the size of the brush as needed to get you into the nooks and crannies of your brush, but use the largest size you can wherever possible to make the job go faster.

Then I decided which of my flowers would be that lilac colour and “painted” them pale purple with my brush. If you look at the layer in the layers panel you can see on the mask where I’ve recovered the colour.

Let’s do another colour. I clicked on the brush layer and then the two-tone circle icon and chose Solid Color… from the drop-down. Doing it this way eliminates the Create Clipping Mask step!

Here I chose a hot pink from the Color Picker. See how the parts of the brush I’ve already masked show up as pale purple and everything else is pink? This shows where the colour will go and where it won’t on this Adjustment layer.

Then I again Inverted the layer mask by clicking CTRL/CMD>I. Now I can choose the flowers that should be pink.

As I worked, I discovered that all the areas I’d already masked on the lilac layer stay masked on the other layers. That meant that where my pink flowers butted up to my purple flowers, I didn’t have to be as cautious and precise as I painted in my pinks. If my brush rode over into the purple it didn’t matter. But I DID still have to be careful around the black and gray areas.

Time for a new colour! To recap: Click on the brush layer, then the two-tone circle icon and choose Solid Color… from the drop-down menu.

This time I decided on a golden-brown for some of the foliage.

With the mask layer Inverted (CTRL/CMD>I) I painted back in the frondy-looking foliage.

Then I added some blue… Look at the layer masks and see all the areas I’ve already masked. Each layer is a little less fiddly because more and more of the brush is masked.

I found parts of the brush that I’d overlooked that should have been one or another of the colours I’d already used, so I clicked on the LAYER MASK of the layer with the colour I should have used and added those bits to the existing mask.

The result wasn’t as awesome as I’d hoped it would be, but I learned a bunch about this technique. So I found a different brush I could play with and when it was time to paint in the colours I chose, I used a misty water-colour brush. I adjusted the size and angle of the brush as I randomly painted in the colour areas. Now THIS I love!

Can you see yourself giving this one a try? I’m going to make it part of my automatic activities, I think!

The PDF version of today’s tutorial is HERE.

Tutorial Tuesday (Photoshop Elements)

3D Photos – Yes, You CAN!

Thank you all so much for your kind messages of support! I feel a lot better, although I really poop out quickly if I’m doing something strenuous. And brain fog is a real thing. I’m thankful that my husband and son didn’t catch COVID from me and that we’ll all be vaccinated soon.

So, given I’m still having some issues with concentration and attention, I’ve whipped up a little trick I’ve been thinking about for a long time. I’m going to show you how to give a photo a 3D look. It’s not exactly what I was trying for, and I may play with it some more, but it’s still a neat look. The inspiration for this goes back a long way, to a Canadian TV show called Ancestors in the Attic (2001-2006), where the images on the screen had an obvious 3D look to them. I didn’t quite get it right, but I like it anyway.

If you decide to try this, I recommend looking for a photo with sharp contrast between the subject you want to bring forward and its background. I chose this photo I took in Las Vegas quite a few years ago. The flamingo wasn’t too difficult to extract. I’m not going to do a step-by-step review of extracting, but you can try any of the methods I’ve shown you here and here. I went with a Layer Mask so I wouldn’t have to think too much!

To be able to have the control needed to go forward, I Simplified the extraction layer. Right-click on the layer in the Layers panel, then choose Simplify Layer.

Next I added a drop shadow, using a shadow styles set from Karen Schulz. (It’s named for Snickerdoodles Designs, her former moniker.) In this set there are actually two 3D shadow styles, right at the top of the list. I chose the second one. It’s not quite right, but easily fixed.

To adjust Layer Styles, double-click on the fx symbol on the layer you’re adjusting. This menu opens up with the defaults for the style you used. First, I made sure the shadow on my flamingo was falling in the same direction as the shadows already in the photo. Don’t overlook this step! Otherwise it’ll look really faked. I increased the Size (which softens the edge), the Distance (which makes the shadow wider/larger) and the Opacity. I went all the way to 100%. The 3D effect shows now.

Here’s the original for comparison purposes.

And with the extraction and shadow…

Then, just for fun, I Copied the extraction layer and changed its Blend Mode to Luminosity. What do you think?

I might try this with a photo of the mountains we see from our deck, and maybe I’ll be able to fine-tune it. Who knows? It’ll be fun trying it.

Here is the PDF version of this tutorial: https://bit.ly/3h2BEFb

 

Tutorial Tuesday (Photoshop Elements)

Gradient Border Masks – So Many Options!

The other day, I got a message from Ginger that a customer was looking for information on how to use Lindsay Jane‘s border masks, and wanted to know if I had a tut for that. Well, I didn’t. The customer specified she had Border It 28, so I popped over to the shop and bought them. And then I played with them.

A close-up look at one of the border masks reveals a gradient effect. What this means is that whatever is Clipped to it will also have a gradient. Where the mask is solid black, the paper or photo clipped to it will be 100% visible. As the mask becomes more transparent, more of the paper behind it will show through. This can be a really interesting look, but it’s going to require some experimentation to find a look that appeals to the beholder.

I’m using papers from a retired kit from Lindsay Jane‘s store, called Denim and Flowers. I’ve pulled a couple of solids and a couple of patterns to play with. Let’s give it a shot!

I love the retro look of these patterned papers. This lavender one is so pretty.

There are actually 3 ways to achieve the same result of Clipping papers to masks. Clicking on Layer>Create Clipping Mask is one. Right-clicking on the paper layer then choosing Create Clipping Mask is the second. The keyboard shortcut method was changed in Version 14. Prior to V14, CTRL/CMD>G works. Version 14 and later the keyboard shortcut is CTRL/CMD>ALT>G.

Well, guess what?!! I don’t have the bottom of the mask right at the bottom of the background paper. Easy to fix.

Because this mask has what looks like rows of stitches, I decided to see what it looks like with a shadow style applied to it.

More experimentation. It’s the only way to know what will work and what won’t for this kind of mask.

Yeah… not loving this look! This is why I believe Undo (CTRL/CMD>Z) is a digi-scrapper’s best friend.

This look reminds me of a t-shirt I had when I was 19! I made 2 Copies of the striped mask and spread them out evenly then Merged the mask layers. (Right-click and choose Merge Layers or CTRL/CMD>E) Then I Clipped the flowery paper to the solid. That combo could be a nice background for a spring layout.

Ewwww. Nope!! Don’t like this look at all!

This one is okay. It’s not my favourite, but it looks okay.

Don’t forget that you have lots of other tools at your disposal. Blend Modes and Opacity changes are two of those, Here I’ve taken the blue-floral-on-green-solid and changed the Blend Mode of the floral PAPER layer to Luminosity.

If I change the Blend Mode on the MASK layer to Luminosity, this is what it looks like.

Here I’ve just decreased the Opacity of the MASK layer to 75%. (Decreasing the Opacity of the PAPER would only allow more of the black/gray of mask to show through.)

The solid navy blue paper is actually a denim, so this look is going to be a fun one, I just know it!

YES! Again, I’m thrown back to the 70s!! My very first pair of bell bottoms was navy with tiny flowers. This look though reminds me of the time I opened up the outside seam at the bottom of my straight jeans and sewed in a wedge of floral fabric, turning them into bell bottoms.

This might be fun… I’m going to Merge these mask layers into a single one.

Now that I’ve played with these masks and papers a bit, I’m getting a sense of what will work and what won’t.

That’s pretty close to what I expected. I like it.

But the navy blue is a tad harsh, so I dropped the Opacity of the MASK layer to 50%. I like this look a bit better.

But papers aren’t the only option for Clipping to these masks. What does a photo look like? I chose this stock photo because of the pinecones.

Repeating shapes!

I really do think this stripped mask is my favourite. Again, I lined up 3 Copies of it and Merged them together. Then I Copied the mask layer and Rotated it 90°. Plaid! This is just the masks with their Opacity decreased to 50% at this point and might be what you like.

Here I’ve clipped the floral paper to each of the mask layers. I love this look!

Can you think of other ways to make use of these masks? Please feel free to share in the Comments!!

I hope this tutorial makes sense. I’ve been under the weather and I’m not at the top of my game. Thanks for bearing with me!

Here is the PDF version of this tutorial : https://bit.ly/3cSdBGm

Designer Spotlight: April 2021

The Cherry on Top!

Lisa, the designer also known as The Cherry on Top, didn’t have time to sit for an interview so she instead sent me a little bio. Here she is in her own words:

Lisa-Lisa here, from The Cherry On Top.
I grew up State side, where I worked as a teacher.  What a wonderful job to have.  I often found myself underwhelmed by the typical curriculum and so I created a lot of my own, more visually appealing activity sheets and encouraged the kids to also show more creativity in their work. History can be pretty boring for most. I was pleasantly surprised to learn that even teenagers liked to construct scrapbooks to show off their knowledge of historical events.  I didn’t realize, at the time, that I was actually “designing” digitally.  I had next to no program or computer experience.  I even struggled learning how to do e-mail.  Ha!
I originally started scrapbooking traditionally and took those skills with me, over the pond, to Belgium, where I presently reside.  I wanted to make something that I couldn’t find anywhere in paper format.  So, I scoured the internet looking for images and “pieced” together exactly what I needed.  Funnily enough, I thought I invented digital scrapbooking, until I stumbled across the digital scrapbooking world.
I dove in the deep end!  After a couple of months, I was on a praise team at Scrap Take Out where I met a lot of fantastic designers like Fran B and Amanda from A-Manda Creation.  Slowly, I worked myself on to Creative Teams.  At one point, I was on 28 teams.  Talk about a junky! Ironically, I despised templates.  I still cannot get over the grudge I had against them.  Until I realized what a wonderful starting point or catalyst they can be.  Especially, when your mojo is low or the inspiration just isn’t there.  Now, they are my passion.
I find ideas for templates, everywhere.  In an advertisement, greeting card, sketch, nature…I’m always coming up with new ideas, techniques and I make designing unique, easy to use templates my main objective.  They truly are a wonderful tool and certainly an excellent way to learn how to digital scrapbook.  They save so much time, too.
I started off using PowerPoint to scrapbook.  I know, right?!  Then I moved to My Memories for a few years and then Photoshop Elements.  I still mostly use Elements.  It is incredibly user friendly and perfect for designing templates, for the most part.  Occasionally, I jump over to PS when PSE doesn’t offer a particular function I need and I’m pretty sure, that one of these days I’ll morph over to PS, but I still have so much to learn in PSE.
I do design a lot of other products besides templates, but templates are still my favorite.
Thanks for letting us get a peek into your creative process Lisa! Ladies, don’t forget that Lisa‘s also presenting the Daily Download this month. And she has a $2 coupon for her GingerScraps store (linked above in pink): the code is tcotspotlight.
See you again soon!