Photoshop Tutorial: Create a Bright New Year 2017 Design

There are many New Year designs out there, but I thought I would try to create something a little different – and here it is. This design is pretty easy, but it is time consuming, and for that reason, I have included the psd file download at the end of the tutorial in case you may want it, but don’t have the time or inclination to follow through the tut. I hope you like it.

Photoshop Tutorial: Create a Bright New Year 2017 Design

Resources:

Sparklies Brushes from redheadstock at Deviantart
Easy Street EPS Bold Font from Fonts2u

Step 1

Open a new file using the settings shown below:

New File Settings

Fill the background with dark blue #0C0F4C.

Make white the foreground colour. Select the Gradient Fill tool and the foreground to transparent gradient (white to transparent). Select Radial Gradient.

On a new layer drag the cursor from the middle of the canvas diagonally to somewhere a little outside of the canvas to give you a large white area in the middle.

Reduce the opacity of this layer to 47%

Radial Fill

Lowered Opacity

Step 2

With black as the foreground colour, select the Arial Black font, size 300pt, and type the number 2.

Duplicate the text layer.

Double click on the original ‘2’ layer to bring up the blending options, and apply the following Stroke, Bevel and Emboss and Contour settings:

Stroke Settings 1

Bevel and Emboss Settings 1

Contour Settings 1

Step 3

Now double click on the copy ‘2’ layer to bring up the blending options and apply the following Inner Glow, Bevel and Emboss, Contour and Gradient Overlay settings:

Inner Glow Settings 1

Bevel and Emboss Settings 2

Contour Settings 2

Gradient Overlay Settings

This is how your 2 should now look:

Completed Number

Step 4

Now duplicate the original ‘2’ layer (the one with the stroke applied).

We now want to rasterize the original ‘2’ layer – with CC you have the option to do that by right clicking on the layer and selecting ‘Rasterize layer’ (NOT ‘Rasterize text’). In other versions we have to create a new layer above the original ‘2’ layer, click on the ‘2’ layer, hold down the Shift key and click on the empty layer above it (you must do it in this order, or you will have to rasterize the text layer first), right click on either selected layer and select Merge Layers.

Image>Adjustments>Hue/Saturation – move the Lightness slider all the way to the left to make the image totally black.

Hold down the Ctrl key and click on the thumbnail of the current layer to select the pixels.

Select>Modify>Contract – input a value of 4 and click OK. Now hit the delete key on your keyboard.

Using the arrow keys on your keyboard, move this layer up 6 and right 6.

Step 5

Now duplicate this layer – but make the previous layer active and move it up 6 and right 6.

Repeat this step 5 more times so you have 7 outline layers – don’t forget to move the bottom layer each time, not the duplicate.

Outlines

Step 6

We are going to apply a small amount of blur to each of these outline layers – but before we do, to ease your work later, you may like to rename the layers ‘outline1’ to ‘outline7’.

Layers

Make any of the outline layers active.

Filter>Blur>Gaussian Blur – apply 1.5px blur and click OK.

Now click on each of the other outline layers in turn, but now you can just click on Gaussian Blur at the top of the Filter menu to apply the same blur to each.

Step 7

Now apply the following Bevel and Emboss and Contour settings to one of the outline layers:

Bevel and Emboss Settings 3

Contour Settings 3

Now copy the layer style by right clicking on the layer and selecting ‘Copy layer style’.

Paste this stye to all other outline layers by right clicking on each and selecting ‘Paste layer style’.

Step 8

Now we have to add a Color Overlay to each outline layer. In the Color Overlay settings, only the colour is changed, and these are the colours I used for each:

  • outline1 – Light blue: #00FFF0
  • outline2 – Pink: #F714DF
  • outline3 – Green: #00FF00
  • outline4 – Orange: #FF9000
  • outline5 – Blue: #0006FF
  • outline6 – Yellow: #FFF600
  • outline7 – Red: #FF0000

Styled Outlines

Step 9

Create a new layer at the top of the layers palette.

Load the Sparklies brushes and select the last sparkle (single8) – set the size to around 125, foreground colour to white and apply a few sparkles on the edges of both the foreground 2 and the coloured 2s.

Finally, make sure this top layer is active, hold down the Shift key on your keyboard and click on the outline7 layer (or bottom layer of the ‘2’ layers). Now hold down the Ctrl key and hit the G to group the layers – name this group ‘2’.

Now you are able to move all the layers of the 2 around the canvas by moving the group.

Step 10

Create the 0, 1 and 7 in the same way, following from Step 2 – although you can copy and paste layer styles in many places here to ease your work.

Arrange the numbers as you require them.

Step 11

To create the Happy and New Year text, select the Easy Street EPS font at 200pt, and with pink #F6B8B8, firstly, below the 2017 groups, type Happy and place it at the top left of the canvas.

Duplicate the layer twice and reduce the fill of the top layer to 0.

Working on the original Happy layer, apply the following Stroke, Bevel and Emboss, Contour and Color Overlay settings:

Stroke Settings 2

Bevel and Emboss Settings 4

Contour Settings 4

Color Overlay Settings

Step 12

Working on the ‘Happy copy’ layer, apply the following Drop Shadow, Inner Glow, Bevel and Emboss, Contour and Color Overlay settings:

Drop Shadow Settings

Inner Glow Settings 2

Bevel and Emboss Settings 5

Contour Settings 5

Color Overlay Settings 2

Step 13

Working on the last of the Happy layers, apply the following Bevel and emboss, Contour and Satin settings:

Bevel and Emboss Settings 6

Contour Settings 6

Satin Settings

Step 14

Now group the 3 Happy layers.

Type New Year using the same font, size and colour as before, and place the text in the bottom right of the canvas.

Duplicate the layer twice and simply copy and paste the layer styles from each of the Happy layers to the corresponding New Year layer.

And you are done!

Hopefully you have found this tutorial helpful with some text styles.

I added some sparkles in the background using the scatter sparkles from the Sparklies brushes.

Final

As promised at the top of this article, I am providing the layered .psd file for this effect, the size is 1300px x 800px.

Carol

I love using and learning Photoshop, and I also enjoy creating resources to share with the world. I am at my happiest when I have free time to further explore all that Photoshop has to offer and learn more about its powerful built-in tools. I hope people enjoy either using or learning from my free resources, and welcome any hints and tips - and of course, if you would like to offer a free resource on this site, please don't hesitate to contact me (top right of the page).

1 Comment

Syd

about 8 months ago

Really nice tutorial Carol! Thank you.

Reply

Leave a Comment

Please be polite. We appreciate that.
Your email address will not be published and required fields are marked