Cómo diseñar y vector un conjunto de posturas de personajes para un videojuego

En este tutorial veremos cómo diseñar un personaje para un videojuego, en este caso un "beat 'em up". Trabajaremos desde el primer boceto hasta la obra final. Compartiré mi proceso y flujo de trabajo para dibujar personajes vectoriales con muchos consejos, trucos y accesos directos para usar en su flujo de trabajo vectorial diario.

Empecemos!


Paso 1

Primero, comenzaremos con un boceto de tu personaje. Puedes hacerlo con el Herramienta Pincel Blob (Mayús + B) en una capa llamada Sketch. Siempre trato de usar un color como el rojo o el azul con una opacidad del 50%, esto te ayudará a trazar el boceto más adelante..


Paso 2

Ahora, vamos a bloquear la capa Sketch. En una nueva capa que llamaremos "Dibujos", comienza a dibujar tu personaje..

En este caso, utilizaremos un 1 pt línea negra. Por ejemplo, dibujo muchas formas usando el Herramienta Rectangular (R) y el Herramienta de rectángulo redondeado (Una ventaja es que si lo arrastra y lo mantiene presionado, puede modificar la redondez de la herramienta Rectángulo con las teclas de flecha).

Intenta dibujar tu personaje en segmentos. De esta manera, puedes usarlo como un títere y moverlo o cambiar solo las piezas que necesites. Divide tu personaje en secciones de la cabeza, cuerpo, brazos y piernas..

Intenta dibujar con formas geométricas y ajústalos con el Herramienta de borrador (Mayús + E) y Pionero.

Recuerde bloquear su capa llamada Sketch y dibujar en una nueva capa.


Paso 3

Con los puntos de anclaje tenemos la opción de mover los nodos usando el Herramienta de selección (A) Para aprovechar las formas básicas y ajustarlas al contorno del boceto..

En algunos casos, esta podría ser la forma más rápida de dibujar o volver a dibujar elementos, simplemente agregando o ajustando formas.

Propina: Para modificar o hacer cortes rectos sin el Pathfinder, puede usar el Herramienta de borrador (Mayús + E) presionando Alt y arrastrando el mouse, recuerde seleccionar el objeto que desea eliminar, porque si no tiene nada seleccionado, podría eliminar una línea a través de todos sus objetos..

Mueve los nodos con el Herramienta de selección (A) y modifica los objetos con la herramienta borrador, presionando Alt + arrastrar el ratón hacer cortes rectos.

En este paso, piense como si estuviera trabajando desde atrás hacia adelante, porque de manera predeterminada, cada nuevo objeto que dibuje estará al frente. solo tenlo en cuenta (puedes usar capas para separar objetos como la cabeza, los brazos, etc. Pero prefiero trabajar con grupos).


Etapa 4

Un consejo rápido para dibujar, por ejemplo, los brazos de un personaje, es usar el Herramienta de ancho (Shift + W). Con esta herramienta, solo ajustas el ancho de las líneas. Entonces puedes convertirlos en caminos, y eso es todo..

Ahora podemos tomar esta forma para dibujar las mangas, esto podría hacerse por Copiando (Comando + C) y Pegar en frente (Comando + F), Luego modifica las formas como quieras. Si necesita utilizar el buscador de rutas, siempre haga una copia de su objeto básico. Recuerda que puedes usar el Herramienta de borrador Para cortes rectos, en este caso la manga del brazo..

los Herramienta de ancho puede ser muy útil para dibujar muchas cosas, solo pruébalo y experimenta con esta increíble herramienta, puedes ahorrar tiempo y hacer algunas formas suaves.


Paso 5

Así es como puede verse el personaje cuando haya terminado de trazar las formas. prensa re para establecer el relleno de color predeterminado (relleno blanco con una línea 1pt negra).

Ajuste las piezas que necesite reparar. Una forma rápida de hacerlo es cortar el objeto. (Comando + X) y pégalo al frente (Comando + F) o atrás del objeto seleccionado.

Por ejemplo, en este boceto, corto el semicírculo y las gafas de mi personaje, y luego selecciono la nariz para pegarlo en la parte posterior (Comando + B) de los objetos.

En este momento, debes dibujar el arte lineal del personaje, aquí viene la parte donde tu ilustración cobra vida con color..


Paso 6

Mantenga la ilustración aparte pero dentro de un solo grupo, cabeza, cuerpo, brazos derecho e izquierdo. Esto se podría hacer en dos grupos. Una de ellas, desde el hombro hasta el codo, y otra desde el codo a la muñeca, las manos, los pies y las piernas (divididas como los brazos), por lo que cuando tiene que dibujar otras posiciones de los personajes, solo tiene que dibujar ciertos detalles No toda la ilustración. Tu personaje debe ser como un títere..


