You are here: Home » Blog » Archives for SnickerdoodleDesigns

SnickerdoodleDesigns

For the past few weeks, we have been looking at Photoshop Styles.  Here are links to past tutorials, in case you missed one:

Many of you have written to tell me that you like that I include, what I call, Style Strips in my Styles products.  Many of you have also asked how to make your own Style Strips for Styles you own or ones that purchase from other designers.  It’s very simple to do.  Here’s how:

1. Here is a template that I created for my Style Strips.  There are 6 squares, and each square is on it’s own layer.  You can make your own template with as many or as few squares as you like, or you may download my template for your use at the bottom of this post.

sd_style-strip-2

2. Load or install the Photoshop Style that you wish to create a Strip for.

3. Go back to the template and replace the name of each layer (in my preview named “Product Name”) with the name of the Style you wish to create the Style Strip for.

4. With the first layer in the template selected, click on the first Style that is in the Style set you are using. In the image below, you will see that I am creating a Style Strip for my Leather Styles-Set 1, so I have changed the names of my layers to reflect that information.   I have also applied the first Style in this Style Set to the first square.

sd_style-strip-3

5.  To complete the Strip, I would just need to click on the next layer (SD_LeatherSet1-2) to make it active, then click on the Leather-Set1-2 Style in the Styles Panel to apply it to the 2nd rectangle (that is on the 2nd layer); then click on Layer 3, and so on.

sd_style-strip-4

6.  Once the Strip has been completed, save as a PSD or TIFF, and file it in your choice of places.  I like to keep my Style Strips together with everything else that goes with that product (.asl file, tutorials, and such).

Note:  If you are creating a Strip that has more than 6 Styles in it:  1. Create a new document (size dependent upon how much space you need); drag the original template onto the new document; duplicate the number of layers (squares) that you need; create your Style Strip; crop the transparent pixels on your new document; and save as noted above.

Using Style Strips is helpful when you don’t want to load or install Styles. Just open the PSD (or TIFF, depending upon how the Strip is saved), right click on layer of the Style you want to use and choose the “Copy Layer Style” option.  Right click on the layer you wish to apply the Style to and choose “Apply Layer Style.”  Using Style Strips is especially helpful for those who have Photoshop Elements versions that do not allow “loading” of Styles.

I hope this little trick makes working with Styles easy and convenient for you!

Download my template here, or click on the image below, if you would like to use it.

SD_PSE-Styles-Templates-prev

 

 

13 comments ... Join the conversation!

Today, let’s continue looking at Pattern Overlays in Photoshop Styles.  If you haven’t been able to join us the past 3 weeks, for your easy reference, here are the links to our recent conversations

For the purposes of this tutorial, I am using Photoshop CS6, although I believe it works in most Photoshop versions.  We are unable to access Style Patterns in Photoshop Elements.

Repositioning a Pattern Overlay in a Photoshop Style is very simple to do.   Here’s how:

1. Let’s adjust the Pattern in this Rusted Metal Style.  Making sure the layer is highlighted, double click anywhere in Effects, to bring up the Layer Style option box.

sd_repositioning-1

sd_repositioning-2

2. Notice in my example that the Bevel & Emboss option is selected.   Click on the Pattern Overlay (left bottom) to make that option active.

sd_repositioning-3

3. Leaving the Layer Style box open, go back to your document.  Click on the pattern in your style, and drag it around until you have it positioned as you like.

sd_repositioning-3

4.  When you get the pattern positioned how you want it, click OK.

sd_repositioning-4a

That’s all there is to it!

Let’s look at just 2 ways in which this could be helpful:

1.  Some styles are seamless, meaning that you cannot see where their edges meet. Other styles are NOT seamless.   If you are working with a style that is not seamless, and the shape you wish to apply the style to is larger than the pattern size, you will see the pattern seams.  Here’s what that would look like:

sd_repositioning-5a

By using the technique explained above, if the pattern is large enough (and this one is), we can drag the pattern around just slightly to hide those seams.  This is what we would end with:

sd_repositioning-6

Ahhh… much better!

This technique can also be helpful in another way when we are working with a multi-colored pattern, or a pattern with variation in it.

Here is a Rusted Metal Style that has a lot of variation in both the pattern and the color.  By moving the pattern around, we can utilize all of the different colors and rusty spots.

One style; Four looks!

sd_repositioning-7a

 That’s it for today!  I hope this tip will enable you to look at the Styles you own in an entirely different light!

Rusted Metal Styles are on Sale (40% off thru July 15th). You will also find hundreds of other Styles in our Commercial Use Store: Photoshop Styles .

 

8 comments ... Join the conversation!

Over the past 2 weeks, we have been discussing Photoshop Styles.  In case you missed those posts, you can catch up with us here:

