DISEÑO GRÁFICO 07 DIBUJEMOS UNA FLOR



Primer ejercicio compuesto.

Video Explicativo

Ver en YouTube

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



Explicación paso a paso:

DISEÑO GRÁFICO 07 DIBUJEMOS UNA FLOR

 

Hola de nuevo, en esta ocasión, vamos a dibujar una flor.

Vamos a https://editor.method.ac

Primero dibujaremos un pétalo. Para ello, utilizaremos un método híbrido que todaví ano habíamos utilizado:

Haremos una figura, solamente con dos puntos. El primero será una curva. Para ello, clicamos y arrastramos horizontalmente, soltamos y vamos abajo.

Pero, esta vez, en lugar de clicar y arrastrar, solamente haremos click. Esto hará que, en este caso generemos un vértice.

Después volvemos a conectar con el primer punto. El resultado es este:

Ahora reducimos el tamaño de nuestro pétalo

Lo copiamos una vez, Ctrl + C, Ctrl + V

No notaremos nada, porque el segundo pétalo estará exactamente sobre el primero. Ahora, al segundo le daremos un giro de 45 Grados a la derecha. Mediante la herramienta "Rotation"

Volveremos a repetirlo: Lo copiamos una vez, Ctrl + C, Ctrl + V, y lo rotamos, ahora 90 grados

Lo mismo con 135 y 180.

Lo mismo con -135, -90, -45

Ahora desplazamos todas las figuras para unirlas por el vértice:

Para que quede más bonito, enviamos al fondo todos los pétalos impares.

Ahora, añadimos un círculo con el fondo amarillo:

Ya hemos hecho la flor. Ahora haremos el tallo.

Hacemos un rectángulo sin curvas, sólo clicks:

Hacemos doble click en cada nodo del rectángulo

Y movemos solamente los vectores que afectan a los laterales

Ponemos el tallo sobre la flor y lo enviamos al fondo

Ahora, para hacer la hoja, copiaremos uno de los pétalos.

Lo pintaremos de verde y lo enviaremos al fondo

Y aquí tenemos nuestra flor.

Aquí tenéis el código de la imagen por si os puede hacer servicio:

<svg width="580" height="400" xmlns="http://www.w3.org/2000/svg">

 <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->

 <g>

  <title>background</title>

  <rect fill="#fff" id="canvas_background" height="402" width="582" y="-1" x="-1"/>

  <g display="none" overflow="visible" y="0" x="0" height="100%" width="100%" id="canvasGrid">

   <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%"/>

  </g>

 </g>

 <g>

  <title>Layer 1</title>

  <path transform="rotate(135 215.3089599609375,179.87969970703122) " stroke="#000" id="svg_15" d="m214.927462,147.534647c48.65072,0 1.49235,64.90994 1.34323,64.68953c0.14912,0.22041 -49.99395,-64.68953 -1.34323,-64.68953z" stroke-width="1.5" fill="#00ff00"/>

  <path id="svg_14" d="m259.444404,105.312357c5.00015,-0.28925 10.0003,-0.5785 15.00046,-0.86776c-38.14821,74.81493 -18.51854,156.29653 5.55556,224.44479c-8.14816,0 -16.29632,0 -24.44448,0c-14.25943,-75.63679 -29.62996,-145.71801 3.88846,-223.57703z" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="#00ff00"/>

  <path transform="rotate(-90 245.30899047851565,87.65732574462889) " stroke="#000" id="svg_9" d="m244.927501,55.312285c48.65072,0 1.49235,64.90994 1.34323,64.68953c0.14912,0.22041 -49.99395,-64.68953 -1.34323,-64.68953z" stroke-width="1.5" fill="#fff"/>

  <path transform="rotate(180 278.6423645019531,118.76850128173828) " stroke="#000" id="svg_7" d="m278.260886,86.423445c48.65072,0 1.49235,64.90994 1.34323,64.68953c0.14912,0.22041 -49.99395,-64.68953 -1.34323,-64.68953z" stroke-width="1.5" fill="#fff"/>

  <path transform="rotate(90 308.64242553710943,86.54622650146487) " stroke="#000" id="svg_5" d="m308.260932,54.201178c48.65072,0 1.49235,64.90994 1.34323,64.68953c0.14912,0.22041 -49.99395,-64.68953 -1.34323,-64.68953z" stroke-width="1.5" fill="#fff"/>

  <path stroke="#000" id="svg_3" d="m276.03866,27.534469c48.650721,0 1.492353,64.90994 1.343234,64.689533c0.14912,0.220408 -49.993955,-64.689533 -1.343234,-64.689533z" stroke-width="1.5" fill="#fff"/>

  <path transform="rotate(45 298.6423950195312,63.212852478027315) " stroke="#000" id="svg_4" d="m298.260917,30.867804c48.65072,0 1.49235,64.90994 1.34323,64.68953c0.14912,0.22041 -49.99395,-64.68953 -1.34323,-64.68953z" stroke-width="1.5" fill="#fff"/>

  <path transform="rotate(135 303.08685302734375,109.8795852661133) " stroke="#000" id="svg_6" d="m302.705367,77.534544c48.65072,0 1.49235,64.90994 1.34323,64.68953c0.14912,0.22041 -49.99395,-64.68953 -1.34323,-64.68953z" stroke-width="1.5" fill="#fff"/>

  <path transform="rotate(-135 255.30900573730466,112.10181427001952) " stroke="#000" id="svg_8" d="m254.927516,79.756766c48.65072,0 1.49235,64.90994 1.34323,64.68953c0.14912,0.22041 -49.99395,-64.68953 -1.34323,-64.68953z" stroke-width="1.5" fill="#fff"/>

  <path transform="rotate(-45 254.19789123535156,65.43508148193357) " stroke="#000" id="svg_10" d="m253.816403,33.090033c48.65072,0 1.49235,64.90994 1.34323,64.68953c0.14912,0.22041 -49.99395,-64.68953 -1.34323,-64.68953z" stroke-width="1.5" fill="#fff"/>

  <ellipse ry="22.222256" rx="23.333369" id="svg_11" cy="89.756783" cx="277.222207" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="#ffff00"/>

 </g>

</svg>

        

 

Y eso es todo por hoy.

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

Ver todos los demás