This previous Friday was the Abduzeedo meetup right here in my hometown of Porto Alegre. It was actually cool, we had loads of enjoyable and loads of beers! When I used to be leaving I observed the neon signal exterior the pub and it actually impressed me to create a tutorial on easy methods to acheive that kind of impact in Photoshop.

In this tutorial I’ll present you easy methods to create a pleasant gentle impact in Photoshop. We will use Layer Styles and Blend Modes to simulate a neon textual content impact.

Step 1

Open Photoshop and create a brand new doc. I used 1920×1200 pixels. After that import a brick texture, the one I used was a courtesy of Shutterstock and you may obtain it right here

Step 2

With the feel layer chosen go to Image>Adjustments>Hue and Saturation. Use 0 for the Hue, 45 for the Saturation and -85 for the Lightness.

Easy Neon Style in Photoshop

Step 3

Add a brand new layer and go to Filter>Render>Clouds. Make certain you had black and white for the foreground and background colours. With the Eraser Tool (E) delete the areas near the sting and go away simply the middle of the picture. After that change the Blend Mode to Color Dodge.

Easy Neon Style in Photoshop

Step 4

Import the brand you need to use for the neon impact. I’m utilizing the ZEE brand I created a number of weeks in the past. Duplicate the layer and conceal it as a result of we might want to use a number of copies afterward in this tutorial. Select the seen brand layer and go to Filter>Blur>Gaussian Blur. Use 15 pixels for the Radius.

Easy Neon Style in Photoshop

Step 5

Follow the pictures beneath for the settings of the Layer Style. We will probably be utilizing Drop Shadow, Inner Shadow, Outer Glow, Bevel and Emboss and Color Overlay.

Easy Neon Style in Photoshop

Easy Neon Style in Photoshop

Easy Neon Style in Photoshop

Easy Neon Style in Photoshop

Easy Neon Style in Photoshop

Easy Neon Style in Photoshop

Step 6

This would be the outcome you’re going to get after the layer model.

Easy Neon Style in Photoshop

Step 7

Duplicate the layer with the layer kinds to make the impact a bit stronger, however cut back the opacity to 50%.

Easy Neon Style in Photoshop

Step 8

We will want one other layer with the brand with none layer model utilized to it. Put this new brand on prime of the others after which go to Filter>Blur>Gaussian Blur. Use 100 pixels for the Radius. Also change the Blend Mode to Color Dodge.

Easy Neon Style in Photoshop

Step 9

Now with the Brush Tool let’s create the bottom a part of the neon that will probably be fastened on the wall. Use black for the colour and put this behind the neon layers. After that go to Layer>Layer Style>Bevel and Emboss. Use the picture beneath for the values of the Bevel and Emboss. For the “E” base use -160º for the angle and for the “Z” base use 0º.

Easy Neon Style in Photoshop

Step 10

Again with the Brush Tool (B) and a really tender brush, utilizing 0 for the hardness, add a brand new layer behind the layers created in the earlier step. So simply paint a really tender shadow.

Easy Neon Style in Photoshop

Conclusion

Light results are all the time actually cool for wallpapers, I’m actually hooked on all these results and in this tutorial I confirmed you easy methods to create a neon impact. Basically, the impact is all about layer kinds and mix modes. Now, it is as much as you. You can strive totally different colours and backgrounds however the method will not change that a lot from this one.

Easy Neon Style in Photoshop
Click on the picture for full preview

Download the Photoshop file

Click right here to obtain the Photoshop file used for this tutorial



Source hyperlink

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments