You are here: Home » Blog » Archives for tutorial

tutorial

Choosing the “right” kit to scrap a particular photograph can sometimes be a challenge.  The theme of the kit might be perfect for you, but the colors of the kit might not be what you need.  There’s an easy way to fix that! Create a custom color palette from your photograph, and recolor the kit elements as needed.

Let’s look at creating our own color palette today, and we’ll talk about recoloring elements next week.

I am using CS6 for this tutorial.  The great news is that this technique works exactly the same in Adobe Photoshop Elements.  I tested it in PSE 9, 11 and 12 (I don’t have version 10); but it makes sense that this method would work in other PSE versions as well.

I started creating a new kit last week, and wanted a colorful Spring color palette.  I remember being charmed by a colorful Spring garden I saw in Paris.  Although my photograph of the garden is far from fabulous, I wanted to use those colors in my color palette.

sd_colorpalette1

Here are the steps to follow to create your own custom color palette from your own photograph:

Duplicate your photo, and close your original, keeping it safe.

Go the the top Menu Bar and choose Image > Mode > Indexed Color.

sd_colorpalette2

The Indexed Color window will open and you will have some options to choose from:

For Palette: Choose  Local (Perceptual) (accessed by clicking on the down-pointing arrow to the right)

For Colors: Choose as many colors as you would like to have created for you. I chose 10.

For Forced: Choose None.

For Transparency: Check this box.

For Dither: Choose None.

Click Okay.

You will see some chances occur very quickly in your photograph. Your photo will appear very flat.

sd_colorpalette4

Next go back to the top Menu bar and choose:  Image > Mode > Color Table to see your custom color palette.

Notice that there are 10 color slots (since I chose to use 10 colors); however, the #10 slot is empty.  That is because Photoshop found only 9 colors in my photograph.

sd_colorpalette5

Now that you have created your color palette, let’s save it.  Click on Save.  When the Save dialogue box opens, give your new color palette a name and choose where you would like to save it.  The file will be saved as an .ACT file. I chose to save my swatch in my Heartsong folder, and I named it Heartsong-palette.

sd_colorpalette6

When you ready to use your palette, you will need to Load the .ACT file in the Color Swatches panel.  This is how you do that:

Click on the down-pointing arrow that is on the far right corner of the Swatches Panel, then click on Load Swatches.

sd_colorpalette7

Change the File Type to ACT, navigate to where you saved your .ACT file, select it, then click Load.

sd_colorpalette8

Your new palette will now be visible in your Swatches Panel.

sd_colorpalette9

I really liked this palette, but wanted to expand it a little, so I  added a shade of aqua and orange to it as well. Feel free to add to the color palette you create, if you need to.

I also wanted my kit colors to be pastel, rather than bright.  I was able to create that look through my design process.  Here is a preview of the papers, created using this method of creating my custom color palette.

sd_colorpalette6

 I hope you will experiment with this fun technique the next time you are looking for just the perfect colors to scrap your photos with.

The papers pictured here are from my still-in-process kit, Heartsong.  I hope to release it next week!

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

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…

Etching Glass with the help of the Silhouette Cameo

by Min 11 March 2014

Today I want to tell you about one of my recent craft projects using the Silhouette Cameo: Etching Glass. I have a couple of everyday use glasses that we all love using, but over time (and since they were not expensive glasses) they lost some of their shine and acquired spots and streaks because of […]

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

Dressing up homemade gifts for Valentine’s Day (with cutting file freebie)

by Min 11 February 2014
Thumbnail image for Dressing up homemade gifts for Valentine’s Day (with cutting file freebie)

Hi all, today I have a 3-in-1 post for you: I want to show you how to dress up home-made gifts with the help of your Silhouette Cameo – plus a little tutorial on how to create a scalloped circle with Silhouette Studio thrown into the mix. And I will reveal my recipe for homemade […]

1 comment 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…