http://www.vincentperea.com/projects daily 0.75 2013-08-30 http://www.vincentperea.com/portraits daily 0.75 2024-06-14 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1718323824180-PIRLE44UAW32IXPP1P1D/StephPortraitVPerea.png Portraits https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1718323824180-PIRLE44UAW32IXPP1P1D/StephPortraitVPerea.png Portraits https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1707874374993-T8YE912PJP7YR3I21HOB/EriennePortrait.png Portraits Eirenne https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1707874410323-RKJGGW8EHY4ZIDU1DJX8/FIGPAainting_011922.png Portraits https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1456436541943-N4HBI42B53FAF0XXMUZL/Bowie-byVP.jpg Portraits https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427895156507-BVXHBKVRJI8FDCF62E0B/billmurray.jpg Portraits Portrait of Bill Murray. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427895132897-RB1Q935B4XSBGUXO4IP5/WC_portrait_021214.jpg Portraits Aric https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427895135449-YK61BK60AGCCIX82G3RK/WC_portrait_012114.jpg Portraits Jansen https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427895133873-K9HDU0VF3B9ULWFWD510/WC_portrait_012414.jpg Portraits Laurel https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427895139298-E6P2EITEKTWN7YCDM3SG/WC_portrait_011714.jpg Portraits Miguel https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427895154576-R3PBFPUSH4CY2QYTY83B/WC_portrait_010214.jpg Portraits https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427895149549-K828VE87GGVEXEXP9MCE/WC_portrait_011214.JPG Portraits Jay http://www.vincentperea.com/wmw daily 0.75 2024-06-13 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427918089753-3JX9OWV8C2QP60FWBPEM/WMW_App_Icon.png Where's My Water? https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427918089753-3JX9OWV8C2QP60FWBPEM/WMW_App_Icon.png Where's My Water? https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428109012416-NUXR35ZC0NHTUGTCXTJB/WMW_Press_Release.jpg Where's My Water? My work on the game also included designing the final logo and various promo images for the game. Like the one above. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428105259107-G4GRCFYKKV7ETRYCG1JI/WMW_Development_0000_1.jpg Where's My Water? Early Style Concepts. We developed a number of concepts for the game before it became a story about helping an alligator shower. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428105259146-X9GXHCZHFBZDILDHC0FL/WMW_Development_0001_2.jpg Where's My Water? Early Development. Once we had the idea of an alligator who needed water for a shower, I worked on concepts for what his world could look like. Sewers, alligators and dirt are really unappealing things. The challenge was to represent this world in a playful way, I started by designing the dirt like it was cookie dough or layers of cake. (right) https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428105259430-ZX2GTPVQTO31QNH7Q1WP/WMW_Development_0002_3.jpg Where's My Water? Mechanic Concepts (Dirty Water - left , Algae-right ) Once we had a general visual direction, I focused on what the various mechanics could look like. When designing for mobile platforms I restrict myself to the screen dimensions of common phones. This forces me to think about the readability of each design. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428106691396-RTSM87IQR7ZRVWIBAH5Z/WMW_Concepts_Swampy.png Where's My Water? Swampy's Design Evolution The design of Swampy was truly a team effort, about 4 artists contributed designs. One of our Art Directors, Joe Vance, kicked the process off with his exploration. Mike Kunkel ultimately produced the design we all rallied behind. It was my task to finalize his design and synch it with the gameplay look and feel. I created his color scheme and refined the design to give him more of a soft appealing cuteness to match his naive personality. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428091774952-U6RV9MNI5NPJPN0YQ572/WMW_0001_ducks_2.jpg Where's My Water? Swampy's Rubber Ducky. A common mobile game troupe is the collection of "stars" that denote your degrees of success for each level. We wanted our world to feel more cohesive so we decided to theme are "stars" as shower items, settling on just rubber ducks. This gave us an opportunity to create a pet/companion for Swampy in the larger narrative as well. I designed the duck and as the player progresses through the game they get to see him dressed up in various outfits. The duck designed was also riffed on for the "Cranky" duck ( who likes dirty water) and the "Steam" duck ( who is filled with steam). https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427893503547-VHWI1NBXXGDDR17JXRVB/Swampy_Intro_1.png Where's My Water? Swampy's story was told through illustrations that preceded each level. Their format was long and the game camera would pan over them. They had to be designed to have areas of focus that would read in the portrait orientation of a phone. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428079101343-J67FP9FRL1KGLRX9OFA8/WMW_Story_0000_Process_1.jpg Where's My Water? Swampy leads the alligator gang on many "human-like" adventures. The process for creating a story moment would begin with a team brainstorm. Then the talented layout and storyboard artist Shane Zalvin would illustrate the scene. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428079101377-G7J28EM360T349AUPF0H/WMW_Story_0001_Process_2.jpg Where's My Water? Once the composition was finished I would digitally ink all the line work. I would separate the background and foreground onto different layers. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428079101833-PI3S1Y7G4I9VQ0BTXUU0/WMW_Story_0002_Process_3.jpg Where's My Water? Final Color Once the inks were in place we would add color and texture to the image. With a busy image like this I would give the background a slight blur to make sure the characters stood out better. I developed this process and painted most of the original story moments. I then taught the process to artists as they joined the team so they could carry on this work. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428079798677-9OF7MU8GNGZYLF5PBXGP/WMW_assets.jpg Where's My Water? Gameplay Assets I designed the visual style of the game and most of the first round assets.   https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428080245732-HNGQ3X7M9UP5N54T9TTY/WMW_Screenshots_iPhone_5.jpg Where's My Water? https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428080224717-8D3PMJ45E0KQMNR8IU2E/WMW_Screenshots_iPhone_3.jpg Where's My Water? http://www.vincentperea.com/stackrabbit daily 0.75 2015-04-05 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427917997990-XJA4PYPMIGD8L1P3AZP5/SR_AppIcon.png Stack Rabbit https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427917997990-XJA4PYPMIGD8L1P3AZP5/SR_AppIcon.png Stack Rabbit https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428109401092-FUY31PRE692LKJOBKWIV/sr_prototype.png Stack Rabbit Early Prototype The original prototype's use of primitive shapes inspired the cube style art direction of the game. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427893927377-PDM3NQFC7R8VI0OAX9OB/sr_visual_target01.jpg Stack Rabbit Early look and feel exploration for the cube aesthetic of the world. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427893931291-U6BKMSHM353PJLEKRHTK/sr_block_style.jpg Stack Rabbit Cube texture and style explorations. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428201731139-BS9KLVM9AQ6SIL01BINP/SR_concepts-1.png Stack Rabbit https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428198083620-NU1DSVVR6RW6V984ACZB/sr_concepts_ben20.jpg Stack Rabbit Ben the Rabbit https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428201737971-LR5EGG9F9LESX49P8F80/SR_concepts-2.png Stack Rabbit https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428198094068-I4JCPWALWTYK7FP2AF36/sr_concepts_max15.jpg Stack Rabbit Max the guard dog   https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428109433980-8AMBG3VW94SUQSRGAAFG/sr_visual_target07.jpg Stack Rabbit Gameplay Screen Concept We went through many rounds of concepts for what the game board could look like. This concept felt like it had the right blend of readability of the veggies as well as showing off the style of the world. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427893870375-IJNS62FXED537R1RP35N/SR_1536x2048_01_hop_and_stack.jpg Stack Rabbit Final gameplay Screenshot https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427893877715-SXAY78DG9DTS1F5Q4Y4U/sr_concepts_exterior_house04.jpg Stack Rabbit Ben's Treehouse Concept. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427893894602-UCUEVJRPNL95AN82R7S9/sr_concepts_environments07.jpg Stack Rabbit Concept for Ben's forest hideout. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427893850245-J5HNUAI83VGJ8FSS9G27/stack-rabbit-650.jpg Stack Rabbit http://www.vincentperea.com/winterbottom daily 0.75 2024-06-13 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427894694142-82414B9PCIOCECTU1COE/WB_01+Title+copy.jpg The Misadventures of P.B. Winterbottom The story of P.B. Winterbottom was told between levels with these illustrations. A clever poem was superimposed of these drawings that described winterbottoms exploits. When all was said and done I produced over 60 of these drawings. I also designed the main logo, as well as the logo for the company. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427894694142-82414B9PCIOCECTU1COE/WB_01+Title+copy.jpg The Misadventures of P.B. Winterbottom The story of P.B. Winterbottom was told between levels with these illustrations. A clever poem was superimposed of these drawings that described winterbottoms exploits. When all was said and done I produced over 60 of these drawings. I also designed the main logo, as well as the logo for the company. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427894674884-LJX904R6ZHJVNFERMNUK/Full_Vis_test_Final.JPG The Misadventures of P.B. Winterbottom City 2D/3D concepts Working with the 3D team I developed the process we would use to create the backgrounds in the game. We would model out various buildings, then instead of texturing them we would bring them into photoshop and paint texture and lighting. This allowed us to get the German Expressionist look we were going for. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427894651310-EWXD9U0Q90EX7DHOVRVY/01_VP_Savory_Salutations.jpg The Misadventures of P.B. Winterbottom Savory Salutations Poster Art for the first level pack. Accepted into the 2010 "Into the Pixel" Art show https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427894660681-W457URZ8MLEOBYGHBZFW/04_Purloined_Pastries.jpg The Misadventures of P.B. Winterbottom Each Pack of levels featured a new poster highlighting the new mechanics or location introduced(depending on which made a stronger image. The above image was for a bonus level where the goal was to grab as many pies as possible. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427894654967-MVFRA2WR56Y4LVVIPBUT/02_Spelunking_for_Sweets.jpg The Misadventures of P.B. Winterbottom The above poster was for a series of levels that took place in the sewers of Winterbottom's city. The inspiration behind their designs were vintage cabaret posters, Russian Avant-garde film posters, Saul Bass. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427894666968-CI0TKUJ312EQPXU3NZBK/13_PBW_2.jpg The Misadventures of P.B. Winterbottom The mischievous pie thief will stop at nothing in the pursuit of pie. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427894670140-8LR146ETET403X2LX1GR/14_PBW_3.jpg The Misadventures of P.B. Winterbottom P.B. messes with the the wrong pie, who curses him to be unstuck in time. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428196739601-DYVSC84OPGFELPRO519Z/Winterbottom_Concepts.png The Misadventures of P.B. Winterbottom Winterbottoms Redesign The game began as a college project spearheaded by the co founders of the studio "The Odd Gentlemen". My first job on the game was to redesign the main character so he had a more polished look for a premium game.   https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428196730746-IT4GQGSXT2AEMD1KU0X8/Winterbottom_Concepts-2.png The Misadventures of P.B. Winterbottom Supporting Characters I designed a number of other characters for the game. They didn't make it into the final levels, but they were used in the illustrated story moments between levels.   https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427894701719-V18SJT9GPR364YRH9WFR/Look_Feel_Painting003.jpg The Misadventures of P.B. Winterbottom City Concept https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427894716073-AQXQOC0I281QFV771W2M/ClockTower.jpg The Misadventures of P.B. Winterbottom Clocktower Design https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427894718613-D2Z83TKLYVXSOR7JU3TQ/Painted_Clocktower.jpg The Misadventures of P.B. Winterbottom Clocktower Painting https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1661819966629-7JHDLX59DE0CIIF0C8S0/WinterbottomStairs.png The Misadventures of P.B. Winterbottom http://www.vincentperea.com/dodopop daily 0.75 2021-11-11 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1440479697584-X8HOE8J1JXQD6E7OTZEY/DodoPop_App_Icon_1024.png DodoPop https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1440479697584-X8HOE8J1JXQD6E7OTZEY/DodoPop_App_Icon_1024.png DodoPop https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1440483411168-M5AKQRM4GXIZ42EE1VU2/DodoPop_0000_1.png DodoPop - Early Concepts I was asked to join the project after their first pre-production phase. A solid prototype of the color matching mechanic existed but the studio wanted a stronger theme. The game had a circus theme (left) but the studio felt it needed a character at its core. So I came and brought my previous experience designing characters and stories to the project. I set about developing concepts that turned the game items into something that a character might collect ( Like pearls for an octopus sea captain in the middle, or gems for a mole miner on the right). https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1440484998467-3KUAWZ1QEBROTGBAJT7O/DodoPop_00.png DodoPop - Gumballs Although we tried out a number of ideas, coworkers kept commenting that our game looked like a bunch of gumballs in a jar. For our game to work correctly the shapes of each colored item had to be identical, however we chose to distinguish each by adding a flavor icon. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1440483420169-B5O9PDJBZAH05YTOXLMC/DodoPop_0004_6.png DodoPop - Dodo Concepts Once we settled on gumballs we tried to imagine who would need them. One of the artists on our team, Aaron Berchild, drew up a funny sketch of a dodo bird blowing a gum-ball so big it lifted him off the ground. Dodo's couldn't fly, so we imagined a wrold where one of them got really inventive, and the player could help them out by collecting more gumballs.   https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1440483424101-IGIKBPDDSZ115N4K5403/DodoPop_0005_7.png DodoPop - Character Refinement We combined our favorite elements from the previous round into this set of designs. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1440483424306-29UNHFQHIQ12PF9R99O8/DodoPop_0006_8.png DodoPop - Getting Closer However our last round wasn't appealing enough. Also the character looked like an adult, and we wanted the dodo to feel like a child so that the player felt a stronger motivation to help them. We rounded out many elements of his design ( like his beak) and gave him more childlike proportions ( big head and feet etc...) https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1440483428162-8MXDJT1N82W35U9D9YE8/DodoPop_0007_9.png DodoPop - Final Character https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1440483407930-25H058QJJZFK2RXXMI5U/DodoPop_0001_2.png DodoPop - Environment Design Each level of the game would pull from a different layout. These level "jars" all had unique organic shapes that would grab the gumballs in different ways. We knew we wanted an island setting and initially set out to design a Dr. Suess style world of rolling cliffs. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1440483417468-O5W67ANWB64TDE1TVX04/DodoPop_0002_3.png DodoPop However that approach made the world feel a little off, so we then went for a more natural approach ( left). That also didn't feel quite right either. We were trying to create an organic space in a composition that was specifically laid out by a designer. So we changed our approach and represented each "jar" as a structure made of loose stones implying that it was also specifically designed, but in the narrative world of the game. This worked well, and the more neutral color of the stones brought more focus to what was important, our colorful gumballs https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1440483422999-5O16CKKY01BOPW35ZIPW/DodoPop_0003_4.png DodoPop - Gameplay Screenshots In the game various events trigger a celebratory visit from the dodo. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1440484010303-IOMODYORJAH5WT79ZMV9/DodoPop_0008_10.png DodoPop - Intro Cinematic My team and I worked in collaboration with Gold Tooth Creative on an intro movie to introduce players to the world. We created the story beats in house and reached out to them to create the intro. What they delivered was beyond what we originally imagined. I provided art direction to the team throughout development. The Story: In our game Crash is a dodo bird living on a hidden island where gumballs rain from the sky. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1440483435944-DQWTBSILEBB7Z2EQPJ61/DodoPop_0009_11.png DodoPop One day crash discovers by accident that he can blow a huge gum balloon that lifts him off the ground. He is then able to do what he has always dreamed...fly! https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1440484337247-15UQW3BZ4P1LHJZTXMO0/DodoPop_0010_12.png DodoPop However a huge gust of wind carries him far away to another island. In the game it is the players mission to help him collect more gumballs so he can get home.   See the full cinematic https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1440482360675-07SC81DXFRKPRDWQ7AN4/social_media_v1.png DodoPop This game also continued my tradition of designing the logos for our original IP. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1636656097812-MPO0KJBCQNYD22AOORKS/image-asset.png DodoPop - Gameplay Overview Video http://www.vincentperea.com/illustrations daily 0.75 2022-08-30 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1661822814813-9PEGVK5EIU4PU2L9NY32/INVADERZIM%2B%231%2BCOVER%2BVINCENT%2BPEREA%2BCOMICS%2BDUNGEON%2BVARIANT_900.png Illustrations Alt Cover for Invader Zim #1 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1661822814813-9PEGVK5EIU4PU2L9NY32/INVADERZIM%2B%231%2BCOVER%2BVINCENT%2BPEREA%2BCOMICS%2BDUNGEON%2BVARIANT_900.png Illustrations Alt Cover for Invader Zim #1 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601348177325-45YR7YCZW3WC2INMEEB7/LinkGraveyard.png Illustrations Legend of Zelda fan art: Link in the Graveyard https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601348379611-CZHAY5HHNPM8FHP3MOIK/Link_dungeon.png Illustrations Legend of Zelda fan art: Link sneaking by a Darknut https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601348428053-570139MPNT7XHGKMHFCC/AOV_VincentPerea.png Illustrations https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1456344285199-FVKQGZGC9J5O982Y1JXM/DIP_Runaway_Poster-web.png Illustrations Poster for the band Donkey Island Penitentiary https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1661822813756-3IQXPH6AAASMHSH8OM54/DonkeyHarp_900.png Illustrations Character illustration for the band Donkey Island Penitentiary https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1661822813756-H2YYHCCOTJ3MQKMPA1XQ/DonkeyStrumming_900.png Illustrations Character illustration for the band Donkey Island Penitentiary https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427894118170-8JKP3302CLJW6AJ80UCQ/08_shyguy.jpg Illustrations Shy Guy https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427894142329-K2C4OPA2PMC6BFHLK47L/Hungrywoods_Cropped.jpg Illustrations Thirsty Woods https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427894145702-R5JMGA6SQ8G2XY7QHNCP/imaginaryfriend.jpeg Illustrations Imaginary Friends   https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427894152220-3G6XDS5V90G02EY3EHXQ/VP_KS_T_SHIRT_6_Gray.jpg Illustrations Kill Screen T-Shirt Design https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427894147479-600YIY6FLJR2XRODGG1V/T-rex_Valentine.jpg Illustrations Valentines Day https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1427894146638-5W6728JJBQ9TKNFMFJVM/Subtle.jpg Illustrations Subtle https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1428090871114-419TNA8SDCUJ0S70LN5G/Spooky.png Illustrations Entrance. http://www.vincentperea.com/inktober daily 0.75 2022-08-30 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1661822567595-O5FI36NXC1D3ZRIJJ8Z3/Inktober_Zelda_540_01.jpg Link-tober https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1661822567595-O5FI36NXC1D3ZRIJJ8Z3/Inktober_Zelda_540_01.jpg Link-tober https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1443817860248-HBLLCELSFSMA7AYDBK0B/Inktober_Zelda_02.jpg Link-tober - Octoroks! https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1443817860756-7Z0398Y8KRR64X8SG11A/Inktober_Zelda_03.jpg Link-tober - Level 1 Entrance (The Creeper Tree) https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1443817861542-JWXLA93Z3DRP8910NZ0P/Inktober_Zelda_04.jpg Link-tober - A lone Stalfos. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1661822568374-QUSE70C0S9BMMD3YSWH7/Inktober_Zelda_540_05.jpg Link-tober https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1443817864118-DQQ1TCY9R06CGKSFKYQ0/Inktober_Zelda_06.jpg Link-tober - Goriya! The boomerang demon. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1443817864312-O9XE0HEQ3BGTRUJ1UOP3/Inktober_Zelda_07.jpg Link-tober - This should come in handy. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1661822568611-98VIXR3H53VOCYYU9AT4/Inktober_Zelda_540_08.jpg Link-tober https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1443817865873-Z98WIZ8U5K0G0OYO4EGU/Inktober_Zelda_09.jpg Link-tober - Aquamentus - Level 1 Boss https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1443817865299-QL6VY203S8OUTD9ZF2PH/Inktober_Zelda_10.jpg Link-tober - Aquamentus 2 - Link keeps his distance. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1443817866088-TRFA8XM8K4TSCPPMF3UA/Inktober_Zelda_11.jpg Link-tober - 1st piece of the Triforce https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1443817872272-CM7BGL00OGZDVB0LBK0R/Inktober_Zelda_12.png Link-tober - Into the woods https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1443817866710-3UCH615YJ3SW4CM1P6Z5/Inktober_Zelda_13.jpg Link-tober - Moblins! https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1443817867356-7D3CBB2D2J46WHHZWCDK/Inktober_Zelda_14.png Link-tober - Armos awakened at the Entrance to Level 2 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1661822569040-Y9Z753PYPYZ2SCLQLP26/Inktober_Zelda_540_15.jpg Link-tober https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1661822569284-JYZ6KH9JIIRWPN6L121O/Inktober_Zelda_540_16-small.jpg Link-tober https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1661822569679-P7FFJL1NR0IPELEH2AWO/Inktober_Zelda_540_17.jpg Link-tober https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1661822569942-32LVE8FZ5ZQTC1YP14M9/Inktober_Zelda_540_18.jpg Link-tober http://www.vincentperea.com/neocab daily 0.75 2024-06-14 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601958756517-AMQX3A79UX4ULOZ7C01O/image-asset.png Neo Cab: Visual Case Study - E3 Annoucement Trailer Those smooth jams were supplied by Obfusc ( Joseph Burke) who created an amazing soundtrack for our game. He started dropping us tracks after seeing our mood pieces and it really powered all our work throughout the project. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601958756517-AMQX3A79UX4ULOZ7C01O/image-asset.png Neo Cab: Visual Case Study - E3 Annoucement Trailer Those smooth jams were supplied by Obfusc ( Joseph Burke) who created an amazing soundtrack for our game. He started dropping us tracks after seeing our mood pieces and it really powered all our work throughout the project. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601958890434-N5B5CPUHRCR7S0UM2J3I/image-asset.png Neo Cab: Visual Case Study - Our 2019 Launch Trailer https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548224563486-OIR2HUBCZWDIE02KH7J7/Screenshot-1.png Neo Cab: Visual Case Study I worked on Neo Cab for about 2.5 years. I was the Art Director for the project and got to really push myself throughout the project. The above image started life as a visual target but captured so much of the mood of the game that we kept it as our Key Art. In this case study I have collected some of the highlights from production in an attempt to show the development as a linear story. However so much work went into this game that this ended up being a large post. The core art team was usually around 3 people with additional support as we needed it. We were a small passionate team and I credit their work in my images where applicable. The team included: Laura Sly ( UI/UX, Graphic Design, Character Rigging), Lisa Fleck ( 3D Modeling) and Dan Fox ( 3D Animation). As well as additional support from: Krista Sanders ( Branding, Design), Brianne Neumann ( Interior Background Design), Scott Duquette ( Exterior Environment Design), Miguel Vasquez (Additional 3D Support), and Armon Nobari ( Graphic Design.) https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600824343219-B4VB4D25EQQP5HH1K2L9/Lina_Driving-Main-v3_Alt.png Neo Cab: Visual Case Study I made this alternate visual target to show how dramatically the mood could shift with a different lighting setup. The biggest thing I wanted to work on during the project was lighting design. It was not my strong suit before this project, so I really pushed myself on this game and learned a ton. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600742886835-ZD2VAYMO16VHKW3AR2W4/Neo+Cab-+Ludo-+Art+Direction+21.png Neo Cab: Visual Case Study This was the first image I did for the project. I worked up this mood piece to capture the vibe of the story that Patrick Ewing ( our Creative Director) and I had been discussing. The city was meant to be a futuristic haven but it turned into a very lonely place. I wanted to show Lina at the beginning of her shift, alone, and ready to take on the city. The neon color palette showed up very early and would carry us through the project. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600742902469-2KEHEWFC90QUDWLVXSPN/Neo+Cab-+Ludo-+Art+Direction+22.png Neo Cab: Visual Case Study Another mood study. I was initially thinking the style of the game would be more simplified, but through development the style got more complex to match the depth of the writing. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548224577169-YVT684J0PKDVAMTQX8Y7/Screenshot-2.png Neo Cab: Visual Case Study - Environment Visual Target This is a unity environment test (with some additional overpainting) that Lisa Fleck and I put together. We were trying to capture the look of the early mood pieces using tools we could replicate in engine. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548224612952-FDMCTJZNK1POP619HT82/Screenshot-3.png Neo Cab: Visual Case Study This was a screenshot release to announce the game. At this point we were about a year and half into development. We still had a lot more characters and environments to build but the core visual design was locked in. Most of the game takes place in the confines of Lina’s car, which allowed for a lot of efficiency in terms of art production but also added a lot of challenges in how to make the game feel interesting over a long period of time. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548224614754-T17M401RQECEYWJP3W94/Screenshot-4.png Neo Cab: Visual Case Study https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601249611243-57KABL3DNV3H3IAHXT83/Neo+Cab-+Ludo-+Art+Direction+82.png Neo Cab: Visual Case Study - Dash Cam The interior car set was 3D and the characters are 2D sprite rigs built in Spine. Using this above set and character rigs we could switch over to a few different shots ( individual character closeups, a view looking in from the windshield, and even a shot of just the passing city). This allowed us to manually direct the camera during a ride, provide emphasis to story moments, and make each ride feel unique. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601249622526-04MVEH767W8419KQZRV6/Neo+Cab-+Ludo-+Art+Direction+72.png Neo Cab: Visual Case Study - Lina POV Shot The most dramatic camera angle shift is this setup when you are in Lina’s POV. You begin and end every ride in this shot. Lina is able to pick up her phone and there you can navigate the game menus in a seamless transition. Making the 2D and 3D assets synch up visually was a huge challenge. The hardest part was that we used 3D hands for Lina so we had to synch colors and shaders across the same character without it feeling disconnected. We did this because in order to sell the idea of her actually driving we needed to rotate the steering wheel dynamically and this proved to be too challenging in 2D. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601957798008-TQ750W4KFTYF6ZGQ64L8/Neo%252BCab-%252BLudo-%252BArt%252BDirection%252B47.jpg Neo Cab: Visual Case Study From the above research, I designed a limited number of camera shots that we could use to direct any ride. This would help each ride feel dynamic and different (in as efficient a way as possible.) Due to our limited team size I could only afford to build one 2D rig per character. So I designed shots that could leverage the same passenger rig while still offering a different impact. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601534183490-FD1DM13LE0FRZDDL15HX/Allie+-+Close+Up.png Neo Cab: Visual Case Study - Closeups Character closeup shots gave the player a good view of the passenger and allowed for moments of focus. This is also an example of the vector graphic holographic HUDs that some characters wear. I wanted the technology to feel a little clunky like it was the early days of wearable holographic tech. So I drew from 80s analog technology for most of my designs. This is Allie who works for Capra as human “Google Maps” car. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635372703586-3O1GLE6P9FWOXVJ9PRG9/image-asset.png Neo Cab: Visual Case Study In this 1 minute video you can see the lighting system at work in the car scene. The 2D lighting was synched up with 3D lights that moved along the 3D geometry of the car. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1602095967094-XPYJX46RJKKF1RD9LXT9/Neo%252BCab-%252BLudo-%252BArt%252BDirection%252B32.jpg Neo Cab: Visual Case Study Lighting plays a huge role in our game’s style. It was a long process figuring out how we could replicate the style of the concepts in our game engine using 2D assets. The first step was figuring out all the lightning moves I would need to manage the style. This was a step by step lighting breakdown I did in photoshop. This helped us see how many steps and lighting passes we might need to achieve the look. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1602021471294-PO28SUAUQOYT7TWQWDC9/Mask_Lighting_Breakdown.png Neo Cab: Visual Case Study Here is more detail about the various layers I used for my lighting prototype. This breakdown was then used by our engineer Joel Davis to create a custom shader where I could control and animate each layer to create our lighting effects. The bloom layer ended up being left out as we opted for a global bloom across the whole game. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1602528241627-VYBUSLF8IVX9Y0YXASQ5/NC_LightingBreakdownFinal_Lighting-Breakdown.png Neo Cab: Visual Case Study - Sprite Texture Breakdown The light masks were painted in gray scale and our shader allowed for additive blending of the different tones on a darkened diffuse texture. This greatly contributes to the characters sense of volume. Three lighting directions were painted (right, left, and from behind) for each character. Then the assets were packed into a single image by assigning each mask one of the RGB color channels. I always liked painting the lighting in grayscale as it allowed for a lot more focus on just the tone. The diffuse assets created our base atlas and we developed a tool to copy the layout of the atlas to pack our light masks and our emissive maps in the exact same locations. I know there is a lot of wasted space in some of the atlases. If I could do it over I would have broken up the body assets into more units to allow for more efficient packing. But this operation was complex enough that when it came time to optimize we couldn’t afford (the time) to remake each atlas across the 20 characters. Hashtag game dev problems ;P https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600821069735-J28PDLN5EU0039WJ9ECM/Neo%2BCab-%2BLudo-%2BArt%2BDirection%2B26.jpg Neo Cab: Visual Case Study - Early Characters Exploration I drew inspiration from the fashion trend Athleisure for our character concepts. Fitness wear has a very futuristic but functional quality to it. By adding light emissive details it I was hoping to find a fresh take on the cyber punk aesthetic that didn’t include unbelievable cybernetics, but felt more plausible and relatable. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601249596769-ETMD6T6QFBT5N2YBJ2DM/NeoCabDevelopment_Radix_2.png Neo Cab: Visual Case Study - Radix Biker Concepts Radix are a group of pro-bike anti-car anarchists who act against the Capra Corporation. They are a grass roots organization, that Savy falls in with, who oppose self driving cars. There ended up being only one Radix passenger, Azul, but their presence is felt throughout. I drew inspiration from the Latinx youth I saw protesting in the streets of LA around 2016. Rather then design them to look militaristic and typical, I wanted them to be colorful and vibrant. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601249594059-AXIL89YP2QPZQLTMJD1M/NeoCabDevelopment_Radix_1.png Neo Cab: Visual Case Study I wanted each of their looks to be unique and customized the way Latinx youth trick out their fixie bikes (here in LA.) The emissive details here are also functional, allowing them to be easily spotted on the dark streets of Los Ojos. To me it also served as a bigger statement. By being illuminated it was saying “ I am here, I will be seen”. I carried the emissive “glow in the dark” details over to almost every character design in the game. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600820952079-UA5QAH1G4NJX0N4DKWVM/Neo+Cab-+Ludo-+Art+Direction+27.png Neo Cab: Visual Case Study - Style Ranges When designing a visual style I find it helpful to start out with the same subjects and play with different aesthetic ranges. We toyed with a simplified graphic approach for our characters but ultimately made them look more distinct and specific. Having a more detailed style made each character feel more unique, individualistic, and relatable. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600820957436-MQNLRLEAXVP88NYVJZ3I/Neo+Cab-+Ludo-+Art+Direction+28.png Neo Cab: Visual Case Study These duotone explorations were a real turning point for the style of the project. I was trying to capture the moody drama I was reading in our early sample stories. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600821999831-N0XPGH4PW77QJYW8AKI2/Neo%2BCab-%2BLudo-%2BArt%2BDirection%2B29.jpg Neo Cab: Visual Case Study I then expanded the duotone style into full color. It was really important that the character’s expressions could be read cleanly so players could know how the conversation was going. This style allowed for a lot of clean readability in the faces. The lighting design was still dramatic and the neon palette gave the style a futuristic quality. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600820970697-2I9CIBU93ZHRY85QL9VB/Neo+Cab-+Ludo-+Art+Direction+30.png Neo Cab: Visual Case Study - Lina Concept Explorations For our main character we wanted a blend of approachability and toughness. Her best quality is her empathy but her job also puts her in some difficult situations. The only people that request human drivers in Los Ojos either want a human connection or don’t want to be tracked by the Capra Corporation. Overtime she has had to guard herself against awkward situations, but also make her passengers feel comfortable as she carries them to their destination. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600820973967-0EZVR7P3RSKJ6XN6JJU9/Neo+Cab-+Ludo-+Art+Direction+31.png Neo Cab: Visual Case Study - Expression Explorations https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600820982641-YO9TLW6GV4AVP1Y7O32Z/Neo+Cab-+Ludo-+Art+Direction+33.png Neo Cab: Visual Case Study - Lina Final Models This 3/4 shot is Lina’s final design as it appears in game. We only ever see Lina from a few angles, however I did this semi head turnaround to help me figure out how her hair was shaped. All of our characters are built in Spine out of several different layered meshes that we can move and animate. Using meshes allowed us to give our 2D assets an illusion of depth. Lina is designed to have enough head movements to make it plausible that she is driving during the conversation. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600820986013-MLVFIMP460OFNHCCSEIE/Neo+Cab-+Ludo-+Art+Direction+34.png Neo Cab: Visual Case Study Lina is Mexican-American but her family has lived in the states for generations. I designed her to be a bit ambiguous regarding her racial identity. This was drawn from my own life. Most of my life people have asked me “Where are you from?” which is then usually followed by an incorrect guess about by lineage. This ambiguity has opened up a lot of interesting conversations, which made me realize I could draw from this experience to make Lina seem more approachable. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601534355814-9CZKXMM54UPTN5QYXNG6/Lina+Clinic.png Neo Cab: Visual Case Study Lina gets to exit the car at select points in the game. There are only a few locations but it was an interesting challenge trying to reuse our character rigs in different settings. This usually meant designing a new lighting setup and body for them to fit the location. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601250176192-P7X4A9C0YGPQ7LEWRLWG/Neo+Cab-+Ludo-+Art+Direction+37.png Neo Cab: Visual Case Study - Savy’s design evolution. In contrast to Lina, I wanted Savy’s look to be bold and capture her loud and fickle nature. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601249626573-FLOEVS4XPR7XA89KLDO6/BossBattle_NewLighting.png Neo Cab: Visual Case Study Background Design by Brianne Neumann Warning this is bit of a spoiler: Eventually Lina finds where Savy is hiding out. For this location we had to build a Holographic laptop for her to be messing with. The laptop HUD is a fully animated sequence that responds to character choices. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601532756260-JNM4FGFZCKPWCCABB15Z/NC_CharacterImages_Fiona.png Neo Cab: Visual Case Study - Fiona Pak One of our earliest characters created by Paula Rogers. Fiona is on her way to a date and is dressed up to match her favorite social media filter. She worries about showing up to the date as her true self. Lina can sway her to go ahead as is or to let her hair ( and guard) down. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601531125688-BGVS27X0TDY0BH45RII6/NC_CharacterImages_Azul.png Neo Cab: Visual Case Study - Azul A member of Radix who had their arm amputated after an accident with a Capra Car. Their arm was inspired by Claudia Mitchell the first woman to have a bionic arm. There are electrodes connected the nerves in Claudia’s chest that control arm movements. The wires send signals down to the prosthetic limb allowing her a more natural control over her robotic arm. I chose to base Azul’s arm on something more realistic and unfinished as it seemed more befitting of their DIY spirit. Maybe they didn’t get a good payout from their accident so they had to use different parts from older model prosthetics. This also gives Azul some serious Furiosa vibes. You can see some early arm takes that felt more anime influenced, but ended up looking to futuristic and typically cyberpunk. Maybe these arms exist in Los Ojos, but Azul couldn’t afford one. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601875826849-YSFIFZ9OC1IUFMUQYWMZ/NC_CharacterImages_GIdeon.png Neo Cab: Visual Case Study - Gideon An affluent anti-establishment member of the Los Ojos Elite. Her family is concerned for her safety so she is only allowed outside if she wears her “Kinder-mech” branded safety suit. Through your encounters with Gideon you can assist her to be freed of the suit, or convince her that her parents have their best interests at heart. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601876097820-670Y9Q32I09PEBVKAIPK/NC_CharacterImages_OtherPax.png Neo Cab: Visual Case Study A collection of additional character designs. From Left to Right: Oona the Quantum Witch, Liam a photographer visiting Los Ojos, and Carlos the black market medic. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601054421162-J6NNWTCV00WU6BB22FA2/NC_LOPDConcepts1.png Neo Cab: Visual Case Study - LOPD Officers The Los Ojos Police were designed to be a faceless threat in the world of our game. We wanted to explore how technology would affect a police force in a well funded town like Los Ojos. Like a lot of things in our world we wanted to depict a future that felt within reach. Back in 2018 we looked at the increasing militarization of the police in America and tried to cast forward 20 or 30 years. This preceded the protests of summer ‘20 as well as the mask wearing cops in HBO’s Watchmen. Like a lot of our designs the future caught up to our vision much faster than we ever imagined. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601054419480-XXD9T0OHR8MI6HKXW329/NC_LOPDConcepts2.png Neo Cab: Visual Case Study I wanted their visor to serve two purposes. First to serve as an internal and external HUD. I imagined that the inside of their visor displayed all sorts of pertinent information on the person they were questioning. In addition they could display commands and information to citizens. Second as a way to hide their identity, this way they could be protected from retribution. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601054420733-H6HVBUKAOSHH8FWE6O2T/NC_LOPDConcepts3.png Neo Cab: Visual Case Study They were looking a bit too much like a space soldier. So we redesigned their visors to better resemble riot helmets and shields. This way they maintained their connection to modern police. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601054423153-56BPF9H7E8KKBDNEPX7R/NC_LOPDModel.png Neo Cab: Visual Case Study 3D Model by Lisa Fleck https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601054423603-TNRDXO7RIPF74VQDBNE0/NC_LOPDINGAME.png Neo Cab: Visual Case Study In game they have holographic badges and their visors display information to Lina about her traffic stop. They intimidate and hassle Lina during her journey through Los Ojos as they search for Savy. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600881314938-VZJAZAAFYGBX3V1FKA2P/Neo+Cab-+Ludo-+Art+Direction+40.png Neo Cab: Visual Case Study - Capra Car Designs Most residents of Los Ojos choose to be driven around in the self driving Capra Cars. These cars drive around in a flock throughout the city and needed to be compact so they could allow for nonstop movement. It isn’t a subtle metaphor but I thought they should look like a flock of sheep. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600881315059-CUE5NKFXFIKIASGZQRZB/Neo+Cab-+Ludo-+Art+Direction+41.png Neo Cab: Visual Case Study The sweeping shape of the back lights was inspired by goats horns, a nod to the inspiration for the company name, Capricorn. The windows are always blacked out allowing for total privacy, this also helped differentiate them from Lina’s car. A self driving car has no real reason for windows. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600881318030-86IAH4FU6YU05BSIXURC/Neo+Cab-+Ludo-+Art+Direction+42.png Neo Cab: Visual Case Study - Final Model 3D Model By Lisa Fleck The car is a little cradle that safely carries passengers from place to place. It’s design is economical and inoffensive, but intended to be ominous to the player. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601009621546-21KZGOHHS6TKY1VA3BW3/LinaCarConcepts_CarConcepts.png Neo Cab: Visual Case Study - Lina’s Car We wanted Lina’s car to have more personality. However we also wanted it to look like a car a person with ride share job could afford. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601009624181-NUW8HV65J1HREL0Q5ML0/LinaCarConcepts_Paintover.png Neo Cab: Visual Case Study - Lina’s Car Art Direction Notes We chose a nice mid-size car shape, something similar to a Prius but with LED panels to replace the grid and rear panel. I gave the back end of the car a little up-swoosh to push its sense of aerodynamics and to further distinguish it from Capra Cars. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601009622618-KTKRWN05T5FYTIKOVOTK/LinaCarConcepts_FInal.png Neo Cab: Visual Case Study - Lina's Car - Final 3D 3D Model by Miguel Vasquez. Shader and materials by Lisa Fleck We wanted a nice blend of sporty personality and sensibility. Lina wasn’t going to be speeding down the raceway, she would need a car that would make passengers feel comfortable. By not going super wild and futuristic with the design it also emphasizes how she herself, as a human driver, was a bit behind the times. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601009623824-PR0EDDPTLLVWRUGR67K3/LinaCarConcepts_FrontSeat.png Neo Cab: Visual Case Study - Lina’s Interior - FrontSeat https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601009620605-8QZ1TXP2BX5CE8O47UQ6/LinaCarConcepts_Backseat.png Neo Cab: Visual Case Study - Lina’s Interior - Backseat https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601054133603-5MZVW1M5V4CP6QL1QKSQ/NC_Phone1.png Neo Cab: Visual Case Study - Lina’s Phone Concepts Lina uses a holographic phone. As I mentioned before, I imagined this would be the early days of this sort of tech. So I drew inspiration from 80s and 90s tech devices which had an analog look compared than today’s smartphones. I felt like the technology would step back first before jumping ahead to streamlined designs. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601054133366-XC12RIKTW38JWMN7GITJ/NC_Phone2.png Neo Cab: Visual Case Study Phone Concepts by Vincent Perea. (Right) 3D model by Lisa Fleck. To further emphasize this being the early days of handheld technology I wanted all the in world graphics to be vector based. You can see this in the HUD displays some characters some characters wear as well as Savy’s computer. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601054135831-AW98HO2B0H7SUV0OIVYF/NC_Phone3.png Neo Cab: Visual Case Study HUD Design by Laura Sly. 3D Models by Lisa Fleck. The Phone as it appears in the game. After each ride Lina picks up the phone and activates the Holo UI which transitions seamlessly to our menus. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601534164430-OLRZ9SJLW5T6GKUI3EF6/LinaPhoneHomeScreen.png Neo Cab: Visual Case Study Menu Design by Laura Sly http://www.vincentperea.com/inktober-2019 daily 0.75 2019-01-28 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548694960199-OABI1GIE78DAV2VFL0CF/IMG_1893.jpeg Inktober 2019 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548694960199-OABI1GIE78DAV2VFL0CF/IMG_1893.jpeg Inktober 2019 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548694966091-L3WE75V08GBDYDNK6AZ7/IMG_1895.jpeg Inktober 2019 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548694980283-MXEFJOKB21DXI9NBMSML/IMG_1904.jpeg Inktober 2019 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548694973107-F2JE12C2J1V5IN41OERB/IMG_1903.jpeg Inktober 2019 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548694992533-YSXEN54IH08D93M9K7XI/IMG_1916.jpeg Inktober 2019 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548694986434-M5KKPQXEVF57MOBWQMXF/IMG_1907.jpeg Inktober 2019 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548695677667-BTDK1O4E4WWS7FRX5OO2/IMG_1926.jpeg Inktober 2019 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548695678536-XGRXZDBVF1NKROLCVWS9/IMG_1924.jpeg Inktober 2019 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548695685017-CRXXMP3WV7GK0PF9L6YX/IMG_1931.jpeg Inktober 2019 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548695685566-Y8KIX5IKX6LXVDTQOB64/IMG_1937.jpeg Inktober 2019 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548695691721-RGQM88WXWFE88R6A9618/IMG_1952.jpeg Inktober 2019 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548695691179-2MXJG640VCAEKLCJTJSG/IMG_1950.jpeg Inktober 2019 http://www.vincentperea.com/figure-drawing-2021 daily 0.75 2024-06-20 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1624999636321-9ZIUA1S0RO7Y5WPKW7JV/012221.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1624999636321-9ZIUA1S0RO7Y5WPKW7JV/012221.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1661821770977-ZSI5366F4J63MI17UVG6/011521+copy.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1707870298870-NQIJ1I2L2I0YN2FSBJ0C/HaleyPortrait.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1718326609458-W0W0ZNFVF46QY0MPYDLN/IMG_9848.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1718326635459-2LWTEI2UH3PUPZUFK52B/IMG_0170.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1624999631524-35AD9XV21TS49QP5L31L/011521.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1707874618789-TRW9QRM5YWO6EWE996VU/Alfi_Style1.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1707874621493-QMFDCOBWJ9IXN9UFLHQT/Alfi_Style3.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1707870303890-7DJME6GFZJLQG9804FFT/ProcreatePractice.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1661821885193-G8IC125FL59WPOR7KBUG/FG_PRocess_090121_6+copy.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1718326706783-782HUP8SPVOR0J79543H/ISIMG-1041570.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1718326711385-H51SNUAPCJIY1D32NGO8/IMG_9132.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1718326742876-YSWI4LMT41N3FLD826EB/IMG_9136.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635462812460-CENXJWVBA966QP4I0SIY/FG_Process_091521_5.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635462838116-717RBCIHD7Z34HEQYG5O/FG_Process_101321_6.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1718326655924-6HGQWMBPVY900ZQIIDQ0/IMG_9533.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1718326671281-986HBGJRJZ3XQZW1POFU/IMG_9544.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1718326758883-H8WS7N46OGBT965SHVNC/IMG_8939.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1661821925350-OKSBCK0D0M1RUGGFVH1L/051321+copy.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1707874198838-H6M8FOV8069GKIJKZKT5/VPFigDrawing0916020.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1661821984823-KWI9GA92USYSXPDJAP9I/FG_Process_092921_6+copy.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1624999645758-ATIQQVTG293F5N2NDCZJ/040621.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1624999645669-6RLCZLG7RFQ0ANI543FL/040721-1.png Figure Drawing https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1624999648526-3CDMYG02LXKHBV20S4VR/040721-2.png Figure Drawing http://www.vincentperea.com/portfolio daily 1.0 2024-08-22 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1718903758764-UTOC1B2DT0D2XFNWJ0ZL/VPereaOverview.001.jpeg Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1718903758764-UTOC1B2DT0D2XFNWJ0ZL/VPereaOverview.001.jpeg Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252668305-050WXYWYEZJ447ZYVU7I/Screenshot-1.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252658626-L9O15NZUTQF1KHRTRODL/Neo%2BCab-%2BLudo-%2BArt%2BDirection%2B21.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252788616-6L71QXQEQUQX6Z6UFO61/BossBattle_NewLighting.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1718315699534-0Z8WUI81AS4G5AGH6TH3/GDCPage_Games.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252639507-O37BAEADLPQKB7EKSS4P/Neo%2BCab-%2BLudo-%2BArt%2BDirection%2B30.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1602782977884-SAWHVHY9NOIS4SPLH7HR/LinaJune2020-cropped2048.png Portfolio One final Lina for the road. Made to mark the anniversary of the game’s launch. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1707874616720-ETRJJSCV891KFXZPOBYR/Alfi_Style2.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/3854cc22-32bf-488d-a71b-facac9e8afcf/Cerulean+Cowl_Smol.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1707874625557-A3YM7LKSEWM7E0EJCKV8/StephStyle.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252752345-BPR5D0M82T6W42LG3TKU/NC_CharacterImages_Azul.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1707874499248-PX91FQAFRFRXAK0V8KQW/HaleyPortrait.png Portfolio Haley https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252639398-GWK6K3HY2U2LSOKUIZ2S/Neo%2BCab-%2BLudo-%2BArt%2BDirection%2B31.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252642892-WSR95J3SYX94TD9U5KSE/Neo%2BCab-%2BLudo-%2BArt%2BDirection%2B33.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252763576-IM8RXG9V66KCVKDEGGNT/NC_Phone2.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252763622-VT241Z4S9GTEC0GQOYDW/NC_Phone1.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252756523-J4R26JYT0FQLQTLXQJ0S/NC_LOPDConcepts3.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252756775-20RKD69WUK0BD89ZEAS8/NC_LOPDModel.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1718903794404-ODWBUAT1WIJPBDCL741A/image-asset.jpg Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252871308-5GQL0LOGEGR41PDC4WIE/WMW_Development_0001_2.jpg Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252871321-ITHEJ8MNIW0IE18I439P/WMW_Development_0002_3.jpg Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252880958-11QW3X3JWZWC6SPXKSBB/Swampy_Intro_1.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252856320-G8ZCZ9WP270VIHKT8SWI/LinkGraveyard.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252859143-DX84J5VO632KG8E9Y4NS/Link_dungeon.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634254283364-Y91BGVKFY9WIPJHYBA3I/WB_01Title.jpg Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252943130-HDENO4F8L1GM8O3NTIIL/01_VP_Savory_Salutations.jpg Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252955688-RLPNPAFIIX3YY06GQ6XP/Look_Feel_Painting003.jpg Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252966488-1LNMGNL8NV0RZCPLBWMM/Winterbottom_Concepts-2.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252913059-71PV7TOG2KLGOAWZQ1XU/DodoPop_0000_1.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252917596-HFLUXFGCNWFVCI1W68BV/DodoPop_0006_8.png Portfolio https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252917700-BTEXHJ7C44H65XOKX3JA/DodoPop_0007_9.png Portfolio http://www.vincentperea.com/frozenadventures daily 0.75 2021-10-28 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635441374393-3IBNLTEOWTLZ9SCUY73L/512x512bb.jpg Frozen Adventures https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635441374393-3IBNLTEOWTLZ9SCUY73L/512x512bb.jpg Frozen Adventures https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635373502781-O3Z6WG2GTPQHJJL2JOPR/FrozenAdventures_BeforeAfter_Matchables.png Frozen Adventures - Game Pieces When I joined the production the team had settled on the design of the game pieces on the left, made by the talented Meg Zavala. However in game the pieces weren’t “juicy” or vibrant enough. They also seemed too flat and 2 dimensional compared to the 3D character and world. I redesigned the look of the main pieces (right), simplifying their look and structure to be more readable. I also redesigned the rainbow snowflake and Meg was able to to take this direction to create a more polished set of “special” pieces ( The ice bomb, butterfly and line clear on the left). This exemplifies a lot of what i did on the project, guiding the art team to reach a new level of polish. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635378435288-CMFLO8M0BGF28LRHHBM5/512x512bb.jpg Frozen Adventures https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635373458760-6OVTG767R5PIWLOAMFPZ/FA_shaderADNotes.png Frozen Adventures - Shading Above are notes given to the Tech Art team on how to improve the look of their character shader. The characters are all 3D but the shader was making them look a little flat. Above is a paint-over I made to give the team a target to hit. Showing the qualities we needed in a sphere painting was important because the team was using Matcap shaders. So I knew that ultimately we needed a stronger base texture for our capture sphere with more contrast to make the character pop more off screen. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635378189937-JDBG66ND5DA3YL11VZJD/FA_ShaderUpdate.png Frozen Adventures Above is a before and after showing the shader improvements. Credit goes to Tech Artist Kristin Weeks and 3D artist Debbie Kim for the final results. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635373474010-QW4Q2OYFK5FRTG3E6B16/FrozenAdventures_Matchables_Before.png Frozen Adventures Here was a mockup of the game with the old game pieces and character shader. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635373473979-8NX4REHZ2KYO30CU7ZU9/FrozenAdventures_Matchables_After.png Frozen Adventures Above you can see the two changes makes the game feel much more 3D and vibrant. The pieces feel more tactile and appealing. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635441725597-B1U3HBOM1UIX0MMFSDGX/FA_Gameplay.PNG Frozen Adventures Above is how the final game looked with a number of mechanics on the game board. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635373691869-D9QVAC5MZ92ZQNK8S7KV/BF_CastleEntrance_0000_OGSetting.png Frozen Adventures - Locations The next big area of focus was improving the starting location of the game. The story begins at the Arrendelle castle entrance. The original setting (above) was focussing too tightly on the front door which is enclosed in the castle walls. This meant that the opening of the game was set in a cramped location that wasn’t too inviting for players. It also didn’t do justice to the beautiful rooms the team was designing. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634605659348-IY840Y48MCSTXJVPD881/FrozenAdventures_BeforeAfter_Matchables.png Frozen Adventures https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635373692231-YXATGGS4UX7QKD52V7KM/BF_CastleEntrance_0001_NewSetting.png Frozen Adventures - Revised Castle Entrance I worked with the team to reset the opening location to the bridge leading into Arrendelle castle. This change gave the opening a more grand and exciting feeling. This composition narratively allows Anna and Elsa to welcome the player into the larger world of Arrendelle. It also allowed the decoration elements ( banners, candles etc…) to have more space to feel like impactful player choices. The team did an amazing job rallying to improve this location for our World Wide launch. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635382094348-RDP5M88Q63RU1CHQZIKZ/IMG_2966.PNG Frozen Adventures Above is a look at the castle bridge location in its final state, covered in magical ice with lots of decorations. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635441303380-ZI446DX7M6TNIRCRS7C9/FARoyalKitchen.PNG Frozen Adventures - Royal Kitchen The next series of images shows off some of the beautiful locations our team made for the game. I art directed these locations and revised our production pipeline so they could be produced more efficiently by our amazing team. Designed by Gia Park. Modeled by Debbie Kim https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635441299915-VQYJDTTZJXYOYP8BUSSZ/FADressShop.PNG Frozen Adventures - Dress Shop Designed by Emil Salim. Modeled by Miguel Vasquez https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635441284588-U2YY4QYYV1XUNW46N0W9/FA_GreatHall.PNG Frozen Adventures - Great Hall Designed by Emil Salim, Meg Zavala and Gia Park . Modeled by Debbie Kim https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635374008065-D4W3TTMV47WOQF80HXJJ/TrollValleyDrawover_v2_CharScale.png Frozen Adventures - Troll Valley Concept This location appears in quests and it is the iconic home of the Trolls from the first film. I got to provide the concept for this location myself as the artists were busy with other locations. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635459999359-ALE99IE9TCCFDWC7COY0/FA_Mechanics_Candles_1.png Frozen Adventures - Game Mechanics A big area of focus on the game was designing new puzzle mechanics. Each new mechanic had to be designed to be readable and tactile to match the boards 3D aesthetic. A good mechanic should telegraph its goal to the player without explanation. These AD notes were for the development of the candles mechanic. When a player matches next to a candle it illuminates an area of the board. I worked closely with Meg Zavala to refine the design of the candles to more closely match the croquis design seen throughout Frozen’s world. I used 3D to mock up the candle’s perspective and to give her a stronger guide for how to handle the perspective of such a complex shape. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635459999223-Y1RACFVLYIHDNA2L2OFZ/FA_Mechanics_Candles_2.png Frozen Adventures - Candles / Darkness Final Design The final mechanic was beautifully painted by Meg Zavala. The candles have a neutral cold resting state, but when activated they give off a warm light that unlocks parts of the board hidden by the darkness grid spaces. I love how believably it sits on the board with the other pieces. Meg did a wonderful job not just on this design but also on figuring out all the intricate parts that made up the tile-able darkness pieces. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635460518815-0N577YW0Y1TO3OD99HNO/image-asset.png Frozen Adventures Above you can see the candles in action. Captured in editor. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635460000067-EI70Q9O0MSYC1IHFSXSJ/FA_Mechanics_Splitters1.png Frozen Adventures - "Splitters" Or Elemental Fire Another mechanic I want to highlight is “Splitters”. The idea here was that there would be a small fire on the board, when the player matched next to it the fire would split in two and be re-propagated onto the board. It would do this twice before it could be cleared from the board. In the above concept I established the readability of each stage ( 1. Opening State Largest fire, wild movement 2. Middle State smaller fire more controlled 3. Final State A low simmer). We leaned on not just color changes but different movement and shape languages to communicate the change to players, to simulate the idea that with each step the fire was dying down. The shapes at the top where meant to indicate what types of base particles could make up each stage since the mechanic was very FX heavy. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635460001601-4UFEH7LJ1AV02A75TICD/FA_Mechanics_Splitters2.png Frozen Adventures Taking that base concept, Meg did a wonderful design pass on the final mechanic that would then be handed over to our animators Rita Yeung and Dave Markowitz to animate in engine. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635459608633-2PNUC7DXO83SZRAC9E95/image-asset.png Frozen Adventures In this Dev video you can see the “splitters” mechanic in action. Rita and Dave did a great job with the animation of the idling fire and the jumping motion. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635372838621-BP31GQAVLZ26F311DTKV/FrozenAdventures_BeforeAfter_Matchables.png Frozen Adventures https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1635460903814-R0NYA26OHH30NNVN45TV/image-asset.png Frozen Adventures Here is another in editor view of “splitters” in action as well as a look at a number of other game mechanics. This was a very FX heavy mechanic and I am really proud of how are team was able to make the fire look so organic while retaining the important readability qualities needed in a strong puzzle mechanic. The whole game came together beautifully and I think honors the rich visual identity of Frozen while also looking like a competitive casual mobile game. http://www.vincentperea.com/musicvideos daily 0.75 2021-11-11 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1636656391192-OQ7ZLV9X2PSF5C4MVW6D/image-asset.png Music Videos - The Experiments Official Music Video Video Credits: Directed and Edited by Vincent Perea |Director of Photography Rory Alcantar | Color graded by Rory Alcantar | Additional Camera work by Alejandro Speranza © 2021 Donkey Island Penitentiary The Experiments Written by Donkey Island Penitentiary| Produced by Alejandro Speranza and Odd Zounds | Bass on Experiments by Carlos Costa |Lyrics by Dave Perea https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1636656391192-OQ7ZLV9X2PSF5C4MVW6D/image-asset.png Music Videos - The Experiments Official Music Video Video Credits: Directed and Edited by Vincent Perea |Director of Photography Rory Alcantar | Color graded by Rory Alcantar | Additional Camera work by Alejandro Speranza © 2021 Donkey Island Penitentiary The Experiments Written by Donkey Island Penitentiary| Produced by Alejandro Speranza and Odd Zounds | Bass on Experiments by Carlos Costa |Lyrics by Dave Perea https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1636656489617-DYFDNKY48I0PJ15OTHC7/image-asset.png Music Videos - "Prisoners of Earth" by Donkey Island Penitentiary - Official Music Video Video Credits: Directed, Edited and Shot by Vincent Perea| Additional Camera work by Alejandro Speranza Filmed on an iPhone 11 using Moment Lenses. Stock footage sourced from Pexels.com and the artists Engin Akyurt, Prakash Chavda, Ruud Borst and Will Fithian © 2021 Donkey Island Penitentiary Prisoners of Earth: Written by Donkey Island Penitentiary | Produced by Alejandro Speranza and Odd Zounds| Bass on P.O.E. by Carlos Costa | Lyrics by Dave Perea http://www.vincentperea.com/about daily 0.75 2024-06-14 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1583535177343-C2I4XNNW7DB2MYVOOWKT/VPerea_SelfPortrait.JPG About https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1583535214469-G9NE2H0WETAJDRMM9W6O/VPerea_SelfPortrait.JPG About http://www.vincentperea.com/casestudyncvis daily 0.75 2024-06-14 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252656756-MHSVOO4PC3SD6LGV8KHF/Neo%2BCab-%2BLudo-%2BArt%2BDirection%2B22.png Neo Cab: Visual Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601957798008-TQ750W4KFTYF6ZGQ64L8/Neo%252BCab-%252BLudo-%252BArt%252BDirection%252B47.jpg Neo Cab: Visual Design - Make it stand out From the above research, I designed a limited number of camera shots that we could use to direct any ride. This would help each ride feel dynamic and different (in as efficient a way as possible.) Due to our limited team size I could only afford to build one 2D rig per character. So I designed shots that could leverage the same passenger rig while still offering a different impact. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1602095967094-XPYJX46RJKKF1RD9LXT9/Neo%252BCab-%252BLudo-%252BArt%252BDirection%252B32.jpg Neo Cab: Visual Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252658626-L9O15NZUTQF1KHRTRODL/Neo%2BCab-%2BLudo-%2BArt%2BDirection%2B21.png Neo Cab: Visual Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548224614754-T17M401RQECEYWJP3W94/Screenshot-4.png Neo Cab: Visual Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601249622526-04MVEH767W8419KQZRV6/Neo+Cab-+Ludo-+Art+Direction+72.png Neo Cab: Visual Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601754800205-YY1VAOJ7B06EBI6ROEQA/Allie+-+Hood+Cam.png Neo Cab: Visual Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1602021471294-PO28SUAUQOYT7TWQWDC9/Mask_Lighting_Breakdown.png Neo Cab: Visual Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601249304612-ETAHP078J1HJT8Q58771/shot_studies_1.png Neo Cab: Visual Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601249611243-57KABL3DNV3H3IAHXT83/Neo+Cab-+Ludo-+Art+Direction+82.png Neo Cab: Visual Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1548224612952-FDMCTJZNK1POP619HT82/Screenshot-3.png Neo Cab: Visual Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601534183490-FD1DM13LE0FRZDDL15HX/Allie+-+Close+Up.png Neo Cab: Visual Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252670161-WZFKW94JRMPC2RAESWI6/Screenshot-2.png Neo Cab: Visual Design - Make it stand out Environment Visual Target https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601249307017-LAF1888PTM9D23H50QJ2/shot_studies_2.png Neo Cab: Visual Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. http://www.vincentperea.com/casestudyncvp daily 0.75 2024-06-14 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601534164430-OLRZ9SJLW5T6GKUI3EF6/LinaPhoneHomeScreen.png Neo Cab: Vehicles/Props - Make it stand out Menu Designs by Laura Sly https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252780013-6C59WJUIMFY5TFUA1XFH/LinaCarConcepts_CarConcepts.png Neo Cab: Vehicles/Props - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252763622-VT241Z4S9GTEC0GQOYDW/NC_Phone1.png Neo Cab: Vehicles/Props - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252764996-XID1BGQG6Z2BTNGD9XE9/NC_Phone3.png Neo Cab: Vehicles/Props - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600881315059-CUE5NKFXFIKIASGZQRZB/Neo+Cab-+Ludo-+Art+Direction+41.png Neo Cab: Vehicles/Props - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600881318030-86IAH4FU6YU05BSIXURC/Neo+Cab-+Ludo-+Art+Direction+42.png Neo Cab: Vehicles/Props - Make it stand out Model by Lisa Fleck https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252780850-WUTKXEQIH0LJPRQB6PLH/LinaCarConcepts_Paintover.png Neo Cab: Vehicles/Props - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252763576-IM8RXG9V66KCVKDEGGNT/NC_Phone2.png Neo Cab: Vehicles/Props - Make it stand out Phone Concepts by Vincent Perea. (Right) 3D model by Lisa Fleck. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252779809-KG1PZ4F0G0PJGK2K1KCA/LinaCarConcepts_FInal.png Neo Cab: Vehicles/Props - Make it stand out Model by Miguel Vasquez and Lisa Fleck https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601009620605-8QZ1TXP2BX5CE8O47UQ6/LinaCarConcepts_Backseat.png Neo Cab: Vehicles/Props - Make it stand out Lina’s Interior - Back Seat https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600881314938-VZJAZAAFYGBX3V1FKA2P/Neo+Cab-+Ludo-+Art+Direction+40.png Neo Cab: Vehicles/Props - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601009623824-PR0EDDPTLLVWRUGR67K3/LinaCarConcepts_FrontSeat.png Neo Cab: Vehicles/Props - Make it stand out Lina’s Interior - Front Seat http://www.vincentperea.com/casestudynccharacter daily 0.75 2024-06-14 https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252639507-O37BAEADLPQKB7EKSS4P/Neo%2BCab-%2BLudo-%2BArt%2BDirection%2B30.png Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601054420733-H6HVBUKAOSHH8FWE6O2T/NC_LOPDConcepts3.png Neo Cab: Characters - Make it stand out 3D Model by Lisa Fleck https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252752345-BPR5D0M82T6W42LG3TKU/NC_CharacterImages_Azul.png Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600820957436-MQNLRLEAXVP88NYVJZ3I/Neo+Cab-+Ludo-+Art+Direction+28.png Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601054421162-J6NNWTCV00WU6BB22FA2/NC_LOPDConcepts1.png Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252788616-6L71QXQEQUQX6Z6UFO61/BossBattle_NewLighting.png Neo Cab: Characters - Make it stand out Background Design by Brianne Neumann https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601249594059-AXIL89YP2QPZQLTMJD1M/NeoCabDevelopment_Radix_1.png Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252756775-20RKD69WUK0BD89ZEAS8/NC_LOPDModel.png Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601875826849-YSFIFZ9OC1IUFMUQYWMZ/NC_CharacterImages_GIdeon.png Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252730471-LTT4N495VS1O048GHTD5/Neo%2BCab-%2BLudo-%2BArt%2BDirection%2B37.png Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252642892-WSR95J3SYX94TD9U5KSE/Neo%2BCab-%2BLudo-%2BArt%2BDirection%2B33.png Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252642878-P1C6ETQO2NJIHEUZY2DA/Neo%2BCab-%2BLudo-%2BArt%2BDirection%2B34.png Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1600820952079-UA5QAH1G4NJX0N4DKWVM/Neo+Cab-+Ludo-+Art+Direction+27.png Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252645890-4QHTAIIAHL8J5QAGCZC4/Neo%2BCab-%2BLudo-%2BArt%2BDirection%2B29.jpg Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252644840-47CGK8QLH309J24MVD2H/Neo%2BCab-%2BLudo-%2BArt%2BDirection%2B26.jpg Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601249596769-ETMD6T6QFBT5N2YBJ2DM/NeoCabDevelopment_Radix_2.png Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601534355814-9CZKXMM54UPTN5QYXNG6/Lina+Clinic.png Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252639398-GWK6K3HY2U2LSOKUIZ2S/Neo%2BCab-%2BLudo-%2BArt%2BDirection%2B31.png Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601054419480-XXD9T0OHR8MI6HKXW329/NC_LOPDConcepts2.png Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1634252750552-2OL34JUMZQEVH1J5W7KY/NC_CharacterImages_Fiona.png Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/551bec39e4b0eeef9d45d357/1601054423603-TNRDXO7RIPF74VQDBNE0/NC_LOPDINGAME.png Neo Cab: Characters - Make it stand out Whatever it is, the way you tell your story online can make all the difference.