Cómo diseñar un personaje de realidad virtual para niños en Affinity Designer

Lo que vas a crear

En este tutorial, recorreremos todo el proceso emocionante de diseñar un personaje de dibujos animados desde cero hasta la pieza terminada. Únase a mí y veamos cómo podemos animar nuestro boceto al transformar formas geométricas, aplicar gradientes y usar varias herramientas y funciones de Draw Persona de Affinity Designer para que el proceso sea fácil y divertido. Empecemos!

Al final de este tutorial, creará un personaje elegante en una pose dinámica y podrá usar estas técnicas y crear personajes vectoriales únicos a partir de sus bocetos. Si necesita inspiración para sus proyectos futuros, diríjase directamente a GraphicRiver y descubra la variedad de personajes vectoriales disponibles allí.!

1. Cómo dibujar la cabeza y la nariz del niño

Paso 1

En primer lugar, necesitamos un boceto. Puede ser un garabato en bruto garabateado en una hoja de papel o una pieza digital creada en cualquier software de CG con una tableta gráfica.

Aquí hay un bosquejo de un niño que he hecho de antemano. Puedes crear el tuyo o simplemente descargar este haciendo clic en él con el botón Botón derecho del mouse y eligiendo Guardar como.

Paso 2

Crear un Nuevo documento de 800 x 600 px tamaño y uso del Colocar herramienta de imagen Para importar tu boceto e insertarlo en el lienzo..

Seleccione el croquis en la Capas panel y disminuir su Opacidad a 50%. Selecciona el Modo de mezcla a Multiplicar, Haciendo la imagen semi-transparente. De esta manera podremos ver todos los elementos que crearemos debajo del boceto..

Paso 3

Crear un Nueva capa y arrástrelo debajo de la capa de boceto.

Vamos a empezar a crear la cabeza. Utilizar el Herramienta Elipse (M) hacer un 130 x 120 px forma. Haga clic en el Convertir a curvas Botón en la barra de herramientas de control en la parte superior para poder modificar la forma.

Seleccione el nodo izquierdo usando Herramienta de nodo (A) y arrastre el nodo hacia abajo, combinándolo con el extremo de la mejilla del niño en el boceto.

Tire del asa del nodo hacia arriba, haciendo que el óvalo se ajuste a las líneas del boceto.

Etapa 4

Apliquemos el relleno degradado a nuestra forma para agregarle algo de volumen. Seleccione la forma, tome la Herramienta de relleno (G), y haga clic y arrastre a través de la forma. Ahora podemos editar los colores: ya sea seleccionando los controles deslizantes de círculo del relleno degradado y ajustando sus colores en la Color panel, o jugando con los ajustes de la Llenar ventana de opciones en la barra de herramientas de control en la parte superior. Abre el Relleno degradado Panel y haga clic en los controles deslizantes de la barra de degradado para ajustar los colores.

Hacer la parte inferior de la cara un poco más oscura que la frente.

Paso 5

Utilizar el Herramienta Elipse (M) para hacer una oreja. Aplicar un Relleno Lineal A ella, haciendo la punta de la oreja rosa.. Convertir a curvas y deforme ligeramente la oreja, ajustándola al croquis..

Paso 6

Añadamos detalles al oído usando el Herramienta de lápiz (N). Hacer un trazo arqueado y establecer el Carrera color a marrón en el Color panel. Ajuste la configuración desde la barra de herramientas de control en la parte superior o desde la Carrera panel, configurando el Anchura valor para 5 pt y el Controlador a Presión.

Podemos mover los nodos del trazo usando el Herramienta de nodo (A) para hacer la línea suave.

Añade otro trazo más corto, adjuntándolo al primero..

Paso 7

Así es como se ve la base de la cabeza si cambiamos la visibilidad de la capa de boceto.

Paso 8

Ahora vamos a dibujar una nariz. Utilizar el Herramienta de lápiz (N) para hacer una graciosa forma de gota arqueada. También puedes usar el Herramienta Pluma (P) en cambio, lo que te da más control sobre los nodos..

Paso 9

