How to Make the 2010 Winter Olympics Ice Cube Event Bumpers Part 1

February 25, 2010

In this tutorial, I show you how to make the ice cube bumpers that have been popular on the NBC’s presentation of the olympics. I show you how to build an ice cube using material displacement, refraction, transparency, reflection, and specular highlights. I also cut out a photo of a snowboarder to add to the ice cube logo. Then, we animate the rotation of the ice cube and prepare it for After Effects where we will add the rest of the elements for the final piece.


Reference Olympics video of what we are making (US Only… Sorry)

Photo By Darkmatter

Part 2 Coming Soon…

51 Comments

Get your own thumbnail at Gravatar.
  1. Jason Hadley on February 25, 2010 said...

    Ever since I saw those I wanted to know how to do the ice material. Now I know. Tmely tut Nick!

  2. MarcyVF on February 25, 2010 said...

    It’s good to hear your voice again Nick! I’ve been watching loads of tutorials lately, and all the hosts are stiff, nerdy robots. But you stay human! Or gorilla, whatever works.

    Keep on being awesome!

    (And this was helpful by the way. Jake was cool too.)

    The Gorilla

    Thanks for the nice comment! It means a lot. Thanks for watching!

  3. Coolzilj on February 25, 2010 said...

    Fantastic,man.

  4. Adam Farnsworth on February 25, 2010 said...

    Very cool! Thanks for the tutorial…

  5. Fard Muhammad on February 25, 2010 said...

    Nick, If you’ve read any of my FB posts (and I wouldn’t be surprised if you didn’t), you’d know that I am a huge fan of the work of David Barton, the MG Artist who did these bumper pieces for not only the Vancouver Games, but also Beijing in 2008 and Torino in 2006. So this tutorial is right up my alley. :)

    For fellow Gorilla fans who want to see MG reels from previous Games and other NBC projects, check out http://www.davidbartondesign.com

    Coolzilj

    thanks for the link,
    awesome work,i’m gonna be a huge fan of DB.

  6. Gazfx on February 25, 2010 said...

    Once again some new things learnt.

    Sound difference was massive. All gravy though.

    Cheers fella

  7. Rounin on February 25, 2010 said...

    Cool! This I can apply this on other 3D programs. I like how you used the luminance of the texture to get reflection (great for product lighting/reflections). Oh man, does it mean we have have to wait til after the weekend to see part 2?

    I’m really loving these two parter full project tutorials using both C4D and AE. Awesome job.

    R|

  8. T'boo on February 25, 2010 said...

    Yes! I was waiting for this tutorial!

  9. DaniSang on February 25, 2010 said...

    Awesome tutorial :)

    However I got a question/suggestion. What if you boole out the bubbles from the cube? Wouldn’t you get the same effect? maybe even more realistic? I’m not a science guru, but aren’t those bubbles trapped air? XD – I’m definatly going to try it out myself. Maybe ill post here my outcome.

    But ones again, awesome tutorial.

    The Gorilla

    Cool idea, I would love to see your outcome.

    DaniSang

    I’ve test it. However the outcome is not as I expected. Somehow c4d makes black spots of it, with GI turned on it turns into white dots. Seems your way is the only way.

    Here’s my outcome
    Left is your way and the right is with the bubbles boole’ed? out.
    http://fc09.deviantart.net/fs71/f/2010/056/7/f/IceTest_by_Dani_Sang.png

    Mars Sanford

    You’re thinking about it realistically, but not in terms of a 3D package.

    There’s nothing in the middle of the cube… it’s all surface. Everything in 3D is hollow polygons.

    Therefore, the spheres aren’t even really boole’ing with anything :)

    Ben Carroll

    I think your problem is, C4D is using the texture from the spheres on those surfaces, so give them the same texture as the one on the ice and voila!

  10. Shahrez Rafiq on February 25, 2010 said...

    LUCK…
    For maybe a month I will not be able to do serious work because my lovely demon (yup, my PC)died a smokey death just a couple of hours ago.
    Wish me luck because I’ll have to work hard to get the money to buy a new one.

  11. Goran on February 25, 2010 said...

    I just wanted to thank you for taking the time to make these tutorials. Without people like you, the world would stop turning…

    Thank´s!

  12. Fede on February 25, 2010 said...

    hey great tutorial nick! i wanted to see the render though XD.

    i wanted to ask you sth, if that’s okay with you haha, could you do a little vRay tutorial for Cinema 4D?? it’s a great plugin and i can’t find any good tut online.

  13. EVANS RWM on February 25, 2010 said...

    Your a complete Gorilla a can´t say more.

  14. Nikolaki on February 25, 2010 said...

    What can I say…again a great and helpful tutorial, thanks a lot!

    Get well soon!

    Niko.

  15. Brixen on February 25, 2010 said...

    Hi mighty Gorilla ^^

    i just wanna say those vid tuts are the best i´ve ever seen. You are a funny dude, dude ^^

    i´m looking forward to the sexy IceCubeManAfterEffectsVidTut, and maybe we see the dog again :D

    greets from germany

  16. Ryan on February 25, 2010 said...

    Hey Nick,

    It’s almost like you read my mind on this one. I was experimenting with it myself and it’s great to see another take on it. How long are you in Denver? You making any appearances around town while you’re out here?

    Thanks for all your great insight to the world of motion graphics!

    -Ryan

  17. Peter on February 25, 2010 said...

    The best way to cut out that image in Photoshop would be by using the most contrasted channel, duplicating that, then applying Levels, then painting out any problematic areas that might be left (the Dodge and Burn tool work like magic in the edge areas), and you have your mask in less than the time it takes you to go around with the Magnetic Lasso. Instead of using a single channel, the Select > Color Range function may even give better results (it’s basically a Linear Keyer). But these two ways are going to give you a near-perfect matte in no time.

    umcosta

    i think u should quick mask your brain and gradient fill it.

  18. Ashen on February 25, 2010 said...

    Hey Nick, You are the best! :) Thanks!

  19. jason on February 25, 2010 said...

    I love seeing real world examples like this. It’s this kind of work that brings me back again and again!

  20. Brian McCauley on February 25, 2010 said...

    Hey Nick I just posted David Barton’s stuff on GraphicsMafia. He’s the senior designer at NBC responsible for a lot of the Olympic stuff, including this bumper.

    http://www.graphicsmafia.com/2010/02/25/nbc-vancouver-2010-winter-olympics/

    MikeC

    Thanks for posting this.

  21. CGR on February 25, 2010 said...

    Great job, tanks

  22. Frankay on February 25, 2010 said...

    Hey Nick, thank you very much for your efforts and work you put in there. Your tuts are the most high-quality stuff I found on the net and , lucky for me, entertaining… Keep on the incredible stuff you do and again thanks!

    P.S.: one little tip…you linked the photo you used with “BlackMotion”…it’s “Blackmatter”, just to keep you out of license trouble ;-)

  23. Sebastian on February 25, 2010 said...

    Hi Nick. Will watch this tutorial soon. Probably beautiful as always. The reference video is for US viewers only by the way.

    Thanks for all.

    Sebastian

  24. Tom on February 25, 2010 said...

    Awsome tutorial nick! I have watched all your tutorials today. And i have learned a lot :) Thank you so much.

  25. John on February 25, 2010 said...

    Strong work…. Can’t wait for part 2.

  26. Roderick on February 25, 2010 said...

    Great stuff Nick…really cool to see how “easy” it is to create an ice cube with distortion. You aren’t visiting Effective UI in Denver aswell by any chance are you :) ?
    Once again…. great stuff!!

  27. Raoul on February 25, 2010 said...

    Great tut as always, thanks Nick.

    I have a strange problem when i try to render, weird color dots appear. Somebody know how to fix that please.
    http://img30.imageshack.us/img30/6630/problemzu.jpg

    Tiffer

    In Render Settings and Anti-Aliasing try puting it to(best)mybe.
    See if that helps…..

    Raoul

    It seem to be just an illusion (hou hou hou hou aah) when the picture viewer apply the alpha. It’s ok in AE. Strange.
    Anyway thanks for the help.

    Gazfx

    “Just and Illusion (hou hou hou hou aah) made me laugh.

    80’s music FTW!!!

  28. Tiffer on February 25, 2010 said...

    In Render Settings and Anti-Aliasing try puting it to(best)mybe.
    See if that helps…..

  29. Hoextra on February 26, 2010 said...

    Great Tutorial! Again!
    Can’t wait for part two!
    Thanks a lot!

  30. James Wicks on February 26, 2010 said...

    Great tut, Nick.
    But not as gorilla as I was expecting.
    Next time, try recording it on your laptop in a bobsled with Jake at the controls.
    Now, THAT would be gorilla!
    ;)

    best,
    J

  31. Wesley on February 26, 2010 said...

    Hey man, your idea of take comercial videos and recreate effects in Cinema 4D is great, we can learn a lot in a project that looks like a pro. Thanks!

  32. MM on February 26, 2010 said...

    Can’t wait for part 2.

  33. Simon Gustavsson on February 26, 2010 said...

    Gonna be fun to see how it’s going to look after part 2.
    Good tutorial as always.

  34. council on February 26, 2010 said...

    Great tut Nick. I love your work and I thank you for how much you’ve helped me develop my C4D & AE skills. Keep it up.

  35. Hicham on February 26, 2010 said...

    Nick,
    Great tutorial. Just a small favor if you would. Can you make the C4D file available to download, I only have after effects and would real love to do something like this. Thanks

  36. Chris on February 26, 2010 said...

    sooo damn gorilla

  37. Phil on February 26, 2010 said...

    I have NEVER used cinema 4d before but I will now!!!

    Assume outcome! Excellent teacher!!

  38. James Brelaz on February 27, 2010 said...

    Could someone from US to download the video and post into another video server? for international viewers, thanx!

    Thomas

    You can see the video in the tutorial. For more go to http://www.davidbartondesign.com.
    Great tutorial as ever! Can’t wait for part 2.
    @gorilla How about integrating a function for your viewers to link their own great works?

  39. Ashen on February 27, 2010 said...

    From this tutorial: http://www.vimeo.com/9769314 :)

    James Brelaz

    Very usefull feedback from the tutorial, keep going, I’m gonna do my own too.

    Ashen

    Thank you James! I wait for your video. :)

  40. sazkove kancelare on February 27, 2010 said...

    great idea,great project.Thanks.Wish all the best

  41. Davy Menge on February 27, 2010 said...

    The strange white line is because C4D can’t render alpha and DOF through transparency. In your rotate animation your plane intersects with the reflect planes so in your render you’ll have soms stripes in the corner.

    Great stuff nonetheless I love your videos, very inspiring!

  42. alien on February 27, 2010 said...

    Hey Nick

    first of all, thank you for the tuto, it’s great! And besides what Peter said up there about cutting photo in PS, in your case of this tuto, you can increase the frequence of the Magnetic Lasso and that will automatically add more points to the edge of your photo, and it will becomes more accurate on going around the subject in the photo.

    cheers

  43. Matthew Swensen on February 27, 2010 said...

    hey man, couldn’t wait for part 2 .. check out mine so far…

    http://betweenlions.com/maincompO.mov

  44. Mediengestalt on February 28, 2010 said...

    Happy Birthday, greyscalegorilla blog! 2 years ago you poted first, congrats and thx for all the efforts!

    Mediengestalt

    poted=posted :)

  45. sq on March 1, 2010 said...

    mine is not moving…yet

    http://farm5.static.flickr.com/4041/4397168757_c49ee8f772_o.jpg

    Ashen

    like an old greek paint :)

  46. daly3d on March 1, 2010 said...

    nice we need to see the next part ..

    cheers

  47. Yoshi on March 1, 2010 said...

    Nice tutorial again , Nick! :D

    I hope to see part 2 as soon as possible ;)

    Y.

  48. MikeC on March 1, 2010 said...

    Is there any reason (pros/cons) to render the 3d animations in a tiff/psd sequence rather than a quicktime or avi?
    Just wondering. I just like to keep things simple so I usually render just a .mov file.

  49. Komita on March 4, 2010 said...

    Blow your nose dude!

    The Gorilla

    Sorry…. Dog allergies :)

  50. Ramzes on March 20, 2010 said...

    Nick hi! I need your help! Please tell me, what can be the problem.. I am trying to render my project from AE, and when it starts to render, it’s skips and render doesn’t go through, I mean it is not rendering, what can be the problem? it shows like 7958 render time it means I guess, but it’s not rendering properly,why?

  51. Phantomthecrow on June 22, 2010 said...

    Hi, Master Gorilla….awesome tutorials ur site it’s one of my top 5 bookmarked already…cheers from Peru…sorry for my english… keep them coming..

3 Trackbacks

  1. By Winter Olympic Motion Graphics on February 27, 2010 at 11:45 pm

    [...] you’re interested in recreating these graphics there’s an awesome tutorial at Grey Scale Gorilla where Nick Campbell shows you how to make the ice cube which is the center theme in the Olympics in [...]

  2. [...] Watch Part 1 of this tutorial Related posts:How to Make the 2010 Winter Olympics Ice Cube Event Bumpers Part 1 [...]

  3. [...] View Part 1 View Part 2 [...]

Your email is never published nor shared. Required fields are marked *

*
*

Follow The Gorilla

Search The Site:

  • Learning Links

  • Motionworks
  • Pariah Studios
  • All Bets Are Off
  • Motionographer
  • FXPHD
  • Squeezeme.tv
  • C4D Cafe
  • Amateurmedia
  • cgpov
  • Cineversity
  • HelloLuxx
  • VisualFXTuts
  • Video Copilot
  • Robert Leger
  • Garus Booth
  • Digital Hitchhiker
  • Base80
  • AE Tuts
  • PSD Tuts
  • CG Tuts