{"id":73,"date":"2021-03-06T01:01:04","date_gmt":"2021-03-06T06:01:04","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2021\/?p=73"},"modified":"2021-05-12T15:29:27","modified_gmt":"2021-05-12T19:29:27","slug":"spotlight-01-concept-art-with-vivi-nguyen","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2021\/?p=73","title":{"rendered":"Spotlight 01 – Concept Art with Vivi Nguyen"},"content":{"rendered":"\n

Our teams have been hard at work building Virtual Buggy. This week, we have our first spotlight post: Concept Art with Vivi Nguyen! Vivi is a Junior studying Time Based Media Art and minoring in Human Computer Interaction. She enjoys the concept and visual development process, and is pursuing a career in animation, visual development, and HCI. Vivi has been a vital asset to our team, creating tons of great 2D artwork that has been fundamental in developing our game\u2019s style.<\/p>\n\n\n\n

For this post, we will have a Q & A-styled format, diving into Vivi\u2019s artist process and her thoughts on our games development!

<\/p>\n\n\n\n

Q: What was your intent with this year\u2019s concept art?<\/strong> <\/p>\n\n\n\n

A: \u201cWe wanted the art direction to be different from the Buggy Allstars last year. So I went with a brighter distinct color palette and bolder shapes. Since the game this year is more surreal and imaginative, I explored how to exaggerate the buildings and environments. I drew environments with simple shapes and some textures so that it would be easy to transfer the concept art to the low poly models.\u201d<\/p>\n\n\n\n

\"\"
Concept art celebrating buggies throughout CMU history <\/em>

<\/figcaption><\/figure><\/div>\n\n\n\n

Q: What references helped inspire your artwork?<\/strong><\/p>\n\n\n\n

A: \u201cI looked at low-poly games to see how they utilized colors and shapes to create distinct environments. Games such as ART SQOOL, Good Job, Going Under, Sayonara Wild Hearts, and Monument Valley used surreal color palettes and bold shapes.\u201d
<\/p>\n\n\n\n

\"\"
ART SQOOL by Julian Glander<\/em><\/figcaption><\/figure><\/div>\n\n\n\n


Q: What was your process in developing this concept art?<\/strong><\/p>\n\n\n\n

A: \u201cI start drawing very rough sketches, with an emphasis to exaggerate certain parts of the environment: twist the road, stretch buildings, etc. Then I reference my earlier colored drafts to match the color palette; I want to make sure that concept art from the same track design matches each other. I block out big sections to see how the colors work together, then I block out the lights and shadows. Each track takes place in different locations and has unique design elements, so I planned out each track to have a distinct color palette. For instance, the first track takes place outside, so the colors are bright and help reflect the warm sunlight. The second track takes place in a nighttime environment, so the colors are more cool-toned, and the objects themselves radiate bright light. The colors, textures, and shapes, of the concept art, convert pretty seamlessly onto the low-poly models. Hence, a lot of the style in the concept art is retained so far.\u201d

<\/p>\n\n\n\n

\"\"
Early concept sketches for the Pausch Rainbow Bridge<\/em><\/figcaption><\/figure>\n\n\n\n


Q: Are there any specific pieces of concept art that you especially like?<\/strong><\/p>\n\n\n\n

A: \u201cI enjoyed drawing the rainbow bridge and helix gates spiral since I could exaggerate the shapes as much as I wanted. I also liked drawing the scenes with the bus ramp and the driver, since it helps me understand how players interact with the environment.\u201d<\/p>\n\n\n\n

\"\"
A very special ramp…<\/em><\/figcaption><\/figure>\n\n\n\n


Q: Any final thoughts?<\/strong><\/p>\n\n\n\n

A: \u201cI enjoyed working on these concepts and seeing them be translated into a 3D environment! I think the development of the project is going well so far. Seeing the other team’s progress and work is really exciting. The track designs are interesting and the soundtrack brings a lot of life into the game. We have a prototype build of the game, and I had fun playing and navigating the buggy around the track.\u201d<\/p>\n\n\n\n


Closing Remarks…<\/strong><\/p>\n\n\n\n

Thanks to all this great concept art, we have been able to translate it into stunning 3D models. Vivi’s talent and dedication is vital to our team, helping us make this year’s biggest, baddest, and buggiest game yet!<\/p>\n\n\n\n

\"\"
3D rendered “Fish Buggy” based off of Vivi’s 2D concept art<\/em><\/figcaption><\/figure>\n\n\n\n

<\/p>\n\n\n\n



Gallery<\/strong>
<\/p>\n\n\n\n

  • \"\"
    Buggy Pushers<\/em><\/figcaption><\/figure><\/li>
  • \"\"
    Buggies from across <\/em>
    CMU history<\/em><\/figcaption><\/figure><\/li>
  • \"\"
    Pusher going uphill<\/em><\/figcaption><\/figure><\/li>
  • \"\"
    Port Authority Bus Ramp<\/em><\/figcaption><\/figure><\/li>
  • \"\"
    Ramp off the bus or <\/em>
    go around?<\/em><\/figcaption><\/figure><\/li>
  • \"\"
    Track 1 curve<\/em><\/figcaption><\/figure><\/li>
  • \"\"
    Schenley Bridge<\/em>
    Finish Line<\/em><\/figcaption><\/figure><\/li>
  • \"\"
    Walking to the Sky<\/em><\/figcaption><\/figure><\/li>
  • \"\"
    Rainbow Bridge<\/em>
    Drop Down<\/em><\/figcaption><\/figure><\/li>
  • \"\"
    Far View <\/em>
    Pausch Rainbow Bridge<\/em><\/figcaption><\/figure><\/li>
  • \"\"
    Buildings behind the Rainbow Bridge<\/em><\/figcaption><\/figure><\/li>
  • \"\"
    Swerves and curves along the Rainbow Bridge<\/em><\/figcaption><\/figure><\/li>
  • \"\"
    Pick-Up Items<\/em> – Caffeine Boost<\/em>, Distraction, and Slippery Attack<\/em><\/figcaption><\/figure><\/li>
  • \"\"
    3D modeled Fish Buggy<\/figcaption><\/figure><\/li>
  • \"\"
    3D modeled
    No Name Buggy<\/figcaption><\/figure><\/li>
  • \"\"
    3D modeled
    Pirate Ship Buggy<\/figcaption><\/figure><\/li>
  • \"\"
    3D modeled
    Ascension Buggy<\/figcaption><\/figure><\/li>
  • \"\"
    3D modeled Stealth buggy<\/figcaption><\/figure><\/li>
  • \"\"
    3D modeled Beta Buggy<\/figcaption><\/figure><\/li>
  • \"\"
    3D modeled Robo Buggy<\/figcaption><\/figure><\/li><\/ul><\/figure>\n","protected":false},"excerpt":{"rendered":"

    Our teams have been hard at work building Virtual Buggy. This week, we have our first spotlight post: Concept Art with Vivi Nguyen! Vivi is a Junior studying Time Based Media Art and minoring in Human Computer Interaction. She enjoys the concept and visual development process, and is pursuing a career in animation, visual development, […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2021\/index.php?rest_route=\/wp\/v2\/posts\/73"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2021\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2021\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2021\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2021\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=73"}],"version-history":[{"count":14,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2021\/index.php?rest_route=\/wp\/v2\/posts\/73\/revisions"}],"predecessor-version":[{"id":631,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2021\/index.php?rest_route=\/wp\/v2\/posts\/73\/revisions\/631"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2021\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=73"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2021\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=73"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2021\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}