Last Friday we launched our new way for users to submit work for the Daily Inspiration at Abduzeedo. We call it RAWZ or Abduzeedo Raw Inspiration. Anybody can submit their work and we will select some to be featured on Abduzeedo. We also created a logo in Illustrator and then this cool effect in Photoshop, inspired by Tron.

So in this tutorial I will show you how to create the RAWZ light effect in Photoshop. It's a beginner/intermediate tutorial and it will take you 45 minutes to go through it. I hope you have fun doing it as much as I had.

Step 1

Open Photoshop and create a new document. With the Paint Bucket Tool (G) fill the background layer with black.

RAWZ Light Effects in Photoshop

Step 2

To create a carbon fiber texture is quite simple. Create a new document and using the Rectangle Tool (U) create squares in black, grey and dark grey like the image below. That will be the base for our pattern. Notice that the size is really small.

RAWZ Light Effects in Photoshop

Step 3

With the Rectangular Marquee Tool (M) create a square selection like in the image below.

RAWZ Light Effects in Photoshop

Step 4

Go to Edit>Define Pattern. Name it Carbon Fiber. That was it for the pattern part.

RAWZ Light Effects in Photoshop

Step 5

Back to the document of our design, add a new layer and fill it with black too. Then go to Layer>Layer Style>Gradient Overlay. Use dark grey for the colors. The darker one will be at the bottom. Also change the Blend Mode to Multiply.

RAWZ Light Effects in Photoshop

Step 6

Select Pattern Overlay, then for the Pattern select the Carbon Fiber we created in the previous steps. Also change the Scale to 60%.

RAWZ Light Effects in Photoshop

Step 7

Here is our carbon fiber background.

RAWZ Light Effects in Photoshop

Step 8

Import the logo you would like to use. In my case I am using the RAWZ logo I created in Illustrator.

RAWZ Light Effects in Photoshop

Step 9

Go to Layer>Layer Style. Select Drop Shadow. For the Blend Mode use Color Burn at 50% Opacity, 90• for the Angle, 2 pixels for Distance and 5 pixels for the Size.

RAWZ Light Effects in Photoshop

Step 10

Select Stroke and then use 3 pixels for the Size, Inside for the Position, 95% for the Opacity and then for the color use #5c7a92, #000000, #5c7a92, #5c7a92, #000000, #5c7a92. For the Style use Linear and for the Angle use 90º.

RAWZ Light Effects in Photoshop

Step 11

Here is the logo with the Layer Styles.

RAWZ Light Effects in Photoshop

Step 12

To create the neon light in the middle is quite simple. I did that in Illustrator and imported to Photoshop.

RAWZ Light Effects in Photoshop

Step 13

Select the layer you want to apply the neon effect and go to Layer>Layer Style. Select Drop Shadow. For the color use black, with Color Burn for the Blend Mode at 100% for the Opacity. For the Angle use 90º and then 2 pixels for the Distance and 3 pixels for the Size.

RAWZ Light Effects in Photoshop

Step 14

Selec Outer Glow. For the Blend Mode use Screen, for the Opacity use 100% and blue (#00a2ff) for the color. Change the Spread to 0 and the Size to 9 pixels.

RAWZ Light Effects in Photoshop

Step 15

Select Inner Glow. Use Lighten for the Blend Mode with cyan for the color. Also select Edge and change the Size to 10 pixels. Over the Quality change the Contour to the same as in the image below.

RAWZ Light Effects in Photoshop

Step 16

Here is the result after the Layer Styles.

RAWZ Light Effects in Photoshop

Step 17

Add a new layer and group it into a folder. Change the folder's Blend Mode to Color Dodge and then with the Brush Tool (B) and a very soft brush, 0 hardness, and then paint some spots ver the neon to create those light spots you can see in the image below.

RAWZ Light Effects in Photoshop

Step 18

Add a new layer inside the folder with color dodge and fill it with the carbon fiber pattern. Create a marquee selection of the neon layer by clicking on the thumbnail of the layer holding Command (Mac)/Control (PC), then with the layer with the carbon fiber pattern selected, go to Layer>Layer Mask>Reveal Selection. That will create really nice light effect on the neon.

RAWZ Light Effects in Photoshop

Step 19

Here is what we have gotten so far.

RAWZ Light Effects in Photoshop

Step 20

Select all layers and duplicate them, after that merge all the new layers into one and go to Filter>Blur>Gaussian Blur. Use 10 pixels for the Radius.

RAWZ Light Effects in Photoshop

Step 21

Duplicate the blurry layer again, and change the Blend Mode of the one that is underneath to Overlay and the one on top to Screen.

RAWZ Light Effects in Photoshop

Step 22

Group both layers into a folder and change the Opacity to 50%.

RAWZ Light Effects in Photoshop

Step 23

Go to Layer>New Adjustment Layer>Photo Filter. Use Cyan for the Filter with 50% Density.

RAWZ Light Effects in Photoshop

Conclusion

Here is the final result. As you can see, the whole process is quite simple and this technique is very versatile, I use it all the time. The cool new thing I believe we learn here is how to create the carbon fiber background. So now it's up to you.

RAWZ Light Effects in Photoshop

Download Photoshop File

Click here to download the Photoshop file used for this tutorial

About the author of this post

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.