{"id":274,"date":"2021-03-23T11:29:20","date_gmt":"2021-03-23T10:29:20","guid":{"rendered":"https:\/\/janpieteringhels.com\/?post_type=jetpack-portfolio&p=274"},"modified":"2022-03-10T22:09:59","modified_gmt":"2022-03-10T21:09:59","slug":"two-rocks-one-beach","status":"publish","type":"jetpack-portfolio","link":"https:\/\/janpieteringhels.com\/?portfolio=two-rocks-one-beach","title":{"rendered":"Two Rocks One beach"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

2 Rocks 1 Beach<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
About 2 Rocks 1 Beach<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

2 Rocks 1 Beach is the result of a collaboration between six people. The idea was to create a two-player brawler around the theme ‘elements’, with a visual style inspired by the work of Grand Chamaco<\/a>.<\/p>

Each of us individually designed, rigged, skinned, and animated a character while keeping the same art pillars in mind. Each character features an animation for walking, defending, normal attacking, heavy attacking, getting hit, idle and death.<\/p>

My work on the project was mainly focused on my own character called Jack, the materials for all characters’ skin with the goal of getting a ‘clay’ feel to it, and the concept and editing of both trailers.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Trailers<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Apart from the gameplay trailer, I had a bit of fun on my own creating a cinematic trailer for the game to showcase our characters and their moves with some Tekken inspired shots. Worth a watch!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Character Design Process<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Having each person in a team of six people create a different character is not that hard, but making sure those characters fit together is. We decided to base our work around the art of an existing artist named Gran Chamaco<\/a>.<\/p>

To make sure our ideas were aligned, we started by making a style guide that clearly defined the art pillars each character had to be designed around. We started by letting two people create a style guide seperately. Doing this allowed us to extract the most important and thus absolutely required elements by comparing the two style guides afterwards.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\n\t\t
\n\n\t\t\t\n\t\t
\n\t\t\t\"2Rocks1Beach_StyleGuide_01\"\n\t\t<\/div>\n\n\t\t\n\t\t
\n\t\t\t\"2Rocks1Beach_StyleGuide_02\"\n\t\t<\/div>\n\n\t\t\n\t\t
\n\t\t\t<\/i><\/i>\t\t<\/div>\n\n\t\t\t\t\t
\n\t\t\n\t\t\n\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

We now had a good idea of the rules our characters’ design had to follow, and that they should be themed around ‘elements’, which we as a team narrowed down to ‘crystals’. The next step in the process was to iterate on different designs, which we wanted to do as efficiently as possible. Silhouette design allowed for a wide variety of designs, and made it possible to quickly iterate on those aswell. My process can be seen on the right.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"04_Final\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Next up: transforming our 2D drawing into a full-fletched 3D character. To make this process easier, we first drew a modelsheet based on our final silhouette.\u00a0 This included front view, side view and a 3\/4 view.<\/p>

When this was done, we could start modelling our character based on this modelsheet. The modelling process started with a block-out, gradually adding more and detail. And finally, it ended with the sculpting of the legs and the arms to add the perception of bones and muscles. I jacked Jack, if you will.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Silhouette Design<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The end result is six characters that look like they belong in the same world, while each one has its own looks and personality. Mission accomplished!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\"pablito_vs_brajoeji\"<\/figure><\/a><\/div>
\"jack_vs_cocky\"<\/figure><\/a><\/div>
\"billy_vs_jeffe\"<\/figure><\/a><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
In-game screenshots<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\"2<\/figure><\/a><\/div>
\"2<\/figure><\/a><\/div>
\"2<\/figure><\/a><\/div>
\"2<\/figure><\/a><\/div>
\"2<\/figure><\/a><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\t
\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

. 2 Rocks 1 Beach About 2 Rocks 1 Beach 2 Rocks 1 Beach is the result of a collaboration between six people. The idea was to create a two-player brawler around the theme ‘elements’, with a visual style inspired by the work of Grand Chamaco. Each of us individually designed, rigged, skinned, and animated […]<\/p>\n","protected":false},"author":203268231,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"elementor_header_footer","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_crdt_document":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"jetpack-portfolio-type":[1366],"jetpack-portfolio-tag":[],"class_list":["post-274","jetpack-portfolio","type-jetpack-portfolio","status-publish","format-standard","hentry","jetpack-portfolio-type-projects"],"jetpack_likes_enabled":false,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=\/wp\/v2\/jetpack-portfolio\/274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=\/wp\/v2\/jetpack-portfolio"}],"about":[{"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=\/wp\/v2\/types\/jetpack-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=\/wp\/v2\/users\/203268231"}],"replies":[{"embeddable":true,"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=274"}],"version-history":[{"count":103,"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=\/wp\/v2\/jetpack-portfolio\/274\/revisions"}],"predecessor-version":[{"id":3034,"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=\/wp\/v2\/jetpack-portfolio\/274\/revisions\/3034"}],"wp:attachment":[{"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=274"}],"wp:term":[{"taxonomy":"jetpack-portfolio-type","embeddable":true,"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=%2Fwp%2Fv2%2Fjetpack-portfolio-type&post=274"},{"taxonomy":"jetpack-portfolio-tag","embeddable":true,"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=%2Fwp%2Fv2%2Fjetpack-portfolio-tag&post=274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}