grids with gradient colour

[SyyyyyyB]

Perhaps someone can help me with this....

I want to create a two colour grid and distort the two colour grids simultaneously. I then want to apply separate colour gradients to each of the two grid colours. So, I will have a distorted grid where there is one set of grid lines that is a gradient of colour and a second set of grid lines that is another gradient of colour, and both will be distorted to the same shape. 

Any help greatly appreciated.

[Chuck Uebele]

Create the gride lines with a gradient overlay, and the fill gradient. Put all those layers in a smart object, then warp or distort it.

[davescm]

Chuck you beat me to it - but since I've just prepared the screenshots I'll post them

2 grids (made with the line tool, duplicated and Layer >Distribute) each with a gradient stroke

Then both into a smart object and distorted (I used pinch for the demo)

Dave

[SyyyyyyB]

I eventually want to have the background as a colour gradient as well. In the past, with a one colour grid gradient, I was able to select the distorted shape by outlining it with the pen tool and then creating a new fill layer from that shape and applying a gradient. Can I do this here as well?

[Chuck Uebele]

Yes, just put everything in the smart object.

[Chuck Uebele]

Dave, I'm on my phone, so can't do screen shots. Chuck

[SyyyyyyB]

Dave and Chuck, I am very unschooled in PS ( sculptor who is using this for studies) so can you walk me through the steps for creating a grid. I used to open a pdf grid that I downloaded from the web that was one colour., then transform, and apply the gradient.

[davescm]

There are several ways . One is :
Use the line tool (in with shapes in the toolbar) to draw a vertical line shape (hold down shift while drawing out line to make it vertical). 
Ctrl+J to copy then V to move
Repeat to get number required and make sure the first and last are in correct position
Select all line layers and use Layer >Distribute Horizontally - to distribute the others between the end two.
Select all layers, right click and use Merge shapes
Ctrl+J to duplicate
Rotate the new layer 90 degrees
Select both shape layers and again use Merge shapes

Dave

[SyyyyyyB]

Just wondering, can I stack my pdf grids as separate layers, define them separately as gradients, create a smart object of the two of them and then transform them?

[davescm]

Yes, although you may need to change the blending mode if your grid background is not transparent
Dave

[SyyyyyyB]

I stacked my grids, selected one, went to layer style and to gradient but my gradient appears as shades of grey rather than colour. So I checked my settings by going to edit, assign profile which is set for RGB, went back to a layer and to layer style and the colour gradient worked. However my other layer in the stack no longer shows up for me to apply the gradient to it, and then create smart object of the two layers etc.

[davescm]

Are the areas between your grid lines transparent? A screenshot, including the layers panel would help us to see what is happening.

[SyyyyyyB]

I took photos of the PS screens but not clear how to include them in a response to you. Don't see a way to attach a photo file.

[davescm]

Use teh Blue reply button at the top of the thread next to your first post and you will see an image attach button

[SyyyyyyB]

OK sent 6 images. Just updated PS and the problem still exists.

[SyyyyyyB]

OK, got it to work by resetting preferences when quitting. Got the whole process to work now. Thanks so much for your help!

[SyyyyyyB]

both stacked files appearedgradient selection only appearing as greysgoing back to "assign profile" seemed to colours to appear in gradientcolour gradient is working but 2nd stacked file not listed.