Este es un Instructable que describe el proceso de creación de una animación de SVG de Openclipart.

La biblioteca Openclipart es una colección de arte 100% sin licencia que puede usar para cualquier propósito.

Explicaré este Instructable para el usuario de Raspberry Pi.

Si es usuario de Macintosh o Ubuntu, descargue el siguiente software.

• Macintosh 9va-mac (http://www.d1.dion.ne.jp/~danjiro/9va/v015.html)
• Ubunntu 9va-pi (http://www.d1.dion.ne.jp/~danjiro/9va/pi.html)

Puedes hacer lo mismo Instructable del Paso 7.

• Si no puede abrir 9va-mac, verifique la configuración de Gatekeeper en Preferencias del sistema> Seguridad y privacidad> General> "Permitir aplicaciones descargadas desde:.

Suministros:

Paso 1: Iniciar Pi Store

Haga doble clic en el acceso directo de Pi Store en el escritorio de su Raspberry Pi. Si no puede encontrar la Tienda Pi, estará en el menú "Internet" del botón Menú de Raspberry Pi.

Paso 2: Iniciar sesión en Pi Store

Haga clic en el enlace Iniciar sesión en la esquina superior derecha y luego haga clic en el botón Registrar.

Paso 3: Registre su dirección de correo y contraseña

Ingrese su dirección de correo electrónico y una contraseña. Haga clic en el botón Sign Me Up!. Entrarás a Pi Store.

Paso 4: Busca '9va-pi'

Ingrese '9va-pi' en el campo de búsqueda y haga clic en el botón buscar (Lupa).

Paso 5: Descarga '9va-pi'

Haga clic en '9VA-pi'. Haga clic en el botón Descarga gratuita.

Ahora comenzará la descarga y la instalación.

Pulse cualquier tecla una vez finalizada la instalación.

Paso 6: Lanzamiento '9va-pi'

Haga clic en '9VA-pi' en Mi biblioteca. Haga clic en el botón Iniciar.

Ahora se iniciará 9va-pi.

Paso 7: Descarga el SVG original (barrelFish.svg) al escritorio

Abra http://openclipart.org/detail/217565/barrel-fish con su navegador favorito.

Descargue "barrelFish.svg" en su escritorio de la siguiente manera.

Haga clic con el botón derecho del mouse en el botón DESCARGAR.

Haga clic en Guardar enlace como en el menú del botón derecho. (El elemento del menú será diferente según su navegador.)

Haga clic en Inicio. Haga doble clic en Escritorio. Haga clic en el botón Guardar.

Ahora el archivo SVG "barrelFish.svg" se guardará en su escritorio.

SVG (gráficos vectoriales escalables) es el formato de gráficos vectoriales y puede modificar la forma utilizando el editor SVG como 'Inkscape'.

Paso 8: Abre el SVG original con '9va-pi'

Haga clic en el icono '9va-pi' para abrir una ventana '9va-pi' y abra el archivo barrelFish.svg en el escritorio de la siguiente manera.

Haga clic en Archivo en la barra de menú> Haga clic en Abrir. Ahora aparecerá el cuadro de diálogo Abrir archivo.

Haga clic en Inicio> Escritorio> Haga clic en barrelFish.svg.

Haga clic en Abrir.

Paso 9: El mensaje "Los datos no se pudieron convertir"

Luego aparecerá el mensaje "Algunos datos no se pudieron convertir. (Filtro)".

Este mensaje se produce porque '9va-pi' no tiene una operación de filtro.

Haga clic en el botón OK.

Paso 10: Desagrupar el barril de pescado 4 veces

Una placa marrón oscura del barrilFish es un error de conversión de filtro.

Para deshacerte de él, haz clic en el barrilFish. Ahora aparecerá el marco de selección alrededor del barrilFish.

Haga clic en Modificar en la barra de menú> Haga clic en Desagrupar.

Esto desagrupará el barrelFish. Haga la misma operación 4 veces.

Ahora estamos listos para seleccionar la placa marrón oscuro.

Paso 11: Seleccione la placa marrón oscura de BarrelFish usando la opción Ocultar del botón Registrado

Explicaré cómo seleccionar una forma de los objetos complejos.

Para deseleccionar los objetos, haga clic en cualquier lugar de la página lejos de la forma.

Haga clic en la placa marrón oscuro del barrilFish primero.

Puede ser difícil seleccionarlo correctamente de una vez, pero está bien.

Haga clic en el botón + del panel Control de tiempo en el lado derecho de la ventana.

Ahora el objeto seleccionado se registrará en uno de los botones en blanco del panel de control de tiempo.

Haga clic en el botón registrado> Haga clic en Ocultar.

Ahora se ocultará el objeto seleccionado.

Repita la misma operación hasta seleccionar la placa oscura en el barrilFish.

Si no seleccionó la placa oscura, haga clic en +> Haga clic en el botón registrado> Ocultar nuevamente.

Paso 12: Selecciona el plato marrón oscuro de BarrelFish y elimínalo

Si logra ocultar la placa marrón oscura, haga clic en el botón registrado de la placa marrón oscura> Haga clic en Seleccionar.

Ahora se seleccionará la placa marrón oscuro del barrilFish.

Haga clic en el botón Borrador en la paleta de herramientas inferior en el lado izquierdo de la ventana. Ahora se eliminará el error de conversión de filtro.

Paso 13: Añadir la segunda página

Haga clic en el botón + al final de la barra de páginas en la parte superior de la ventana. > Haga clic en Agregar página siguiente.

Ahora la segunda página aparecerá en la barra de páginas.

Paso 14: Selecciona la Cola del Pez Barril

Arrastre un rectángulo alrededor de la cola del barrilFish y seleccione la cola.

Haga clic en el botón Editar puntos en la paleta de herramientas inferior en el lado izquierdo de la ventana.

Ahora aparecerán los puntos de control.

Arrastre un rectángulo alrededor de los puntos de control de la cola y selecciónelos.

Haga clic en el botón + en la esquina inferior izquierda de la ventana varias veces.

Ahora la cola se acercará.

Paso 15: transformar la cola de los peces barriles

El menú de transformación coloca cada tirador (pequeños cuadrados) del marco de selección, uno en cada esquina y el otro en la parte superior, inferior, izquierda y derecha. Podemos modificar la forma haciendo clic en cualquiera de los controladores o arrastrándolos.

Haga clic en el controlador del lado derecho del marco de selección> Haga clic en Extender.

Ahora la forma se cambiará de acuerdo con el movimiento del ratón. Haga clic en el botón del ratón cuando la forma se convierte en forma deseada.

Haga clic en el botón Lupa en la esquina inferior izquierda de la ventana.

Paso 16: Registrar la Aleta Lateral del Pez Barril

Para deseleccionar los puntos de control, haga clic varias veces en cualquier lugar de la página lejos de la forma.

Haga clic en la aleta lateral del barrilFish.

Haga clic en el botón + del panel Control de tiempo en el lado derecho de la ventana. Ahora el objeto seleccionado se registrará en uno de los botones del panel de control de tiempo.

Haga clic en el botón registrado> Haga clic en Ocultar. Ahora se ocultará el objeto registrado.

Haga clic en otra parte de la aleta lateral del barrilFish.

Haga clic en el botón registrado> Haga clic en Agregar a grupo de tiempo. Ahora se ocultará la forma seleccionada.

Repita la misma operación hasta seleccionar todas las partes de la aleta lateral del barrilFish.

Paso 17: Selecciona el Aleta Lateral del Pez Barril

Haga clic en el botón registrado> Haga clic en Seleccionar. Ahora se seleccionará la aleta lateral.

Haga clic en el botón Editar puntos en la paleta de herramientas inferior en el lado izquierdo de la ventana.

Paso 18: Transforma la Aleta Lateral de BarrelFish

Arrastre un rectángulo alrededor de los puntos de control de la aleta lateral.

Haga clic en el controlador del lado derecho del marco de selección> Haga clic en Extender. Ahora la forma se cambiará de acuerdo con el movimiento del ratón. Haga clic en el botón del ratón cuando la forma se convierte en forma deseada.

Paso 19: Acercar la Aleta Anal de BarrelFish

Para deseleccionar los puntos de control, haga clic varias veces en cualquier lugar de la página lejos de la forma.

Arrastre un rectángulo alrededor de la aleta anal del barrilFish y seleccione la aleta anal.

Haga clic en el botón Editar puntos en la paleta de herramientas inferior en el lado izquierdo de la ventana. Ahora aparecerán los puntos de control.

Arrastre un rectángulo alrededor de los puntos de control de la aleta anal. Haga clic en el botón + en la esquina inferior izquierda de la ventana varias veces. Ahora la aleta anal se acercará.

Paso 20: Seleccione la aleta anal de BarrelFish con la tecla Ctrl + Arrastrar

Utilice la herramienta de selección Lazo para seleccionar la aleta anal.

Mantenga presionada la tecla Ctrl en el teclado, arrastre y dibuje una línea azul alrededor de los puntos de control de la aleta anal.

(Si usted es un usuario de Macintosh, use la tecla Comando).

El marco de selección aparecerá alrededor de la aleta anal.

Paso 21: transforma la aleta anal de BarrelFish utilizando un pasador suave

Haga clic en el controlador del lado derecho del marco de selección> Haga clic dos veces en Transformar con pin.

El elemento del menú cambiará a Transformar con pin suave.

Haga clic en Estirar.

Ahora la forma se cambiará de acuerdo con el movimiento del ratón. Haga clic en el botón del ratón cuando la forma se convierte en forma deseada.

Cuando la Transformación con pin está activa, los puntos de control cerca del borde de selección no se moverán tanto. El resultado de la transformación será suave.

Paso 22: Mueve la Boca del BarrilFish hacia la izquierda

Haga clic en el botón Lupa en la esquina inferior izquierda de la ventana.

Para deseleccionar los puntos de control, haga clic varias veces en cualquier lugar de la página lejos de la forma.

Haga clic en la boca del barrilfish. El marco de selección aparecerá alrededor de la boca.

Arrastre el controlador central + del cuadro de selección hacia la izquierda.

Paso 23: Agrande la boca de BarrelFish utilizando Transform With Soft Pin

Arrastre un rectángulo alrededor de la cabeza del barrilFish y seleccione la cabeza.

Haga clic en el botón Editar puntos en la paleta de herramientas inferior en el lado izquierdo de la ventana. Ahora aparecerán los puntos de control.

Arrastre un rectángulo alrededor de los puntos de control de la boca.

Arrastre el controlador de esquina del marco de selección hacia afuera. Ahora la cabeza se hará más grande usando Transform con un pasador suave.

Paso 24: Agrandar la boca de la barricaFish

Haga clic y seleccione el ratón del barrelFish.

Arrastre el controlador central + del cuadro de selección hacia la posición original de la boca.

Arrastre el controlador de esquina del marco de selección hacia afuera. Ahora la boca se hará más grande.

Paso 25: Grupo de bolas de hierro y anillos de hierro en 2 botones registrados

Para realizar animaciones de bolas de hierro, Deberíamos agrupar todas las bolas de hierro juntas.

Haga clic en una bola de hierro o un anillo de hierro y selecciónelo.

Haga clic en el botón + del panel Control de tiempo en el lado derecho de la ventana. Ahora el objeto seleccionado se registrará en un botón del panel de control de tiempo.

Haga clic en el botón registrado> Haga clic en Ocultar. Ahora se ocultará la forma registrada.

Haga clic en otra bola de hierro o un anillo y selecciónelo.

Si el objeto seleccionado es el mismo tipo de botón registrado, haga clic en el mismo botón registrado> Haga clic en Agregar al grupo de tiempo. Ahora se ocultará la forma seleccionada.

Si el objeto seleccionado no es el mismo tipo de objeto registrado, haga clic en el botón + para crear un nuevo botón registrado. Haga clic en el nuevo botón registrado> Haga clic en Ocultar. Ahora la nueva forma registrada será también oculta.

Finalmente se esconderán bolas de hierro y anillos de hierro. Se agrupan en el botón de la bola de hierro o en el botón del anillo de hierro.

Paso 26: Corta las bolas de hierro de la primera página y la segunda página en el portapapeles

Haga clic en el botón registrado de la bola de hierro> Haga clic en Seleccionar. Ahora las bolas de hierro serán seleccionadas.

Haga clic en el control central + del marco de selección> Haga clic en Seleccionar objetos conectados. Ahora las bolas de hierro de la primera página y la segunda se seleccionarán juntas. El tipo de línea del cuadro de selección se cambiará a doble línea.

Haga clic en el botón Cortar en la parte superior del Portapapeles en el lado derecho de la ventana.

Ahora las bolas de hierro de la primera página y la segunda se cortarán en el Portapapeles.

Paso 27: Crear Animecast desde el portapapeles

Haga clic en la primera página y vaya a la primera página.

Haga clic en el botón 9 en la parte inferior del Portapapeles en el lado derecho de la ventana.

Un cuadro de diálogo aparecerá. Ingrese el nombre del Animecast, por ejemplo, "anillo giratorio", en el campo de texto. Haga clic en Aceptar.

Animecast es un objeto gráfico que incluye bolas de hierro en el Portapapeles.

Aparecerá el nombre de archivo en negrita "barrelFish".

Paso 28: Abre el contenido de AnimeCast

Haga clic en el texto en negrita "barrelFish"> Haga clic en: anillo giratorio

Ahora aparecerá el contenido del animecast.

Haga clic en el botón + al final de la barra de página> Haga clic en Agregar página siguiente.

Ahora la segunda página aparecerá en la barra de páginas.

Paso 29: Cambia el tamaño de Animecast

Haga clic en Página en la barra de menú> Haga clic en Tamaño de página

Ahora aparecerá el diálogo de entrada de tamaño de página.

Ingrese "600" "600". Haga clic en el botón OK.

Haga clic en el botón Lupa en la esquina inferior izquierda de la ventana.

Paso 30: Añadir página de fondo

Haga clic en el botón < en el extremo izquierdo de la barra de página> Haga clic en Agregar página de fondo.

Se agregará la página de fondo en blanco.

Paso 31: Copie el contenido de la segunda página a la página de fondo

Haga clic en la segunda página y vaya a la segunda página.

Arrastre un rectángulo alrededor de bolas de hierro para seleccionarlas todas.

Haga clic en el botón Copiar a la página anterior en la paleta de herramientas inferior en el lado izquierdo de la ventana. Ahora los contenidos de la segunda página se copiarán a la página de fondo.

Paso 32: Eliminar la primera bola en la parte superior izquierda

Haga clic en la tercera página y vaya a la tercera página.

Arrastre un rectángulo alrededor de las 3 bolas superiores de las bolas de la izquierda.

Haga clic en el botón + en la esquina inferior izquierda de la ventana varias veces. Ahora se muestran 3 bolas en el centro de la ventana.

Arrastre un rectángulo alrededor de la primera bola para seleccionarla.

Haga clic en el botón Borrador en la paleta de herramientas inferior en el lado izquierdo de la ventana.

Ahora se eliminará la primera bola, pero aún aparecerá la primera bola en la página de fondo.

Paso 33: Seleccione la segunda bola y encaje el mango + en la parte inferior de la misma

Arrastre un rectángulo alrededor de la segunda bola para seleccionarla.

Mantenga presionada la tecla Ctrl (si es un usuario de Macintosh, mantenga presionada la tecla de comando), arrastre el controlador central + del cuadro de selección hacia la parte inferior de la segunda bola.

Solo se moverá la palanca +. El mango + se ajustará a cada punto de control de la bola.

Mueve y coloca el asa + en la parte inferior de la segunda bola.

Paso 34: Mueva la segunda bola a la posición de la primera bola usando Ctrl Key Snap

Suelte la tecla Ctrl.

Arrastre el controlador + del cuadro de selección hacia la posición de la primera bola.

Mantenga presionada la tecla Ctrl, luego el asa + se ajustará a los puntos de control de la bola de fondo.

Colóquela en la parte inferior de la primera bola, luego puede mover la segunda bola a la posición de la primera bola con precisión.

Paso 35: Mueve las otras bolas a la posición de la bola anterior

Pulse la tecla de espacio, y arrastre el lienzo hacia la parte superior. El área mostrada puede ser cambiada.

Repetir de la siguiente manera

1. Selecciona la siguiente bola.
2. Mantenga presionada la tecla Ctrl (o Comando)
3. Arrastre el + tirador y ajústelo a la parte inferior de la bola.
4. Arrastre el controlador + sin la tecla Ctrl para comenzar a arrastrar la bola hacia arriba.
5. Mantenga presionada la tecla Ctrl.
6. Arrastra y coloca la bola en la posición de la bola anterior.

Paso 36: duplicar la bola inferior y copiarla a la segunda página

Después de que termine de mover la bola inferior, haga clic en el control central + del cuadro de selección> Haga clic en Duplicar.

Ahora aparecerá la nueva bola.

Arrastre la palanca central + de la nueva bola y muévala un poco hacia la parte inferior izquierda.

Haga clic en el botón Copiar a la página anterior en la paleta de herramientas inferior en el lado izquierdo de la ventana. Ahora la nueva bola será copiada a la segunda página.

Paso 37: Haz el tamaño de la bola inferior más pequeño

Arrastre el controlador de esquina del marco de selección hacia adentro.

Ahora el tamaño de la bola será pequeño.

Paso 38: Mueve la bola inferior de las bolas correctas y cambia su tamaño

Haga clic en la tercera página y vaya a la tercera página.

Arrastre un rectángulo alrededor de la bola inferior de las bolas de la derecha para seleccionarla.

Arrastre la palanca central + de la bola inferior y muévala un poco hacia la parte inferior izquierda. Arrastre el controlador de esquina del marco de selección hacia adentro. Ahora el tamaño de la bola inferior será pequeño.

Paso 39: Mueve las otras bolas de las bolas correctas a la posición de la bola anterior

Pulse la tecla de espacio, y arrastre el lienzo hacia la parte inferior. El área mostrada se puede cambiar.

Mueve las bolas de la derecha hacia la inferior como sigue

1. Selecciona la siguiente bola.
2. Mantenga presionada la tecla Ctrl (o Comando)
3. Arrastre el + tirador y ajústelo a la parte inferior de la bola.
4. Arrastre el controlador + sin la tecla Ctrl para comenzar a arrastrar la bola hacia la parte inferior.

5. Mantenga presionada la tecla Ctrl. Arrastra y coloca la bola en la posición de la bola anterior.

Paso 40: Eliminar la página de fondo

Haga clic en el botón << en la parte inferior de la barra de páginas y vaya a la primera página.

Haga clic en el número de página 1 de la primera página. > Haga clic en Cortar página

Ahora se eliminará la primera página de fondo.

Paso 41: Eliminar la bola superior izquierda de la primera página

Arrastre un rectángulo alrededor de la bola superior izquierda para seleccionarlo.

Haga clic en el botón Borrador en la paleta de herramientas inferior en el lado izquierdo de la ventana. Ahora se eliminará la bola superior izquierda.

Paso 42: Botón de bucle de entrada en la primera página

Haga clic en Entrada en la barra de menú> Haga clic en Bucle

Ahora aparecerá el botón Loop.

Paso 43: Juega la animación de Iron Ball

Haga clic en el botón Reproducir en la parte inferior de la barra de páginas.

Verás la animación de la bola de hierro giratoria.

Haga clic en el botón Stop o la tecla ESC para detener la animación.

Paso 44: Regresa a BarrelFish

Haga clic en el texto en negrita "barrelFish"> Haga clic en Volver

Ahora aparecerá el barril de pescado.

Paso 45: Botón de giro de entrada en la primera página

Haga clic en Entrada en la barra de menú> Haga clic en Girar

Ahora aparecerá el botón Turn.

Paso 46: Juega la animación de BarrelFish

Haga clic en el botón Reproducir en la parte inferior de la barra de páginas.

Verás la animación de barrelfishl.

Haga clic en el botón Stop o la tecla ESC para detener la animación.

Puedes modificar la animación seleccionando la forma y moviendo el punto de control de la misma.

Edita tu animación para sentirte mejor. En el caso de la muestra de animación que vio primero, la animación se modificó a medida que el ojo se mueve y todas las aletas se mueven.

Paso 47: Exportar SVG animado

Haga clic en Archivo en la barra de menú> Haga clic en Guardar como

Haga clic en el tipo de archivo 9VA / EVA> Haga clic en SVG Seleccione la carpeta para exportar SVG. Clic en Guardar. Ahora se exportará el archivo animado SVG (SMIL （Synchronized Multimedia Integration Language）).

• Si es un usuario de Macintosh, haga clic en Archivo en la barra de menú> Haga clic en Exportar SVG animado.

Paso 48: Exportar GIF animado

Haga clic en Archivo en la barra de menú> Haga clic en Exportar GIF animado.

Seleccione la carpeta para exportar GIF animado.

Introduzca el nombre del archivo GIF.

Clic en Guardar. Aparecerá el diálogo de configuración de GIF animado.

Ingrese 2 (segundos) en el campo Time Limit.

Haga clic en Inicio. Ahora el archivo GIF animado será exportado.