What's new
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

3D effect using 2D in photoshop


IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
Hey. This is a much more difficult and involved effect that would be very demanding and laborious to explain!

I made a quick attempt at the effect and discovered it was more of a challenge than I expected.

Screen Shot 2021-11-22 at 11.49.09 PM.png

The best I can offer for now is a text cutout demo.
I know there are many ways to accomplish this type of "cut out" effect, but after experimentation, I found this was the better way (for me) to do this effect for the example you provided.

Cover up rectangle layer.
Screen Shot 2021-11-22 at 3.41.16 PM.png

Solid rectangle layer.
Screen Shot 2021-11-22 at 3.41.28 PM.png

Orange rectangle layer.
Screen Shot 2021-11-22 at 3.42.26 PM.png

A layer mask on the solid rectangle layer with the number 12.
Screen Shot 2021-11-22 at 3.44.40 PM.png

A bevel and emboss layer style on the solid rectangle layer.
Note: The bevel and emboss is also on the outside of the layer......
Screen Shot 2021-11-22 at 3.45.40 PM.png

....so we need the cover up layer to hide it! (This is optional!)
Screen Shot 2021-11-22 at 3.47.30 PM.png

Now we need a drop shadow.
We cant use the drop shadow in the layer style because we cant hide the outer edge drop shadow.
Screen Shot 2021-11-22 at 3.49.27 PM.png

So we create a black layer with the 12 cut out of it.
Screen Shot 2021-11-22 at 3.52.13 PM.png

Move into position. Reduce it's opacity.
Note: The outer edge drop shadow....
Screen Shot 2021-11-22 at 3.53.18 PM.png

....this time we can hide the outer edge drop shadow with a layer mask.
Convert to a SO and add a Gaussian blur SF.
Screen Shot 2021-11-22 at 3.55.59 PM.png

That's about it.
Screen Shot 2021-11-22 at 4.01.08 PM.png
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
You're welcome.

Important one in this is to achieve the 3d effect, which is missing
As I stated above, the overall 3D effect of the watch face is far too difficult to explain which is why it's missing. This would have to be broken down in multiple extensive stages of creation to be explained. But I have explained how to create the cutout effect which is a major component of the 3D effect.
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
Even if you are referring to this image as "missing". This perspective would have to be drawn/created from scratch and would be even more difficult to explain than the request above.

Watch Frame4.jpg
 

dineshtendulkar

Well-Known Member
Messages
52
Likes
9
Screenshot_20211123-204929_Gallery.jpg

If you refer the attached image, i have highlighted in red colour where the slope starts from the top to the bottom. whether this effect excluding the cutouts can be achieved through layer style - bevel, etc., options

Watch Frame4.jpg
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
Cant we achieve this effect using layer style bevel effect???
In the perspective that you have shown in post #8, this can not be done with a layer style exclusivly. You can use a layer style, but this perspective would have to be drawn/created from scratch.
Screen Shot 2021-11-23 at 11.36.54 AM.png

In the perspective of post #1, yes this can be done (to some degree) with a layer style. But it to needs to be drawn.
Screen Shot 2021-11-23 at 11.23.25 AM.png

With the 12...
Screen Shot 2021-11-23 at 12.21.35 PM.png

I apologize if I'm not understanding you.
 

dineshtendulkar

Well-Known Member
Messages
52
Likes
9
I am sorry, i couldn't able to explain properly. What i want is, the one which you have drawn in image 1, whether it can be achieved through layer style if the same effect continues throughout the circle. Hope am making you understand my language

Screen Shot 2021-11-23 at 11.36.54 AM.png
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
whether it can be achieved through layer style if the same effect continues throughout the circle.
The effect can not be accomplished with a layer style only. It could be used for some parts. The same layer style would also have to be altered as the perspective would change as you continue throughout the circle.
 

dineshtendulkar

Well-Known Member
Messages
52
Likes
9
If it is so difficult, how these guys draw these watch faces. Are they using photoshop or some other softwares to draw all these. Again, how do they achieve the highlighted effects. WatchFace.png
 

[ iLLuSioN ]

Power User
Messages
386
Likes
399
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
If it is so difficult, how these guys draw these watch faces.
I didn't say that drawing the watch faces was difficult..................I said trying to explain how it is done would be very difficult!!

Are they using photoshop or some other softwares to draw all these.
I'm not sure what everyone is using, but the drawing can easily be done with Photoshop.

Again, how do they achieve the highlighted effects.
They draw/create them. The effect you highlighted would be a very complicated process but fairly simple to create...............but very difficult to explain in steps.

It would be based off of concentric rings. (This was done very quickly, so it's not perfect.......just an example!)

Screen Shot 2021-11-23 at 9.24.56 PM.png
Screen Shot 2021-11-23 at 9.25.22 PM.png
Screen Shot 2021-11-23 at 9.26.14 PM.png

Then masking, creating the edges and so on.
Screen Shot 2021-11-23 at 9.37.16 PM.png
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
LOL!! In examining the watch image, I already see a better and more practical way to create the effect! It's still based on concentric rings though!
 

Top