1. Design & Illustration
  2. Drawing/Illustration
  3. Character Design

Crea una ilustración otoñal de una niña en Affinity Designer

Scroll to top
Read Time: 12 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

¡Cada temporada del año tiene su propia encantadora belleza! El otoño es una de mis favoritas: hojas rojas y doradas, el cielo azul reflejándose en los charcos, la gente caminando bajo la lluvia con coloridas sombrillas. Vamos a inspirarnos y vamos a crear una acogedora ilustración de otoño con una linda niña portando botas de hule, sosteniendo una sombrilla. Usaremos varias herramientas de dibujo de Affinity Designer y decoraremos nuestra imagen con motivos personalizados. ¡Comencemos!

1. Crea la base usando tu bosquejo

Paso 1

Usaremos este bosquejo de una niña, que se dibujó en una hoja de papel, usando un lápiz y luego se digitalizó. Puedes elaborar tu propio bosquejo o solo haz clic con el botón derecho del mouse en la captura de pantalla que aparece a continuación y guárdalo en tu disco duro.

sketchsketchsketch

Paso 2

Crea un Nuevo documento de tamaño 600 x 800 px, Modo de color RGB. Usa la herramienta Colocar imagen en el panel Herramientas para colocar tu bosquejo en el lienzo.

Create a New Document and place sketchCreate a New Document and place sketchCreate a New Document and place sketch

Paso 3

Renombra la capa de tu bosquejo como "Sketch" en el panel Capas y establece el Modo de fusión en Multiplicar. De esta manera hacemos semitransparente nuestro bosquejo, pero aún con suficiente contraste, para que tanto nuestro bosquejo como las formas que dibujaremos abajo sean visibles.

Crea una Nueva capa debajo de la capa Sketch, toma la herramienta Lápiz (N) y comienza a trazar la forma básica del rostro de la niña.

Establece el color de Trazo en Ninguno y el color de Relleno en un rosa-naranja muy claro para el tono de la piel. Puedes ajustar la forma moviendo sus nodos con la herramienta Nodo (A).

start outlining the face with Pencil Toolstart outlining the face with Pencil Toolstart outlining the face with Pencil Tool

Paso 4

Ahora vamos a elegir la herramienta Pluma (P) y comenzamos a delinear el cabello. Usamos la herramienta Pluma aquí porque nos permite elaborar tanto líneas curvas como vértices nítidos de una manera muy conveniente. Haz clic y arrastra para elaborar una línea curva; haz clic y mantén presionada la tecla Opción para editar la posición de los manejadores del nodo. De esta manera cambiamos la dirección de los segmentos de línea y la agudeza de los ángulos.

use the Pen Tool P and start outlining the hairuse the Pen Tool P and start outlining the hairuse the Pen Tool P and start outlining the hair

Paso 5

Continúa delineando el cabello y regresa al nodo inicial, cerrando el trazado.

close the pathclose the pathclose the path

Paso 6

Rellena la forma con el color café chocolate.

Fill the shape with chocolate-brown colorFill the shape with chocolate-brown colorFill the shape with chocolate-brown color

Paso 7

Como lo has podido notar, la parte inferior del rostro de la niña se superpone a la bufanda. Podríamos dibujar la bufanda arriba del rostro, cubriendo su parte inferior, pero también intentemos otra manera para eliminar la pieza no deseada.

Primero que nada, dibuja una forma arriba de la cara de la niña, que cruce la parte inferior del rostro. Dirígete al panel Capas, selecciona la forma del rostro y arrástrala y suéltala arriba de la forma contorneada (arriba del nombre de la capa, no arriba de la miniatura). De esta manera ocultamos el rostro dentro del contorno, como si estuviera dentro de una Máscara de recorte. Establece los colores de Relleno y de Trazo del contorno en Ninguno.

place one shape inside the other in layers panelplace one shape inside the other in layers panelplace one shape inside the other in layers panel

Paso 8

Toma la herramienta Pluma (P) y comienza a trazar la bufanda.

Take the Pen Tool P and start outlining the scarfTake the Pen Tool P and start outlining the scarfTake the Pen Tool P and start outlining the scarf

Paso 9

Rellena la bufanda con un color naranja brillante.

Fill the scarf with bright-orange colorFill the scarf with bright-orange colorFill the scarf with bright-orange color

Paso 10

Ahora podemos pasar al abrigo de la niña. Su manga tiene muchos dobleces y el pliegue del brazo, así que será más conveniente dibujar la manga usando la herramienta Lápiz (N). Rellena la manga con un intenso color verde esmeralda.

draw the sleeve with the Pencil tooldraw the sleeve with the Pencil tooldraw the sleeve with the Pencil tool

