How to design your own uniform / Cómo diseñar tu propio uniforme

Overview

Esta guía está hecha con el único propósito de informar y enseñar acerca de dibujar y diseñar uniformes o outfits para BRAIN/OUT… Espero que les sirva This guide was done with the unique purpose to teach about draw and design Uniforms for BRAIN/OUT. I hope you like it.

The Basics / Lo Básico

¡ Bienvenidos a esta nueva guía / Welcome to this New Guide !

[ESP] Antes de empezar con la guía principal, Es necesario que sepas en donde, como y de que manera postear tu uniforme en la comunidad de discord, a la cual tendrás acceso a través de este link

[ENG] Before start with the guide, is necessary know where and how you should post your uniform in the discord community, you will have access to that community in the next link

[ESP] Primero necesitas tener en mente el tema de tu uniforme, Por ejemplo: Cientifico, Marine, Spetsnaz, Robot, etc. luego de eso necesitarás descargar el programa Spine, No es necesario comprarlo ya que con la versión de prueba es suficiente. a continuación va un link de descarga

[ENG] First do you need have in mind the theme of your uniform, By example: Scientist, Marine, Spetsnaz, Robot, Etc. later you will need download ”Spine”, is not necessary buy it because is enough with the trial version.

[ESP] Y acá un link de la plantilla de imagenes la cual contiene las partes del outfit (como brazos, torso, cabeza, etc.)

[ENG] Here’s a link with the template and images of the uniform (like torso, arms, legs, etc)

Order of images and folders / Orden de Archivos y Carpetas

[ESP] Luego de ya descargados los archivos anteriormente mencionados, los alojamos en una carpeta de acceso rápido, En mi caso en /Datos F

Ya instalado Spine con su carpeta respectiva en un lugar de acceso rápido, copiamos el archivo ”player-skin-sdk.rar” y lo pegamos dentro de un sub folder en la carpeta spine, luego lo extraemos dentro y nos va a dejar 2 carpetas y 1 archivo .spine llamado Project

• En la carpeta Images, están alojadas las partes del cuerpo del outfit

• Project.Spine es el archivo que deben abrir para ver su outfit ya ensamblado

[ENG] Having all of the mentioned folders downloaded we will move them to any quick access zone, in my case is Local Disc F

Having instaled Spine with his respective folder in a quick access zone, we will copy the .rar ”player-skin-sdk.rar” and paste it in a sub folder inside spine folder, later extract it inside and it will drop 2 folders and 1 program in format .Spine called Project

• In the folder ”Images” are placed the parts of the body of the uniform

• –Project.Spine is the archive with all of the parts assembled (with animations included)

[ESP] En el caso de que ustedes quieran incluir una pieza nueva o diferente, realicen los siguientes pasos:

• Hagan una copia de la pieza que quieren duplicar, por ejemplo ”Player -blue-Leg” / ”Player-blue-Leg-2”

• Abran Project.Spine

1)Clickeen ”expandir y desplazar…”

2)Busquen la pieza que intentan duplicar, en este caso ”Player -blue-Leg” y abran ”Player-Default” y clickeen el archivo de imagen.

3)En la parte de abajo cambien el nombre de ”Player -blue-Leg” a ”Player -blue-Leg-2” y presionan enter.

[ENG]In the case that you want to include a new bone or a different one, follow the next steps:

• Make a copy of the bone that you want to duplicate, for example ”Player -blue-Leg” / ”Player-blue-Leg-2”

• Open the archive Project.Spine

1)Click in ”Expand and move”

2)Search the piece that you want to duplicate, In this case ”Player -blue-Leg” and open the option ”Player-Default” and click the Image archive

3)In the part of down change the name of ”Player -blue-Leg” to ”Player -blue-Leg-2” and press enter

Game Files as Reference / Archivos del Juego Como Referencia

[ESP] Es seguro que si es tu primer uniforme, a lo mejor no sepas como dibujar algunas partes o luces y para eso vas a necesitar tener algunas referencias dentro del juego. y para eso vamos a necesitar buscar alguna en los archivos del juego.

Para encontrar los archivos del juego y poder editarlos vamos a seguir estos pasos:

[ENG] Is a fact that if this is your first uniform, maybe you will not know how to draw some parts or shadows and you will need some references in game for that, so we gonna search some ref in local files

To find the archives of the game and can edit them we will need the next steps:

Materials and Surfaces / Materiales y Superficies

[ESP] Antes de saber como dibujar algunas piezas es necesario saber como dibujar ciertas superficies y materiales, por ejemplo: Tela, Camuflaje, Cuero, Vidrio, Metal, Piel, etc.

[ENG] Before know how to draw some pieces is needed to know how to draw some surfaces and materials, By example: Textile, Camo, Leather, Glass, Iron, Skin, Etc.

• Tela:
  La tela comúnmente no requiere de tanta elaboración ni detalle, solamente una paleta de 3 colores de bajo contraste + 1 mezclada con la paleta base la cual es la mas oscura y listo

• Textile:
  The textile commonly dont require of so much elaboration or details, just a palette of 3 colors of low contrast + 1 mixed with the base palette which is the most darkest and ready

• Camuflaje:
  El camuflaje tiene muchos estilos, versiones y colores para realizarse, pero normalmente se suelen tomar unos pocos colores para aplicarlo en un uniforme. Para aplicarlo hay que superponer los colores que queremos aplicar junto a la pieza haciendo contraste con su iluminación por defecto.

• Camo:
  The camo haves so much styles, versions and colors to imitate, but commonly we take some colors to apply it in a uniform. to apply it we have to paste our color in the piece doing contrast with his respective default illumination.

• Cuero:
  El cuero requiere de 3 paletas de alto contraste y mucha oscuridad contrastada con mucha luz o espacios lisos para lucir como tal

• Leather
  The leather requires 3 palettes of high contrast, so much darkness contrasted with lights or free spaces to look like as leather

• Vidrio:
  Para dibujar el vidrio van a necesitar usar una superficie de iluminación media con colores claros de muy alto contraste para simular una luz

• Glass:
  For draw the glass you will need use a surface of half illumination with high contrast colors for simulate a light

• Metal
  El metal comúnmente está hecho de paletas frías o de colores claros, y a veces oxidados. para realizarlo van a necesitar una paleta mas y intentar hacerlo lucir solido con lineas rectas y luces notorias.

• Iron
  The iron is commonly done of cold palettes or clay colors, and some times rusty. to make them you will need one more color than 3 and make it look solid with rect lines and notorious lights.

• Piel:
  La piel tiene multiples paletas de color y maneras de realizarse, el standar es que partes como el torso y cara usen 6 colores como maximo. y los brazos y piernas solo 3 o 4

• Skin:
  The skin have multiple palettes of color and ways of do it, the standart is that the parts like the torso and fase use 6 colors as max. and the arms and legs just 3 or 4

Design of Pieces / Diseño de Piezas

[ESP] Para empezar con nuestro uniforme vamos a necesitar piezas nuevas (y no re-utilizadas) y para eso vamos a necesitar encontrar una paleta de color que cuente con los siguientes requisitos:

• Colores no saturados

• 4 colores máximos por material o prenda

• Tener un contraste decente

[ENG]For start with our uniform we will need new pieces (and not re-used) for that we will need a palette of color that will be adapted to the next requirements:

• Unsaturated colors

• 4 colors max per material or cloth

• Have a decent contrast

[ESP]Como ejemplo tienen estas paletas que usé en mi PMC

[ENG]As example you have those palettes that I used in my PMC

[ESP] Para empezar a dibujar las piezas nuevas vamos a seguir los pasos de esta imagen:

[ENG] For start to draw the new pieces we will follow the next steps of this image:

Edition / Edición

[ESP] Para empezar a diseñar nuestro Outfit Necesitaremos un programa de edición o dibujo que se nos haga facil de manejar como photoshop, paint.net o etc. En mi caso utilizo Gimp 2.6

[ENG] To start to design our outfit we will need a program of edition of your preference like Photoshop, Paint.net, Etc. in my case I will use Gimp 2.6

[ESP]Un requisito obligatorio para estos programas que utilizaremos es que nos dejen editar con un fondo transparente y no blanco.

[ENG]A requirement for those programs is have an option to edit with a transparent background and not white or black

