Patterned Rings in Perspective Question

[vanderjess10]

Hi there!

I'm looking to achieve a specific effect of wrapping a pattern around a ring, and then putting that image into perspective where it appears to be receding into space. The best example I can find of this effect is in this image:




Notice how the artist created these rings of triangles encircling the boy? I'd like to take a pattern similar to those triangles to create a similar effect of flattened "rings" in perspective. Any tips or tutorials on how to do this using Photoshop?

Thanks so much!

 

[IamSam]

Hello and welcome to PSG.

Quick question...........do you have a version of Ps (extended) that has 3D capabilities?

 

[MrToM]

I'd do it this way:

1. Create a custom brush in the shape of a triangle.
2. Create a circular path and stroke it with the custom brush with the 'Angle Jitter' set to 'Direction' in the brush properties and the 'Spacing' set to something appropriate.
3. Transform the layer using 'Perspective' transform and 'Scale' transform.
4. Rotate to taste.







The 'Spacing' setting may be a bit 'Trial and Error' but just undo and try a different value till it fits.

You can also use a layer Mask to remove any triangles you don't want either before or after transforming.

Regards.
MrToM.

 

[IamSam]

I used the Rectangle Tool, step and repeat, 3D extrusion from selected layer, and a layer mask.


Here I used the Polygon Tool set to 3 sides, step and repeat, 3D extrusion from selected layer, and a layer mask.

 

[vanderjess10]

Thank you IamSam & MrTom for the informative and prompt reply! I was able to utilize MrTom's method by creating a brush, stroking the circular path, and applying perspective to it. This is how it turned out:

Somewhat rudimentary, but not bad for a start. I actually didn't know how to create a brush from a shape before, so that was pretty exciting to learn.

I also tried IamSam's method. I had a little trouble effectively applying the 'step and repeat' (I wasn't sure how place the triangles equally around a circle without painstakingly arranging each one), so I began with my triangle brush-stroked circle and then tinkered with the 3D repousse method. I had not worked with the 3D functions before, so although I was able to tilt the ring around, I wasn't sure how to hide the cube that it was on. Also, how were you able to make the individual triangles appear to have depth?




Thank you so much for all the help!

 

[IamSam]

I can certainly explain my technique much better...........I was just waiting to see if you thought you wanted to try the method.

 

[vanderjess10]

Thank you. I would actually--I like the ability to move the ring around three dimensionally. The perspective transform tool is handy, but I think being able to manipulate it three dimensionally is more versatile.

 

[IamSam]

Ok, here's how I made the rectangles in a circle.

Create some center guidelines.

Create a new layer, one that is separate from any background layers......it should be a transparent layer as well.

Grab your Polygon Tool and set it up like this. Make sure your width and height are set to whole numbers....50 and not like this 50.34.
The polygon tool is a shape tool, so you should get better results.


Create a triangle at the top of the document, I just dragged it out and re-positioned it using the Move Tool


Highlight your triangle layer and duplicate it (Cmd/Cntrl + J).
Then hit Cmd/Cntrl + T to enter free transform.


Now we have to move the pivot point.
Hold down the Option/Alt key and click on the center of the guidelines. This will move the pivot point. You can also drag it.


Now you have to hold down the shift key, move your cursor to the top right hand side of the transform box surrounding the triangle. Wait for the cursor to turn into a curved arrow and then drag the transform box/triangle on step.


Hit enter or the checkmark to accept the state change.
Highlight the now moved (duplicated) layer.
Turn off the original triangle layer.

Here's the fun part.
Hold down the SHIFT + ALT/OPT + CMD/CNTRL keys, then hit the T key to step and repeat all the way around!

 

[IamSam]

Ok, your using an older version of Ps extended so I'm not familiar with Repousse.

I can tell you that this is where you would increase the extrusion depth.

 

[IamSam]

Take a look at this tutorial.

https://www.youtube.com/watch?v=X1o9DKhCLtA

One thing I want to add to the above tutorial is, make sure you create the triangle on a separate TRANSPARENT layer.

 

[vanderjess10]

Thank you IamSam for the thorough walkthrough! This all made perfect sense, and I was able to both properly utilize the step and repeat tool (which was really fun!) as well as the 3D extrusion via Repousse. I've learned so much and have new tools to add to my knowledge of Photoshop. Thank you again for taking the time to create a thorough and informative reply--I truly appreciate it!