Paso 7

Primero tienes que decidir qué colores usarás..

Para hacer una buena paleta, puedes elegir 3 de tus colores favoritos. Selecciónalos, y usa el Herramienta de mezcla (W) Para hacer una mezcla entre estos colores. Presiona Enter para ver las opciones de mezcla, luego usa Pasos especificados, y escriba 2.

Para agregar todos tus colores a los Swatches, debes Expandir la Mezcla (para ello haz clic en Menú / Objeto / Expandir) y selecciónelos todos. Luego vaya a las muestras, cree un nuevo grupo de colores y asígnele un nombre.

Elige los colores base de tu ilustración. Puede seleccionar, por ejemplo, un color para las luces y otro para las sombras. En este caso, los colores fueron seleccionados como base de color de la piel y la ropa del personaje..

Utilizar el Herramienta de fusión para hacer esta combinacion. Recuerde configurar las opciones de su herramienta de combinación para Pasos específicos con un valor de 2.

Para colocar los colores en las muestras, debe expandir la combinación y seleccionar todos los colores; luego, en la ventana de muestras, haga clic en el botón "Nuevo grupo de colores" y agregue un nombre a su paleta..


Paso 8

Para aplicar los colores base, usa la Herramienta de cuentagotas (I) y haga clic en el color para darle el valor. Presionando ALT

Sugiero que coloque su paleta de colores cerca de la imagen para seleccionar y utilizar los colores rápidamente..


Paso 9

Para agregar luces y sombras, puede usar las mismas formas que ha creado para la imagen principal, simplemente arrastre y mantenga presionado Alt para duplicar la forma. Entonces Copiar (Comando + C) y Pegar en frente (Comando + F) del objeto que quieres detallar.

Podemos usar la herramienta Pathfinder para hacer este trabajo. Tenemos varias opciones-Intersecarse o Frente menos para agregar luces y sombras (por cierto, cuando presiona Comando + 4, Se repetirá la última acción del Pathfinder). Otra forma de hacer las luces es seleccionar un objeto, como la oreja, y luego ir a Objeto / Ruta / Ruta Offset. Esto hará una copia dentro o fuera de la figura..

Seleccione la opción de vista previa para comprobar los cambios que realice. En este caso 2px.

Aprovecha las figuras que ya tienes para crear sombras y luces..


Paso 10

El carácter final se verá un poco así. Recuerda dibujar un giro alrededor del personaje para ver todos los ángulos. Para hacer esto un poco más fácil, use algunas líneas de guía en ciertos puntos como la cabeza, los hombros, la cintura, la rodilla, etc..


Paso 11

Para hacer las expresiones del personaje, usaremos una vista 3/4..

Para cambiar las expresiones podemos hacer algunos ajustes de la boca y las cejas. Todo esto se puede hacer con el Herramienta de ancho (Shift + W), la Herramienta de rectángulo redondeado y Ruta de desvío. En este caso, utilizaremos 4 expresiones faciales, normales, felices, enojadas y derrotadas. Estas expresiones servirán de referencia para el juego..


Paso 12

Ahora es el momento de hacer las posiciones de los personajes. Tomamos nuestro boceto básico y agregamos cambios y detalles. De esta manera, solo necesitas volver a dibujar estas partes con los bocetos de la vuelta. Puedes ver algunas de las posiciones de los personajes, como el salto o su posición de victoria. Esto será útil cuando tengamos que animar a nuestro personaje o cuando alguien necesite dibujarlo..

Le daré extremidades más grandes para mejorar el efecto de movimiento de los ataques..


Paso 13

Así es como se ve el personaje cuando termina, agregue los detalles que desee. Diviértete con los colores y formas.!


Paso 14

Por fin, ponga sus ilustraciones en una nueva página y su hoja de personaje está lista!

Este documento es muy útil cuando necesita dibujar el personaje en nuevas poses o expresiones y con el giro es mucho más fácil dibujarlo porque puede ver cómo se ve en todos los ángulos. Si trabajas en un juego con un equipo y todos están haciendo animaciones e ilustraciones de un personaje específico, la hoja de personaje es un documento básico para realizar el trabajo fácilmente..

Con una hoja de caracteres, todos deben estar en el mismo canal y el flujo de trabajo será mejor que sin él. Con esto nuestro tutorial ha terminado, espero que lo hayas disfrutado, adiós.!