<p>ok.
lets start:</p>

<p>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.</p>

<p>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.</p>

<p>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 ;)</p>

CC BY-SA 3.0
2011-10-18T18:34:41.983Z
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
CC BY-SA 3.0
2011-10-18T21:21:45.163Z
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
CC BY-SA 3.0
2011-10-18T21:28:11.253Z
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
CC BY-SA 3.0
2011-10-19T05:38:18.240Z
i think you must use the rpf file format from max...make sure you have some geometry inside the scene..
Desmond
CC BY-SA 3.0
2011-10-18T17:02:51.473Z
2011-10-18T17:02:51.473Z
Desmond
<p>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.</p>

<p>There is an example of this effect in <a href="http://www.youtube.com/watch?v=_ejvLxKBuYA" rel="nofollow">this ad</a> starting around 8 seconds in...</p>

<p>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?</p>

CC BY-SA 3.0
2011-10-16T21:01:58.400Z
+1 for an interesting question. I'd be interested to know how this is done.
Warrior Bob
<video><editing><after-effects>
Creating a "finger using device" effect like in iPhone app ads
Jason
# Creating a "finger using device" effect like in iPhone app ads

(Asked by: username_0 on 2011-10-16)

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](http://www.youtube.com/watch?v=_ejvLxKBuYA) 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?

**Tags:** video, editing, after-effects

> **Comments:**
> **username_1**: +1 for an interesting question. I'd be interested to know how this is done.  

---

## 1 answers

### Answer by username_2 on 2011-10-18. Score: 3 | Accepted answer

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 ;)

> **Comments:**
> **username_0**: Sounds simple enough thanks. I'm not quite sure I understand how the camera movement will help me place the video on the screen  
> **username_2**: 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!  
> **username_0**: 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?  
> **username_2**: i think you must use the rpf file format from max...make sure you have some geometry inside the scene..  

---

