You are here: Home » Blog » Archives for Photoshop Elements

Photoshop Elements

Good morning!  Today I would like to share with you how easy it is to create your own inspirational stones!

Last week, I released Rocky Mountain Dreams, a personal-use scrapbook kit.

sd_rocky-mtn-dreams-prev

One of the kit extras was Inspirational Stones.

sd_rocky-mtn-dreams-stones-prev

As I was choosing which words I wanted to use for this project, I kept thinking that the words which were important for me to use might not be the words that YOU want for your own scrapbook pages.  So I went out into my yard, found some of the most interesting stones I could find, photographed, extracted them, and put together 3 sets of Stones.

Using the Stones in combination with my (or any) Imprint Styles will allow you to create stones to personalize your scrapbook layouts, or make unique elements for scrapbook kits.  (These products are CU friendly, in case you are a designer.)

front-yard-stones

sd_stones-collection-prev

Stones are available as individual products, (Stones, Set 1, Set 2, Set 3) but are also offered as a Collection with the Imprint Styles as a free bonus.

Okay, now let’s get to work! I am going to assume that you are familiar with getting Styles loaded or installed into Photoshop.  If you would like a refresher, here are 2 previous tutorials that will help:

How to Load Photoshop Styles

How to Load Photoshop Styles in Photoshop Elements  

Here is a stone from Set 2 (stone 7), with a layer of text on top of it.  It doesn’t matter what color text you use, as it will not be detectable after you apply the Imprint Style to it.

sd_stones-tut-1

Here is a copy of my Styles Panel, with the Imprint Styles outlined in red for you to see:

sd_stones-tut-2

There are 15 Styles available for you to choose from.  The fun part is simply applying each style to your chosen text to see what works best with the color stone you are using, the font you are using, and the look you are going for.

I have applied 4 different Styles to the word “explore.”

sd_stones-tut-3

