Ejercicio 1. Edición de un SVG
Haga una copia de la imagen imagen SVG que ha descargado para poder editarla sin modificar la
descarga original. Ejecute Inkscape y abra la copia que ha hecho (Archivo | Abrir…). Edite algunos
elementos de esta imagen:
- Realice un escalado de algún elemento (cambio de tamaño). Para ello deberá seleccionarlo
con la herramienta de selección y arrastrar los tiradores que enmarcan el objeto. - Replique algún elemento. Para ello deberá seleccionarlo y hacer Copiar y Pegar (menú
Edición). - Modifique algunos nodos de una curva. Utilice la herramienta de edición de nodos
- Cambie el color de relleno (si hay algún objeto o trazado cerrado) y el color del trazo, con ayuda
de la herramienta Relleno y borde
Incorpore a su portafolio tanto la imagen original como la editada (asegúrese de que todos sus
cambios resulten claramente evidentes)
Imagen escogida (Repositorio de google, Venom SVG)
Elementos editados: Color, las diferentes piezas que conforman la boca y los dientes (de ahí salen las piezas del puro, el humo del mismo o el «pelo») y el orificio del ojo
Ejercicio 2. Animación de un SVG con Sozi
Una vez disponga del archivo SVG con la infografía que va a animar, piense en el recorrido que hará,
los encuadres (“diapositivas”) que cabe realizar y en qué orden. Abra su presentación con Sozi y
construya entonces su animación, con estos requisitos:
- Un mínimo de 4 diapositivas
- Debe incluir en algún momento traslaciones, escalados y zooms.
Guarde su presentación, abra el archivo .html creado con un navegador web y asegúrese de que la
animación se visualiza como era su intención. Haga las modificaciones oportunas con Sozi de nuevo si
no fuera así.
Incorpore a su portafolio tanto la imagen de la infografía original, como los archivos .svg y .html
generados al guardar la animación.
Aclaración: He tenido que publicar el resultado en power point ya que la publicación de HTML y de webm da error en wordpress. Lo adjunto como archivo descargable. Cabe hacer esta aclaración también por el ejercicio 3.
La imagen utilizada es la siguiente
Imagen del repositorio de google (Imágenes svg)
Captura del proceso de edición