Photoshop Holiday Snowflakes Photo Border Tutorial

Holiday Greeting Card Photo Border In Photoshop

Learn Photoshop with Photo Effects Tutorials at Photoshop Essentials.com

Written by Steve Patterson. In this Photoshop tutorial, we'll learn how to create a simple and fun holiday greeting card-style photo border! Photoshop ships with some great snowflake shapes that we can use in our design, and we'll convert them into brushes so we can add variety to our border with snowflakes of different sizes, angles and opacity levels! We'll use a layer mask to cut out the area where the photo will appear, and a layer style to add a thin border around the photo itself. We'll finish things off by adding some traditional "Happy Holidays" text along the bottom to give our photo border more of a greeting card look to it.

I'll be using Photoshop CS5 here, but any recent version of Photoshop will work. Here's what the final result will look like:

Photoshop Holiday Photo Border. Image © 2010 Photoshop Essentials.com.
The final result.

Let's get started!

Download our tutorials as convenient, printable PDFs! Get over 280 Photoshop tutorials!

Step 1: Create A New Photoshop Document

Before we begin work on the photo border itself, let's start by creating some snowflake brushes to use in our design. We'll need a new Photoshop document, so go up to the File menu in the Menu Bar along the top of the screen and choose New:

The New Document option in Photoshop. Image © 2010 Photoshop Essentials.com.
Go to File > New.

This opens the New Document dialog box. Enter 200 pixels for both the Width and Height of the new document, and make sure the Background Contents option is set to White. Click OK when you're done to close out of the dialog box. A new 200x200 pixel document, filled with white, will appear on your screen:

Photoshop New Document dialog box. Image © 2010 Photoshop Essentials.com.
Create a new 200x200 pixel document with a white background.

Step 2: Select The Custom Shape Tool

Photoshop ships with a few ready-made snowflake shapes that we can use. To access them, select the Custom Shape Tool from the Tools panel. By default, it's hiding behind the Rectangle Tool, so click on the Rectangle Tool and hold your mouse button down for a second or two until a fly-out menu appears, then select the Custom Shape Tool from the list:

Photoshop Custom Shape Tool. Image © 2010 Photoshop Essentials.com.
Click and hold on the Rectangle Tool, then select the Custom Shape Tool from the list.

Step 3: Load The Nature Shape Set

With the Custom Shape Tool selected, right-click (Win) / Control-click (Mac) anywhere inside the document window to quickly access the Shape Picker, then click on the small arrow in the top right corner of it:

Photoshop custom shape picker. Image © 2010 Photoshop Essentials.com.
Click on the small triangle in the top right corner of the Shape Picker.

Clicking on the arrow opens a menu with various options, along with a list of additional shape sets that we can load into Photoshop. Click on the Nature shape set to select it, which is the set that contains the snowflakes:

Loading the Nature shape set in Photoshop. Image © 2010 Photoshop Essentials.com.
Set the Nature shape set from the menu.

Photoshop will ask if you want to replace the current shapes with the Nature shapes or if you'd rather just append them to the list, which will add them below the original shapes. Click the Append button:

Appending the Nature shapes in Photoshop. Image © 2010 Photoshop Essentials.com.
Choose Append to add the Nature shapes in with the original shapes.

Step 4: Select The First Snowflake Shape

With the Nature shapes now loaded, scroll down through the small shape thumbnails until you see the snowflakes (there's three of them in a row). Click on the first snowflake's thumbnail (the one on the left) to select it. If you have Tool Tips enabled in Photoshop's Preferences, you'll see the shape's name, "Snowflake 1", appear when you hover your mouse over the thumbnail. Once you've selected the snowflake shape, press Enter (Win) / Return (Mac) to close out of the Shape Picker:

Selecting the Snowflake 1 custom shape in Photoshop. Image © 2010 Photoshop Essentials.com.
Click on the first of three snowflake shapes to select it.

Step 5: Select The Fill Pixels Option

Photoshop gives us three different types of shapes that we can draw - vector shapes, paths and pixel-based shapes. We can switch between the types by selecting them in the Options Bar. We're going to be creating brushes out of the snowflake shapes, and since brushes are made of pixels, we'll draw pixel-based shapes. Click on the Fill Pixels icon in the Options Bar (the one on the right) to select it:

The Fill Pixels icon in the Options Bar in Photoshop. Image © 2010 Photoshop Essentials.com.
Each icon in the row of three selects a different type of shape. The "Fill Pixels" icon is the one on the right.

Step 6: Draw A Snowflake

When creating a brush in Photoshop, black areas in the document become the brush itself while white areas become transparent, which means that even though snowflakes are usually white (and they'll be white in our photo border later on), we'll need to draw a black snowflake against our white background if we want to create a brush from it. Press the letter D on your keyboard to quickly reset Photoshop's Foreground and Background colors to their defaults, which sets the Foreground color to black. Then, click in the center of the document and, with your mouse button still held down, begin dragging outward to draw the snowflake shape.

As soon as you begin dragging, hold down Shift+Alt (Win) / Shift+Option (Mac), then continue dragging. Make sure you wait until after you've started dragging before holding down these keys (if you see your cursor temporarily switch to the Eyedropper Tool, it's because you held the keys down too early). Holding the Shift key down will constrain the dimensions of the snowflake so it doesn't end up looking tall and thin or short and fat, while the Alt (Win) / Option (Mac) key tells Photoshop to drag the shape out from its center. Drag out the largest snowflake you can fit inside the document window, then release your mouse button, then the keys (once again, make sure you release the keys after you release your mouse button). If you need to reposition the snowflake as you're drawing it, hold down your spacebar, drag the shape around inside the document, then release the spacebar and continue:

Drawing the first snowflake in Photoshop. Image © 2010 Photoshop Essentials.com.
The black snowflake will become the brush tip.

Step 7: Create A Brush From The Snowflake

With the first snowflake in place, go up to the Edit menu at the top of the screen and choose Define Brush Preset:

The Define Brush Preset command in Photoshop. Image © 2010 Photoshop Essentials.com.
Go to Edit > Define Brush Preset.

Name the new brush "Snowflake 1" in the Brush Name dialog box, then click OK to exit out of the dialog box:

Naming the new brush in Photoshop. Image © 2010 Photoshop Essentials.com.
Name the new brush "Snowflake 1".

Download our tutorials as printable PDFs! Learning Photoshop has never been easier!

Step 8: Create Brushes From The Other Two Snowflake Shapes

And with that, our first snowflake brush has been created! We still need to make brushes out of the other two snowflake shapes, so first, press Ctrl+Z (Win) / Command+Z (Mac) to undo the snowflake we just drew in the document window. You should see only the solid white background. Then repeat Steps 4 - 7 for each of the other two snowflake shapes. Right-click (Win) / Control-click (Mac) inside the document window to bring up the Shape Picker and click on the next snowflake's thumbnail to select it. Make sure the Fill Pixels option is selected in the Options Bar. Click in the center of the document and begin dragging out the snowflake shape, then hold down Shift+Alt (Win) / Shift+Option (Mac) and continue dragging out the largest snowflake that will fit inside the document. Go up to the Edit menu and choose Define Brush Preset, then name the new brush either "Snowflake 2" or "Snowflake 3" depending on which one you're creating. Remember to press Ctrl+Z (Win) / Command+Z (Mac) after you've created the "Snowflake 2" brush to clear it from the document before drawing the third snowflake shape.

Once you've created the third snowflake brush, you can close out of the document window since we no longer need it. Our snowflake brushes are now ready to go. We'll be creating a brand new Photoshop document for our holiday photo border next.

Go to page: 1 | 2 | 3 | 4