mmorpg web game

Work in Progress: new war MMORPG website

Gaming is one of my preferred industries and luckily I got hired to redesign an indie web based mmorpg game, war theme!. I can’t disclose the name yet though 🙂

Long time with no Work In Progress posts in my blog, soooo… let’s do one! Stay tuned as I will share images as I progress.

SUMMARY

  1. Day 1: sketching is key
  2. Day 2: defining mascot character style
  3. Day 3: 1st character final lineart
  4. Day 4: 1st character final color
  5. Day 5: 2nd character lineart & color
  6. Day 6: illustration background
  7. Day 7: creating a killer logo
  8. Day 8: creating the game interface

Day 1: Sketching is key

My job is designing 2 main web pages: login and inner page. To compose a quick layout sketch that I can submit to the client for approval, I used several images from previous works and from Google. Of course, at the end of the process I will replace every image for custom work.

Login Page
Login Page
Inner game page
Inner game page

In this step of the process I don’t focus too much in the details, I just get the ball rolling to get client’s feedback. I don’t even know how it will look at the end… what matters is getting closer and closer to the final design spending not much time. I spent 2 hours on this step.

After several iterations we are ready for next step.

Day 2: Defining Mascot Character Style

Once the mascot character sketches are approved I have a fixed composition that works for inner and login page. So after a 3  hours of work we are ready for the final illustration.

Initial Sketch
Initial Sketch
Client's Corrections
Client's Corrections
Final Sketch
Final Sketch
Character Development
Character Development

Day 3: 1st Character Final Lineart

I spent around 7 hours from a rough character design sketch to the final lineart… the gear was too detailed, on next character I will draw the main shapes and add all details in the color step, it will be quite faster.

Notice I drew the mask and helmet on different layers, so I offer some grade of customisation to my client.

Feel free to click to view the details.

Basic Character
Basic Character
Helmet on
Helmet on
Mask on
Mask on
Mask & Helmet
Mask & Helmet

Day 4: 1st Character Final Color

Once I have the lineart and basic shading drawn, applying color is quite straight forward, I only spent 2 hours. I went ahead with a warm color scheme, dark brown lineart define the mood and give me values for the rest of the shading. I used a 2 source light scheme, warm light source from the left and cold from the right.

Feel free to click to view the details.

Basic Character
Basic Character
Helmet on
Helmet on
Mask on
Mask on
Mask & Helmet
Mask & Helmet

Day 5: 2nd Character Lineart & Color

I spent around 7 hours from the character sketch to the final lineart and color, this time it was faster as I already had the color palette defined. I also reused some parts of the first mascot character.

Final character design
Final character design

Day 6: Background Illustration

Most time consuming task, and what will make the game stand out, is already completed, today I have worked in the illustrative background for around 3 hours more. Notice how I used just a few flat silhouettes so it adds the mood for the characters not taking away too much attention from them.

Game Illustration
Game Illustration

Day 7: Creating a Killer Cartoon Logo

I love cartoon logo quite defined, this one will be text based only, so we don’t overload the interface. Logo is finished, I spent around 4 hours more.

I will disclose it when the game is released 🙂

Day 8: Creating the game interface

And this is the final step of the design process, I created a light interface, tactical style. Warm color scheme that fits with the illustration. Eye catchy but not too hard on the eyes. I spent around 8 hours for both screens, including all client’s corrections.

My estimation for the whole project is around 40 hours. 

Login Page
Login Page
Inner Page
Inner Page

And good news! I got hired for a second game, this time an Old School Mafia game.
Stay tuned!

Sergio

Sergio Ordoñez Suanez
[email protected]

I'm the created of all the content in SOSFactory and I'm here to help you, so feel free to ask any doubt you have and I will reply as soon as possible.

No Comments

Post A Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

shares