Today, we are going to explore adjusting pattern sizes in Photoshop Styles.  For the purposes of this tutorial, I am using Photoshop CS6.  This method should work in other full versions of Photoshop. We are not able to access Patterns in Photoshop Elements.

As we discussed last week, most Styles will have a pattern to them, which is what gives them their distinct personality.  (Not all Styles will have a Pattern Overlay, but we are going to focus today only on those that do.)

Here are the styles that we looked at last week. Notice the distinct pattern each one has.

sd_pattern-styles-1 Stratified Rock, Marble, Chipboard, Leather, Rusted Metal and Snow & Ice

Let’s take a look at the pattern in the Stratified Rock Layer Style.  I’ve turned off the Bevel & Emboss, and the Inner Shadow, so we can focus on just the Pattern Overlay.

sd_pattern-adjust-1

In the Layers panel, double-click on the Style to open the Layer Style dialogue box. Next, click on the Pattern Overlay to make it active.  Then, on the right, we will now see the additional options for the Pattern Overlay.  Note the “Scale” option toward the bottom.  We see that the Scale (or size) of the Pattern Overlay in this Stratified Rock Style is set at 100%.

sd_pattern-adjust-2

By adjusting the slider, we can make the pattern larger or smaller.

sd_pattern-adjust-3

We have to be careful when adjusting pattern styles, because they can get blurry very easily.  The Stratified Layer Styles don’t show much distortion, even at 150%, because of the overall blended look of the pattern.

Here is the Rusted Metal Style at 50% and 150%:

sd_pattern-adjust-4

The Rusted Metal Style is not “seamless;” therefore, when we make the pattern size smaller, we are able to see the seams, where the (repeating) pattern edges meet. (See Exploring Patterns in Photoshop for reference to this concept, if it is new to you.)   We can see that this pattern is significantly blurry at 150%.

So why would we even want to adjust pattern sizes, since they are set to their ideal size during their creation by the designer?  There could be several reasons.

  • You might like to apply a large-patterned style to a small element, where a smaller pattern would look better. Sometimes scaling a pattern to a smaller size can cause distortion, just as scaling it to a larger size can; so just double-check the clarity of the pattern whether you are scaling up or scaling down.
  • You might be using a style that is not seamless, on a shape that is just slightly larger than the pattern itself.  By increasing the pattern size, you would avoid seeing the pattern seams.

NOTE:  If the designer of a style has applied a texture to the style, and you scale the pattern, your scaled pattern may look a little funky. It really depends on what texture has been applied.  This is a more advanced topic that we can talk about another day.

Ideally, whatever Styles you use are perfect for your needs, but it’s nice to know a few little tricks when you need just a slight adjustment.  This is one such trick.  Next week we’ll talk about how to move around a pattern that is contained within a Style.  This can be especially helpful when working with a pattern that is not seamless.

I have a Styles Sampler for you to download and experiment with.  Open the Styles and scale the patterns up and down yourself to see what results you get.  Although this Styles Sampler was offered as a freebie about a year ago, some of you may not have it.  And I thought the patterns in this sampler were varied enough to provide really good examples of what we have been talking about today.

Click HERE or on the image below to download.

sd_pattern-adjust-5

If you enjoy working with Styles, I encourage you to visit the Photoshop Styles category in our Commercial Use store, where we have hundreds of varied styles for your creative use!

5 comments ... Join the conversation!

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 […]

11 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 […]

19 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…

Tone an Image using Gradient Maps

by SnickerdoodleDesigns 17 May 2014
Thumbnail image for Tone an Image using Gradient Maps

Today let’s explore Gradient Maps, and how they might be useful in toning our photographic images. I received a text message from my son, Brian, this week.  Attached to the text was this photo of my grandson, Owen, who was at the doctor’s office for his 6 month check-up.  The photo is slightly grainy, having […]

7 comments Continue reading…

Adding Colors to the Swatches Panel in Photoshop and Photoshop Elements

by SnickerdoodleDesigns 10 May 2014

Over the past few weeks, we have been focusing on “color,” in Photoshop and Photoshop Elements.  In case you have missed any posts, here is a quick reference for you: Creating a Custom Color Palette in Photoshop and Photoshop Elements How to Easily Recolor an Object in Photoshop and Photoshop Elements Selective Recoloring in Photoshop […]

1 comment Continue reading…

Creating Color Variations in Photoshop and Photoshop Elements

by SnickerdoodleDesigns 6 May 2014
Thumbnail image for Creating Color Variations in Photoshop and Photoshop Elements

The past few weeks, we have been focusing on “color,” in Photoshop and Photoshop Elements.  In case you have missed any posts, here is a quick reference for you: Creating a Custom Color Palette in Photoshop and Photoshop Elements How to Easily Recolor an Object in Photoshop and Photoshop Elements Selective Recoloring in Photoshop Today, […]

3 comments Continue reading…