Llene la nariz con un degradado lineal diagonal de rojo a rosa. Agregue una forma de gota más pequeña en la punta de la nariz y aplique un degradado más claro para resaltar el brillo..

Paso 10

Haga el boceto invisible y asegúrese de que todos los detalles y el color encajen entre sí correctamente.

2. Cómo dibujar un casco de realidad virtual

Paso 1

Utilizar el Herramienta Rectangular Redondeada (M) hacer un 95 x 45 px Forma rellena con un degradado lineal gris oscuro. Podemos ajustar el Esquina radio de la barra de herramientas de control en la parte superior antes de nosotros Convertir la forma a curvas (para hacerlo editable).

Una vez que la forma es convertido, utilizar el Herramienta de nodo (A) para agregar nodos y mover los controles de nodo, haciendo que la forma se ajuste a la perspectiva y combinando los bordes con los contornos del boceto. Cree un pequeño arco en el área del puente de la nariz de la VR y coloque la nariz del niño en la parte superior de la VR seleccionándola y presionando Shift-Control-].

Paso 2

Ahora agreguemos un elemento azul brillante en la parte superior de los auriculares VR. Utilizar el Herramienta Rectangular Redondeada (M) hacer un 30 x 10 px darle forma y rotarla -15 grados. Abre el Efectos panel (lo puedes encontrar al lado de la Capas panel) y marque la Brillo externo caja. Desde aquí podemos ajustar el color del brillo y otros parámetros de este efecto..

Convertir la forma a curvas y hacer su parte derecha ligeramente más estrecha para que se ajuste a la perspectiva.

Paso 3

Vamos a añadir detalles a los auriculares. Selecciónelo y haga clic en el Insertar dentro de la selección. botón en el Insertar objetivo panel. Puede encontrarlo en la esquina superior derecha de la barra de herramientas de control en la parte superior.

Ahora podemos usar las formas geométricas o las herramientas de dibujo (la Herramienta de lápiz (N) o la Herramienta Pluma (P)) para agregar dos franjas rectangulares en la parte inferior y en la parte superior del conjunto VR.

Rellene la franja superior con un color gris más claro y la inferior con un color gris más oscuro, lo que hace que el auricular sea más tridimensional.

Etapa 4

Continúe usando una de las herramientas de dibujo para representar la boca trazando la forma del boceto. Llenar Es de color blanco para los dientes y agrega trazos más oscuros en la parte superior, representando las arrugas de la piel..

Ajustar el Anchura de los trazos, ajustando el parámetro a 5.5 pt.

Paso 5

Volvamos al conjunto de VR y creamos su elemento lateral. Utilizar el Herramienta Rectangular (M) para crear un 20 x 40 px forma gris y Convertir a curvas. Reorganice los objetos, colocando el rectángulo debajo del conjunto VR. Mueve los puntos de anclaje del rectángulo, haciendo su lado derecho más ancho.

Duplicar (Comando-J) El rectángulo y vamos a convertirlo en una correa. En primer lugar, cambiemos el color de relleno.. Copiar (Comando-C) la forma de VR gris oscuro, y luego seleccione el rectángulo y Editar> Pegar estilo, De esta manera aplicando el relleno degradado gris oscuro a la forma..

Ahora podemos seleccionar y arrastrar los nodos superior e inferior izquierdo del rectángulo hacia el lado opuesto, girando la forma "de adentro hacia afuera".

Paso 6

Estira la correa detrás de la oreja. Coloca la oreja y sus elementos encima de la correa. (Shift-Command-).

Paso 7

Vamos a seguir adelante y crear un peinado. Dibuje la silueta, utilizando nuestro boceto como guía, y aplique un relleno lineal de rojo a marrón. Utilizar el Insertar dentro de la selección. función para dibujar algunas líneas de color marrón oscuro dentro de la forma del cabello, representando mechones separados.

Paso 8

Termina la cara del niño con unas pecas en las mejillas. Utilizar el Herramienta Elipse (M) mientras se mantiene pulsado Cambio para hacer los círculos incluso.

Crea un rectángulo de unos 15 x 20 px Talla para el cuello. Aplica un relleno lineal, haciendo que la parte superior de la forma sea un poco más oscura que la cara.. Convertir eso a curvas y mover los nodos, haciendo su parte inferior más estrecha..

