Jump to content

[Guide]Cool neon text effects


Coolis®

Recommended Posts

step011.jpg

01. In Photoshop, create new document at A3 size in landscape orientation, specifying RGB mode with a resolution of 300dpi. Fill the background with black, and create your words or phrases using the Type Tool. Choose a thin, light font as this will help the neon flashes we’ll add later to really blend in with your text, making it seem as though the words themselves are causing all the swirls.

step021.jpg

02. Before we start using the Distort Transform Tool, we need to give the type its slanting shape: select Layer > Type > Convert to Shape.

step031.jpg

03. Next, use the Transform tool (Cmd/Ctrl + T) and right-click (Ctrl + click), then select the Distort Transform option. Move the corners using the anchors, holding Shift + Alt as you move the cursor.

step041.jpg

04. From the cover CD, open P1030271. JPG and convert it to black-andwhite using Cmd/Ctrl + U, and sliding the Saturation level to -100. To brighten the white use Auto Level (Cmd/Ctrl + Alt + L). Now drag this layer into the document with the text on it, and select Blending Options > Screen.

step051.jpg

05. Transfom the layer you’ve just imported using (Cmd/Ctrl + T), and right-click (Ctrl + click) to choose the Warp tool. Now you can see six sections on the layer, and you can move every section or every point individually. Move the points as above, so that the swirls interact with the ‘G’.

step061.jpg

06. Open P1030247.JPG from the cover CD (or download from link on right) and repeat Step 04 to make the flashes monochrome, then bring it into your document. Don’t forget to set the blending layer to Screen; start warping around this layer. Do the same with files DSC_9302.JPG, DSC_9606.JPG and DSC_9607.JPG.

step071.jpg

step07b1.jpg

07. Now we’re going to add the glow effect. Select the text layer and select Add a Layer Style > Outer Glow. Set the Opacity to 100%, the Spread to 6 pixels, the Size to 28 pixels, and the Range to 100%.

step081.jpg

08. We need to merge the layers. With the text layer selected, hold down Shift and select all layers above it, and merge all these layers, not including the background layer. On the merged layer you’ve just created select Blending Options > Screen. Duplicate this layer (Cmd/Ctrl+J), use the Transform tool (Cmd/Ctrl + T), right-click (Ctrl + click) and select Flip Vertical.

step9.jpg

09. We’re going to create a reflection effect, to make the newly merged layer look as though it’s standing on a slick floor. Using the Transform tool (Cmd/Ctrl + T), right-click (Ctrl + click) and select Distort. Transform this layer by moving its corners, holding down Shift + Alt.

step10.jpg

10. Next add a layer mask to this layer (Layer > Add Layer Mask), and use the Gradient tool (G) to fill this mask with a gradient as shown here, so that the reflection fades as it gets closer to the top of the letters.

step11.jpg

11. Next we’re going to create the particle effect. Create a new layer (Cmd/Ctrl + Shift + N), and select the Brush tool (B), choosing the following settings: Shape Dynamics ticked, Size Jitter set to 100%, Scattering set to 1,000% and ticked, Other Dynamics ticked, with the Opacity Jitter set to 45% and the Flow Jitter to 100%. Start brushing across the layer, varying the size of the brush; you can add masking to erase unwanted particles.

step12.jpg

12. Now we’re going to add the blue shade to the image. Select New Adjustment Layer > Solid Color. Set the colour to Hex Color #009acc and select Blending Options > Saturation.

step13.jpg

13. To adjust the colour, select New Adjustment Layer > Solid Color, set the colour to Hex Color #0dccc4 and select Blending Options > Soft Light.

step14b.jpg

14. Finally, create another adjustment layer, this time selecting Curve, and set the curve parameter by making the individual adjustment curve. Adjust the red, green and blue channels individually, rather than simply pulling the RGB marker. Using curves lets you make adjustments in one tonal area without affecting other tones.

 

 

15. Here we can see the impact of our colour adjustments on the overall image. Play about with the colour curves until you settle on just the right neon colour to grab your viewer’s attention.

Credits: Digital ARt

Link to comment
Share on other sites

  • 6 months later...
  • 1 year later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...