Uso avanzado de las curvas de Bézier: Curvas cuadráticas de Bézier

177 952

ClipStudioOfficial

ClipStudioOfficial

Las curvas de Bézier se hacen utilizando puntos de control (y puntos de dirección) que determinan la forma de la curva.

Esta herramienta resulta útil para dibujar curvas más suaves que las hechas a mano alzada.

 

En CLIP STUDIO PAINT, es posible crear curvas cuadráticas y cúbicas de Bézier.

En esta lección, aprenderemos cómo usar la herramienta [Bézier cuadrático].

 

 

[1] ¿Qué es una curva cuadrática de Bézier?

Las curvas cuadráticas de Bézier se componen de múltiples puntos de control y puntos de dirección.

 

Si solo hay dos puntos de control (con los clics hechos en el orden ① > ②), no se generará una curva. En su lugar, una línea (recta) conectará los dos puntos ① y ② mediante la distancia más corta.

 

Si hay tres puntos de control (con los clics hechos en el orden ① > ② > ③), se trazará una línea curva que conectará ① y ③ con la influencia del punto de control ②.

 

Lo importante aquí es el punto de dirección, el que la línea no cruza.

Todas las curvas cuadráticas de Bézier constan de al menos dos puntos de control y un punto de dirección.

 

Si hay cuatro puntos de control, una curva conectará los puntos de control del punto inicial ① y del punto final ④.

Cuando el punto inicial ① y el punto final ④ se encuentran en posiciones diferentes, los puntos ② y ③ ejercen como puntos de dirección que controlan la curva.

 

Los puntos de dirección de la curva cuadrática de Bézier actúan como si se trataran de una goma elástica que tira de la línea.

Al explicarlo solo con palabras, puede sonar algo confuso, así que veámosla gráficamente en acción:

 

[2] Cómo usar la herramienta Bézier cuadrático

Primero, nos dirigimos a la herramienta [Figura] > subherramienta [Dibujo directo] y seleccionamos la subherramienta [Curva continua].

En la opción [Curva] de la paleta [Propiedad de herramienta], seleccionamos [Bézier cuadrático].

 

Nota:

La previsualización de la curva es distinta desde la versión 1.5.5 de CLIP STUDIO PAINT. Ahora es posible ver el color y el ancho de la línea mientras la dibujamos.

Para recuperar la vista simplificada de anteriores versiones, vaya al menú [Archivo] > cuadro de diálogo [Preferencias] > [Herramienta] y active [Utilizar visualización simple para líneas creadas con las herramientas de figura].

 

 

 

■ Cómo dibujar una curva simple

 

A continuación, dibujaremos una curva simple con [Curva continua].

 

Primero, debemos determinar los siguientes tres puntos: Punto de partida ① > Punto de dirección ② > Punto final ③.

Definiremos los puntos en función de la previsualización de la curva.

Hacemos clic en ② para añadir un punto de dirección.

Pulsamos la tecla [Enter] para ajustar el punto final en ③. Si hiciésemos clic de igual forma que en ②, se ajustaría como un punto de dirección en lugar de un punto final, por lo que la forma de la curva sería diferente a la de la previsualización.

Nota: También puede hacer doble clic mientras mantiene pulsada la tecla Alt para establecer el punto final.

 

 

 

■ Formar esquinas

 

Manteniendo presionada la tecla Alt al crear un punto de control, podremos darle un ángulo con vértice. Cualquier punto en el que hagamos clic mientras mantenemos pulsada la tecla Alt se conectará con una línea recta.

 

Por ejemplo, si la posición del punto inicial y del punto final es la misma, todos los puntos se convertirán en puntos de dirección, creando así una figura circular.

 

En este caso, podemos pulsar la tecla Alt al seleccionar el punto final (⑤) para crear una esquina en esa parte, dando como resultado una forma similar a una gota.

 

Nota:

No es posible pulsar la tecla Alt al seleccionar el primer punto.

 

Si los puntos inicial y final están en la misma posición, en caso de ser necesario, podemos pulsar la tecla Alt mientras hacemos clic en el punto final.

 

[3] Ejemplos de formas para curvas cuadráticas de Bézier

A continuación, veremos algunas de las figuras que podemos dibujar usando las curvas cuadráticas de Bézier. Vamos a practicar el uso de la herramienta haciendo las siguientes formas:

 

