• Adobe After Effects

  How do they do it? (Transparent Tick in the LateRooms Ad, video attached)

  Posted by Michael Hay on March 28, 2012 at 8:35 pm

  OK, so I’m in the middle of recreating some effects pulled in the LateRooms advert, with the people having text stuck beside their heads and scrolling. I’ve exactly recreated the font and the checkboxes, but I’m having a little trouble getting the tick to ‘tick’, due to the transparency. So how is this done?

  Thanks in advance.

  https://www.youtube.com/watch?v=3JcFNvqz4c0&feature=relmfu

  Some contents or functionalities here are not available due to your cookie preferences!

  This happens because the functionality/content marked as “Google Youtube” uses cookies that you choosed to keep disabled. In order to view this content or use this functionality, please enable cookies: click here to open your cookie preferences.

  Stephen Smith replied 14 years, 5 months ago 2 Members · 6 Replies
• 6 Replies

• 

  Stephen Smith

  March 30, 2012 at 10:45 pm

  [Michael]
  but I’m having a little trouble getting the tick to ‘tick

  What do you mean by tick to ‘tick?

  Stephen Smith
  Utah Video Productions

  Check out my Motion Training DVD

  Check out my Vimeo page
• 

  Michael Hay

  March 31, 2012 at 10:50 am

  Thanks for replying.
  As in when the tick mark comes into view (in the check box). I thought about using a ‘stroke’ effect and some masks to get it to appear, but it was fiddly getting the tick to be transparent at the same time.
• 

  Stephen Smith

  April 2, 2012 at 2:19 pm

  Create your check and then apply a “Write On” Filter. Move the position to where the check mark animation would start. Then move your play head down say 10 frames and then move the position to where the check mark bends. Then move the play head down 20 frames and move the position to the end of the check mark. Increase the brush size so it covers up your check mark. Then change Paint Style to “Reveal Original Image.” Then it will look like someone is drawing your check mark on. Hope this helps and best of luck.

  Stephen Smith
  Utah Video Productions

  Check out my Motion Training DVD

  Check out my Vimeo page
• 

  Michael Hay

  April 2, 2012 at 5:25 pm

  Stephen,

  Thank you very much for that. I was not aware that the Write-On filter had the same ‘Reveal Original Image’ property like the Stroke generator.

  I’ve taken that aboard now- and have come up with a solution to my troubles! What do you think of this layout?

  1. (with Write-On filter)
  2.
  3.

  Since with Reveal Original Image, it only shows the tick mark- I had to add a copy of the video in layer 3 to compensate for the missing parts of the video.
  I’ve tried it out, and it seems to work perfectly! Just wondering if it was a bit messy?

  Regards,
  Michael.
• 

  Michael Hay

  April 2, 2012 at 5:29 pm

  * Sorry,
  1 – Video (with Write-On filter)
  2 – CheckboxPicture
  3 – Video
• 

  Stephen Smith

  April 2, 2012 at 8:25 pm

  The Write on will not effect the video below just the layer it is applied to. If your check box and text is in one comp go into that comp and apply the Write on the the layer that the check box is on.

  Stephen Smith
  Utah Video Productions

  Check out my Motion Training DVD

  Check out my Vimeo page

Reply to this Discussion! Login or Sign Up