website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Fireworks Amazing Neon Lights on Fireworks
rss

Amazing Neon Lights on Fireworks

Author: Abduzeedo More by this author


Step 1 - Background

To begin, open a 750 x 500px file. We're going to use the "image1.jpg" file, which you may use from the final archive. After importing the image, let's darken it a little bit, and to do that, make a rectangle with Gradient Radial with the color #000 in both sides, in the middle, make the opacity 40%. After that, apply the Overlay blend in this rectangle.

Amazing Neon Lights on Fireworks image 1

Step 2 - Set the background

Now let's darken a little bit more to make a better looking contrast when the neons start glowing. Create a shape as shown in the color #000. After that, apply a 88 Feather and blend Overlay.

Amazing Neon Lights on Fireworks image 2

Step 3 - Wood sign

To start creating the wood sign where we read Abudzeedo, pick the file "image2.jpg". Import that image and also make a 375 x 100px rectangle as shown in image 1. Now let's use the rectangle as a mask, and for that, select the wood image, cut it (Ctrl + X), select the rectangle and paste it inside (Ctrl + Shift + V). Done that, let's apply a little shadow in this object with values as shown.

Amazing Neon Lights on Fireworks image 3

Step 4 - Sign frames

The next step will be to duplicate the layer before the sign. Done that, on the top layer, apply a Inner Bevel (Ruffle type), and apply values as shown in image 1. Apply the Overlay blend in this wood.

. After that, duplicate this layer, so we can get a better contrast for this sign. Look at the end who our layer should be. Tip: If you wish to make another type of framing, test the different types of bevel along with other values.

Amazing Neon Lights on Fireworks image 4

Step 5 - Lettering

In this step, we're going to right Abduzeedo in the sign; Create a #000 text. After that, apply a Overlay blend and a 100% #FFF Glow, as shown in image 1, so we can get the effect we want.

Amazing Neon Lights on Fireworks image 5

Step 6 - Lettering lights

In order to increase the lights a little bit, let's create a "light ball" in some points of the wood sign. For that, create 2 ellipses, one #000, the other #FFF. After that, apply a 15 Feather in each one and put one above the other. After that, group these 2 ellipses and apply Color Dodge in this group. You'll see that this will create a light effect. Now you should copy it and apply a few time in different points next to the text. In image 5 we show you where we put ours.

Amazing Neon Lights on Fireworks image 6

Step 7 - Pink neon

To create the Neon effect, we're gonna need 2 layers everytime, with equal texts overplayed but if different effect in each other. Create the first text and duplicate this layer. The top layer we'll call Pink 1, and the bottom one Pink 2. Use the values we're showing you and try duplicate the effect. The colors we're using in each layer are:
Pink 1: #FFF - Glow #FF33FF
Pink 2: #F5C4D9 - Glow #FF33FF

Amazing Neon Lights on Fireworks image 7

Step 7 - Yellow neon

We'll be doing the same process from step 6. We're gonna have 2 overplayed layers with the same text (Yellow 1 and Yellow 2). Try to use the right colors, blend and values in each Glow. The colors we're using in each layer are:
Yellow 1: #FFF - Glow #FFFF00
Yellow 2: #FFFF33 - Glow #FFFF33

Amazing Neon Lights on Fireworks image 8

Step 8 - Blue neon

Same as before. The colors we're using in each layer are:
Blue 1: #FFF - Glow #00CCFF
Blue 2: #FFF - Glow #0099FF

Look at the end of the image who the layers order of the neons should be.

Amazing Neon Lights on Fireworks image 9

Final Result

All done, we can play a little bit with the neon colors, other backgrounds, etc. What we're doing here is playing with the tools and trying to reach a result where lights are soft but they contrast the background.

Blue 1: #FFF - Glow #00CCFF
Blue 2: #FFF - Glow #0099FF

Look at the end of the image who the layers order of the neons should be.

Amazing Neon Lights on Fireworks Tutorial: Final Result



Author's URL: abduzeedo.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Amazing Neon Lights on Fireworks"