{"id":413,"date":"2013-03-01T15:17:17","date_gmt":"2013-03-01T23:17:17","guid":{"rendered":"http:\/\/www.sprixelsoft.com\/?p=413"},"modified":"2013-03-01T15:29:08","modified_gmt":"2013-03-01T23:29:08","slug":"logo-design","status":"publish","type":"post","link":"http:\/\/www.sprixelsoft.com\/?p=413","title":{"rendered":"Logo Design"},"content":{"rendered":"<p>It&#8217;s tricky to develop a good logo! You want something that is identifiable, memorable, and communicates a message to those who will be looking at it. Company logos have the luxury of <a href=\"http:\/\/www.brainpickings.org\/index.php\/2012\/10\/09\/logo-life-life-histories-of-100-famous-logos\/\">evolving<\/a> over time, it&#8217;s the work that a company does that will make it last, and the logo is rarely a deciding factor in whether or not a company succeeds. But up on a title screen? It&#8217;s going to be the first thing that many people see, and it&#8217;s gotta put them in the mood.<\/p>\n<p>&nbsp;<\/p>\n<p><!--more--><\/p>\n<p>Our current game&#8217;s title itself has gone through a few iterations since we began conceptualizing it. We initially were working on a different game and decided that we needed to begin work on a second, less involved game that we could use to hone our skills, refine our pipeline, and in general get our feet wet with game development. And so was born: Project B. Catchy title, right? It&#8217;s what we were using for a few months. Our project slowly began to take shape and before we knew it we&#8217;d had ourselves fleshing out a retro beat-em-up inspired fighting game. So what was a suitable name for it? How about the overly obvious: &#8220;Beat &#8216;Em Up&#8221;, &#8220;Brawlfest&#8221;, &#8220;Retro Rumble&#8221;? Nah&#8230; we wanted to make a fighting game, but we didn&#8217;t want to blatantly beat our audience over the head about it. How about something a little less obvious: &#8220;Canuckle Sandwich&#8221;, &#8220;Out For Blood&#8221;, &#8220;World of Pain&#8221;? It wasn&#8217;t quite catchy enough.<\/p>\n<p>&nbsp;<\/p>\n<p>So, eventually we decided that we really liked the word Hematoma. It&#8217;s got kind of a &#8220;cute&#8221; easy to speak quality to it that rolls off the tongue&#8230; though realistically it&#8217;s kind of a disgusting swelling of blood under the skin. We wanted to give a bit of a throw-back to the old days of console games&#8230; I suppose it&#8217;s\u00a0<em>still<\/em> a common trait for Nintendo published games to have &#8220;Wii, or 3D, or DS&#8221; released in the title&#8230; heck they did it with &#8220;Advance&#8221; and even the absurd &#8220;64&#8221; right? \u00a0And so Super Hematoma was born. <a href=\"http:\/\/www.gocomics.com\/calvinandhobbes\/1992\/06\/23\">The more I said it, the more I liked it<\/a>. And as it&#8217;s inspired by the prime era of Japanese games&#8230; we decided to go one step further with it. Let&#8217;s make the title include both English -and- Japanese!<\/p>\n<p>&nbsp;<\/p>\n<p>And so we came up with:\u00a0\u30b9\u30fc\u30d1\u30fc\u30d8\u30de\u30c8\u30de! (pronounced Supa Hematoma &#8211; written in katakana, the alphabet for foreign words).\u00a0But wait&#8230; maybe if we&#8217;re going to appeal to the Japanese gamer, we should make it a little more authentic? Ok, so let&#8217;s try\u00a0\u30b9\u30fc\u30d1\u30fc\u8840\u816b! (pronounced Supa\u00a0Kesshu! &#8211; written in a combination of katakana and kanji as kesshu is the equivalent word in Japanese for hematoma).\u00a0Hmm&#8230; except that&#8217;s not quite right either&#8230; sure there were lots of Super Famicom games that used\u00a0\u00a0\u30b9\u30fc\u30d1\u30fc in the title&#8230; Super Mario World and Super Metroid for example&#8230; buut there were some other games that used the word\u00a0\u8d85 (Ch\u014d) instead. Super Ghosts and Goblins and Super Bonk for example&#8230; it expresses the meaning of the word super without being a cop-out and using the English word. And so we went with\u00a0\u8d85\u8840\u816b (Ch\u014d Kesshu)&#8230; until Matt pointed out that that sounds more like we&#8217;re talking about -a- super hematoma&#8230; and not quite expressing the same thing between the two languages. And so we decided to go with \u8d85\u8840\u816b\u4f1d &#8211; (Ch\u014d Kesshu Den, which is more like a story \/ stuff going on about \/ in the context of\/regarding to super hematoma).<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-420\" alt=\"fonts\" src=\"http:\/\/www.sprixelsoft.com\/wp-content\/uploads\/2013\/03\/fonts.png\" width=\"151\" height=\"159\" srcset=\"http:\/\/www.sprixelsoft.com\/wp-content\/uploads\/2013\/03\/fonts.png 303w, http:\/\/www.sprixelsoft.com\/wp-content\/uploads\/2013\/03\/fonts-285x300.png 285w\" sizes=\"auto, (max-width: 151px) 100vw, 151px\" \/><\/p>\n<p>So we had the name&#8230; now to come up with the actual logo. \u00a0Part of what&#8217;s difficult with logos is coming up with a font that&#8217;s the right style for what you&#8217;re trying to say. I mean&#8230; we could of course <a href=\"http:\/\/www.theverge.com\/2012\/7\/4\/3136652\/cern-scientists-comic-sans-higgs-boson\">fall back on the traditional Comic Sans<\/a>\u00a0for the English text&#8230; but what about the Japanese? Turns out there&#8217;s not very many free Japanese fonts out there&#8230; with so many kanji to deal with a Japanese font takes <em>a lot<\/em>\u00a0of time to develop. Even more annoyingly, is that a lot of the time people will give up on doing it the thorough way and just map characters to the English keys&#8230; so you end up with a font that looks nice, but you can&#8217;t\u00a0<em>type<\/em> the words the standard way&#8230; and as a non native Japanese typist, there&#8217;s no way I was going to be able to figure out how to type the characters I needed. \u00a0And then sometimes you have a font that looks good, but as you can see at the top of the right image, doesn&#8217;t necessarily include <em>all<\/em> characters you need.\u00a0Luckily I was able to find an appropriate (at least I think so)\u00a0font to work with, and pair it with a decent English font.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-427\" alt=\"Various_logos\" src=\"http:\/\/www.sprixelsoft.com\/wp-content\/uploads\/2013\/03\/Various_logos.png\" width=\"480\" height=\"367\" srcset=\"http:\/\/www.sprixelsoft.com\/wp-content\/uploads\/2013\/03\/Various_logos.png 480w, http:\/\/www.sprixelsoft.com\/wp-content\/uploads\/2013\/03\/Various_logos-300x229.png 300w, http:\/\/www.sprixelsoft.com\/wp-content\/uploads\/2013\/03\/Various_logos-392x300.png 392w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/p>\n<p>So we started doing iterations on the text&#8230; we wanted it retro-y&#8230; so we used a fairly limited palette. I experimented with some different fonts, proportions, spacing, overall silhouettes&#8230; I discovered how to work with 3D geometry inside Photoshop (saved me from having to try and work in a full fledged 3d Package which is nice for this type of conceptual work!). It was actually a lot of fun once I started going, trying to figure out how to make an appealing image using words. \u00a0I felt like a lot of the designs were reminding me of old comic books more-so than old games, so I started to try to make it a little more modern. Less flat colors and more gradients. More outlines.\u00a0Eventually I started elaborating with some blood spray&#8230; does it cover the words? Or just the background? And how does this all look if we have some stuff surrounding it?<\/p>\n<p>&nbsp;<\/p>\n<p>I&#8217;m not <em>quite<\/em> sure if we&#8217;ve got it nailed down with that Featured Image at the top of the post, but I&#8217;d say we&#8217;re pretty darned close.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s tricky to develop a good logo! You want something that is identifiable, memorable, and communicates a message to those who will be looking at it. Company logos have the luxury of evolving over time, it&#8217;s the work that a company does that will make it last, and the logo is rarely a deciding factor in whether or not a company succeeds. But up on a title screen? It&#8217;s going to be the first thing that many people see, and it&#8217;s gotta put them in the mood. &nbsp;<\/p>\n","protected":false},"author":3,"featured_media":414,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"ngg_post_thumbnail":0,"footnotes":""},"categories":[1],"tags":[13],"class_list":["post-413","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-progress-report"],"_links":{"self":[{"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=\/wp\/v2\/posts\/413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=413"}],"version-history":[{"count":10,"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=\/wp\/v2\/posts\/413\/revisions"}],"predecessor-version":[{"id":434,"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=\/wp\/v2\/posts\/413\/revisions\/434"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=\/wp\/v2\/media\/414"}],"wp:attachment":[{"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=413"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=413"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}