Published on March 13th, 2013 | by Adrien | Supercolor
Enjoy this Post! Please Help spread the word and Share it!
Layer Styles and Patterns are very powerful tools in Photoshop, you can have create cool effects using those tools. Follow this step by step Photoshop Tutorial to create a Glossy Neon Text Effect with a star field background creating a custom Pattern, using a lot of layer styles and adding a few highlights.
Download
Resources Needed for this Tutorial:
- Free Photoshop Stars Patterns Pack 1
- Dirt Pattern
Step 1 THE New Document and Background
Open up Photoshop and create a new document, use your screen resolution for the size, I used 2560x1440px with a Transparent background. Fill this background layer with a dark colour, #1E1E1E, go to Edit Fill Color and add this dark colour and rename this layer Background, place this layer in a new group, rename this group Background.
Add a Gradient Overlay Layer Style on this background layer going from #161626 to #010101 with those parameters:
Create a new layer, Fill it with white, Edit Fill White. Add a Gradient Overlay Layer Style on this background layer going from #E93080 to #902985 with those parameters:
Place this layer in a new group, change the Blending Mode of the group to Overlay and rename both this layer and the new group Background 2.
Step 2 Star Field Background
In this step well create a star field background using a few stars photoshop patterns Ive published previously. download the Free Photoshop Stars Patterns Pack 1, load those patterns in Photoshop. Create a new Pattern Fill, Edit New Fill Layer Pattern and select one of the stars pattern. Change the Blending Mode of this pattern fill layer to Color Dodge.
Add 3 or 4 more Pattern Fill Layers using the other stars patterns, also playing with the scale % in the Pattern Fill options. Make sure the Blending Mode of those layers is set to Color Dodge. Place those stars patterns layers in a new group, rename this group Star Patterns.
Download the Dirt Pattern available in the Resources Needed section at the top of the tutorial. Load this pattern in Photoshop, create a new layer, Fill it with a black, Edit Fill Black. Add a Pattern Overlay Layer Style with this Dirt pattern with those parameters and change the Fill of this layer to 0%.
Step 3 Line Pattern
Now lets create a nice custom line pattern, then well add it to our background. Create a new document 500x500px with a transparent background. Select the Rectangle Tool (U) and create 4 white rectangle lines (the lines are black in my exemple for a better preview), 500x10px, one on each side of the canvas.
Create 2 new white lines in the center of the canvas, one vertical the other horizontal.
Create 2 new diagonal lines like below :
Create a 40x40px circle using the Ellipse Tool (U) in the center of the canvas.
Select all the canvas, Select All then go to Edit Define Pattern and save the pattern.
Create a new layer, Fill it with White, Edit Fill White then apply a Pattern Overlay Layer Style with the Lines pattern we just created and those parameters (make sure the Fill of this layer is set to 0% and the Blending Mode of the Pattern Overlay is set to Overlay) :
Step 4 Blur Colours
In this step well add a few colours in the background, select the Brush Tool (B) with a big soft rounded brush, and paint on a new layer with a vibrant colour.
Continue painting with other colours, create a new layer for each colours.
Merge all those colour layers, to do this, select all the colour layers, Right Click on them and select Merge Layers. Apply a Motion Blur Filter on this new merged layer with 0° Angle and 2000px Distance. Filter Blur Motion Blur.
Change the Blending Mode of this merged layer to Overlay, its Fill to 50% and rename this layer Color Blur. Place all the layers we created since the beginning in a new group named Backgroung.
Step 5 Neon Text
Now we have created the background, lets dive into the text, I want to created a text with a lot of highlights and different colours, first lets choose a font, I used a font called Bello, I wrote Supercolor in the center of the canvas then Tuts under Supercolor in white.
Keep this original text layer, well duplicate it a few times, duplicate it one time and apply those some Layer Styles on the duplicated text layer with those parameters :
Duplicate the original text layer one more time, place the duplicated text layer on top of the other layers and apply some other Layer Styles on it with those parameters :
Duplicate the last text layer with the layer styles we just worked on, place the duplicated text layer on top of the other layers, now lets add little blur on this text effect, apply a Gaussian Blur Filter with a 20px Radius, Filter Blur Gaussian Blur. Change the Blending Mode of this blur layer to Screen and its Opacity to 50%.
Duplicate the original text layer one more time, place the duplicated text layer on top of the other layers and apply some other Layer Styles on it with those parameters :
Duplicate the original text layer one last time, place the duplicated text layer on top of the other layers and apply those Layer Styles on it :
Now that we added a lot of Layer Styles, lets use a few filters to add more effects on this text, select all the text layer weve been working on in this step except the original text layer and press the Cmd+Alt+E keys on your keyboard, this will merge all those text layers into a new one and Duplicate this new merged layer 3 times.
On the first duplicated merged layer, apply the High Pass Filter with a 5px Radius, Filter Other High Pass. Change the Blending Mode of the first duplicated layer to Overlay.
Now select the second duplicated merged layer, apply a Plastic Wrap Filter, Filter Filter Gallery Artistic Plastic Wrap with those parameters :
Change the Blending Mode of this layer to Soft Light.
Select the third and last duplicated merged layer and apply an Emboss Filter on it with a 90° Angle, 1px Height and 235% for the Amount. Change its Blending Mode to Overlay.
Step 6 Text Highlights
In this step well add some highlights on and around the text, create a new layer, select the Brush Tool (B) with a soft rounded brush and white for the colour and paint on the edges of the text like in the exemple below :
Right click on the little thumbnail with a T on the original text layer and click on Select Pixels, this will load a selection of the text, go back on the highlight layer we just created and create a Layer Mask, Layer Layer Mask Reveal Selection. Change the Blending Mode of this layer to Overlay.
Place all the layers we created in Step 5 and the Highlight layer we just worked on in a new group, rename this group Text.
Before starting this part, make sure your foreground and background colours are set to black and white, press the D key on your keyboard to reset the colours. Create a new layer, select the Lasso Tool (L), make sure the Feather in the Toolbar is set to 50px and create an oval selection on the text like below :
Apply a Cloud Filter in this selection, Filter Render Clouds, place this cloud layer in a new group and place this group behind all the layers in the text group. Make a selection of the original text layer like we did before (right click on the text layer thumbnail Select Pixels) and create a Layer Mask with the selection on the Cloud group, Layer Layer Mask Reveal Selection and change the Blending Mode of the Cloud group to Color Dodge.
Lets add a little more highlights on this text, create a new layer, select the Brush Tool (B) and paint on the text with a soft rounded brush and white for the colour.
Make a selection of the original text layer like we did before (right click on the text layer thumbnail Select Pixels) and create a Layer Mask with the selection on this new layer, Layer Layer Mask Reveal Selection. Change its Blending Mode to Color Dodge and Fill to 35%, place this layer in the Background group on top of the other layers.
Select the Background Group and press the Cmd+Alt+E keys on your keyboard, this will merge all the layers in the group into a new one. Apply the Spherize Filter, Filter Distort Spherize with 25% for the Amount to give a nice effect on this duplicated background layer.
Make a selection of the original text layer again (right click on the text layer thumbnail Select Pixels) and create a Layer Mask with the selection on this new merged layer, Layer Layer Mask Reveal Selection.
Step 7 Background Highlights
Duplicate the original text layer once, place the new duplicated layer in a new group named Highlights, and place this group under the Text group. Add a few Layer Styles to create a nice highlight effect with those parameters on this layer :
Right Click on this layer and select Rasterize Layer Styles, rename the layer Highlights 1. Apply a Motion Blur Filter to it, Filter Blur Motion Blur with a 90° Angle and 200px Distance. Duplicate this layer, rename the duplicated layer Highlights 2 and apply the Motion Blur on this duplicated layer with a 90° Angle and 750px Distance. Change the Blending Mode of the Highlights group to Color Dodge.
Create a new layer, select the Brush Tool (B) with big soft rounded brush, a vibrant colour, I choose a pink colour and paint a big circle on the canvas, change the Blending Mode of this layer to Screen and its Fill to 75%.
Create a new layer, paint an other big circle using the Brush Tool (B) with a vibrant colour, I used blur. Change the Blending Mode to Screen. Place those two layers in a new group named Colors, place this group under the Text group and change its Blending Mode to Lighten and its Fill to 20%.
Step 8 Noise and Adjustments
Lets add a little noise on this text effect, create a new layer, fill this layer with black, apply a Noise Filter on this layer, Filter Noise Add Noise with a 30% Amount and Gaussian for the Distribution.
Apply a 2px Radius Gaussian Blur on this Noise layer and change its Blending Mode to Screen.
add a Levels Adjustment Layer, Layer New Adjustment Layer Levels, with those parameters on top of the Noise layer.
Create a Clipping Mask on this Levels layer, Right Click Create Clipping Mask and place those two layers into a new group named Noise.
To finish this text effect tutorial lets add two more Adjustment Layers, for the first add a Photo Filter Adjustment Layer, Layer New Adjustment Layer Photo Filter with those parameters :
Change the Fill of this Photo Filter Adjustment Layer to 50%.
For the second Adjustment Layer, add a Color Balance Adjustment Layer, Layer New Adjustment Layer Color Balance with those parameters :
Thats it for this Tutorial, I hope youve enjoyed creating this cool Text Effect, you can see that the Layer Styles are a very powerful tool to create nice effects, try to play with the parameters and colours. feel free to download the Source Files if you need help.
Download
Enjoyed this Post? Please Help spread the word and Share it!
Create a Glossy Neon Text Effect with Stars in Photoshop ...
Layer Styles and Patterns are very powerful tools in Photoshop, you can have create cool effects using those tools. Follow this step by step Photoshop Tutorial to
Create a Glossy Neon Text Effect with Stars in Photoshop
Download. Resources Needed for this Tutorial: - Free Photoshop Stars Patterns Pack 1 - Dirt Pattern. Step 1 THE New Document and Background. Open up Photoshop and
Create a Glossy Neon Text Effect with Stars in Photoshop
Create a Glossy Neon Text Effect with Stars in Photoshop in Photoshop
Create a Glossy Neon Text Effect with Stars in Photoshop ...
Follow this step by step Photoshop Tutorial to create a Glossy Neon Text Effect with a star field Glossy Neon Text Effect with Stars in Photoshop. Name
Create a glossy neon text effect in Photoshop | Photoshop ...
Create a glossy neon text effect in Photoshop. Follow this step by step Photoshop Tutorial to create a Glossy Neon Text Effect with a star field background
Create a Computer Chip Text Effect in Photoshop ...
Create a Computer Chip Text Effect in Photoshop Create a Glossy Neon Text Effect with Stars in Photoshop Create a Shiny Gold Star Coin in Photoshop
Photoshop: Create a Glossy Neon Text Effect with Stars in ...
Layer Styles and Patterns are very powerful tools in Photoshop, you can have create cool effects using those tools. Follow this step by step Photoshop Tutorial to
Text Effect Photoshop Tutorials - Tutorial King
Create a Glossy Neon Text Effect with Stars in Photoshop. Layer Styles and Patterns are very powerful tools in Photoshop, you can have create cool effects using those
Photoshop Create a Glossy Neon Text Effect with Stars in ...
Photoshop Create a Glossy Neon Text Effect with Stars in Photoshop Tutorial
100 Photoshop CS6 Tutorials - designrfix.com
Create a Glossy Neon Text Effect with Stars in Photoshop. Create a Magma Hot Text Effect in Photoshop How to Create a Metallic Text Effect in Photoshop
Travelling is my life
ConversionConversion EmoticonEmoticon