Paso 11

Si quieres tomar el color de un objeto, encuentra el ícono del Selector de color en la parte superior del panel Color y arrástralo hacia tu imagen hasta que veas una lupa. Elige el punto deseado y libera el botón del mouse para seleccionar este color. Se guardará en el panel Color junto al ícono del Selector de color. Haz clic en el ícono del Selector de color para aplicar el color elegido a cualquier forma seleccionada.

Dibuja la segunda manga y rellénala del color verde esmeralda. Y finalmente, traza el mismo abrigo.

use the eyedropper tool and finish drawing the coatuse the eyedropper tool and finish drawing the coatuse the eyedropper tool and finish drawing the coat

Paso 12

Ahora vamos a crear el mango de nuestra sombrilla. Dibuja un rectángulo usando la herramienta Rectángulo (M) y haz redondeados los vértices de la forma en la barra de herramientas contextual superior. Ve al panel Trazo y establece el Ancho en 8 pt. Luego ve a Capa > Expander trazo para convertir el contorno en una forma.

make a handle using the Rectangle Tool M make a handle using the Rectangle Tool M make a handle using the Rectangle Tool M

Paso 13

Necesitamos únicamente la mitad inferior de este objeto. Dibuja un rectángulo arriba de la mitad superior, selecciona ambas formas y usa la operación Sustraer desde la barra de herramientas superior, cortando la parte superior del mango.

Ahora tenemos el objeto en forma de U. Hagamos más grande uno de sus extremos. Toma la herramienta Nodo (A), selecciona los nodos superiores del "brazo" derecho de nuestra forma en U y arrástralos hacia arriba usando las teclas de las flechas o manteniendo presionado el botón izquierdo del mouse y arrastrando los nodos hacia arriba.

En cuanto al "brazo" izquierdo de la forma en U, hagámoslo redondeado. Selecciona los nodos superiores del "brazo" izquierdo y haz clic en Convertir a curvas en la barra de control superior, haciendo curvos los vértices de la forma. ¡Ahora tenemos un mango curvado de la sombrilla!

delete the upper part in the Operations paneldelete the upper part in the Operations paneldelete the upper part in the Operations panel

Paso 14

Añade una barra al mango creando una franja angosta y larga con la herramienta Rectángulo (M). Cambia el color del mango a rojo y el color de la barra a gris metálico. Rota las formas y colócalas en la mano de la niña, de acuerdo a nuestro bosquejo.

Add a bar with the Rectangle Tool MAdd a bar with the Rectangle Tool MAdd a bar with the Rectangle Tool M

Paso 15

¡Pasemos a las fantásticas botas de hule! Toma la herramienta Pluma (P) y traza la forma de la bota frontal. Mantén presionada la tecla Mayúsculas para hacer líneas rectas horizontales o verticales.

Take the Pen Tool P and outline the gumbootTake the Pen Tool P and outline the gumbootTake the Pen Tool P and outline the gumboot

Paso 16

Haz la segunda bota copiando la frontal. Rellena las botas con colores rosa claro y rosa más oscuro.

Fill the boots with girlish pink colorsFill the boots with girlish pink colorsFill the boots with girlish pink colors

Paso 17

Ahora podemos pasar a las piernas de la niña. Toma la herramienta Pluma (P) y dibuja una línea ligeramente curva para la pierna frontal. Establece el Ancho del Trazo en 23 pt, que es lo suficientemente grueso para formar una pierna. Aplica Capa > Expandir trazo para convertir el contorno en una forma. Forma la pierna posterior de la misma manera, rellenándola de un color para un tono de piel ligeramente más oscuro.

draw the leg with the pen tool and expand itdraw the leg with the pen tool and expand itdraw the leg with the pen tool and expand it

Paso 18

Usa la herramienta Lápiz (N) para dibujar las manos de la niña.

Use the Pencil Tool N to draw girls handsUse the Pencil Tool N to draw girls handsUse the Pencil Tool N to draw girls hands

Paso 19

¡Ahora vamos a crear una sombrilla! Toma la herramienta Elipse (M), haz una elipse de un fantástico color rosa y rótala 330 grados, para que su lado superior encaje en la parte superior de la sombrilla en el bosquejo.

Convierte la elipse a Curvas en el panel contextual superior y mueve sus nodos laterales un poco hacia abajo, haciendo que la parte superior de la elipse encaje en la sombrilla de nuestro bosquejo tanto como sea posible.

make an umbrella with the ellipse tool 1make an umbrella with the ellipse tool 1make an umbrella with the ellipse tool 1

Paso 20

Dibuja otra elipse de un color rosa más oscuro para la parte interna de la sombrilla y colócala como se muestra en la captura de pantalla que aparece a continuación. Selecciona ambas formas y usa la operación Dividir para segmentar las formas en piezas separadas. Elimina la parte inferior innecesaria de la elipse más grande.

make an umbrella with the ellipse tool 2make an umbrella with the ellipse tool 2make an umbrella with the ellipse tool 2

Paso 21

Usa la herramienta Lápiz (N) para dibujar el resto del cabello de la niña. Puedes combinar ambas herramientas de dibujo. Por ejemplo, si comienzas a dibujar una línea ondulada y curva con la herramienta Lápiz (N), luego cambia a la herramienta Pluma (P), haz clic en el último nodo de tu línea y continúa dibujando.

Use the Pencil Tool N to draw the hairUse the Pencil Tool N to draw the hairUse the Pencil Tool N to draw the hair

2. Agrega detalles menores a tu imagen

Paso 1

Agreguemos algunos pequeños detalles a nuestra imagen que haremos más complicada. Primero que nada, decoraremos la sombrilla con pequeñitas "gotas" metálicas. Haz un círculo uniforme con la herramienta Elipse (M) manteniendo presionada la tecla Mayúsculas. Convierte el círculo a Curvas y arrastra su nodo superior más hacia arriba con la herramienta Nodo (A). Haz varias copias y coloca las gotas a lo largo del borde de la sombrilla. Conecta la parte superior de la sombrilla y las gotas con trazos rosa oscuro.

make metal drops from the ellipsemake metal drops from the ellipsemake metal drops from the ellipse

Paso 2

Dibuja la silueta de un charco azul y agreguemos algunos reflejos para hacerlo más realista. Haz un conjunto de franjas usando la herramienta Rectángulo (M) (en esta etapa las franjas están llenas de color oscuro solo para hacerlas visibles arriba del fondo blanco).

Agrupa (Comando-G) las franjas, rótalas y colócalas arriba del charco. En tu panel Capas, selecciona el grupo de franjas y arrástralas arriba de la forma del charco, de esta manera colocando las franjas dentro de la forma del charco, creando una Máscara de recorte. Rellena el grupo de franjas con un color azul muy brillante, creando un reflejo sobre la superficie del agua.

add reflections to the puddleadd reflections to the puddleadd reflections to the puddle

Paso 3

Añade varios botones sencillos al abrigo de la niña. Haz dos círculos, uno arriba del otro. Luego añade cuatro círculos más pequeños y más oscuros, representando los orificios en el botón. Usa la función Alinear en la barra de herramientas superior para colocar los orificios en el centro del botón.

make a button with the ellipse toolmake a button with the ellipse toolmake a button with the ellipse tool

Paso 4

Añade varios trazos café oscuro arriba del cabello con la herramienta Lápiz (N), representando cabellos caricaturizados separados en los flequillos de la niña.

¡Y formemos los rasgos faciales! Dibuja una nariz chata usando la herramienta Lápiz (N). Toma la herramienta Elipse (M) y haz una elipse contorneada. Duplica la forma y mueve la copia un poco hacia arriba. Usa la operación Sustraer para cortar la parte superior de las elipses superpuestas, adoptando una forma de media luna curva, representando un párpado cerrado. Rota la forma un poco y ponla en la posición del ojo, de acuerdo a nuestro bosquejo. Haz el segundo ojo y añade algunos detalles menores, como pecas y pestañas.

Puedes hacer un extremo de tu Trazo más ancho y el otro más angosto, por ejemplo, para las pestañas con vértices nítidos, al cambiar los ajustes del diagrama de Presión en el panel Trazo. Cada punto de la línea en el diagrama es responsable de los puntos correspondientes en tu trazado. Por ejemplo, puedes seleccionar la nariz de la niña y mover los extremos de la línea de Presión hacia abajo y su punto medio hacia arriba, haciendo los extremos de la nariz delgados y su parte central más gruesa.

form the facial features using the Stroke panelform the facial features using the Stroke panelform the facial features using the Stroke panel

Así luce nuestra niña en este paso. Además de los rasgos faciales, hemos añadido más trazos al cabello y al abrigo y un par de trazos curvos para las rodillas.

basic shapes are readybasic shapes are readybasic shapes are ready

3. Haz motivos y aplícalos a las formas

Paso 1

Hagamos un motivo sencillo de lunar para las botas de hule y la sombrilla. Para mayor conveniencia, crea un Nuevo documento de tamaño 200 x 200 px. Haz un círculo de 16 x 16 px y colócalo en la esquina superior derecha del lienzo al hacer clic en el círculo con el botón derecho del mouse y seleccionando Alineación > Alinear a la derecha y luego Alinear > Alinear con borde superior. Crea otro círculo, pero esta vez ponlo en la esquina superior izquierda del lienzo.

Crea otras cinco copias del círculo y vamos a alinearlas con otros círculos usando el panel Organizar en la barra de herramientas superior. Selecciona todos los círculos que tenemos, abre el panel Organizar y haz clic en Espaciar horizontalmente y Espaciar verticalmente.

make a simple polka-dot pattern 1make a simple polka-dot pattern 1make a simple polka-dot pattern 1

Paso 2

Agrupa (Comando-G) la fila superior de círculos, mantén presionadas las teclas Opción-Mayúsculas y arrástralos hacia abajo, creando una copia. Elimina el primer círculo de la segunda fila y mueve la fila a la izquierda, para que ambas filas estén acomodadas de una manera asimétrica. Copia ambas filas, creando más copias y rellenando el lienzo con un fantástico motivo de lunar. Usa el panel Organizar para crear un espaciado uniforme entre las filas.

make a simple polka-dot pattern 2make a simple polka-dot pattern 2make a simple polka-dot pattern 2

Paso 3

Llevemos nuestro motivo a nuestro primer documento con la niña. Redimensiona el motivo, haciendo los lunares más pequeños. Dirígete al panel Capas y coloca el motivo arriba de la bota frontal, ocultándola dentro de la bota, haciendo una Máscara de recorte.

Haz lo mismo para la segunda bota, haciendo los lunares del motivo un poco más oscuros (o disminuyendo su Opacidad en el panel Color).

place the pattern inside the gumboot layerplace the pattern inside the gumboot layerplace the pattern inside the gumboot layer

Paso 4

Usa la herramienta Rectángulo (M) para crear un conjunto de franjas verticales y horizontales, formando un motivo franjeado estilo tartán. Haz las franjas semitransparentes al cambiar su Modo de fusión a Multiplicar en el panel Capas y disminuyendo su Opacidad en el panel Color, para que las franjas sean visibles aunque se crucen.

Aplica el motivo a la bufanda de la niña, colocándolo dentro de la forma de la bufanda en el panel Capas, creando una Máscara de recorte.

create a striped tartan patterncreate a striped tartan patterncreate a striped tartan pattern

Paso 5

Aplica también nuestro motivo de lunar a la sombrilla, haciendo la imagen más detallada.

Apply polka-dot pattern to the umbrellaApply polka-dot pattern to the umbrellaApply polka-dot pattern to the umbrella

Paso 6

Vamos a crear algunas hojas amarillas y naranjas para añadir un suave ambiente de otoño a nuestra imagen.

Crea una elipse con la herramienta Elipse (M). Conviértela a Curvas, selecciona sus nodos superior e inferior con la herramienta Nodo (A) y conviértelos en vértices Nítidos desde el menú Convertir en la barra de herramientas superior. Haz un trazo curvo para el tallo, estableciendo el color de Trazo en café oscuro.

Haz la parte inferior del tallo grueso y la parte superior delgada y punteada, usando la función Presión en el panel Trazo: selecciona el extremo izquierdo de la línea del diagrama haciendo clic una vez y arrastrándola hacia abajo a su valor mínimo. Deja el punto derecho en su extrema posición superior.

make a leaf from the ellipse and a strokemake a leaf from the ellipse and a strokemake a leaf from the ellipse and a stroke

Paso 7

Usa la herramienta Lápiz (N) para dibujar las venas de nuestra hoja. Haz las venas más delgadas con la ayuda de la función Presión del panel Trazo.

add veins to the leaf using strokes of pencil tooladd veins to the leaf using strokes of pencil tooladd veins to the leaf using strokes of pencil tool

Paso 8

Añade un cálido fondo amarillo a nuestra imagen, rellenándolo con una acogedora atmósfera otoñal. Haz más copias de las hojas y espárcelas alrededor de la niña, variando los colores. Haz que la escena parezca como si las hojas estuvieran siendo empujadas por el viento.

¡Hola otoño!

¡Magnífico trabajo! ¡Nuestra escena de otoño con una caricatura de niña portando botas de hule está finalizada! Espero que hayas disfrutado usar las herramientas de dibujo vectorial de Affinity Designer y aprendido algunos nuevos consejos y trucos sencillos de este tutorial. Que tengas un cálido y acogedor otoño y ¡sigue creando cosas maravillosas!

finished autumn scene with a cartoon girl in gumbootsfinished autumn scene with a cartoon girl in gumbootsfinished autumn scene with a cartoon girl in gumboots
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads