I have been searching for quite a while on a tutorial of how to create the rotating phone ad with the finger coming in to interact with the app once in a while.

There is an example of this effect in this ad starting around 8 seconds in...

Can anyone please point me to a tutorial of how to achieve this effect or perhaps just explain how if they can't find one?

  • +1 for an interesting question. I'd be interested to know how this is done. Oct 16, 2011 at 21:01

1 Answer 1


ok. lets start:

we need a 3d model of a phone, lets say, an iphone (properly modeled, textured), then we need a shot of a moving finger which we will use later on. lets say we have everything.

after we have the idea, what we should do with the finger(adequately having this shots on green screen so we can remove the background) we animate the phone in a 3d package, after we are satisfied with the result, we render the phone sequence out from the package (properly lighten and rendered with alpha channel - ready for compositing) Open after effects or any other compositing software, we put the a white background as solid, then we put the phone sequence on top of the background, the sequence goes, we put the finger where we want him to interact with the phone, since our phone has no animations on it, we can put them in 3d or we can add them in after effects, a little bit of tweaking and there you are, you got your 3d rotating phone with a finger and a hand interacting with it.

if we want to comp anything with the phone in aftereffects, we need the rotation and camera information from the 3d package, lets say cinema4d, we can export ae proj file out, with all the info wee need, and later use that data in after effects to have the perfect sync. Other way around is to have a properly UV for the phone, and put in animation sequence on the screen material, the render it out, then we have just to sync the figer with the animation. hope this reveals some magic ;)

  • Sounds simple enough thanks. I'm not quite sure I understand how the camera movement will help me place the video on the screen
    – Jason
    Oct 18, 2011 at 18:34
  • when you do stuff like this, you break it into little pieces and think them trough. You need the position and rotation of the phone if you want to put an animation on top of the phone screen in aftereffects. camera is just a plus!
    – Desmond
    Oct 18, 2011 at 21:21
  • Ah sorry I misread, Is I was not aware there is a way to export the rotation and position of object. Is there a way you know of to do this in 3ds max perhaps?
    – Jason
    Oct 18, 2011 at 21:28
  • i think you must use the rpf file format from max...make sure you have some geometry inside the scene..
    – Desmond
    Oct 19, 2011 at 5:38

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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