{"id":12798,"date":"2018-02-14T09:00:00","date_gmt":"2018-02-14T09:00:00","guid":{"rendered":"http:\/\/www.gamasutra.com\/view\/news\/314596"},"modified":"2018-02-14T09:00:00","modified_gmt":"2018-02-14T09:00:00","slug":"how-fourattic-captured-the-80s-with-crossing-souls-art-design","status":"publish","type":"post","link":"https:\/\/sickgaming.net\/blog\/2018\/02\/14\/how-fourattic-captured-the-80s-with-crossing-souls-art-design\/","title":{"rendered":"How Fourattic captured the ’80s with Crossing Souls’ art design"},"content":{"rendered":"

Creating a coherent art style for your game can be difficult. There are lots things to consider: the color palette, the core assets, and the design of the characters and environments.<\/p>\n

Fourattic<\/a>, the Spanish studio behind the action-adventure game Crossing Souls<\/em><\/a>, knows this all too well. The team set themselves the challenge of creating a distinctly 1980s aesthetic for the game, achieving this through the use of reference materials, detailed environments, and color.<\/p>\n

Crossing Souls\u00a0<\/em>is out this week, and asks\u00a0players to manage\u00a0a group of five teenagers who discover a pink stone that allows them to travel between the realms of the living and the dead.<\/p>\n

Using each character\u2019s unique abilities,\u00a0players\u00a0need to explore a bunch of settings inspired by ’80s media, communicate with ghosts, and unravel a sinister government conspiracy in order to save your hometown from ruin.<\/p>\n

Using reference material<\/strong><\/h2>\n

Juanga Ja\u00e9n<\/a>, lead animator and artist on Crossing Souls<\/em>, explains the inspiration behind the game, \u201cWe were born in the ’80s, so it was the movies we grew up with [that inspired us]. We wanted to make an adventure like that. So, we set the plot in the ’80s and this small American neighbourhood.\u201d<\/p>\n

What’s notable about this is how thoroughly the team at Fourattic went about recreating the look and feel of that halcyon decade. The developers relied heavily on\u00a0reference material from the ’80s, and\u00a0many of the character designs in the game are based off popular figures in films from the period. For instance, Quincy Queen takes inspiration from Prince\u2019s character \u2018The Kid\u2019 in\u00a0Purple Rain, Vigo Sarducci borrows from Vigo the Carpathian from Ghostbusters 2, and Matt\u2019s dad is based on Wayne Szalinski from Honey, I Shrunk the Kids.<\/p>\n

Importantly, locking in this reference material helped them to nail the fashion of the period, as well as inject some clever Easter eggs for those knowledgeable enough to notice them.<\/p>\n

This isn\u2019t just limited to the character designs either. It also extends to many of the environments. The main city in the game is based on Tujunga, California, where ET the Extra-Terrestrial was filmed back in 1982.<\/p>\n

Ja\u00e9n and his team used Google Maps to explore the area and tried to incorporate elements of the place into Tajunga, the fictional location in the game. You can see this in the suburban houses, and the theme of the neighboring environments: forests, industrial areas, and deserts.<\/p>\n

Aiming for a more detailed pixel art style<\/strong><\/h2>\n

The game also captures the period through smaller details you can find in the environment too. The settings are extremely detailed, even though most the objects have the same pixel per unit (16×16 pixels). This because some of the bigger objects in the game are assembled from multiple tiles. Doors for example are composed of 3 tiles vertical and 1 horizontal, allowing the artists to add much more detail into them.<\/p>\n

\"\"<\/p>\n

A perfect demonstration of this is Kevin and Chris\u2019s house. Posters, props, and photos are spread all across the different rooms on walls, referencing 80s media like The Ghostbusters, Michael Jackson, and Pac-Man<\/em>. This helps to cement the setting further.<\/p>\n

Ja\u00e9n states, \u201cIt\u2019s not really a retro style, it\u2019s just pixel art. Like, if you see, for example, Super Time Force<\/em> or Hyper Light Drifter<\/em>, all of those games are like a new form of pixel art.\u201d He points to those games richly-detailed characters as proof of this. \u201cWe have old cutscenes, and the plot of the story, is [retro], but the art style is something new. I don\u2019t remember seeing any game with [this] quality in the [environments].\u201d<\/p>\n

He continues, \u201cDanny [Ben\u00edtez, the pixel artist on Crossing Souls<\/em>] put a lot of little references and details into each map. The player can explore […] and find something in [every] corner. We really want the player to get immersed in this world.\u201d<\/p>\n

Deciding on a color palette<\/strong><\/h2>\n

Color is extremely important at conveying the time period in Crossing Souls<\/em>. The game uses a different color palette for each stage, but consistently opts for brighter hues, aiming to evoke the colorful look of the 1980s, popularized by design collectives like the Memphis Group<\/a>.<\/p>\n

There are several examples of this throughout. The forest scene, for instance uses blues and purples to convey the night time, as opposed to shades of grey, whereas bright pinks, blues, and purples represent the duat stone and everything associated with the 80s.<\/p>\n

\u201cWe play with the pink and blue, because it fits well in the world,\u201d says Ja\u00e9n. \u201cWhat we were thinking when we [chose] all the colors was we wanted the player to live an adventure and [for] every level they play [to be] different.\u201d<\/p>\n

He recalls buying games for the MegaDrive in the late 80s and early 90s based on the number of colors used in panels on the back of boxes;\u00a0it always hinted at the size and scope of the world and the potential for adventure. This is something he wanted to capture with the art style in Crossing Souls<\/em>:\u00a0making the player feel they were going on a journey.<\/p>\n

Emulating ’80s cartoons<\/strong><\/h2>\n

In addition to the pixel art, the game also has multiple cutscenes, used to heighten the drama and give the game\u2019s characters more personality. They were created in TVPaint and are animated in a style reminiscent of cheap 1980s cartoons, like He-Man, Thundercats, and Dogtanian. Not only did this approach fit the theme, but it also helped to save time and money when animating.<\/p>\n

\u201cI\u2019m the only animator here, so I\u2019m the only one who made the animations. I\u2019ll just say the budget is not the best. So, He-Man is a good reference [\u2026] because it has less frames. In Crossing Souls<\/em>, the less frames we can use [the better]. There [are] 14 cutscenes and each one is between 20 seconds to one minute of length, so we need to optimize as much as possible.\u201d<\/p>\n

These cutscenes emulate this period of children\u2019s television through the number of frames used, which is far below the amount in contemporary animation. Ja\u00e9n also applied post-effects over the finished cutscenes, adding VHS scanlines over the individual frames to reference 80s home media.<\/p>\n

Keeping things\u00a0readable<\/strong><\/h2>\n
\n
“I\u2019m the only animator here, so I\u2019m the only one who made the animations. I\u2019ll just say the budget is not the best. So, He-Man is a good reference [\u2026] because it has less frames…the less frames we can use [the better]. There [are] 14 cutscenes and each one is between 20 seconds to one minute of length, so we need to optimize as much as possible.”<\/span><\/h6>\n<\/blockquote>\n

Even the game\u2019s perspective is another nod to the 80s. It\u2019s orthographic, calling to mind classic games from the era, like Bomberman<\/em>, Pacman<\/em>, and The Legend of Zelda<\/em>. This approach came with some downsides, however;\u00a0the most challenging was that distances were much harder to convey in this style. The team employed some simple tricks to fix this though.<\/p>\n

Ja\u00e9n explains, \u201cIt\u2019s difficult to [\u2026] see distances, so we [added] some lines in the border and play with shadows to show that one place is higher than another. It\u2019s [probably] the most difficult part of the game: to tell the player this place is higher or that you can reach it. When we play with shadows \u2013 sometimes we cheat and make the shadows go [the wrong way], because the player will see it better and they don\u2019t notice [it].\u201d<\/p>\n

These are only subtle changes, but it makes a huge difference. Platforming is a massive part of the game, and these small alterations make it far more natural for the player to move around the map and locate where they need to go.<\/p>\n

Crossing Souls<\/em> is clearly\u00a0deeply tied to the look and feel of ’80s culture. Not only is the decade integral to the plot, it is woven into all aspects the art direction, coming across in the colors used, the minute details, and the design of the characters and environments.<\/p>\n

To finish the interview, I ask Ja\u00e9n if he has any advice from his time working on the art direction for Crossing Souls<\/em>.\u00a0<\/p>\n

\u201cThis game is very huge, with a lot of characters. It isn\u2019t the same to work on one character with a lot of moments, then a lot of characters with the same movements and a lot bosses,” he says.\u00a0“If you are starting out with pixel art, start with something like Mario, with less movements, less [environments], something that makes you learn from the beginning to the finish with cool running. Crossing Souls<\/em>, for example, was difficult from the very beginning.\u201d<\/p>\n","protected":false},"excerpt":{"rendered":"

Creating a coherent art style for your game can be difficult. There are lots things to consider: the color palette, the core assets, and the design of the characters and environments. Fourattic, the Spanish studio behind the action-adventure game Crossing Souls, knows this all too well. The team set themselves the challenge of creating a […]<\/p>\n","protected":false},"author":2,"featured_media":12799,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[],"class_list":["post-12798","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"_links":{"self":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/12798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/comments?post=12798"}],"version-history":[{"count":0,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/12798\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media\/12799"}],"wp:attachment":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media?parent=12798"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/categories?post=12798"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/tags?post=12798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}