3. Cómo dibujar el cuerpo en pose dinámica

Paso 1

Tomar el Herramienta Rectangular (M) ¡Y vamos a empezar a diseñar la camiseta! Hacer una 60 x 115 px Rectángulo y aplique un relleno lineal de color púrpura brillante, oscureciendo la parte inferior de la forma.

Convertir a curvas, tomar el Herramienta de nodo (A), y vamos a arrastrar los nodos en direcciones opuestas, pegándolos a los hombros y los bordes inferiores de la camiseta en nuestro boceto.

Haga clic y arrastre el lado del rectángulo para doblar su borde, ajustándolo al boceto.

Arquea los bordes izquierdo, derecho e inferior del rectángulo para que se vea más caricaturesco..

Cree un nodo adicional en el medio del borde superior y arrástrelo hacia arriba, hasta el cuello del personaje.

Paso 2

Ahora vamos a añadir las mangas. Cree un rectángulo en el lado izquierdo del cuerpo y aplique el mismo relleno lineal púrpura.

Convertir a curvas y mueve los nodos, uniendo la manga a la camiseta.

Paso 3

Podemos encender el Snapping Función para facilitar la combinación de los nodos. De esta manera podemos alinear los nodos y ver en qué punto se superponen.

Etapa 4

Añade la segunda manga, haciendo que todos los elementos encajen entre sí..

Paso 5

Vamos a dibujar los brazos. Utilizar el Herramienta de lápiz (N) (o la Herramienta Pluma (P)) para hacer un trazo arqueado.

Abre el Carrera panel (o el Carrera en el panel de control en la parte superior) y configure el Anchura a 14 puntos, haciendo la línea lo suficientemente gruesa. Selecciona el Gorra a Tapa redonda.

Abre el Presión configura y ajusta el gráfico para hacer que el brazo sea más grueso en el hombro y más delgado en la muñeca moviendo los puntos del gráfico como se muestra en la imagen de abajo.

Paso 6

Ahora vamos a crear una mano a partir de un círculo. Utilizar el Herramienta Elipse (L) hacer un 22 x 21 px forma. Convertir eso a curvas Y empezar a modificar la forma, formando una palma. Mantenga pulsada la Opción clave y usar el Herramienta de nodo (A) con el fin de tirar y mover las asas del nodo independientemente entre sí.

Utilizar el Herramienta de lápiz (N) para dibujar un pulgar. Haga que su degradado se llene ligeramente más claro (especialmente en la parte superior del pulgar) para separarlo de la palma.

Paso 7

Utilizar el Herramienta Rectangular Redondeada (M) Para crear los dedos. Gíralos ligeramente y varía la longitud de cada dedo..

Paso 8

Representemos el controlador de movimiento en la mano del niño. Comience haciendo un 30 x 30 px circulo rosa usando el Herramienta Elipse (M).

Cambiar a la Herramienta Rectangular (M) y hacer un 45 x 12 px Forma con el mismo relleno lineal gris oscuro que tenemos para el conjunto VR.

Convertir a curvas y remodelar el rectángulo, haciendo un agarre cilíndrico. Reorganice el objeto, colocando el agarre entre los dedos y la palma en el Capas panel.

Paso 9

Duplicar (Control-J) el brazo y usar el Transforma función en el panel de control en la parte superior para Flip horizontal. Modifique la copia para crear el segundo brazo y la mano, sosteniendo el controlador de movimiento azul.

Paso 10

Añadamos el taco a la camiseta con el Insertar objetivo función. Seleccione la camiseta y haga clic en el Insertar dentro de la selección. botón. Utilizar el Herramienta Elipse (M) o la Herramienta de lápiz (N) para hacer un pequeño óvalo y llenarlo con el color de la piel, haciendo que coincida con el cuello del personaje.

Paso 11

¡Ahora vamos a las piernas! Utilizar el Herramienta Rectangular (M) hacer un 30 x 155 px forma gris azulada. Convertir a curvas y mueve los puntos usando el Herramienta de nodo (A). Dobla los bordes del rectángulo, ajustándolos a las líneas del boceto..