I like the first style best on this stone color, so let’s work with that one (Style #11).

You have 2 method options now:

Method #1:

1. Rasterize your text (right-click on the Text layer and choose Rasterize Type).  (PSE users will “simplify” their text.)

2.  Right-click on either your Text or Stone layer and select Merge Visible (assuming these are the only 2 layers on your document). That’s it. You’re finished!

sd_stones-tut-4

 

Method 2 (and my preferred method because it offers more flexibility):

1. Rasterize your text (right-click on the Text layer and choose Rasterize Type).  (Again, PSE users will “simplify” their text.)

2. Rasterize the Imprint Style that has been applied to your text.  This will merge all of the effects.  To do this, right click  on your Text layer and choose “Rasterize Layer Style.”

3.  Having a rasterized text file to work with will give you increased flexibility as you search for the perfect look for your Stone. It will allow you to play with Blending Modes and Opacity Levels of the text layer, as well as duplicate that layer if you like for even more blending/opacity options.

In the image below, I duplicated the flattened text layer and changed the blending mode of the duplicated layer to Linear Dodge. I like how it gave a lighter edge to the left of the letters.  I’m happy with either of these results.

If I wanted to, I could duplicate the text layer yet another time for even more options, such as applying a 2nd Imprint Style to just that one duplicated layer.

sd_stones-tut-6

 

Method 2 is really important when using lighter colored stones. In the image below, you will see 2 samples.  In the top sample, I have created the stone using Option #1. When the Style is rasterized, due to the nature of the style, you will see the gray tint in it. On darker stones, we don’t notice that; on lighter stones, we do.

In the bottom sample, I created the stone using Method #2.  Because I had a rasterized text layer on it’s own layer, I could change the blend mode of the Text to Overlay – which looks better on the light colored Stones.

sd_stones-tut-7

I absolutely love this layout created by Norma, a member of my Creative Team, and also a member of the Studio CT.  She did use a Rocky Mountain Dreams Inspirational Stone – but if that stone hadn’t been perfect for her layout, she would have been able to create her own!

Norma-RMD

The key – and the fun – is just to experiment until you are happy with your results!

Here is a stone to add to your own stash! I hope you find the perfect layout for it.  Just click on the image below to download!

sd_stones-studio-free-prev

(For the purposes of this tutorial I was using Adobe Photoshop CS6; however, this technique also works in Photoshop Elements.)

10 comments ... Join the conversation!

Last week we looked at 3 ways to make selections in Photoshop, using the Lasso Marquee, the Magnetic Lasso, and the Polygonal Lasso Tools.  If you missed that tutorial, you will find it here:  Making Selections in Photoshop, Part 1. This week we will look at 3 additional ways to make selections using Quick Selection, the Magic Wand, and Color Range.  Let’s get started!

Today I am working in CS6, and am using a photograph of my own.

The Quick Selection and Magic Wand Tools are nested together on the Toolbar, in the 4th grouping from the top.

sd_selectionpt2-1

 

QUICK SELECTION TOOL:  This tool creates a selection by finding the edges of an image, as you paint on it loosely. (There is no need to be super careful about going right up to the edges of the object you want to select.)

  •  Click on the Quick Selection Tool to activate it.
  • Use the selection options in the top Options bar to Create New, Add to, Subtract From, and/or Intersect selections.  (We covered these options in The Marquee Tools in Photoshop, Part 1.).
  • Click on the Brush options to choose your brush size, hardness, spacing and angle (also Pen Pressure if you use a tablet).  Experiment with different options to see what works best for what you are trying to select.
  • Checking “Sample All Layers” will do just what it says – create the same selection from all of the layers below the layer you are working with.
  • Checking “Auto-Enhance” will reduce any jaggies on your selection.
  • Paint in your image with the Quick Selection Tool to make your selection.

I used a size of 53, hardness 100, and spacing of 70 to create the selection you see below by just painting over the yellow part of the flower. The selection tool did a really good job; however, there is one small area in between 2 petals that didn’t get selected, and part of the ladybug did get selected (which I didn’t want to happen).

sd_selectionpt2-3

I decreased the size of my brush to 20, selected the “Subtract From” option in the Options Bar, and gently nudged the selection line on the blue part of the image toward the yellow flower.  The selection snapped to the edge of the flower.  I did the same with the lady bug to deselect it.

sd_selectionpt2-4A

MAGIC WAND TOOL:  This tool creates a selection based on the differences in brightness value within an image. When we choose to use the Magic Wand Tool, we have some additional choices to make in the Options Bar.

sd_selectionpt2-6

  • Click on the Magic Wand Tool to make it active.
  • Make any “Add to,” “Subtract From,” or “Intersect With” choices in the top Options bar.
  • Next we are able to choose our Sample Size. I believe this is new to CS6. When we choose a Point Sample and click on our image, Photoshop will find all of the colors in the image that correspond to the color in the Point where we clicked.  When we choose a 100 by 100 Average sample, for example, Photoshop will include in the resulting selection all of the colors in the image that are contained within the 100 by 100 sample area.

sd_selectionpt2-7

  • Next we can choose our Tolerance.  The default Tolerance level is 32. This generally works well.  We can change the tolerance value, which ranges from 0 to 255, as we wish.  The higher the value, the more variations of your point sample will be “tolerated.”  In the sample below I clicked where the red “X” is located, and you can see the differences between the lower and higher tolerance values.

sd_selectionpt2-8

I have played around with both options of Sample Size and Tolerance, and sometimes like the results that one tool gives better than another.   My suggestion is to just play around with both options on your image and see what works best for you and what you are trying to select.

  • Again, we have the option of checking the Anti-alias box (which I recommend doing).
  • We also have the option of choosing “Contiguous” in the Options Bar.  Checking Contiguous will tell Photoshop to select only adjacent pixels.  In the images below I clicked in the darkest part of the sunflower.
  • As with the Quick Selection Tool, we can also choose to Sample All layers.

sd_selectionpt2-9

COLOR RANGE: Making selections by Color Range is one of my favorite ways of doing so.  The particular method I will explore here is not available in Photoshop Elements, like the Magic Wand and Quick Selections Tools are; however, there is a work-around that I will share with you at the end of this tutorial.

  • In Photoshop, to make a selection using Color Range, we  need to go to Select > Color Range

sd_selectionpt2-10

  • Once we do that, the Color Range dialogue box opens.  Here is where the magic happens!

sd_selectionpt2-11

  • In the “Select” box, we can use Sampled Colors (the colors we click on), or we can access the drop-down menu and choose specific colors, highlights, midtones, shadows, skin tones, and even out-of-gamut colors.
  • If we check the Localized Color Clusters box, our resulting selection will be constrained to the color that we clicked on.
  • The Fuzziness slider increases or decreases the color values, or the amount of “color variation” of the color that we click on.  The selection that is made is reflected in the black and white image below the Range slider.
  • The Range slider allows you to choose more or less of the image that is to be sampled.  The higher the value, the more of the image is included.

In the image below, I have clicked on the brown center of the flower, and set the Fuzziness to 77%.

sd_selectionpt2-12

What we see reflected in the black and white selection area, will tell us what is being selected.  The white part is the selection.  Here is the resulting selection, as shown on the photograph:

sd_selectionpt2-13

The dark brown that I clicked on is selected; but I want to include some of the lighter shades of brown also.  I decreased the Fuzziness to 49, and that looks much better.

sd_selectionpt2-14

However, the selection still isn’t what I am looking for though. I want to select all of that brown.  I can do that by clicking on the eyedropper with the plus sign next to it, and then clicking on the image again, in one of the lighter brown spots.  (Alternatively, I can click in the black and white selection box as well, if I know exactly what parts of the image I wish to include in the selection.) This selection is a lot better, as you can see reflected in the black and white box image box.

sd_selectionpt2-15

Because we added more color to our selection, we picked up some brown to the right of the image.  We don’t want that, and there’s an easy fix for it.

Go ahead and choose Okay to create your selection.  You will see marching ants on your image indicating what part of the image has been selected.  Let’s make the assumption that you want to change the color of your selection.  Click on the Hue/Saturation Adjustment icon in your Adjustments Panel to add a new adjustment layer.

Now look at the layer mask. The white “smears” to the right of the mask indicate the part of the selection that we don’t want.   To remove those:  select a soft  brush, click on the mask to make it active, then paint white on the mask to remove the part of the selection you don’t want affected with your Hue/Saturation adjustment. Once you are satisfied, go ahead and double-click on the little rectangular grey and white box to the left of the mask to make your Hue/Saturation adjustment level active, and then make the color adjustments that you want to make.  (Alternatively, you can make the adjustments first, and then paint away, on the mask, the parts that you don’t want.)

sd_selectionpt2-16

Using the Color Range Tools take a little practice, but can be extremely effective in making accurate selections.  But as with all tools, some work better than others, depending upon what image you start with, and what your goal is.  The key is…. experiment! And if one method isn’t giving you what you want, try another!  The more tools we have in our arsenal, the better selections we will be able to make!

This has been a very long tutorial.  Thank you for staying with me, if you’ve made it this far!

Disclaimer:  This is by no means meant to be an all-inclusive or comprehensive tutorial on selection tools.  It is, however, written with the hope that the information presented here will spark your interest in a selection method you may have not considered before, or has created in you the desire to learn more about the tools that you already use.

Photoshop Elements Users:  There is a work-around for working with Color Range in Photoshop Elements.  The path is:  Enhance > Adjust Color > Replace Color.  Here is a YouTube video by Jon-Paul Jones that I hope you will find helpful.

See you next week!

5 comments ... Join the conversation!

Over the past few weeks, we have been talking about creating selections using the Rectangular Marquee and Elliptical Tools.  In general,  Photoshop offers us multiple ways to accomplish the same goals, and so it comes as no surprise that other tools are available for us to utilize when we are making selections.  Other selection Tools and methods include: the Lasso, the Polygonal Lasso, the Magnetic Lasso, the Quick Selection, the Magic Wand, and Color Range Tools. Today, let’s look at the first 3 methods, and next week, the final 3.

I will be working with  a flower-border element from my Heartsong Kit, and demonstrating with Photoshop CS6. These 3 Tools are also available in Photoshop Elements.

sd_color-range-1

The Lasso, Polygonal Lasso and Magnetic Lasso Tools are all nested together in the 3rd grouping from the top, on the Toolbar.

sd_color-range-2

LASSO TOOL:

The Lasso Tool allows you to draw free-form shapes.  To use this tool:

  • Select the Lasso Tool.
  • Use the selection options in the top Options bar to Create New, Add to, Subtract From, and/or Intersect selections.  (We covered these options in The Marquee Tools in Photoshop, Part 1.).
  • Enter a Feather amount in Options bar, if desired (Also covered in The Marquee Tools in Photoshop, Part 1.).
  • Check Anti-alias to help avoid jaggies.
  • Left-click your mouse button, and keeping the button depressed, draw the selection that you want.
  • Connect the end with the beginning of your selection, and release the mouse button to close the selection shape.

sd_color-range-3

This free-form selection method can be especially helpful when you need to make a selection in tight spaces.  Zoom into your image if the item you need to select is even closer than what is pictured above.  This method is also really useful when selecting a single letter on an alpha sheet.

sd_color-range-4

POLYGONAL LASSO:

The Polygonal Lasso creates a straight line selection. To use this tool:

  • Select the Polygonal Lasso Tool.
  • Make any desired choices in the top Options Bar (Create new, add to, subtract from, intersect, and Feather).
  • Check Anti-alias.
  • Click on your document where you would like to start your selection.  Release your mouse. Click on the document where you would like to create your second point.  Photoshop will add an anchor point for you.  Continue in this fashion until you have finished your selection.
  • Double-clicking anywhere or clicking at your starting point will tell Photoshop to close the selection.

sd_color-range-5

Tip:  The Polygonal Lasso Tool will create straight lines in any direction. However, if you click and hold Shift while drawing your lines, or depress Shift after you have drawn your line but before you click to create an anchor point, Photoshop will constrain the angle of your line, making it perfectly straight for you.  In the image above, I created the top, right side, and bottom by constraining my line using the Shift key. I did not use the Shift key when I drew the left line, so was able to choose the angle that I wanted.

MAGNETIC LASSO:

The Magnetic Lasso tool creates a selection by following along the edge of an object. To use this tool:

  • Select the Magnetic Lasso Tool.
  • Make any desired choices in the top Options Bar (Create new, add to, subtract from, intersect, and Feather).
  • Check Anti-alias.
  • With the Magnetic Lasso, we also have some other options available.  In the top Options bar:
    • Width: The number chosen here will tell Photoshop how many pixels to consider when looking at the edge of the object. The default of 10 px usually works well.
    • Contrast: The Magnetic Lasso Tool makes selections based on the change in brightness values.  Enter the percentage here to tell Photoshop how much of a shift in the brightness values to use in determining the edges.  The higher the percentage, the less “tolerant” Photoshop is of brightness values.  The default of 10% usually works well; but if you find it isn’t making a clean enough selection, try increasing the percentage value.
    • Frequency: The higher the number, the more anchor points Photoshop will add to your selection.
  • Left click near the edge of your element to create the first anchor point, then release your mouse button.
  • Draw (don’t drag with the mouse button depressed) closely around the edge of the element and Photoshop will drop anchor points as you draw.
  • Double-click anywhere, or click on the starting point to close your selection.

sd_color-range-6 sd_color-range-7

Tip:  If you don’t like an anchor point that Photoshop has added, hit Delete, and the last anchor point will be deleted.

Making selections is such an integral part of what we do in scrapbooking. It’s great to have multiple ways to accomplish this task!  Next week we will look at 3 additional methods… one of them being my all-time favorite!

 

8 comments ... Join the conversation!

The Marquee Tools in Photoshop, Part 2

by SnickerdoodleDesigns 26 July 2014
Thumbnail image for The Marquee Tools in Photoshop, Part 2

Last week we looked at a few features of the Marquee Tools.  In case you missed “The Marquee Tools in Photoshop, Part 1,” you will find it HERE. In the image below, I have the Elliptical Marquee Tool selected. Because I have a Marquee Tool selected, options associated with the Marquee Tools are now available […]

3 comments Continue reading…

The Marquee Tools in Photoshop, Part 1

by SnickerdoodleDesigns 19 July 2014
Thumbnail image for The Marquee Tools in Photoshop, Part 1

This week I was asked by a new digital scrapbooking enthusiast to explain the Marquee Tools in Photoshop.  Those of us who have been using Photoshop for any length of time use these tools routinely and, most likely, without much thought.  But as I reflected upon my beginning experience with Photoshop, I recall being confused […]

9 comments Continue reading…

Creating your own Style Strip for Photoshop Layer Styles

by SnickerdoodleDesigns 5 July 2014

For the past few weeks, we have been looking at Photoshop Styles.  Here are links to past tutorials, in case you missed one: Using Styles to Stretch your Digi-Stash Exploring Patterns in Photoshop Styles Adjusting the Pattern Size in Photoshop Styles Many of you have written to tell me that you like that I include, […]

13 comments Continue reading…

Exploring Patterns in Photoshop Styles

by SnickerdoodleDesigns 14 June 2014
Thumbnail image for Exploring Patterns in Photoshop Styles

Last week we talked about Using Styles to Stretch your Digi-Stash.   Thank you for communicating with us via the Comment Section, which follows each post.  We love hearing your ideas and receiving your input.  Since there were some comments on extracting a designer’s pattern from a set of Styles, let’s explore that a little further […]

12 comments Continue reading…

Using Styles to Stretch your Digi-Stash

by SnickerdoodleDesigns 7 June 2014
Thumbnail image for Using Styles to Stretch your Digi-Stash

I’m a big fan of Photoshop Styles.  I love to create them, use them, and try to convince everyone I know that they’re one of the best Photoshop tools there is!  Today I will show you how you can get some extra mileage out of any Styles you already own, and how to look at […]

20 comments Continue reading…

Using Blend Modes in Photoshop

by SnickerdoodleDesigns 31 May 2014

Using Blend Modes in Photoshop gives us many options for creativity.  Blend modes change how two layers interact with one another.  Results depend upon many factors….. which can make using blend modes (somewhat) unpredictable but fun! For the purposes of this tutorial, I am using Photoshop CS6.  The Blend Mode option is located at the […]

6 comments Continue reading…

Hand-Tinting Photos in Photoshop and Photoshop Elements

by SnickerdoodleDesigns 24 May 2014
Thumbnail image for Hand-Tinting Photos in Photoshop and Photoshop Elements

Last week, we looked at how to “Tone an Image using Gradient Maps.”   Today, let’s explore Gradient Maps just a little more and look, specifically, at one way to easily “hand-tint” an image. This method works equally well in Photoshop and Photoshop Elements. As a refresher, to add a Gradient Map, we need to: 1.  […]

1 comment Continue reading…