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!

Coin Rotate


kiwis

Member
Messages
23
Likes
1
I have a 2D image of a coin.

I want to have the coin rotate forwards as if it was falling. How can I do this?
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
Hi kiwis and welcome to PSG.

You would have to photograph the coin from a higher angle.

As the coin falls forwards, it begins to reveal the top edge of the coin. This information is simply not available in the 2D image.
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
Here's an example. (I just happened to find these two images on the net)

A 2D Coin has no information about it's edge(s).

Screen Shot 2014-08-12 at 2.57.49 PM.png

As it rotates forwards, you see the edge being revealed.

Screen Shot 2014-08-12 at 2.58.03 PM.png

You could of course, try to recreate the edge, which can be done. It would be fairly involved though.
 
Last edited:

kiwis

Member
Messages
23
Likes
1
The use of the image is going to small and there will be many many instances of the image on my application. Could it's thickness be 0px? as the user wouldn't notice as such.
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
In that case, just duplicate the original and use the transform function to manipulate it into looking like it's leaning forward.
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
Sure, I'll try. Post your coin image.
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
Open your coin in Photoshop. In the layers panel name it COIN.

Create a duplicate of the COIN layer. It should name itself COIN copy.

Turn off the original COIN layer.

Highlight the COIN copy layer.

Hit the Command/Control + T keys to enter the Free Transform mode.

Right click within the transform box and choose DISTORT.

Screen Shot 2014-08-12 at 9.22.14 PM.png

Grab the top center handle and pull straight down to about here...

Screen Shot 2014-08-12 at 9.23.51 PM.png

Right click again within the transform box and choose PERSPECTIVE.

Screen Shot 2014-08-12 at 9.24.01 PM.png

Grab the lower right or left handle and move slightly towards the center about like this....

Screen Shot 2014-08-12 at 9.24.23 PM.png

Hit enter of click the checkmark to accept the transformation.

Next, create a new layer above the COIN copy layer. Name the layer GRADIENT.

Hold the Command/Control + mouse click the COIN copy's thumbnail.

This will create a selection around the coin.

Make sure your new layer is Highlighted.


Hit the letter D on your keyboard. This resets your Fore and Background colors to a default of black and white.

Select your Gradient Tool. Open your Gradient Editor by clicking here...

Screen Shot 2014-01-26 at 12.28.07 PM.png

Select the Foreground to Transparent preset....

GradientEditorFTBpreset.png

Create a gradient starting at the bottom and going upwards like this....

Screen Shot 2014-08-12 at 9.25.32 PM.png

When done hit Command/Control + D to deselect, lower the GRADIENT layers opacity to suite.

Next create a new layer below the COIN copy layer, name it EDGE.

Select your Elliptical Marquee tool. Create an ellipse like the following....

Screen Shot 2014-08-12 at 9.27.41 PM.png
NOTE: You can move the ellipse around for positioning while your creating it by holding down the space bar.

Open your COLOR PICKER...

Screen Shot 2014-01-28 at 3.12.47 PM.png

Sample a darker area of the gold color. Click OK.

Fill the the elliptical selection with this newly sample color.

Hit Command/Control + D to deselect.

You should be done....

Screen Shot 2014-08-12 at 9.29.28 PM.png

Screen Shot 2014-08-12 at 9.57.01 PM.png
 

MrToM

Guru
Messages
3,595
Likes
3,321
Nice tutorial IamSam.

Quick question...
Is there any advantage to selecting 'Distort' after Ctrl / Command + T ?
Couldn't you just grab the center top handle and scale it downwards after going into free transform mode?

I've tried both ways and can't 'see' any difference, but knowing you there must be otherwise you wouldn't have done it!

Regards.
MrTom.
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
MrT, No, there's no particular advantage, I just had distort on my mind from another coin I had been playing with which did require distort to straighten out. Either way works.
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
SCTRWD said:
You can get what you want easily using 3D tools in PS
Why yes you can. Sometimes the the answer lays in the path of least resistance...............if your getting what I'm saying?
 

Paul

Former Member
Messages
12,879
Likes
7,023
Depends how fast you want the animation to run at, you could do a coin fall in probably three frames but would be very fast and clunky, a smoother version would be by using say seven frames and then adjusting the frame speed rate.
 

Paul

Former Member
Messages
12,879
Likes
7,023
coin_rotating_lg_wht.gif save this and then run it to see how many frames.
 

Paul

Former Member
Messages
12,879
Likes
7,023
Simple answer lots of frames with the image moving very slightly in each frame, takes a bit of time but the results are more believable.
 

Top