How to make these glowing grids in Photoshop

[Anubis_au]

Hi

I really like these glowing grids behind the window, and want to incorporate something like this into my MaLa layout.

Does anyone know how to make this in Photoshop?

[waveryder]

Grids are extremelley easy, its a very old school Pshop effect. Its a little hard to explain without showing you how its done. If you dont get anyh other replies, i'll write you a tutorial on how to do it.

[Daniel B.]

create a transparent image the size you want each box to be.

Select the entire image.

"stroke" the image. Choose center, the width, and finally the color.

Set this image as a pattern.

Go back to your main image, select all (this might not need to be done) and select the "Fill" command. It should be right next to stroke.

Choose the pattern you just made (It will likely just look transparent).

BAM!

you can then do whatever kind of glow you want.


Thats how I do it anyway.

[waveryder]

That will only work if he wanted a full grid. The image he's reffering to has a 4 point fade through it. This requires a different method and transparent gradients across the grid. Transparent Pattern - Stroke - Glow wont work in this instance.

[Daniel B.]

That will only work if he wanted a full grid. The image he's reffering to has a 4 point fade through it. This requires a different method and transparent gradients across the grid. Transparent Pattern - Stroke - Glow wont work in this instance.

Wayyyyyyy beyond my working knowledge of photoshop.

[waveryder]

Here you go this will make it easy for you to achieve that effect. 

[Anubis_au]

Waveryder, what do I do with that pack?

[patrickl]

That brush pack doesn't really look like the effect he's after.

What's wrong with creating a pattern and filling the image (or a selection) with it (as Daniel suggested)? If you do this on a seperate layer you can use a layer mask for the fading. Or you could simply erase parts of the grid to make it fade in and out as you please.

BTW here is a tutorial for using a stroke to create a grid pattern.

A stroke creates a grid that has a 2 pixel thick line though.

Personally I would create a small image (the size of the grid) with a transparent background. Select a vertical line of one pixel width. Add a horizontal line of one pixel height to the selection. Now you have a cross selection. Fill that with the color you want to use for the grid. reverse the selection and apply a gaussian blur (for the glow effect). I think it looks nicer if you blur it a few times with different radii. Then finally deselect and create a pattern from the image.

The fading can be done with a layer mask. From the layer mernu select Layer mask and then reveal all. In the layer pallette you can click on the mask and draw in what selections you want to fade out. Use gradient fills if you want smooth fades or brush with black or white to manually fade parts.

[Anubis_au]

patrickl, I will give that a go...

[patrickl]

BTW there are tons of tutorials on photoshop tricks. For instance this site compiles tutorials from a lot of other sites Not all links work, but still.

I saw this one with a cool glow effect.

[waveryder]

I asumed that the OP had already googled tutorials on creating grids and had no luck getting a smooth blend from background to foreground. I did say the effect was "old school". The brushes, resize and adjust opacity, will create the exact effect pictured without having to mask multiple sections. Depends how much work you willing to put in.

[patrickl]

Did you get it to work? Otherwise just say what gridsize you like and I guess the first to read it will simply make you a grid. That's probably easier then explaining all the steps you need to go through. Especially since several steps are aesthetic choices (ie add glow, fade grid here and there).