You are here: Home » Blog » Tutorials » Elements (PSE)

Elements (PSE)

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!

 

 

3 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!

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, Set 1, a collaboration between Jilbert’s Bits of Bytes and SnickerdoodleDesigns; Irish Lace Styles by SnickerdoodleDesigns).

sd_lace-pse-1

As Stash Empress noted in the “Warning, this action is addicting!” forum thread,  PSE does not allow the user to use blending modes on drop shadows that have been applied to an element.  So let’s separate our shadow from our element!  That way we will be able to manipulate the shadow anyway we like.

There are several ways to do this, but let’s look at what I think is the easiest way.

1. Duplicate the lace flower.  You can do this in several ways.

  • Go to File > Duplicate
  • OR with the flower layer selected, click Control + J
  • OR select the flower layer and drag it up to the New Layer icon at the top of the layers panel

(Don’t you love that Photoshop gives us multiple ways to do things?)

sd_lace-pse-2

2. Click and hold down Control, while clicking on the thumbnail image of the bottom flower.  This will select all of the flower pixels.  You will see marching ants around the parts of the flower, indicating they have been selected.

sd_lace-pse-3

3.  Click on the Color Picker to choose what color you would like your shadow to be.  Since I am demonstrating this on a gray background for easy visualization, I will choose a gray color a few shades darker than my background.  (Please see last weeks tutorial, Adding Shadows to Lace in Photoshop,  for tips on how to choose shadow colors.)  With medium gray selected as the Foreground Color, go to Edit > Fill Selection.  The Fill Layer dialogue box will open. Select Use: Foreground Color, then click OK.

sd_lace-pse-4

Turn off the visibility of the top flower, and you will see your “filled” layer.  This is what we will use as our shadow.  Because it is on its own layer, we can manipulate it any way we want.

sd_lace-pse-5

4.  Select the Move Tool (keyboard shortcut:  Control + V), and nudge that “shadow” layer into the position you would like.  I’ve moved mine a little to the right, and slightly down.

sd_lace-pse-6

If you would like to play with Blending Modes, now is the time.  Just stay on your “shadow” layer, and cycle thru the Blending Modes at the top of your Layers Panel until you find the look that you like.

The shadow is a little harsh for me, so I applied a Gaussian Blur of 10% to it. (Filter > Blur > Gaussian Blur), and I lowered the opacity to 75%.  I also linked the lace flower and the lace shadow, so that they would move in tandem with one another when I moved them later.  (To link layers, click and hold Control, select the layers you would like to link, then click on the chain icon to the left of the layer thumbnail images.)

sd_lace-pse-7

Now your lace flower is ready to use as-is or use in combination with other flower layers.

Check out the “Warning, Using this Action is Addicting!” thread for some AWESOME examples of flowers some of our Forum Members have created using  Jilbert’s Paper Flower Action  and our Irish Lace Flower Template Collection.  (She has this in PSE and CSPS versions!)

Jill’s Paper Flower Action works on all kinds of flower templates.  I just clicked on “Templates” in the CU Store and found multiple flower templates on the first page. There are three pages! So go browse thru all of the pages and see what treasures you can find.  I have a feeling you might find some great sales on them too!

3 comments ... Join the conversation!

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…

Lock Transparent Pixels in Photoshop

by SnickerdoodleDesigns 25 January 2014
Thumbnail image for Lock Transparent Pixels in Photoshop

Last week we looked at two of the Lock Options in Photoshop. If you missed that post you can find it here: Lock Options in Photoshop. Today we are going to take a look at the Lock Transparent Pixels option in Photoshop.  This is like magic! The Lock Transparent Pixels option is located at the […]

8 comments Continue reading…

Lock Option in Photoshop

by SnickerdoodleDesigns 18 January 2014
Thumbnail image for Lock Option in Photoshop

In “traditional” scrapbooking, we use glue, tape, or various other items to fasten our papers and elements to each other. We typically build our scrapbook page from the bottom up, securing our elements as we go. We can do the same thing in our digital scrapbook pages by using the Lock options in the Layers […]

6 comments Continue reading…

Border Buddies and How to use them

by SnickerdoodleDesigns 6 January 2014
Thumbnail image for Border Buddies and How to use them

I love using borders on scrapbook pages.  They can add a lovely accent to a page, while still allowing photos to take the main stage. Borders can be designed using elements from a kit, using brushes, shapes, gradients, or any number of tools that we find in Photoshop.  Borders can be as simple or as […]

2 comments Continue reading…