Primer ejercicio compuesto.
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...