16 Ago Nuevo juego de navegador

I love to design a PBBG layout, back in 2008 I was a quite renamed game designer with some classic tittles under my hood: Prison Struggle, Music Battle, Rescreatu, Silent Vendetta and many others web based games . Unfortunately most of them are dead, idle or my designs were so badly modified that are barely recognisable.

Good news is that retro gaming is back! So a very good chance to give some love to the gaming industry and bring modern web trends to retro MMORPG web based games.

I got hired to design an indie War themed PBBG named Elite-Forces and I’m going to give you a few tips to design a PBBG layout 🙂

2.- Definiendo el Estilo de los Avatares

Once the mascot characters sketches are approved I have a fixed composition that works for inner and login page. I designed the characters so they can be used as in game avatars. So after a 3  hours of work we are ready for the final illustration.

3.- Dibujo Final del Primer Avatar

Invertí unas 7 horas desde el boceto del personaje hasta la línea final… el equipamiento era muy detallado, en el siguiente personaje, dibujaré las formas principales y añadiré detalle directamente con el color, así ahorraré mucho tiempo. Observa que dibujé la máscara y el casco en capas diferentes, así puedo ofrecer al cliente cierto nivel de personalización. Haz click para ver los detalles

4.- Color Final del Primer Avatar

Una vez que el dibujo y el sombreado está abocetado, aplicar el color es bastante sencillo, invertí unas 2 horas. Me decidí por un esquema de color cálido, usé una línea de color marrón para definir el tono, y tener un valor a partir del que elegir el resto de colores. Usé un esquema de iluminación de 2 focos, una luz cálida desde la izquierda y una luz fría desde la derecha. Haz click para ver los detalles.

5.- Diseño final del segundo avatar

Invertí unas 7 horas desde el boceto al acabado final, este segundo personaje fue más rápido ya que la paleta de color estaba definida. Como puedes ver en el video también re-usé algunas partes del primer personaje.

6.- Creamos el Fondo Illustrativo del Juego

Las tareas más costosas, y la que añade auténtico valor al juego están completadas, hoy trabajé en el fondo de la ilustración durante unas 3 horas más. Observa como user unas pocas siluetas planas que encajan con el look de los personajes pero no llaman demasiado la atención.

7.- Creamos un logo rompedor

8.- Diseñamos el layout del PBBG

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.

I won’t disclose all the design process but if you are interested I have created a tutorial to learn how to create a game interface.

My estimation for the whole project is around 40 hours. 

Y buenas noticias que me gustaría compartirles! Me contrataron para un segundo juego, esta vez sobre la Mafia en los años 20. Saludos! Sergio