Sunday Night at the Movies

snatm

As with all graphics on Fox Classics, the palette for this spot was restricted to orange, black and white. Being that this is Sunday “Night” at the Movies, it made the most sense to use black as the base color. Most of these movies  are  from  the 60’s/70’s and when I heard the music (The Supremes) I thought of one of those old 70’s-style beaded door curtains and decided to use that as the basis of the design. Instead of beads I made an old-style TV screen shape in Illustrator and copied it as a mask into After Effects. Each bead layer was positioned in 3D space with the following expression applied to the Y-Rotation property to make it spin gently back and forth:

offset = index;
Math.sin(time + offset)*50

Making “index” the offset means that when one layer is duplicated it won’t rotate identically to the next. Change the “50” value for more or less rotation. You can also adjust the Y-Orientation value separately for more control over the look.

This next expression was applied to the Scale property of the rotating TV screens. This flips a layer depending on whether it’s facing the camera or not and ensures a text/image layer isn’t presented backwards when it spins around:

[(toCompVec([0, 0, 1])[2] > 0 ? 1 : -1) * scale[0], scale[1], scale[2]]

I wanted these movies to look like new releases so color graded them heavily to freshen them up. To add glamour I used Knoll Light Factory for the background flares and Tinderbox Starfield (now obsolete) combined with After Effects Camera Lens Blur  for the blurred lights – which also add depth to the spot.

Discuss
  1. Jim G.
    Reply

    I get 1st post cause I pay attention to good shit. Finely done old man, looks sweet. One day you will catch up to me… lol

  2. eugenn
    Reply

    can you make a tutorial for this

  3. JD
    Reply

    No plans to write a full tutorial but I’ll post some more info including the expressions I used.

  4. eddy
    Reply

    excellent spot. nice and simple yet catchy.

    i noticed that as you move on, in the distance, the tim curry character from rocky horror picture show disappears. that dont on purpose? or did the layer end a tad bit short?

    i LOVE that frame blending look on paul newman and robert redford.

  5. Chris
    Reply

    Really awesome! Simple yet so effective!

  6. Andy
    Reply

    Fantastic J!!! You’re always a big inspiration for me.
    Did you link the flare to the camera or was it hand keyframed?

  7. JD
    Reply

    Thanks Andy,
    The flares were keyframed manually.

  8. Rob
    Reply

    Does anyone know what the actual theme song for Fox classics is? It’s stuck in my head since I saw the new commercial, which is how I happened upon this site. Great artwork by the way, I really like the new ad.

  9. JD
    Reply

    The song is called “Forever Came Today” by the Supremes.

  10. Rob
    Reply

    Thank you JD.

  11. BT
    Reply

    Hey jd when i saw the ad the song is a more upbeat version any idea who sings the new one i love it, by the way artwork rocks!

  12. banana
    Reply

    what is that theme song? i have not heard any lyrics on the ad,so can’t look it up and it’s not forever came today.
    I love the new ad by the way. it really is great art work

  13. JD
    Reply

    It is definitely “Forever Came Today” by the Supremes, but it was reworked for this spot.

  14. Simple Fan
    Reply

    Awsome, a tuto (or maybe the project file) would be very very gratefull

  15. Gwendolyn Barney
    Reply

    Beautiful! I just love the fluidity and color treatment. So, Master John, will there be a tut or eSeminar? Or perhaps a dvd product for sale that would include five of your top designs and the tuts behind them? I’ve got my credit card out now!

    Best,
    Gwendolyn

    • John Dickinson
      Reply

      Nice idea Gwendolyn! Beautiful Gravatar by the way, are you a model? Best, John.

      • Gwendolyn Barney
        Reply

        Hi John,

        (Blush) Thanks for your comment. No, I’m not a model. I only play one on TV. Seriously, if you’d consider
        selling a disk of your top designs, your thoughts behind it, work flow, etc., I’d buy it and so would many others.

        Thanks for being an inspiration.

        G.

        • John Dickinson
          Reply

          Thanks for your input Gwendolyn, I’ll keep it in mind. Best, John.

  16. Aviv
    Reply

    The work is obviously wonderful, but what I can really appreciate is the quality of your render. Can you tell us how you are rendering out of AE and then how you are compressing it to flash – that would be a very useful information.
    I think I speak for most of us that some more info on how to show our work on the web at top clarity as you have here would be very welcomed!

    Thanks in advance.

    • John Dickinson
      Reply

      Hello Aviv, I render to mp4 (h264), resave that in Quicktime as .mov and simply change the suffix to .flv. Now that Flash can read h264 it’s as simple as that. Hope that helps, John.

  17. Hussin Khan
    Reply

    Well done JD!

    • John Dickinson
      Reply

      Thanks Hussin. Best, John.

  18. SteveL
    Reply

    Awesome John, i love watching your work Sir. Thank you for sharing hwat you, your creativity, is in my opinion – unrivaled!

  19. D
    Reply

    Thanks for this JD

    Looks great.

    Your super talented!

  20. Lou Borella
    Reply

    John
    Any specific reason you didn’t add some ease into the end of the camera moves?

    Lou …

  21. KAMAL POORHANIFEH
    Reply

    you are so great man .and i i thank you very much for your nice and freindly training . may God protect and be gracious to you
    kamal from iran

    • John Dickinson
      Reply

      Thank you Kamal. Best wishes, John.

  22. Hafeez
    Reply

    So classy, so classic! I think the optimum speed of the animation helps it look so classy.

    John, 2 questions.

    1. When do you decide the speed of the animation? Do you keep the music in mind for that?
    2. In what format do broadcast folks prefer? Mov – Animation?

    Thankx so much.

    • John Dickinson
      Reply

      Hi Hafeez, the speed is completely dictated by the audio track. I generally render to Quicktime Animation, Quicktime PNG or TGA/TIFF sequences. Best, John.

  23. croe
    Reply

    Looks great man!

    • John Dickinson
      Reply

      Thanks Chris.

  24. Sky
    Reply

    hope can have a this video tutorial for us….pls!! your tutorial really good and i like it so much!! really helpful!!! Good Job!!!

    • John Dickinson
      Reply

      Sorry Sky, not tutorial planned for this but if you have specific questions let me know. Best wishes, John.

  25. shaimaa
    Reply

    very nice work I hope to publish a toturail of this work

Leave a Comment

  • (will not be published)

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>