{"id":1716,"date":"2012-06-04T21:02:54","date_gmt":"2012-06-05T04:02:54","guid":{"rendered":"http:\/\/www.michaeldoret.com\/blog\/?p=1716"},"modified":"2016-03-06T17:17:05","modified_gmt":"2016-03-07T01:17:05","slug":"title-treatment-for-wreck-it-ralph-client-walt-disney-animation-studios","status":"publish","type":"post","link":"http:\/\/alphabetsoupblog.com\/?p=1716","title":{"rendered":"Title Treatment for \u201cWreck-It Ralph\u201d.  \u2014\u2014 Client: Walt Disney Animation Studios"},"content":{"rendered":"<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Wreck-It-Ralph-character3.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2406\" title=\"Wreck-It Ralph\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Wreck-It-Ralph-character3.png\" width=\"600\" height=\"319\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Wreck-It-Ralph-character3.png 857w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Wreck-It-Ralph-character3-600x319.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a> It\u2019s been a while since I\u2019d been called to do a title treatment for a major motion picture, so it was with great pleasure that I went in to see Disney Executive VP John Sabel to discuss working with them on developing a logo for a new animated feature slated for release this November 2nd. <a title=\"Wreck-It Ralph\" href=\"http:\/\/www.disney.go.com\/movies\/movie-news\/wreck-it-ralph-first-look\/?int_cmp=wdsmp_wir_mop_new_upcoming_Intl\" target=\"_blank\">Wreck-It Ralph<\/a>\u00a0tells the story of Ralph, an arcade video game &#8220;bad guy&#8221; (John C. Reilly)\u2014a one-man wrecking crew who is determined to prove he can be a good guy. Starting out as a classic arcade 8-bit character, Ralph travels through several arcade worlds, ending up in fully articulated 24-bit form. Here\u2019s the final logo we ended up with: <a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1727\" alt=\"Wreck-It Ralph Final Approved Logo\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-1-600x516.png\" width=\"600\" height=\"516\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-1-600x516.png 600w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-1.png 857w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a> The process of developing this title treatment extended over several months. It\u2019d be impossible to detail here all the stages we went through, but I\u2019d like to just show here first some of my development pencil sketches: <a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1739\" title=\"Sketches1\" alt=\"Pencil Sketches 1 &amp; 2\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches1.png\" width=\"600\" height=\"218\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches1.png 857w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches1-600x218.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a> Some of the letterforms I used were reminiscent of the shapes in the character. <a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches2.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1741\" title=\"Sketches2\" alt=\"Pencil Sketches 3 &amp; 4\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches2-600x218.png\" width=\"600\" height=\"218\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches2-600x218.png 600w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches2.png 857w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a> I tried to provide as many attitudes and alternatives as I felt worked for the subject matter. <a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches3.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1746\" title=\"Sketches3\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches3-600x218.png\" width=\"600\" height=\"218\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches3-600x218.png 600w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches3.png 857w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a> It was felt that a suggestion of the main character and his 8-bit nature might be a good way to go. <a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches4.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1748\" title=\"Sketches4\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches4-600x218.png\" width=\"600\" height=\"218\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches4-600x218.png 600w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches4.png 857w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a> In all cases I wanted the treatment to be playful and reminiscent of some of the classic arcade logos of the \u201870s. <a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches5.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1750\" title=\"Sketches5\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches5-600x218.png\" width=\"600\" height=\"218\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches5-600x218.png 600w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches5.png 857w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a> When I came up with the idea of an 8-bit logo surrounding an 8-bit face, I knew we had hit paydirt. <a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches6.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1753\" title=\"Sketches6\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches6-600x218.png\" width=\"600\" height=\"218\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches6-600x218.png 600w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/Sketches6.png 857w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a> So from that point on I took that approach and developed\u00a0 the logo in digital form. It went through many, many different stages, culminating in the title treatment you see at the top of this post. It was decided that the face I came up with for Ralph was a little too \u201cangry\u201d looking . . . so I took it down a notch. Also the \u201cDisney\u201d logo needed to somehow be incorporated. We tried it both inside and and outside and above the treatment. I tried creating a border, making a self contained \u201cbadge\u201d treatment with the Disney logo inside: <a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-2.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1755\" title=\"WIR_LOGO-2\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-2-600x516.png\" width=\"600\" height=\"516\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-2-600x516.png 600w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-2.png 857w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a> We then simplified the \u201cbadge\u201d a bit: <a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-3.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1756\" title=\"WIR_LOGO-3\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-3-600x516.png\" width=\"600\" height=\"516\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-3-600x516.png 600w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-3.png 857w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a> We eliminated the \u201cbadge\u201d completely, again opting for more simplicity: <a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-4.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1757\" title=\"WIR_LOGO-4\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-4-600x516.png\" width=\"600\" height=\"516\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-4-600x516.png 600w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-4.png 857w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a> We changed Ralph\u2019s face again, making him a little bit meaner looking, and edited the shapes of the letterforms. <a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-5.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1758\" title=\"WIR_LOGO-5\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-5-600x516.png\" width=\"600\" height=\"516\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-5-600x516.png 600w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-5.png 857w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a> In the end we eliminated the \u201cbrick\u201d texture that filled the letterforms, opting again for a simpler look. Here\u2019s that final title treatment again: <a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1727\" title=\"WIR_LOGO-1\" alt=\"Wreck-It Ralph Final Approved Logo\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-1-600x516.png\" width=\"600\" height=\"516\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-1-600x516.png 600w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/WIR_LOGO-1.png 857w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a> <a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/7-WIR_Marquee.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2813 alignnone\" title=\"El Capitan Premiere\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/7-WIR_Marquee.jpg\" width=\"600\" height=\"600\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/7-WIR_Marquee.jpg 600w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2012\/06\/7-WIR_Marquee-150x150.jpg 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It\u2019s been a while since I\u2019d been called to do a title treatment for a major motion picture, so it was with great pleasure that I went in to see Disney Executive VP John Sabel to discuss working with them on developing a logo for a new animated feature slated for release this November 2nd. Wreck-It Ralph\u00a0tells the story of Ralph, an arcade video game &#8220;bad guy&#8221; (John C. Reilly)\u2014a one-man wrecking crew who is determined to prove he can be a good guy. Starting out as a classic arcade 8-bit character, Ralph travels through several arcade worlds, ending up in fully articulated 24-bit form. Here\u2019s the final logo we [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[383,382,380,381,376,150,155,379,386,191,197,219,385,384,331,345,377,378],"class_list":["post-1716","post","type-post","status-publish","format-standard","hentry","category-news","tag-24-bit","tag-8-bit","tag-animation","tag-arcade-games","tag-disney","tag-graphic-design","tag-hand-lettering","tag-john-c-reilly","tag-john-sabel","tag-lettering","tag-logo","tag-michael-doret","tag-motion-picture","tag-pixelated","tag-title-treatment","tag-type-design","tag-walt-disney-animation-studios","tag-wreck-it-ralph"],"_links":{"self":[{"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1716"}],"version-history":[{"count":41,"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1716\/revisions"}],"predecessor-version":[{"id":3549,"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1716\/revisions\/3549"}],"wp:attachment":[{"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1716"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1716"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}