You are here: Home » Blog » Tutorials » Designer Tools & Tips

Designer Tools & Tips

Last week we explored Creating a Custom Color Palette.  I hope you have had fun this week exploring that technique.  Today we are going to explore how to easily recolor an object.

As with most things in Photoshop, there are multiple ways to accomplish one goal.  Today I am going to explore just one of the many ways to recolor objects.  If you would like to learn additional ways, please leave me a comment expressing your interest, and I will be happy to share a few other techniques next week.

For the purposes of this tutorial,  I am using Photoshop CS6. This method works in Photoshop Elements as well.

Let’s look at how to change the color of an object by using a Hue/Saturation Adjustment.  I will use this purple heart from Heartsong in this tutorial.

sd_recolor1

I would like to change the heart to the rose color that is included in my Heartsong palette.  Here’s how:

1. Click on the Color Picker in the Tool Box (left of your workspace).
2.  Once the Color Picker opens, click on the color you would like to use.  I have clicked on the rose color in my Swatches Panel.  (You can also click on any color in your layout, or other document. You are not limited to choosing a color in the Swatches Panel.) Click OK.

sd_recolor2

3. Now you have a choice.  You may add a Hue/Saturation layer adjustment in 2 ways.  (Make sure that the layer of the object you intend to recolor is selected no matter which method you use.)

  • Way 1: Click on the Hue/Saturation Adjustment icon in the Adjustments Panel.

sd_recolor3

  • Way 2: Go to the top Menu Bar and click on Layer > New Adjustment Layer > Hue/Saturation

sd_recolor4

Both methods will add a Hue/Saturation Adjustment layer on the layer above the object you wish to recolor.

With Way 1, you will need to manually clip your layer adjustment to the object you wish to recolor. If you don’t, the layer adjustment will affect ALL of the layers below it and not JUST the object you wish to recolor. (Read more about clipping masks:  Clipping Masks in Photoshop.)

With Way 2 you have the option of clipping that layer adjustment to your object as you create the layer itself. Just tick the box:  Use Previous Layer to Create Clipping Mask. Now your layer mask will be applied and will already be clipped to the object you wish to recolor.

sd_recolor5

Since I have already selected the color I want to use as my recolor (rose color), I will tick the Colorize box.  This will apply the rose color to my element. Sometimes this method gives me the perfect color immediately.  Sometimes I need to play with the Saturation and/or Lightness sliders just a little bit to get the look I want.

In this case, I took the saturation up a little by moving the slider to the right.  I’m happy with that, so I will just save it, being sure to give it a new name, so I don’t save over the original object.  (It’s always a good idea to work with a duplicate of any object, just to keep yourself from saving over the original document.)

sd_recolor7

Recoloring objects is a GREAT way to stretch your kit stash!  Some designers include every single element in every color in a kit palette.  Some designers don’t.  There are pros and cons to both philosophies, and it comes down to a personal designer preference.  If you have a kit that has… say a purple heart in it, but you want that heart rose colored, now you know how to make that change yourself… and stretch your stash!

The paper and element used in this tutorial are included in my just-released Kit/Collection, Heartsong!  Be sure to visit my SnickerdoodleDesigns blog to pick up a cluster freebie to help you get started scrapping what makes YOUR heart sing!

 

 

6 comments ... Join the conversation!

Many of you have requested a tutorial on Clipping Masks, so let’s take a look at how useful these can be.

I am using Photoshop CS6 for this tutorial, but the same instructions apply in Photoshop Elements as well.

In the image below, I have clipped my text to the brown paper on this Monkey Business border.  Let’s see how I did that.

sd_clipping-masks1

This particular border is a PSD file.  The white, torn paper is the bottom layer, and the brown paper is the top layer.  I want to clip my text to the top layer, keeping it off of the torn layer,  to create a realistic look.

I’ve turned the white-torn-paper layer off for better visibility.  I created a new blank layer above the brown-paper layer, and typed my text.

sd_clipping-masks2a

Before going any further, I used the Check Spelling feature in Photoshop to make sure I hadn’t made any spelling errors.  (Check Spelling is not available in Photoshop Elements.)  To find this tool in Photoshop:  Edit > Check Spelling. (For more on this feature, read Check Spelling in Photoshop, a previous Studio Blog post.)

Once I was satisfied with my text, I clicked and held down the ALT key, then hovered my cursor in between the text layer and the brown-paper layer. A down-pointing arrow and little square box appeared, indicating that I was about to clip my text to the layer below (brown paper). (In Photoshop Elements, you will see 2 intersecting circles instead of the square box.)

sd_clipping-masks3a

That is exactly what I wanted to do, so I clicked my mouse, and the text was clipped to the brown paper.  Notice that there is a down-pointing arrow on the Text layer now, and the thumbnail is indented to the right.  These are indicators that the Text layer is clipped to the layer below.

In the image below, you will see that the text is now constrained to the brown paper.  I’ve turned the visibility of the white-torn-paper back onto check how the border looks.  It looks great to me.  Now I will just need to turn the Knit layer off, trim the border, save it as a PNG, and it’s ready to be used on my scrapbook pages.

sd_clipping-masks4

I used this layered border file because I think it easily demonstrates the clipping technique.  However, you do not have to be working with PSD files to utilize clipping masks.

In the image below, you will see that I created a circle using a shape, placed a Monkey Business Knit over the shape, and clipped the Knit to the circle. (I added a slight bevel and drop shadow to the shape – not the knit -  just for effect.)

sd_clipping-masks5

That’s how easy it is to work with clipping masks!

Credits:  Monkey Business is a brand new collaboration between LouCee Creations and SnickerdoodleDesigns.  You will find Monkey Business in both designer’s stores.  Enjoy Introductory Sale Pricing of 30% off through April 20th, or chose the  entire Collection at a 48% savings – which is your best value!

 And here is a beautiful cluster to help you get started with your own Monkey Business layouts!

monkey cluster_Revised copy 2

9 comments ... Join the conversation!

Did you know that you can apply a shadow to a Group in Photoshop? I didn’t for the longest time! Here’s how!

Below is an image showing 2 groups.  Each group contains  letters which spell one word.

sd-shadow-group1

(If you are wondering how/why some of the layers have a colored label, read Giving Photoshop Layers a Color Label on our blog.)

I would like to add the same shadow to every layer. Typically I would select the first layer I would like to shadow, hold down the Shift key, then select the last layer I would like to shadow. Doing so would select the first, the last, and all of the layers in-between.  When I next clicked on a drop shadow style, it would be applied to all selected layers.

An alternative way, when you have items in groups, is to just click on the Group Name and click on the style you would like to apply. All of the layers will be shadowed, just as in the above noted manner, but in a simpler, faster way.

In the image below I have selected the Group 1 – Monkey layer, clicked on my shadow style, and the task is complete… without any selecting of layers.

capture3

This is just a very quick tip to make applying shadows to multiple items save you a few seconds.  And in the course of the day or a week, saving seconds can definitely add up!

Note: Groups are not available in Photoshop Elements.  Photoshop CS6 was used in the screen shots for this tutorial.

Credits: The alpha in the images above was created by Lou Cee Creations, and will be included in a new collaboration with SnickerdoodleDesigns. Think feisty, think mischievous, think fun!

Sneak Peek

1 comment ... Join the conversation!

Adding Shadows to Lace in Photoshop Elements

by SnickerdoodleDesigns 22 March 2014

Last week we explored ways of Adding Shadows to Lace in Photoshop.  Today let’s take a look at how to accomplish this in Photoshop Elements. For the purposes of this tutorial, I am using Photoshop Elements 12. Pictured below is a lace flower template, which has been stylized with a lace style.  (Flower Lace Templates, […]

3 comments Continue reading…

What happened to my flower?

by Jill Schwegel 18 March 2014
Thumbnail image for What happened to my flower?

Unless you’ve been hiding away in some remote cabin without any internet access, you’ve read or seen the results of an action I released last month … the Paper Flower Action. I have been blown away with the response to what started out as a whim and all the excitement it’s generated. And, while there’s […]

9 comments Continue reading…

Adding Shadows to Lace in Photoshop

by SnickerdoodleDesigns 15 March 2014
Thumbnail image for Adding Shadows to Lace in Photoshop

St. Patricks Day is right around the corner!  In 2011 I visited Ireland and fell in love – with the people, with the beautiful country, and with Irish Lace. Last week I released some Irish Lace products, and I have received multiple emails this week asking me the best way to shadow the lace.  Today […]

12 comments Continue reading…

Using the Color Picker in Photoshop Elements

by SnickerdoodleDesigns 4 March 2014
Thumbnail image for Using the Color Picker in Photoshop Elements

I usually write tutorials with Photoshop in mind, and add a short paragraph on how to accomplish the same thing in Photoshop Elements. Today I would like to reverse that, and focus on Photoshop Elements (PSE). For the purposes of this tutorial I am using Photoshop Elements 12, but I believe this tip will be […]

7 comments Continue reading…

Working with Layer Masks in Photoshop

by SnickerdoodleDesigns 15 February 2014
Thumbnail image for Working with Layer Masks in Photoshop

Let’s take a look at Photoshop Layer Masks today, and how they can help us in creating our scrapbook pages. To create a Layer Mask, you must start with an open document. Here is a cluster, with all of its layers visible. I have placed my Forever Friends Charm on top of the cluster of […]

9 comments Continue reading…

Invert Adjustment Layer in Photoshop

by SnickerdoodleDesigns 8 February 2014
Thumbnail image for Invert Adjustment Layer in Photoshop

Today let’s explore the Invert Adjustment Layer option in Photoshop. An Invert Adjustment Layer inverts the colors of a selected layer, causing those colors to become their opposites on the color wheel.  For example, black will become white, white will become black, purple will become green, and red will become purple.  The Invert Adjustment acts […]

16 comments Continue reading…

Lock Image Pixels in Photoshop

by SnickerdoodleDesigns 1 February 2014

For the past 2 weeks we have been exploring the “lock” options in Photoshop and Photoshop Elements.  In case you missed those tutorials, you will find them here:  Lock Options in Photoshop and Lock Transparent Pixels in Photoshop.  Today we will look at the last remaining lock option:  Lock Image Pixels. The Lock options are […]

9 comments Continue reading…