Design Tutorial

Learn How To Create A New Year Neon Sign

2019 is upon us! If you’re planning to throw a funky retro party and want to create some cool art for your invitations, this tutorial will show you how to create an awesome neon light sign using Pixlr Pro. Let’s get started!

From the top menu, go to File > New. In the social section, select the Instagram template (1080px x 1080px), and click Create.

Open and place File > Open & Place an image for your background (We’re using 45860419 as ours). You may also directly drag and drop an image into your artboard from your desktop. The image will show as a new layer in the Layers panel.

With your background image layer selected, go to Edit > Free Transform (Ctrl+Alt T) to resize it to your preference by dragging the handle at the corner of the image bounding box. Holding down Shift while doing so will maintain proportions of the image. Tap Enter once done.

Now to adjust the background color and brightness. At the right bottom of the (1) Layers panel, click on the New Adjustment Layer icon and select (2) Curves. (3) Drag down on the line as shown to darken the image.

After that, in the (1) Channel drop down menu, select Blue. (2) Drag up on the line as shown  (Image will turn blue).

Let’s create another (1) New Adjustment Layer for (2) Hue/Saturation. (3) Key in these settings: Hue : -20, Saturation : -10, Lightness : -10. And our background is done!

Moving on to the text effect. (1) Select the Type Tool (T) from the toolbar. (2) Pick DejaVu Sans from the font menu, and set the font size to 150px. (3) Set font color to White, (4) click on your document and type in ‘Happy’.

In the Layers panel, double click on the text layer to bring up the Layer Style options.

First, select (1) Inner Glow from Blending Options. (2) Blend Mode Normal. (3) Click on the Color Picker box next to it and enter these values:: R: 255, G: 150, B: 0. Click OK. (4) Then key in these values for: Opacity: 100, Size: 6, Range: 5

Next, select (1) Outer Glow from Blending Options. (2) Blend Mode Normal. (3) Color: R: 255, G: 150, B: 0. (4) Opacity: 100, Size: 10, Range: 30.

Lastly, (1) Select Drop Shadow. (2) Blend Mode Normal. (3) Color: R: 255, G: 85, B: 0. (4) Opacity : 100, Spread : 10, Size : 50.

And here’s the first result!

Following up, set DejaVu Sans font size to 120px and type out ‘New Year’ and ‘2019’ on different layers.

On the ‘Happy’ text layer in the Layers panel, click on the little arrow to reveal all layer styles applied to it. With Alt held down, duplicate the effects by clicking and dragging ‘Effects’ to the ‘New Year’ and ‘2019’ text layers respectively.

All text will now have the same effect applied.

Let’s change the color for ‘2019’. On its layer, double click on each effect and apply these color settings: (1) Drop shadow – R: 210, G: 30, B: 200 (2) Outer Glow – R: 255, G: 0, B: 255 (3)Inner Glow – R: 255, G: 120, B: 220

Now that the text are ready, let’s further spice up the overall design.

(1) Hold down Shift and select all text layers. At the top menu, go to Edit > Free Transform or press (Alt+Ctrl+T) (2) Click and hold the handle of the bounding box and slightly rotate the text counter clockwise. Press ENTER to apply the transformation.

(1) Create a circle frame using the Ellipse (U) tool. (2) At the top menu, set your fill color to White and Stroke size at 3pt. (3) Hold down Shift, then click and drag to create a perfect circle. This circle will appear in its own layer.

Just like what we did for the text, (1) Duplicate the effects from the ‘2019’ text layer to the Circle shape layer. (2) After that, key in these settings for: Drop Shadow – Spread: 20, Size: 180. Click OK.

Right click the Shape layer and choose (1) Rasterize. Use the (2) Eraser Tool (E) and erase parts of the frame that overlaps with the text. You can also experiment with different shapes and erase various parts to your preference.

And that’s it. We hope you enjoyed this tutorial and have a great year ahead!

Pin This!