Spanish (Español) translation by Javier Salesi (you can also view the original English article)
En este tutorial, recorreremos el emocionante proceso de diseñar un personaje de caricatura ¡desde cero hasta terminarlo! Acompáñame y veamos cómo podemos dar vida a nuestro bosquejo al transformar formas geométricas, aplicar degradados y usar varias herramientas y funciones de Designer persona de Afflinity Designer ¡para hacer el proceso divertido y fácil! ¡Comencemos!
Al final de este tutorial, crearás un fantástico personaje en una pose dinámica y podrás usar estas técnicas y crear personajes vectoriales únicos ¡desde tus bosquejos! Si necesitas algo de inspiración para tus futuros proyectos, dirígete a GraphicRiver ¡y descubre la variedad de personajes vectoriales disponibles ahí!
1. Cómo dibujar la cabeza y la nariz del niño
Paso 1
Primero que nada, necesitamos un bosquejo. Puede no ser tan preciso y lo puedes hacer en un pedazo de papel o crearlo digitalmente en un software generador de personajes usando una tableta gráfica.
Este es un bosquejo de un niño que hice con antelación. Puedes crear el tuyo o solo descargar este al darle clic con el botón derecho del mouse y elegir Guardar como.
Paso 2
Crea un Nuevo documento de tamaño 800 x 600 px y usa la herramienta Colocar imagen para importar tu bosquejo e incrustarlo en el lienzo.
Selecciona el bosquejo en el panel Capas y disminuye su Opacidad a 50%. Establece el Modo de fusión en Multiplicar, haciendo la imagen semitransparente. De esta manera podremos ver todos los elementos que crearemos debajo del bosquejo.
Paso 3
Crea una Nueva capa y arrástrala debajo de la capa del bosquejo.
Comencemos creando la cabeza. Usa la herramienta Elipse (M) para hacer una forma de 130 x 120 px. Haz clic en el botón Convertir a curvas en la barra de control superior para poder modificar la forma.
Selecciona el nodo izquierdo usando la herramienta Nodo (A) y arrastra el nodo hacia abajo, combinándolo con el punto extremo de la mejilla del niño en el bosquejo.
Jala el manejador del nodo hacia arriba, haciendo que el óvalo encaje en las líneas del bosquejo.
Paso 4
Apliquemos el relleno de degradado a nuestra forma para añadirle algo de volumen. Selecciona la forma, toma la herramienta Relleno (G) y haz clic y arrastra por toda la forma. Ahora podemos editar los colores: seleccionando los controles deslizantes del círculo del relleno de degradado y ajustando sus colores en el panel Color, o experimentando con los ajustes de la ventana de opciones de Relleno en la barra de herramientas superior. Abre el panel Relleno de degradado y haz clic en los controles deslizantes de la barra de degradado para ajustar los colores.
Haz la parte inferior de la cara ligeramente más oscura que la frente.
Paso 5
Usa la herramienta Elipse (M) para hacer una oreja. Aplícale un Relleno lineal, haciendo la punta de la oreja rosa. Aplica Convertir a curvas y deforma ligeramente la oreja, haciéndola que encaje en el bosquejo.
Paso 6
Agreguemos detalles a la oreja usando la herramienta Lápiz (N). Haz un trazo arqueado y establece el color del Trazo en café en el panel Color. Ajusta los parámetros desde la barra de herramientas superior o desde el panel Trazo, estableciendo el valor de Ancho en 5 pt y el Controlador en Presión.
Podemos mover los nodos del trazo usando la herramienta Nodo (A) para hacer curva la línea.
Agrega otro trazo más corto, uniéndolo al primero.
Paso 7
Así es como luce la base de la cabeza si alternamos la visibilidad de la capa del bosquejo.
Paso 8
Ahora dibujemos una nariz. Usa la herramienta Lápiz (N) para hacer una divertida forma arqueada parecida a una gota. También puedes utilizar la herramienta Pluma (P), que te brinda mayor control sobre los nodos.
Paso 9
Rellena la nariz con un degradado lineal diagonal de rojo a rosa. Agrega una forma similar a una gota más pequeña en la punta de la nariz y aplica un degradado más claro para elaborar una iluminación brillante.
Paso 10
Haz invisible el bosquejo y asegúrate de que todos los detalles y el color encajen de manera adecuada.
2. Cómo dibujar un visor de realidad virtual
Paso 1
Usa la herramienta Rectángulo redondeado (M) para elaborar una forma de 95 x 45 px rellena de un degradado lineal gris oscuro. Podemos ajustar el radio del Vértice desde la barra de herramientas superior antes de Convertir la forma a Curvas (para hacerla editable).
Una vez que la forma es convertida, usa la herramienta Nodo (A) para añadir nodos y mover los manejadores del nodo, haciendo que la forma encaje en la perspectiva y combinar los bordes con los contornos del bosquejo. Crea un pequeño arco en el área del puente de la nariz del visor de RV y coloca la nariz del niño sobre el visor seleccionándola y presionando Mayúsculas-Control-[.
Paso 2
Ahora agreguemos un resplandeciente elemento azul arriba del visor de RV. Usa la herramienta Rectángulo redondeado (M) para elaborar una forma de 30 x 10 px y rótalo -15 grados. Abre el panel Efectos (puedes encontrarlo junto al panel Capas) y marca la casilla de verificación Resplandor exterior. Desde aquí podemos ajustar el color del resplandor y otros parámetros de este efecto.
Convierte la forma a Curvas y haz su parte derecha ligeramente más angosta para hacerla encajar en la perspectiva.
Paso 3
Agreguemos detalles al visor. Selecciónalo y haz clic en el botón Insertar dentro de la selección en el panel Insertar destino. Puedes encontrarlo en la esquina superior derecha de la barra de herramientas superior.
Ahora podemos usar las formas geométricas o las herramientas de dibujo (la herramienta Lápiz (N) o la herramienta Pluma (P)) para añadir dos franjas rectangulares en la parte inferior y en la parte superior del visor de RV.
Rellena la franja superior con un color gris más claro en la parte inferior con un color gris más oscuro, haciendo el visor más tridimensional.
Paso 4
Continúa usando una de las herramientas de dibujo para elaborar la boca al calcar la forma del bosquejo. Rellénala de blanco para los dientes y agrega trazos más oscuros en la parte superior, representando las arrugas de la piel.
Ajusta el Ancho de los trazos, estableciendo el parámetro en 5.5 pt.
Paso 5
Regresemos al visor de RV y crea su elemento lateral. Usa la herramienta Rectángulo (M) para crear una forma gris de 20 x 40 px y Convertir a curvas. Organiza los objetos, colocando el rectángulo debajo del visor de RV. Mueve los puntos de ancla del rectángulo, haciendo más amplio su lado derecho.
Duplica (Comando-J) el rectángulo y vamos a convertirlo en una correa. Copia (Comando-C) la forma RV gris oscura y luego selecciona el rectángulo y aplica Edición > Pegar estilo, aplicando de esta manera el relleno de degradado gris oscuro a la forma.
Ahora podemos seleccionar y arrastrar el nodo superior izquierdo y el nodo inferior izquierdo del rectángulo al lado opuesto, poniendo la forma "de adentro hacia afuera".
Paso 6
Estira la correa detrás de la oreja. Coloca la oreja y sus elementos arriba de la correa (Mayúsculas-Comando-]).
Paso 7
Continuemos para crear un peinado. Dibuja la silueta, usando nuestro bosquejo como guía y aplica una relleno lineal de rojo a café. Usa la función Insertar dentro de la selección para dibujar algunas líneas café oscuro dentro de la forma del cabello, representando mechones separados.
Paso 8
Finaliza el rostro del niño esparciendo algunas pecas en las mejillas. Usa la herramienta Elipse (M) mientras mantienes presionada la tecla Mayúsculas para hacer uniformes los círculos.
Crea un rectángulo de tamaño 15 x 20 px para el cuello. Aplica un relleno lineal, haciendo la parte superior de la forma ligeramente más oscura que el rostro. Convierte la forma a curvas y mueve los nodos, haciendo más angosta su parte inferior.
3. Cómo dibujar el cuerpo en pose dinámica
Paso 1
Toma la herramienta Rectángulo (M) y ¡comencemos a diseñar la camiseta! Haz un rectángulo de 60 x 115 px y aplica un relleno lineal púrpura brillante, oscureciendo la parte inferior de la forma.
Convierte a curvas, toma la herramienta Nodo (A) y arrastremos los nodos en direcciones opuestas, uniéndolos a los hombros y a los bordes inferiores de la camiseta en nuestro bosquejo.
Haz clic y arrastra el lado del rectángulo para curvar su borde, haciéndolo encajar en el bosquejo.
Haz arqueados los bordes izquierdo, derecho e inferior del rectángulo, para que parezcan más caricaturizados.
Crea un nodo adicional en el centro del borde superior y arrástralo hacia arriba, al cuello del personaje.
Paso 2
Ahora agregaremos las mangas. Crea un rectángulo en el lado izquierdo del cuerpo y aplica el mismo relleno lineal púrpura.
Convierte a curvas y mueve los nodos, uniendo la manga a la camiseta.
Paso 3
Podemos habilitar la función Ajuste para facilitar la combinación de los nodos. De esta manera podemos alinear los nodos y ver en qué punto se superponen.
Paso 4
Agrega la segunda manga, haciendo que todos los elementos encajen.
Paso 5
Dibujemos los brazos. Usa la herramienta Lápiz (N) (o la herramienta Pluma (P)) para elaborar un trazo arqueado.
Abre el panel Trazo (o el menú Trazo en el panel de control superior) y establece el Ancho en 14 pt, haciendo la línea lo suficientemente gruesa. Establece el Remate en Extremo redondeado.
Abre los ajustes de Presión y ajusta el diagrama para hacer más grueso el brazo en el hombro y más delgado en la muñeca al mover los puntos del diagrama como se muestra en la imagen que aparece a continuación.
Paso 6
Ahora crearemos una mano desde un círculo. Usa la herramienta Elipse (L) para hacer una forma de 22 x 21 px. Conviértela a Curvas y comienza a modificar la forma, elaborando una palma. Mantén presionada la tecla Opción y usa la herramienta Nodo (A) para jalar y mover los manejadores del nodo de manera independiente.
Usa la herramienta Lápiz (N) para dibujar un dedo pulgar. Haz su relleno degradado ligeramente más claro (especialmente en la parte superior del pulgar) para separarla de la palma.
Paso 7
Usa la herramienta Rectángulo redondeado (M) para crear los dedos. Rótalos ligeramente y varía la longitud de cada dedo.
Paso 8
Dibujemos el controlador del movimiento en la mano del niño. Comienza haciendo un círculo rosa de 30 x 30 px usando la herramienta Elipse (M).
Cambia a la herramienta Rectángulo (M) y haz una forma de 45 x 12 px con el mismo relleno lineal gris oscuro del que tenemos para el visor de RV.
Aplica Convertir a curvas y reforma el rectángulo, haciendo un mango cilíndrico. Vuelve a organizar el objeto, colocando el mango entre los dedos y la palma en el panel Capas.
Paso 9
Duplica (Control-J) el brazo y usa la función Transformar en el panel de control superior para aplicar Voltear horizontal. Modifica la copia para crear el segundo brazo y la segunda mano, sosteniendo el controlador de movimiento azul.
Paso 10
Agreguemos el cuello a la camiseta usando la función Insertar destino. Selecciona la camiseta y haz clic en el botón Insertar dentro de la selección. Usa la herramienta Elipse (M) o la herramienta Lápiz (N) para hacer un pequeño óvalo y rellénalo de color piel, haciéndolo combinar con el cuello del personaje.
Paso 11
¡Ahora pasemos a las piernas! Usa la herramienta Rectángulo (M) para hacer una forma de color azul grisáceo de 30 x 155 px. Aplica Convertir a curvas y mueve los puntos usando la herramienta Nodo (A). Curva los bordes del rectángulo, haciéndolos encajar en las líneas del bosquejo.
Paso 12
Ajusta la pierna, haciéndola lucir más como de caricatura y flexible. Aplica un relleno de degradado lineal, oscureciendo la parte inferior de los jeans.
Paso 13
Dibuja la segunda pierna, siguiendo las líneas del bosquejo y una vez que estés satisfecho con su forma, selecciona ambas piernas y aplica la operación Añadir desde el panel de control para combinar ambos objetos en uno.
Usa la función Insertar dentro de la selección para dibujar un hoyo rectangular en la rodilla izquierda de nuestro personaje.
4. Cómo dibujar los zapatos de goma
Paso 1
Ahora que las piernas están listas, continuemos y dibujemos esos zapatos de goma. Comienza formando una suela desde un rectángulo gris claro de 70 x 8 px. Haz una línea más delgada y más oscura por toda la suela.
Crea otro rectángulo de 70 x 8 px arriba del primero y rellénalo de gris oscuro. Aplica Convertir a curvas, toma la herramienta Nodo (A), añade un nodo en el borde superior y arrástralo hacia arriba.
Paso 2
Formemos la puntera del zapato de goma. Duplica (Comando-J) la suela y haz el rectángulo más chico. Aplica Convertir a curvas y dobla su borde superior, haciendo un arco grande. Elimina los nodos inferiores o muévelos hacia arriba, colocando la puntera en su lugar.
Paso 3
Usa la función Insertar dentro de la selección para dibujar algunas muescas arqueadas dentro de la puntera. Añade dos aros para los cordones.
Duplica (Comando-J) y aplica Voltear horizontal para crear el zapato opuesto.
Paso 4
Agreguemos más detalles a los jeans. Continúa usando la herramienta Lápiz (N) (o la herramienta Pluma (P)) para elaborar un trazo azul oscuro de 1 pt para el bolsillo.
Haz la línea con Guiones en el panel Trazo y establece el valor del Guión en 2 y el valor del Espacio en 3, creando una costura.
Agrega más trazos y costuras a los jeans, haciéndolos lucir más reales.
Paso 5
Ocultemos la capa de nuestro bosquejo y consulta 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 agregado un símbolo de objetivo en la camiseta del niño. También he colocado una elipse aplastada debajo de sus pies, para que esté parado sobre el piso.
5. Cómo crear un fondo con símbolos
Paso 1
Ahora que nuestro personaje está terminado, hagamos que toda la composición luzca equilibrada añadiendo detalles menores al fondo.
Crea una Nueva capa y colócala debajo de todas las demás capas en el panel Capas.
Crea un rectángulo grande amarillo claro. Conviértelo a curvas y mueve los nodos superiores en direcciones opuestas, haciendo la parte superior de la forma más ancha.
Paso 2
Usa varias formas personalizados de Affinity Designer para rellenar el fondo con símbolos. Puedes encontrar todas las fantásticas formas en el mismo menú desplegable de la herramienta Triángulo. Nota que toda forma tiene sus propios parámetros y ajustes disponibles en la barra de herramientas superior.
Establece el color de Relleno de las formas en ninguno y el color del Trazo en azul brillante. Ajusta el Ancho de los elementos en el panel Trazo y haz los contornos con Guiones.
¡Fabuloso! ¡Nuestro personaje infantil de caricatura con visor de realidad virtual está terminado!
Han hecho un magnífico trabajo, mis amigos, ¡y crearon exitosamente su personaje de caricatura en Affinity Designer!
Espero que hayas disfrutado este tutorial y aprendido algunos nuevos consejos y trucos que pueden ayudarte a entender los principios de trabajar con formas y degradados simples para hacer que los elementos luzcan más dinámicos y diversos.
Continúa diseñando tus propios personajes fantásticos y aplica estas técnicas, convirtiendo tus bosquejos ¡en ilustraciones vectoriales terminadas!
¡Diviértete!
By