Paso 12

Ajusta la pierna, haciendo que se vea más caricaturesca y flexible. Aplica un relleno degradado lineal, oscureciendo la parte inferior de los pantalones vaqueros.

Paso 13

Dibuje la segunda pierna, siguiendo las líneas del boceto y, una vez que esté satisfecho con su forma, seleccione ambas piernas y aplique la Añadir Operación desde el panel de control en la parte superior para combinar ambos objetos juntos.

Utilizar el Insertar dentro de la selección. Función para dibujar un agujero rectangular en la rodilla izquierda de nuestro personaje..

4. Cómo dibujar las gomitas

Paso 1

Ahora que las piernas están listas, avancemos y describamos esos gumshoes. Comience formando una suela de un 70 x 8 px rectángulo gris claro. Haga una línea más delgada y más oscura a través de la suela.

Crea otro 70 x 8 px rectángulo en la parte superior del primero y rellénelo con color gris oscuro. Convertir a curvas, tomar el Herramienta de nodo (A), añada un nodo en el borde superior y arrástrelo hacia arriba.

Paso 2

Formemos la puntera del gumshoe.. Duplicar (Comando-J) La suela y acortar el rectángulo.. Convertir a curvas y doblar su borde superior hacia arriba, formando un gran arco. Elimine los nodos inferiores o muévalos hacia arriba, colocando la puntera en su lugar.

Paso 3

Utilizar el Insertar dentro de la selección. Función para dibujar unas muescas arqueadas dentro de la puntera. Añadir dos bucles para los shoestrings..

Duplicar (Comando-J) y Flip horizontal para crear el zapato opuesto.

Etapa 4

Vamos a añadir algunos detalles más a los jeans. Continuar usando el Herramienta de lápiz (N) (o la Herramienta Pluma (P)) para hacer un azul oscuro 1 pt trazo para el bolsillo.

Hacer la linea Salpicado en el Carrera panel, y establecer el Guión valor para 2 y el Brecha valor para 3, creando una puntada.

Agrega más golpes y puntos de sutura a los jeans, para que se vean más reales..

Paso 5

Ocultemos nuestra capa de boceto y veamos el aspecto general de nuestro personaje para ver si cada parte está en el lugar correcto. Podemos añadir cualquier detalle menor a nuestro gusto. Por ejemplo, aquí he añadido un símbolo de objetivo plano a la camiseta del niño. También coloqué una elipse aplastada debajo de sus pies, para que se pare en el suelo.

5. Cómo crear un fondo con símbolos

Paso 1

Ahora que nuestro personaje está terminado, hagamos que toda la composición se vea equilibrada agregando detalles menores al fondo.

Crear un Nueva capa y colóquelo debajo de todas las otras capas en el Capas panel.

Crea un gran rectángulo amarillo claro.. Convertir eso a curvas y mueva los nodos superiores en direcciones opuestas, haciendo que la parte superior de la forma sea más ancha.

Paso 2

Utilice varias formas personalizadas de Affinity Designer para rellenar el fondo con símbolos. Puede encontrar todas las formas de fantasía en el mismo menú desplegable que el Herramienta de triángulo. Tenga en cuenta que cada forma tiene su propia configuración y ajustes disponibles en la barra de herramientas de control en la parte superior.

Selecciona el Llenar color de las formas a ninguno y la Carrera Color a azul brillante. Ajustar el Anchura de los elementos en el Carrera panel y hacer los contornos Salpicado.

¡Increíble! Nuestro personaje de dibujos animados VR Kid está terminado!

Has hecho un gran trabajo, amigos, y creaste exitosamente tu personaje de dibujos animados en Affinity Designer! 

Espero que hayas disfrutado siguiendo este tutorial y que hayas aprendido algunos consejos y trucos nuevos que te puedan ayudar a comprender los principios de trabajar con formas simples y degradados para hacer que los elementos se vean dinámicos y diversos.. 

Continúa diseñando tus propios personajes de fantasía y aplica estas técnicas, convirtiendo tus bocetos en ilustraciones vectoriales terminadas!

Que te diviertas!