Concept Design and Illustration PortfolioBY JOSEPH MONTALVOART INSTITUTE, GADA 205

Mobile Game ConceptCREATING A STYLEGUIDE

New Style Guide and UI

For this assignment the objective was to look at an existing mobile real time strategy game and come up with new content for the game and a new UI design to make the game more appealing to old and new players.

The workflow contained collecting screen shots of the game’s UI system as well as shots of gameplay and creating a new style guide for purposed levels and expansion of the current game and its new “look”.

The game I chose was “Magic Rush” a game with a variety of game modes; single player campaign, PVP, and World Exploration with base building features.

Art style similar to that of popular MOBA games Dota 2 and League of Legends

RPG aspect with skills, weapons, and Armor that can be equipped and acquired through gameplay.

Fantasy theme and environment although some of the latest heroes have other genre aspects to them(sci-fi, western, modern, Etc.)

Purposed Styleguide

I suggested expanding the current world map with a layer of floating cities and islands on top of the current world map.

Introduce new lands in the world explore mode for advanced players to conquer and compete over.

Introduce winged monsters and heroes to the game fitting into the new aerial lands.

Also be used to expand the current single player campaign with new levels located on some of the floating islands.

What game me this idea for having floating cities in the new content was after seeing a flying blimp that drops off enemies in the single player game mode.

After seeing this I thought how that same model blimp could be to fly to new locations thus lead to new floating cities and locations.

ref:Kia deviantartFF XIIFigment.com

New UI Designs Part of the new UI I decided to

change was the Head to Head game mode.

The objective is for the players team of five heroes to defeat the team. If time runs out the one with the most health is the winner.

So first I had to remove all of the original UI features within Photoshop and place my new UI design.

Final Design For the new design I decided to replace

the square icons with circles. This design allows the images to be smaller and opened up the environment.

By moving the “Auto” button to the top it was easier to see as well right next to the player’s thumb for simplicity.

Minor changes were also made to the rest of the UI and to the color vibrancy of the heroes to make them more visible during gameplay.

Playstation Vita 60 SECOND COMMERCIAL

New commercial for Play Station

For this assignment we paired into groups and had to come up with a 60 second commercial for anything content of our choosing. My group decided to come up with a PS commercial to promote the psVita.

Together we decided on the “beats” or outline points of the commercial, however each individual person would have to come up with their own storyboard of the beats.

Also within the storyboard had to be description of the type of camera shot, dialog, music, and etc.

Finally we had to choose one image from our storyboard to finalize a to create a color key showing the overall “feel” of our commercial.

Shot 1: Mid-day- young adults living room- cuts to a group of friends playing a game on a the couchAction: A (female) hands off the ps vita to B (male). B (male) gets up off the couch and walks out of the room to the left side of the screen. Camera: CU of the TV and zooms out to capture the room. Cuts to OTS of A Music: electric guitarDialog: voiceover narration

Shot 2: cuts to B (male) walking outside past people having a BBQAction: B walks from right to left of the screen past people having a BBQ and a pool party, while staying focused on playing the vita.Camera: tracking shot right to leftMusic: electric guitar Dialog: voiceover narration

Shot 3: Late afternoon- subway- cuts to B (male) playing while sitting on a subway trainAction: B continues to play on the subway and hands the vita off to C (male)Camera: medium shot. Cuts to CU of the handoffMusic: electric guitarDialog: voiceover narration

Shot 4: cuts to C (male) playing while sitting in a college classroom during a lectureAction: C plays the vita while sitting in class having a mortal kombat match with D. Camera: OTA of C playing the vita. Cuts to WA of the classroom. Cuts to D OTS playing the ps vitaMusic: electric guitar Dialog: voiceover narration

Shot 5: cuts to D (male) playing while on a dinner dateAction: D sits at a table seated with E (female) and plays the vita. E shows frustration and leaves the table while snatching away the vitaCamera: medium shot. Cuts to a wide angle as the female walks awayMusic: electric guitar Dialog: voiceover narration

Shot 6: cuts to E playing while sitting in a business meetingCamera: OTS of E playing the vita. Cut to a wide angle of the meeting in progress Music: electric guitar Dialog: voiceover narration

Shot 7: cuts to F (female) playing while riding on a rollercoasterAction: rollercoaster goes past the camera from right to left. Cuts to F sitting in the front row looking down at the vita as the ride is in progressCamera: Crane of the roller coaster on the track. Cuts to medium shot of F Music: electric guitar Dialog: voiceover narration

Shot 8: cuts to G (male pilot) playing vita while sitting in a cockpitCamera: CU of the vita. Cut to medium shot of G playing GTA on the vita Music: electric guitarDialog: voiceover narration

Shot 9: cuts to H (male doctor) playing vita while conducting a surgeryAction: nurses stare at the doctor as he is playing the vitaCamera: medium shot of H as he is playing the vita. Cuts to a wider shot including the nursesMusic: electric guitar Dialog: voiceover narration

Shot 10: cuts to I (female astronaut) playing while in space working on a space stationCamera: close up of the ps vita with destiny gameplay. Cuts to a wide angle shot slowly zooming out of the astronaut in spaceMusic: electric guitar Dialog: voiceover narration

Animation PaintingPRODUCTION PAINTING TURNED INTO AN ANIMATION

Production Painting

For this assignment I had choose a story that is not a movie, game or TV show. It could be an existing traditional or cultural myth/story.

I chose a novel called “Dragon Champion”. The first book within the Age of Fire series, that follows the life of a young dragon called Auron and his struggle against humanity and other species hunting his species to near extinction. Throughout the novel Auron meets a variety of characters in his travels and separate himself and other dragons from human influence and conflict.

The first assignment was to create 6 rough concept sketches of my production painting that captures the essence of the "soul" of the story.

This contained my own illustrations of key points within the story that stuck out to me the most and what developed Auron’s personality within the novel.

Image 1(top): Auron is born Image 2: Auron’s home is raided by

soldiers and his mother dies defending him

Image 3(bottom): Auron meets a traveling blacksmith dwarf and later become great friends

Image 4(left): Auron meets an elder dragon in a cave and stays with him until he matures

Image 5(top): Auron meets his mate and begins to have children

Image 6(right): This was my first initial concept of how I wanted to begin my concept piece.

Character Concept Sketches Concept sketches for characters within the story line

Reference Art

First concept painting The first concept

painting I wanted to embody the overall feeling of the story into the image.

Throughout the story Auron is suffering from the hatred other species has for his race.

At one point he is captured and is harshly treated but he refuses to submit his spirit and his will.

Final Concept Painting For the final painting I

decide to emphasize on the flames and make that the main light source.

With making the soldiers smaller the wings and chains become more of the focal point of the piece.

Animation video

Below is the embedded link of the animation video through Youtube.

<iframe width="560" height="315" src="https://www.youtube.com/embed/plN9Ok1_76k" frameborder="0" allowfullscreen></iframe>