[ESP]Luego de esto, con nuestro programa de preferencia abrimos una imagen de la carpeta ”Images” en Spine

[ENG]Later, with our program of preference we will open a image in the folder ”Images”

[ESP]A Continuación si nosotros queremos realizar algún cambio o algún dibujo, simplemente vamos a tener que hacer lo siguiente

• Realizar el diseño o cambio que querramos en la imagen (en mi caso dibujé una carita)

• Guardar el cambio en el programa de dibujo

• Chequear en Project.spine si el cambio fue hecho en la pieza

[ENG]Now if we want to do any change or some draw in our pieces, Follow the next steps:

• Do the design of change that you want to do in the image (in my case I did a orange happy face)

• Save the change in the program of edition

• Check if the change was done in Project.Spine properly

[ESP] Si abrimos nuestro archivo Project.Spine podremos ver el cambio que hubo en el outfit

[ENG] Also if we open Project.Spine we will see the changes updated

[ESP]Si en algún momento también necesitamos mover alguna pieza para acomodar las proporciones vamos a hacer esto:

1)Seleccionamos la pieza que estamos editando

2)Cortar y Pegar

3)Con el mouse movemos la pieza para donde nosotros veamos que se adaptan bien las proporciones

[ENG]If in any moment we also need to move some piece to make the proportions right, we will follow those steps:

1)Select the piece that you are editing

2)Cut and paste

3)Move with the mouse the piece until we see that it fits good with the uniform proportions

[ESP] Y después si queremos editar las otras partes como los brazos, piernas, cabeza y etc. vamos a repetir el mismo procedimiento y siempre chequeando que las proporciones sean fisicamente decentes

[ENG] And later if we want to edit other parts like the arms, legs, head and etc. we will repeat the same steps and always checking that our proportions are physically decent

(esto no es exacto, es solo un ejemplo)

(this is not exactly, is just a example)

Presentation / Presentación

[ESP] Cuando ustedes vayan a presentar su trabajo en #submissions_discussion o #submissions, No hace falta que publiquen todas las partes del outfit por separado, Con la imagen del outfit ensamblado es suficiente.

En mi caso lo edité con un fondo oscuro y un icono extra, Pero eso no es obligatorio.

[ENG] When you gonna present your work in #submissions_discussion or #submissions, is not necessary that you post all parts of the uniform by separate or in any .rar, with the image of the assembled uniform is more than enough.

In my case I edited it with a black background and a extra icon, but that is not required

[ESP]Me faltó mencionar que en la vista previa de su presentación tiene que haber una imagen de su uniforme con la animación ”Hold-Throwable” para una mejor vista. para lograr eso haremos esto:

[ENG]I forgot to mention that in our preview of our presentation we would have a image of our uniform with the animation ”Hold-Throwable” for a better look. to do that we will do this:

• Ir a spine y replicar la configuración mostrada en imagen:

• Go to spine and use the same config as this image:

• Apretar ALT+R para tener una nueva ventana con todas las animaciones, y entre esas está ”Hold-Throwable”

• Press ALT+R to have a new window with all animations in, and in those animations there is one called ”Hold-Throwable”

• Después tomamos captura del uniforme y la adaptamos a nuestra publicación

• Later we take a screenshot of the uniform and next adapt it to your post.

End of the Guide and Extras / Final de la Guía y Extras

[ESP] En caso que tu outfit haya llegado a #submissions_final espera hasta que un desarrollador te pida las piezas del uniforme como la cabeza, torso y etc. y así quedará por confirmado que tu outfit está dentro del juego.

[ENG]in the case that if your uniform got in #submissions_final, wait to any dev asks you to give him the parts of the uniform in a .rar archive. and that will confirm that your uniform got in game but if it doesn’t happen, keep practicing

La recompensa de tal labor es/ The reward of this work is:

[ESP] También tengo que darle creditos a EvilMuffin por realizar una guía con contenido mas completo de la cual tomé algunas referencias de luces y materiales

[ENG] I also have to give credits to EvilMuffin for have done a guide with more explained content where I took some references and tips

[ESP]Espero que les haya sido de utilidad esta mini guia y que hagan buenos uniformes

[ENG]Hope you like this mini guide, good luck designing future uniforms in game !