Primer ejercicio hecho exclusivamente en interfaz gráfica.

Video Explicativo

Para ver el video más lento: Configuración - Velocidad - 0,5...

Explicación paso a paso:

DISEÑO GRÁFICO 06 DIBUJEMOS UN CORAZÓN, SIN UTILIZAR CÓDIGO, (POR FIN)

Hola de nuevo, ahora que ya entendemos cómo funciona el código de una imagen vectorial, ya estamos preparados para dibujar nuestra primera imagen sin utilizar para ello el código.

Crearemos un corazón, parecido al que hicimos en el ejercicio anterior, pero únicamente utilizando la interficie gráfica.

Vamos a https://editor.method.ac

Para ello, utilizamos la pluma, pero, en lugar de curvas haremos rectas con vértices.

Recta: Hago clic con el mouse, muevo y vuelvo a hacer click:

Mediante clicks, haremos la siguiente figura:

Ahora, hacemos doble click sobre cada uno de sus vértices. De esta forma, los convertimos en curvas, apareciendo en cada uno de ellos, dos vectores:

A continuación, en todos los vértices que deban convertirse en curvas, pondremos sus vectores formando una recta, de esta forma:

En los puntos donde no deben haber curvas, sino vértices, podemos hacerlos más agudos, juntando los extremos de los vectores:

En principio, la figura ya estaría:

Pero, si la observamos con atención, vemos que las curvas que se unen por un punto, no quedan del todo bien:

Esto ocurre porque, para que queden bien, los dos vectores deben formar una línea recta perfecta y, además, deben medir exactamente lo mismo.

Hacer esto a mano es muy complejo. Pero existe un truco para que la aplicación lo haga automáticamente. Debemos insertar un nuevo punto: pulsamos "Add Node"

El nuevo nodo tiene sus vectores del mismo tamaño exacto y formando una recta perfecta.

Lo curioso de este nodo es que, si ahora tocamos los vectores de todas las curvas, estos se "contagian" de este fenómeno:

Es muy importante que en esta "Fase de Contagio" no toquéis los vectores de los puntos donde no deben haber curvas, si no, generan una curva y es bastante complicado repararlo...