DISEÑO GRÁFICO 03 HAGAMOS OTRO DIBUJO VECTORIAL

Hola de nuevo, hoy vamos a crear y modificar otra imagen vectorial.

Vamos a https://editor.method.ac

Miramos su Código: "Wiew - Source"

  <path id="svg_1" d="m266.5,107.45313c143,3 123,188 11,187c-112,-1 -154,-190 -11,-187z" stroke-width="1.5" stroke="#000" fill="#fff"/>

Ahora movemos sus vectores, sin desplazar los puntos. Queda así:

Volvemos a mirar su código.

  <path id="svg_1" d="m266.5,107.45313c150,-70 171,296 11,187c-160,-109 -162,-117 -11,-187z" stroke-width="1.5" stroke="#000" fill="#fff"/>

Observamos que, la parte amarilla permanece constante. Así pues, los valores amarillos han de serlas coordenadas de los dos puntos, mientras que los valores no amarillos han de ser los que afectan a los vectores.

Tal como hicimos en el anterior ejercicio, vamos a ir cambiando los valores no amarillos por 100:

  <path id="svg_1" d="m266.5,107.45313c100,-70 171,296 11,187c-160,-109 -162,-117 -11,-187z" stroke-width="1.5" stroke="#000" fill="#fff"/>

Al modificar el primer valor, vemos que afecta al vector superior izquierdo.

Cambiamos el siguiente valor:

  <path id="svg_1" d="m266.5,107.45313c100,-100 171,296 11,187c-160,-109 -162,-117 -11,-187z" stroke-width="1.5" stroke="#000" fill="#fff"/>

Vemos que afecta al mismo vector. En la imagen observamos que representa cada uno de esos dos valores:

  <path id="svg_1" d="m266.5,107.45313c100,-100 100,100 11,187c-160,-109 -162,-117 -11,-187z" stroke-width="1.5" stroke="#000" fill="#fff"/>

  <path id="svg_1" d="m266.5,107.45313c100,-100 100,100 11,187c-100,100 -162,-117 -11,-187z" stroke-width="1.5" stroke="#000" fill="#fff"/>

  <path id="svg_1" d="m266.5,107.45313c100,-100 100,100 11,187c-100,100 -100,-100 -11,-187z" stroke-width="1.5" stroke="#000" fill="#fff"/>

Así pues, los valores son, según sus colores:

Y eso es todo por hoy.

Espero que os haya gustado y, hasta la próxima...