Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I have two photoshop pngs, I am trying to simulate a rotating coin 3D effect. One image will act as heads and the other will act as tails. How can I get these two images to rotate together to simulate the front and back of a coin spinning on a 0 axis? Output to be either a gif or mpeg4. Here is an image of the heads side of the coin. Both images are 512 x 512 with a radius of 80.

Can this be done in photoshop, illustrator, or something else?
How do I get an image on the back of the image below to look as if the image is double sided?

image

share|improve this question
1  
How are you bringing the Photoshop image into Illustrator? Are you drawing any paths in Illustrator? You need a path to designate as the clipping mask. Are you trying to make THAT image a clipping mask? Do you, by chance, actually want an opacity mask? You've provided very, very little information. –  Scott Jun 30 '12 at 22:06
    
I apologize for the lack of information I am very knowledgeable with photoshop, but illustrator I am not. in fact I just started using it today, because I am trying to create a 3D effect on an image. –  user5054 Jun 30 '12 at 22:17
    
Lack of knowledge isn't a problem at all :) That's why we're all here :) But you do need to detail what you are trying to do in order for anyone to be able to help. –  Scott Jun 30 '12 at 22:19
    
I apologize for the lack of information I am very knowledgeable with photoshop, but illustrator I am not. In fact I just started using it today, because I am trying to create a 3D effect on an image. I can bring it over to illustrator anyway I need to, path or not. For me the first thing is to bring the image over to illustrator so I can create the mask, then 3D effect the image and finally place a different image as the back of the 3d image. Basically when it rotates it shows one image on one side and other on the other side. I thought illustrator would be my best bet. @Scott –  user5054 Jun 30 '12 at 22:23
    
How are you intending to "rotate" the image so both sides are visible? Please edit your question and provide clear, detailed, explanations of what you have and what you want to end up with. You may not need a clipping mask in Illustrator at all. In fact, from the sound of that last comment, you may not need Illustrator. –  Scott Jun 30 '12 at 22:33
show 2 more comments

2 Answers

What's the end goal? GIF can only have 1bit alpha, so you'll end up with bad masking, if you're trying to use the animation on top of something else that's unknown. MPEG4/H.264 does support an alpha channel, but you may have difficulty generating what you're after.

If the end goal is for use on the web, CSS3 animation can do what you're after with just the two images.

If the end goal is for use in an iOS app, then again, there's ways to animate using CoreAnimation that will only require the two sides as individual PNG images.

If the end goal is for use as part of a video, then you may be better off doing the 3D rotate within Final Cut Pro X or Premier or whatever you're editing in.

If the end goal is for use in a presentation, then Keynote can do the card flip already.

So I think the best solution may be a totally different approach. If you do want to animate within Illustrator or Photoshop, then you'll probably have to create each frame individually — a painful and slow process that will make things like getting timing and easing right very difficult. For example, you may want to have the animation start slow, pick up speed, then slow down near the end. It's easy to have an ease-in-out timing curve with CSS3 animation or CoreAnimation, but harder when you're editing by hand.

share|improve this answer
add comment

I think the error message you've got is quite a good hint. To make a clipping mask in Ill you have to have at least a) object you want to clip, b) a vector path you want to use as a clipping mask. The a) should be arranged below b). Now having both selected (you may want to use “Layers” palette to get a good view what's selected) you should choose Object->Clipping Mask->Make from main menu. For more complete explanation with some examples take a look at Adobe's Ill help page (topic: “Clipping masks”).

The other thing IMHO you could be attempting to do and asking for is using Photoshop's clipping path saved with Ps file as clipping mask in Ill, but that's quite different story :).

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.