DISEÑO GRÁFICO 04 HAGAMOS OTROS DIBUJOS VECTORIALES



Otro ejercicio para crear nuevas imágenes vectoriales.



Explicación paso a paso:

DISEÑO GRÁFICO 04 HAGAMOS OTROS DIBUJOS VECTORIALES

 

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

Vamos a https://editor.method.ac

Esta vez utilizaremos 4 puntos:

Miramos su Código: "Wiew - Source"

  <path id="svg_2" d="m301.5,72.78125c172,1 154,98 154,153c0,55 -86,85 -148,84c-62,-1 -142,-25 -142,-86c0,-61 -36,-152 136,-151z" stroke-width="1.5" stroke="#000" fill="#fff"/>

Redondeamos sus valores a 100 y/o 0:

  <path id="svg_1" d="m200,100c100,0 100,0 100,100c0,100 0,100 -100,100c-100,0 -100,0 -100,-100c0,-100 0,-100 100,-100z" stroke-width="1.5" stroke="#000" fill="#fff"/>

El resultado es esta figura:

Ahora hacemos unas pocas modificaciones.

Primero reducimos el 100 a 50 en los vectores:

  <path id="svg_1" d="m200,100c50,0 100,50 100,100c0,50 -50,100 -100,100c-50,0 -100,-50 -100,-100c0,-50 50,-100 100,-100z" stroke-width="1.5" stroke="#000" fill="#fff"/>

Resultado:

Pero, para conseguir el círculo, debemos dejarlo así:

  <path fill="#fff" stroke="#000" stroke-width="1.5" d="m200,100c55,0 100,45 100,100c0,55 -45,100 -100,100c-55,0 -100,-45 -100,-100c0,-55 45,-100 100,-100z" id="svg_1"/>

El resultado es:

        

 

Y eso es todo por hoy.

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

Ver todos los demás