・ Bocadillo estrellado

Esta forma de curva invertida recuerda al típico bocadillo de texto que indica que un personaje está gritando. Gracias a la subherramienta para crear curvas cuadráticas de Bézier, podemos generar rápidamente este tipo de formas.

 

・ Formas complejas con esquinas redondeadas

Con la herramienta [Rectángulo] y la opción [Redondez de la esquina] activada, podemos crear rectángulos con esquinas redondeadas. Sin embargo, con el Bézier cuadrático podemos crear formas más complejas con esquinas también redondeadas.

 

Para hacer una curva con tres puntos como la de la imagen inferior, debemos hacer clic un poco antes de la esquina mientras mantenemos pulsada la tecla Alt. Después, hacemos clic directamente en el punto de la esquina y, por último, hacemos clic algo después de la esquina mientras mantenemos pulsada la tecla Alt.

 

Antes de dibujar formas complejas como la de esta estrella, es aconsejable preparar un boceto rápido.

Dibujamos teniendo en cuenta la posición del punto inicial y final de la curva.

 

[4] Editar en una capa vectorial

Si dibujamos la línea en una capa vectorial, podremos utilizar la herramienta [Operación] > [Objeto] para arrastrar los puntos de dirección y cambiar la forma de la curva posteriormente.

 

Nota: Para obtener más información sobre las capas vectoriales, consulte el siguiente artículo:

 

Al seleccionar una capa vectorial con la herramienta [Objeto], la paleta [Propiedad de herramienta] pasará a la siguiente forma:

 

Podemos cambiar la curva de una línea cuadrática de Bézier dibujada accediendo a [Modo] y seleccionando [Punto de control y escala/rotación] o [Mover punto de control].

 

Para visualizar los puntos de dirección, debemos seleccionar con la herramienta [Objeto] la línea vectorial dibujada.

Arrastrando los puntos de dirección mostrados podremos ajustar la curva.

 

Al seleccionar con la herramienta [Objeto] la línea dibujada, aparecerá una guía alrededor de dicha línea.

Colocar el puntero sobre la guía y arrastrarlo nos permitirá mover la línea.

Además, podemos cambiar el ángulo arrastrando el punto de control superior (círculo azul).

También podemos duplicar la línea teniéndola seleccionada y usando [Copiar] y [Pegar].

 

Tenga en cuenta que las líneas no se pueden manipular de esta manera si están dibujadas en una capa rasterizada. Dibújelas en una capa vectorial si desea editarlas así.

Dibújelas en una capa vectorial si desea editarlas así.

 

[5] Crearlas con la regla

También podemos crear líneas cuadráticas de Bézier con la herramienta [Regla].

Para ello, nos dirigimos a la herramienta [Figura] > [Crear regla] y seleccionamos [Regla curva].

En la opción [Curva] de la paleta [Propiedad de herramienta], seleccionamos el icono de [Bézier cuadrático] para crear una regla con la que hacer la curva cuadrática de Bézier.

Nota: La subherramienta [Curva continua] no existe en sí como regla, pero es posible dibujar una curva continua con la [Regla curva].

 

Con la subherramienta [Objeto], podemos editar la línea en cualquier momento de la misma manera que editamos las curvas continuas dibujadas en capas vectoriales.

 

La mayor ventaja de hacer las curvas con la regla es que nos permite dibujarlas posteriormente usando la herramienta que queramos.

Esta técnica resulta de utilidad si deseamos definir el ancho o el color de la línea con la herramienta [Lápiz], [Pincel] o [Acuarela], en lugar de con la herramienta [Plumilla].

 

Nota: Cómo ajustar la Regla curva a las cuadrículas

Al crear una regla utilizando la [Regla curva], esta no se ajusta por defecto a las cuadrículas.

 

Si desea cambiar este ajuste, diríjase a la paleta [Propiedad de herramienta] y abra la paleta [Detalle subherramienta] mediante el icono que se encuentra en la parte inferior derecha. Después, acceda a la categoría [Corrección] y active [Posibilidad de ajustar] para que la herramienta [Regla] se ajuste a las cuadrículas.

Comentario

Nuevo

Últimas publicaciones en Oficial