{"id":142059990198,"date":"2019-08-13T10:00:51","date_gmt":"2019-08-13T08:00:51","guid":{"rendered":"https:\/\/sketchfab.com\/blogs\/community\/?p=142059990198"},"modified":"2021-06-21T21:22:32","modified_gmt":"2021-06-21T19:22:32","slug":"art-spotlight-adventure-bicyclist","status":"publish","type":"post","link":"https:\/\/sketchfab.com\/blogs\/community\/art-spotlight-adventure-bicyclist\/","title":{"rendered":"Art Spotlight: Adventure Bicyclist"},"content":{"rendered":"<p>Hey what\u2019s up! My name is Juuso Mattila, and I\u2019m a game artist hanging out in Helsinki, Finland! I got my start in games as a programmer some 7 years ago, but quickly realized that coding all day everyday required too much mental fortitude for me so I went for art instead.<\/p>\n<p>I\u2019m currently working as the Art Lead over at <a href=\"https:\/\/wgmobile.net\/en\/studios\/wargaming-helsinki\/\" target=\"_blank\" rel=\"nofollow\">Wargaming Helsinki<\/a>, working with a cool team of experts making some cutting-edge mobile graphics. While at my day job I mostly tend to do tasks falling under the \u201ctechnical artist\u201d category\u2014pipeline development, shader business, optimizing things\u2014on my off time I like to focus on \u201cactual\u201d 3D art to try to keep my skills at least somewhat relevant in the fast-evolving 3D art world. I picked this project to get better at making game-ready character models, as well as model something I\u2019m very enthusiastic about &#8211; bicycles!<\/p>\n<h2>Inspiration<\/h2>\n<p>My free time projects are usually very poorly planned and this one was no exception. For starters I just pretty much started modeling a human of some sort in Blender and waited to see where I ended up. It started going in a hipstery, somewhat androgynous woman sort of direction so I rolled with that and came up with some other stuff to go with it: the clothes, hairstyle, and an appropriate bike all try to follow some kind of semi-sporty retro 90\u2019s aesthetic that I really like.<\/p>\n<h2>Character<\/h2>\n<p>For the character I started out by spending a lot of time trying to get the head right. Below are some pretty grim-looking intermediate steps before I arrived at the final design. You can see the character getting more and more annoyed at all the iterations towards the end.<\/p>\n<p><a href=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image8-3.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-142059990203 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image8-3.png\" alt=\"\" width=\"1790\" height=\"728\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-142059990203 lazyload\" src=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image8-3.png\" alt=\"\" width=\"1790\" height=\"728\" srcset=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image8-3.png 1790w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image8-3-300x122.png 300w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image8-3-768x312.png 768w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image8-3-1030x419.png 1030w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image8-3-1229x500.png 1229w\" sizes=\"(max-width: 1790px) 100vw, 1790px\" \/><\/noscript><\/a><\/p>\n<p>At this point I was still thinking I would do the whole PBR-bake-everything-thing so I spent a lot of time on the high poly version. I then decided to go for a more hand-painted unlit style, so a lot of this high poly tweaking around was really unnecessary in hind-sight, but good practice anyway!<\/p>\n<p><a href=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image9-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-142059990205 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image9-2.png\" alt=\"\" width=\"1665\" height=\"1265\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-142059990205 lazyload\" src=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image9-2.png\" alt=\"\" width=\"1665\" height=\"1265\" srcset=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image9-2.png 1665w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image9-2-300x228.png 300w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image9-2-768x583.png 768w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image9-2-1030x783.png 1030w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image9-2-80x60.png 80w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image9-2-658x500.png 658w\" sizes=\"(max-width: 1665px) 100vw, 1665px\" \/><\/noscript><\/a><\/p>\n<p>For clothing, I originally had this huge Michelin man-esque coat but decided to cut it because 1. it wouldn\u2019t work with a bicycle and 2. it made the overall silhouette really boring. I\u2019m not super into 3D sculpting so I do all the details as good old-fashioned poly modeling and smoothing, for better or worse. For stylized shapes it\u2019s easier for me to wrap my head around just poly modeling, but for stuff like making the little folds to clothing, doing it without sculpting is just hard and stupid! Below is the final high poly design before retopo &amp; texturing.<\/p>\n<p><a href=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image6-3.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-142059990201 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image6-3.jpg\" alt=\"\" width=\"1024\" height=\"817\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-142059990201 lazyload\" src=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image6-3.jpg\" alt=\"\" width=\"1024\" height=\"817\" srcset=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image6-3.jpg 1024w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image6-3-300x239.jpg 300w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image6-3-768x613.jpg 768w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image6-3-627x500.jpg 627w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/noscript><\/a><\/p>\n<p>For texturing, I wanted to try something I\u2019ve seen some other artists get great results with: I made a super basic base texture in Substance Painter just to get general lighting, base colors, and AO right, and then I brought it over to 3D-Coat and hand-painted on top of the base texture to get the final result.<\/p>\n<p><a href=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image5-4.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-142059990200 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image5-4.png\" alt=\"\" width=\"1766\" height=\"1486\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-142059990200 lazyload\" src=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image5-4.png\" alt=\"\" width=\"1766\" height=\"1486\" srcset=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image5-4.png 1766w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image5-4-300x252.png 300w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image5-4-768x646.png 768w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image5-4-1030x867.png 1030w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image5-4-594x500.png 594w\" sizes=\"(max-width: 1766px) 100vw, 1766px\" \/><\/noscript><\/a><\/p>\n<p>This was my first time messing around with 3D-Coat and I was pretty happy with it! Especially how seamless it is to go back and forth to Photoshop and paint on top of the projected mesh. The standard painting tools in 3D-Coat have a nice touch to them but there are always times when you need the full Photoshop toolkit, so it\u2019s nice to have it available at a press of a button.<\/p>\n<h2>Bicycle<\/h2>\n<p><a href=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image10-3.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-142059990206 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image10-3.png\" alt=\"\" width=\"1280\" height=\"559\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-142059990206 lazyload\" src=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image10-3.png\" alt=\"\" width=\"1280\" height=\"559\" srcset=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image10-3.png 1280w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image10-3-300x131.png 300w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image10-3-768x335.png 768w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image10-3-1030x450.png 1030w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image10-3-1145x500.png 1145w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/noscript><\/a><\/p>\n<p>I\u2019m somewhat of a bicycle enthusiast so I had a lot of fun making this bike! I went for a crazy 90\u2019s track bike (hence the odd frame shape and outrageous color scheme) turned into an \u201cadventure bike\u201d with some camping gear and other accessories. The texture is all made in Substance Painter without any hand painting, just generators and bakes. I tried to do a bunch of tricks to make it appear like it had some hand-painting to make it match with the character better, like using some grunge patterns and highlighting that look a bit like they\u2019re sketched in with a brush.<\/p>\n<h2>Rigging, Animation and Sketchfab Setup<\/h2>\n<p>I kept the rig really simple because I didn\u2019t have any advanced animation needs, just wanted a nice simple rig for posing and Sketchfab!<\/p>\n<p><a href=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image2-6.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-142059990209 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image2-6.png\" alt=\"\" width=\"1261\" height=\"1536\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-142059990209 lazyload\" src=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image2-6.png\" alt=\"\" width=\"1261\" height=\"1536\" srcset=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image2-6.png 1261w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image2-6-246x300.png 246w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image2-6-768x935.png 768w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image2-6-846x1030.png 846w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image2-6-410x500.png 410w\" sizes=\"(max-width: 1261px) 100vw, 1261px\" \/><\/noscript><\/a><\/p>\n<p>I really like building small dioramas in 3D and Sketchfab is a pretty great medium to share stuff like that! For this project I modeled a small surrounding piece of environment to bring in some mood and context.<\/p>\n<p><a href=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image11-3.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-142059990207 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image11-3.png\" alt=\"\" width=\"1270\" height=\"785\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-142059990207 lazyload\" src=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image11-3.png\" alt=\"\" width=\"1270\" height=\"785\" srcset=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image11-3.png 1270w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image11-3-300x185.png 300w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image11-3-768x475.png 768w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image11-3-1030x637.png 1030w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image11-3-809x500.png 809w\" sizes=\"(max-width: 1270px) 100vw, 1270px\" \/><\/noscript><\/a><\/p>\n<p>The environment bits I made in pretty much the same way as the character: simple bake and then lots of hand-painting on top to make it nice. I also made a quick skybox to help sell the overall color scheme. Both textures fade out so they blend nicely into the Sketchfab background color.<\/p>\n<p>As the model was made to work with no lighting at all, the Sketchfab setup is just unlit flat textures really! The only little trick I did was I baked a simple directional light to the character and bicycle to tie the model to the environment better, and I then set that baked texture as the \u201cEmission\u201d channel to layer it on top.<\/p>\n<p><a href=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image1-4.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-142059990208 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image1-4.png\" alt=\"\" width=\"1216\" height=\"859\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-142059990208 lazyload\" src=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image1-4.png\" alt=\"\" width=\"1216\" height=\"859\" srcset=\"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image1-4.png 1216w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image1-4-300x212.png 300w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image1-4-768x543.png 768w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image1-4-1030x728.png 1030w, https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image1-4-708x500.png 708w\" sizes=\"(max-width: 1216px) 100vw, 1216px\" \/><\/noscript><\/a><\/p>\n<p>I also added a little post-processing: a subtle Screen Space Ambient Occlusion and Sharpening filter made the whole thing look a bit more solid!<\/p>\n<p>And that\u2019s pretty much it! Here\u2019s the final product, thanks for your time!<\/p>\n<div class=\"sketchfab-embed-wrapper\">    <iframe title=\"Adventure Bicyclist\" class=\"\" width=\"690\" height=\"388\" src=\"https:\/\/sketchfab.com\/models\/a5c6806761d0477abee1d98c0f531e5a\/embed\" frameborder=\"0\" allow=\"autoplay; fullscreen; xr-spatial-tracking\" allowfullscreen=\"\" mozallowfullscreen=\"true\" webkitallowfullscreen=\"true\" xr-spatial-tracking=\"true\" execution-while-out-of-viewport=\"true\" execution-while-not-rendered=\"true\" web-share=\"true\"><\/iframe><\/div>\n<p><a href=\"http:\/\/instagram.com\/mattilanjuuso\" target=\"_blank\" rel=\"nofollow\">Instagram<\/a><\/p>\n<p>&nbsp;<\/p>\n<a href=\"http:\/\/sketchfab.com\/flumba\"  target=\"_blank\"   class=\"sf-button\"><button class=\"button btn-large\nbutton-blue\">Visit Juuso on Sketchfab<\/button><\/a>\n","protected":false},"excerpt":{"rendered":"<p>3D Artist (+ year-round biker) Juuso Mattila wanted to work on game-ready character models, so he took to Blender and 3D-Coat to create Adventure Bicyclist.<\/p>\n","protected":false},"author":23,"featured_media":142059990637,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[580],"tags":[153,18,275,111,54],"class_list":["post-142059990198","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-art-spotlight","tag-3d-coat","tag-blender","tag-character-art","tag-hand-painted","tag-substance-painter"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/sketchfab.com\/blogs\/community\/wp-content\/uploads\/2019\/07\/image4-3-rev.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/posts\/142059990198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/comments?post=142059990198"}],"version-history":[{"count":3,"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/posts\/142059990198\/revisions"}],"predecessor-version":[{"id":142059990237,"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/posts\/142059990198\/revisions\/142059990237"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/media\/142059990637"}],"wp:attachment":[{"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/media?parent=142059990198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/categories?post=142059990198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/tags?post=142059990198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}