Introducción

¡Hola! Hoy les mostraré cómo hago que las ilustraciones de alimentos sean más fáciles y rápidas con las subherramientas de figuras de Clip Studio Paint.

 

Usaré principalmente [curva de Bezier] y [elipse]. Recuerde que cada capa donde usaré estas herramientas serán capas vectoriales, de esa manera puedo editarlas fácilmente. La subherramienta [Elipse] es bastante sencilla, pero para usar la [curva Bezier] tendrás que familiarizarte con los puntos de control, ¡y encontré la forma de hacerlo con un juego!

Herramientas

Beziers usan manijas y anclas. Los anclajes determinan dónde va el camino, mientras que los anclajes describen la curvatura de la línea. Encontré un juego en línea que te enseña cómo usar herramientas de Bezier. No está destinado a CSP, pero tiene las mismas claves, por lo que debería ser el mismo:

¡Por favor, practique con este recurso! Hay una pequeña curva de aprendizaje, pero vale la pena dominar una herramienta tan esencial del diseño gráfico.

Te explicaré las claves para usar herramientas con curvas bezier. Solo será una descripción general para hacer que el tutorial sea más coherente, todo esto se ha explicado mejor en un tutorial de ClipStudioPaint, ve a verlo:

Puede usar curvas Bezier con la subherramienta [Curva Bezier] en la herramienta [Figura], la [Regla de curva] en la herramienta [Regla] y la subherramienta [Polilínea] en la herramienta [Selección]. Para usarlo en la selección [Polilínea], deberá activarlo en el menú [Detalle de subherramienta]. Me gusta hacer que sea visible para cambiar como mejor me parezca.

Para hacer líneas rectas, simplemente haga clic en el lienzo sin arrastrar:

Los Béziers se hacen cuando haces clic mientras dibujas. El controlador se establecerá en cualquier dirección que arrastre hacia:

Si hace clic en [Mayús] mientras arrastra, el controlador se moverá en incrementos de 45 °:

Puede cambiar los incrementos yendo al menú [Detalle de subherramienta]:

[1] Lo hace visible en la paleta [Propiedad de herramienta].

[2] Ajusta la línea / mango en el ángulo cuando se acerca.

[3] Establezca el ángulo arrastrando el control deslizante o cambiando el número de unidad.

 

RECUERDE: Estos son ángulos, no porcentajes. Si desea que el ángulo se establezca en las cuatro direcciones cardinales, debe establecerlo en 90, no en 50.

Para reiniciar el último punto de anclaje que hizo, haga clic en [Eliminar / Retroceso] en su teclado:

Haga clic en un punto de anclaje para eliminarlo:

Haga clic en la línea para agregar un nuevo punto de anclaje:

Para mover un ancla o un asa mientras dibuja, presione [Ctrl] en su teclado y muévalos.

 

Para eliminar y agregar anclas, debe asegurarse de tener activada la opción [Agregar / eliminar puntos de control mientras dibuja] en la paleta [Detalle de subherramienta].

Si mientras dibuja, desea hacer una curva en una esquina, haga clic en el ancla mientras mantiene presionada [Alt] en su teclado:

Si es una esquina que desea convertir en una curva, arrastrar el ancla mientras mantiene presionada la tecla [Alt] le dará manejadores:

Entonces, si hace clic en el lienzo, se convierte en una esquina, y si arrastra, se convierte en una curva ...

... pero ¿y si quieres a los dos en el mismo ancla? ¿Dos curvas que se fusionan en una esquina, o un lado es una línea recta y luego una curva? Si arrastra la esquina dibujada por última vez, le da un asa, por lo que puede convertirse en una curva. Y si hace clic en la última curva dibujada, se convierte en una esquina. Además, si desea cerrar una curva, hacer clic en el primer punto mientras presiona [Alt] le permitirá mantener el control del último controlador, en lugar de fusionarlo con el primero.

Todos estos comportamientos se realizan mientras se dibuja una curva, y se convierten en una segunda naturaleza después de un tiempo. Pero, ¿y si ya finalizaste la curva? Ingrese la herramienta [Línea correcta]. La subherramienta [Punto de control] ofrece muchas opciones para modificar los anclajes y controladores de la curva dibujada.

Si elige usar curvas bezier para hacer lineart, puede usar la subherramienta [Ajustar ancho de línea] para dar a las curvas diferentes anchos, como si dibujara con diferentes presiones usando la herramienta [Lápiz].

Bien entonces, todo listo. Deja que te muestre mis pasos cuando hagas una ilustración:

Miniaturas

Comenzamos de la misma manera que cada ilustración, ¡con miniaturas!

Es probable que ya tenga algo en mente, pero si comienza de inmediato, corre el riesgo de comenzar un dibujo para darse cuenta a mitad de camino de que la composición no es de su agrado. Dentro de algunas cajas pequeñas, dibuje versiones pequeñas de lo que tiene en mente. Haz variaciones y prueba cosas diferentes. Tal vez otro ángulo? ¿Qué pasa si agrega otros elementos? Hágalos rápidamente, no más de 2 minutos por miniatura. No te involucres demasiado en uno. Estos son bocetos desechables, por lo que es mejor si apuntas a la cantidad.

Te mostraré algunos de los que hice para la ilustración de ramen que haré.

Esas son todas variaciones del mismo concepto. Solo sigo moviendo el tazón. Terminé por conformarme con el de abajo.

Una vez que tenga el que le gusta, amplíelo para que ocupe todo el lienzo.

Por lo general, el siguiente paso sería dibujar, pero como utilizo herramientas de curva en capas vectoriales para hacer las ilustraciones, eso me permite cambiar las cosas si no estoy contento con ellas, tengo la confianza suficiente para moverme directamente al dibujo lineal. Por lo general, solo bosquejo si el elemento es demasiado complicado. Eso es lo que pueden ser las herramientas de curva de cambio de juego.

Arte lineal

Traté de grabarme para ilustrar mejor esta parte, pero mi computadora es vieja y anticuada, así que tuve que renunciar a ella. Me explicaré lo mejor que pueda, pero si tiene alguna pregunta, no dude en hacerla en los comentarios.

Utilizo diferentes capas de vectores para cada elemento del dibujo, prefiero fusionarlas si quiero unir algo más adelante, que tener que seleccionar, cortar y pegar en otra capa si quiero separarlas. Uso un pincel muy delgado (1.5) porque lo llenaré de color más adelante. ¡Ojalá pudiera rellenar capas vectoriales! Estoy seguro de que el equipo de CSP está trabajando duro para futuras actualizaciones;)

Comencé con el tazón, usando tres elipses para hacer la forma.

Luego hice los palillos. Utilicé la herramienta Bezier, pero mantuve los lados rectos, curvándolos un poco en las puntas.

Pasando a los huevos, usé un círculo y agregué curvas bezier para la parte superior y ovalada del huevo. Una curva también ayuda a crear profundidad.

A continuación, los fideos, una parte importante de esta ilustración. Todas estas son curvas de Bezier con un tamaño de pincel de 15. Tenía 4 capas.

Ahora, la carne. Cada una de ellas es una capa diferente para facilitar la coloración, todas hechas con beziers.

A continuación, la sopa. Quería que pareciera que se estaba derramando, como si el cuenco hubiera caído desde una posición más alta. Me aseguré de considerar cómo se mueven los fideos en el tazón.

Se ve bien, pero falta algo. Quería mi ramen con maíz y cebolla verde, pero dibujar cada uno hubiera sido una molestia, así que hice pinceles personalizados. Dependiendo de lo que desee, puede encontrar diferentes soluciones.

Estos son todos los elementos de la ilustración. Ahora, a colorear.

Colorante

Colorear estas capas será bastante simple. Ordenada, capa por capa, selecciono cada área y la pinto en una capa de trama. Si es necesario, uso la herramienta [Borrar selección] para anular la selección de las áreas no deseadas.

Lo hice para cada elemento (excepto los fideos, por supuesto), coloreando con colores sólidos o con degradados, y agregando detalles como mejor me parecía. Mantuve el trabajo de línea en esta sección con fines ilustrativos, pero apague las capas a medida que avanza por ellas.

El interior de las chuletas de cerdo se hizo con un gradiente de Elipse establecido en Repetir. También les di profundidad con un degradado en una capa separada configurada para multiplicarse.

Los fideos recibieron un tratamiento especial. Usé una capa de clip para cada uno y agregué sombra para que pareciera que estaban juntos en el mismo espacio.

A la sopa. Utilicé un degradado y configuré el modo de fusión en Multiplicar.

Luego, en una máscara, borro espacios del color para que parezca que el contenido rompió la tensión superficial.

No quería ver el fondo a través de la sopa, así que hice una capa sólida debajo de ella.

Dependiendo de su diseño, probablemente necesitará enmascarar ciertos elementos para que las interacciones entre los contenidos sean más creíbles. Lo hice, por ejemplo, con los fideos y los palillos.

Antes de continuar, agregué gradientes en algunos lugares donde no tenía que crear sombras y profundidad.

Para terminar, agregué Highlights a la sopa.

[1] En una capa ráster encima de todo, use la herramienta [Curva de Bezier] para crear formas que simulen reflejos.

[2] A continuación, seleccione una de las formas.

[3] Utilizando el [Borrar degradado] en la herramienta [Gradiente], elimine los bordes de la forma que seleccionó. Repita [2] y [3] hasta que haya terminado con cada forma.

[4] Reduce la opacidad de la capa.

Así es como se veía después de agregar ruido, una sombra paralela, algunos degradados adicionales y colorear el fondo.

Ejemplos extra

Incluiré algunos ejemplos adicionales de algunas ilustraciones de alimentos que he hecho usando herramientas de figuras, para darle una idea de lo que puede hacer.

Incluso hice las fresas y los arándanos en este con la herramienta Bezier, es una herramienta muy dinámica:

No tiene que hacer que cada comida parezca que se está cayendo. ¡Me gusta hacer ilustraciones planas también! Aquí hay una versión de los waffles vistos arriba ...:

... y el ramen hecho en este tutorial:

Otra herramienta que puede usar es la [Regla de curva], una subherramienta de la herramienta [Regla]. Funciona igual que la [curva de Bezier]. Lo utilicé en esta ilustración junto con la [Regla simétrica], porque quería que las botellas se vieran simétricas:

Las curvas de Bezier no solo son buenas para las ilustraciones de alimentos. ¡Funcionan muy bien para todo tipo de cosas! Aquí hay un patrón que hice con motivos florales y animales. Todo se hizo usando la herramienta [Curva de Bezier].

Pensamientos finales

Las curvas de Bezier son una herramienta esencial en el diseño gráfico. Le permiten crear bellas ilustraciones con el mínimo esfuerzo. ¡Sé con certeza que habría perdido las teclas Ctrl y Z de mi teclado si no fuera por ellos! Como mi Wacom es viejo y a menudo me falla, los uso para ilustraciones, dibujos lineales, ¡todo!

 

Espero que este tutorial te haya inspirado para intentar usarlos en tus ilustraciones. Si tienes alguna pregunta, ¡me encantaría ayudarte! Puedes dejar un comentario al final de esta página, lo reviso a menudo.

Si desea ver más de mi trabajo, puede consultar mi Instagram ...:

... o mi twitter:

Ah, y perdón por cualquier error gramatical, el inglés no es mi lengua materna :)

(Edición 27/05/20) Hice una gran adición a la sección Herramienta, edité el título y la miniatura, agregué otro ejemplo y cambié algunos errores gramaticales a través del texto. Solo hice una presentación de la entrada "Dibujar curvas continuas y curvas de Bezier" del manual de introducción, en lugar de vincularla para que intente como estaba originalmente. Consulte el manual aquí:

Lo hice porque el tutorial me pareció más ilustrativo que pedagógico después de publicarlo. Te mostré cómo usaba las herramientas Bezier, pero no te dije cómo usarlas. Lo dejé así, pero cuanto más tiempo pasaba, más me molestaba. De ahora en adelante, guardaré los tutoriales como borrador durante un par de días, para evitar situaciones como esta.

Revisé los otros tutoriales en los resultados de búsqueda de #CurveTool para asegurarme de no molestar a nadie, y ninguno de los tutoriales publicados tenía esta información, aunque encontré un tutorial del equipo de CSP que cubre el mismo tema y los acredité en consecuencia .