Skip to content
August 27, 2013 / KingsIsle Entertainment

Making of a KingsIsle CGI Commercial!

We have a treat for you today!  Fred Howard, Vice President of Marketing, is a huge part of bringing the Wizard101 and Pirate101 TV commercials to life.  He’s taken some time to share a behind the scenes look at making a commercial in today’s part I of a two-part blog series.

Have you ever wondered how we create our Wizard101 and Pirate101 commercials?  I’m going to do a two-part blog series on the making of our commercials in what I hope is an entertaining look behind the scenes.  In this first post, I will talk about the making of one of our all CGI (Computer-Generated Imagery) commercials.  For the second post, I’ll go behind the sets for the live action shoot we had for our recent Wizard101 tournaments commercial. We also worked to put together a video that walks through the process.  Enjoy 🙂

Similar to when we create new content for our games, our commercials first start with a story. Basically, “What are we trying to convey or message with the TV spot?” It is more challenging than it may seem as there are only 30 seconds to tell the story.  It’s really more like 25 seconds when we account for the opening and closing logo sequence.  This is a very iterative process.  We go from a high concept of the message to a detailed script written out with descriptions of the scenes, character voice lines, AVO (Announcer Voice Over – voice acting for things like the ESRB rating, our website, etc.) and other necessary details needed to execute making the commercial.

cgi-commercial1

Once this is done, we work with our concept artists to create story boards.  These are still image drawings that show detail for each step in the commercial.  As with the script, this process goes through a lot of iterations to ensure we have the right look and feel in the commercial.  With the completion of the story boards, we move into the actual production.

The first thing we have to do is build out all of the characters, props (like boats, equipment, etc.) and locations in very high resolution.  This process starts with a bunch of concept art and the in-game characters to drive the development.  Our goal is to stay close to the actual game play look but to take it to the next level given we have the output opportunity of High Definition TVs.

cgi-commercial2

The first piece of the characters being created is called a Brush Model.  These are grey scale characters built out with all the details they will have in the final commercial.  Once these are done, the characters are moved to texturing and shading.  This is where all of the color and depth is added — things like making a leather vest look “leather”.

As the characters and props are getting built out, we actually are creating the “set” in the CGI world by placing all of the cameras, characters and assets.  Once the set is built out far enough we start to capture footage with the cameras (even though the characters and assets are not done yet).  This is called an Animatic.  Many times an animatic is done with just storyboards, but we feel it is a much better process to actually use camera moves in 3D.  We have to make sure that what was envisioned in the script and storyboards actually looks good when it is in 3D with the camera motion.  This process also goes through much iteration as we make tweaks to the camera moves, the camera cuts, and fine tune all of the placements.

cgi-commercial3

The scene is then fully animated with all of the characters and movements.  It sounds simple, but this is a lengthy process and difficult to really convey the emotions we are working to get across.  Once this is all done, we move to adding all of the effects.  This really brings the commercial “alive”.

It sounds like we should be done… but there are a few critical pieces that come toward the end of the commercial’s creation.  The first is the soundtrack.  We have all of the music for our commercials scored specifically for that spot.  Usually we have an idea of the mood/sound that we want for the spot early on in the process, but until we lock in timing of movements and camera angles it is not possible to get a finished piece.  We also have our sound team put down the soundtrack – meaning all of the sound effects you hear in the commercial from cannons to wind to characters grunting (side note, I actually helped make some of the “grunt” sounds that are in the Pirate101 commercial :)).    The sound portion also consists of recording the voice over and announcer voice over.  You might be surprised that each line gets read sometimes 50 or 60 times (or more) until we get the one that we think really captures what we want.

Once all this is put together, it gets finalized and shipped off to the various TV channels for your viewing pleasure.  🙂  One of the things I think is really interesting is how much detail goes into a CGI commercial like this.  Stuff gets built that you barely see (and sometimes don’t see at all in the finished product) but that we have to get the little details right to ensure a high quality commercial.  I think the video here showcases a little of that.  Enjoy.

Fred Howard
Vice President of Marketing

56 Comments

Leave a Comment
  1. paul / Aug 27 2013 10:48 am

    AWESOME!!!!!!!!!!!!!!!! 🙂

  2. Sydney Thundersong / Aug 27 2013 10:58 am

    Awesome video and post! I love learning about what goes on behind the scenes with Pirate101 and Wizard101. It’s really helpful for people like myself who want to work in game design. Keep making these cool articles!

  3. Anonymous / Aug 27 2013 11:07 am

    How long does it take to actually make the commercial, from start to finish?

    I remember, a few years back, the creator of “The Simpsons”, said it took about six months to put an episode together.
    Of course, I would think a commercial wouldn’t take that long.
    But, I could be wrong.

    Of course I am never right.

    • Fred Howard / Aug 27 2013 1:52 pm

      These take about 4 months from start until they are on TV.

  4. Anonymous / Aug 27 2013 11:09 am

    cool

  5. MR. Awesome / Aug 27 2013 11:29 am

    whoa, that’s harder than I though!

  6. fred halyard / Aug 27 2013 11:33 am

    nice yo you should make a wizard101 animation kind of thing dude.

  7. Anonymous / Aug 27 2013 12:48 pm

    That commercial was awesome! I liked the swashbuckler entrance on a bison frigate

    • sonic / Aug 29 2013 7:28 am

      i know right

  8. S The Hedgehog / Aug 27 2013 1:18 pm

    that is really cool! But it must have taken a long time.

  9. Angelina Djonlic / Aug 27 2013 1:31 pm

    This is so cool! I have never seen anything that advanced…..well of course I have I just didn’t notice how hard it was to make a 3D commercial! 😛

  10. Anonymous / Aug 27 2013 2:05 pm

    I learned how to do simple animation before at my photo shop school
    It turns out that the game wizard101 and pirate 101 has the best quality animation I ever saw!!!!!!!!!
    I love the game!
    That commercial was very good in special effects

  11. coolperson / Aug 27 2013 2:14 pm

    niiiiiiiiice

  12. Anonymous / Aug 27 2013 2:45 pm

    this is so cool 😀

  13. Anonymous / Aug 27 2013 2:49 pm

    why not put these graphics into the game?

    • Anonymous / Aug 27 2013 7:23 pm

      It would be pretty hard, and then, without gameplay change, it would get more boring. Imagine a high-def move, pause, high-def move… In short, it would look nothing like these commercials.
      DZ

    • Anonymous / Nov 7 2013 11:26 pm

      it would probably make a lot of lag.

  14. shakeecia / Aug 27 2013 3:15 pm

    that was AWESOME !!!!!!!!!! love it 🙂 🙂 😛

  15. linagoodson / Aug 27 2013 4:37 pm

    cool

  16. linagoodson / Aug 27 2013 4:38 pm

    happy birthday wizard101

  17. Anonymous / Aug 27 2013 5:24 pm

    omg omg i wish i visited kingsyle so bad x.x

  18. Angela Mendoza / Aug 27 2013 5:25 pm

    I have got to admit that was awesome!
    I thought it would be really boring turns out I was wrong.

    • Anonymous / Aug 27 2013 6:48 pm

      the swashbuckler was awesome!

    • linagoodson / Aug 27 2013 8:12 pm

      ok cool

    • ashley / Aug 28 2013 7:42 am

      this is quiet the best game i played in 2013 XD awesome game

  19. Madeline DawnSmith / Aug 27 2013 6:45 pm

    :O EPICNESS

  20. Anonymous / Aug 27 2013 6:58 pm

    lol

  21. Robin Thomas / Aug 27 2013 7:19 pm

    what Ive wondered is why the commercial doesnt look like the game play?

  22. Anonymous / Aug 27 2013 7:55 pm

    that was so cool! I love it lol!

  23. serina / Aug 27 2013 7:56 pm

    that’s was so cool! I love it lol!

  24. Anonymous / Aug 27 2013 7:57 pm

    THIS IS EPIC!

  25. Brayden Dow / Aug 27 2013 9:29 pm

    I love the detail that are in these commercials!!

  26. sawyer / Aug 27 2013 9:41 pm

    Really good detail and special effect, I like it good job. 🙂

  27. Anonymous / Aug 27 2013 11:37 pm

    wow

  28. Owen / Aug 28 2013 6:59 am

    What program do you use to animate and design?
    How long is the rendering process?
    😛

    • Joshua Hayes / Oct 14 2013 1:48 am

      That is exactly what I was going to ask 😛 I’m quite curious on what applications you use to make these commercials

  29. vineeth / Aug 28 2013 7:55 am

    great

  30. Harold / Aug 28 2013 2:14 pm

    wow …. just …. ummmm …. wow.

  31. Mark DeathMask / Aug 28 2013 2:30 pm

    I REALLY want to make a CGI animated music video, using my characters from both Pirate and Wizard!

  32. gabby / Aug 28 2013 4:03 pm

    i cant even make a sketch…

  33. Anonymous / Aug 28 2013 5:36 pm

    awesome

  34. Luigi / Aug 28 2013 8:15 pm

    nice job

  35. KyleGoldenSpear / Aug 28 2013 8:17 pm

    I love Wizard101 and Pirate101 but i ussaly play W101.

  36. jessica / Aug 28 2013 10:35 pm

    wow..umm…just…wow…and I cant even make a sketch without messing up….. a lot

  37. mohaddesa / Aug 28 2013 11:04 pm

    cool

  38. Ashley Holystone / Aug 29 2013 2:55 am

    Great pelican, this is so awesome!

  39. leeanna / Aug 29 2013 5:01 am

    SWEET :] :] :]

  40. Anonymous / Aug 29 2013 7:52 am

    That was so awesome! Keep up with the great work. Really cool special effects.

  41. jhevere / Aug 29 2013 10:28 am

    nice i like it. well done

  42. Becky / Nov 7 2013 1:34 pm

    Wow….That was wonderful and so interesting. Loved it tons!!

  43. Edward StrongTalon / Nov 8 2013 5:38 pm

    Haha…

  44. Anonymous / Nov 9 2013 9:03 am

    Good job Kingsisle keep up the good work!

  45. fire scool / Nov 17 2013 7:16 am

    i love the time wen the ship went like boom! and the silver mokeys thay are cool and the wichdocders thay are oso cool i oso like the chokfrots cool so keep up the good rodes galerys of bone anie guys ok

  46. Jordan / Nov 9 2014 4:13 pm

    I went on this blog to see when kroktopia is coming out so can you guys tell us when the world is coming out

    – Dead-eye Noah/ Jordan

Trackbacks

  1. Making of a KingsIsle CGI Commercial! | Blainyful Followings
  2. Making of a KingsIsle Commercial Part II | Wizard101 Cheif

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: