El Blog de Joaclint Istgud Inkscape y Gimp: Gif animado de ruedas dentadas






Es muy posible que en un futuro muy próximo Inkscape permita hacer animaciones directamente en SVG pero mientras ese momento llega vamos a ver en este tutorial una posibilidad interesante para obtener gifs animados de las ruedas dentadas incorporadas en esta última versión de Inkscape, la 0.46.

Comencemos por crear una composición con estas tres ruedas dentadas desde Inkscape  a partir de las opciones de Efectos/Renderizar/Rueda dentada...

Una vez comprendida la mecánica para introducir las ruedas dentadas añadiremos otra de 20 dientes y otra de 6 para conseguir nuestra composición.

Ahora vamos a calcular los grados de giro. El paso entre diente y diente será dividido en 8 partes (frames). Así:

  • La rueda de 10 dientes: 360º/10 partes=36º; 36º/8 frames= 4.5 (en negativo el sentido será horario)
  • La rueda de 20 dientes: 360º/20 partes=18º; 18º/8 frames= 2.25 (en positivo el sentido será antihorario)
  • La rueda de 6 dientes: 360º/6 partes=60º; 60º/8 frames= 7.5 (en negativo el sentido será horario)


El asunto ahora está en crear los siete frames restantes desde Objeto/Transformar/Rotar.

Pero antes hay que crear el resto de los elementos circulares de las ruedas dentadas. Comienzo por crear unos círculos... Por ahora tengo esto:
La idea es colocar esos círculos perfectamente concéntricos con las ruedas. Para ello preparamos los Ajustes...


Y en la pestaña Puntos de ajuste activamos Centro de rotación:
En este momento cuando desplacemos los círculos tienen que ajustarse con los centros de las rueda y formar una composición técnicamente correcta como esta:
Yo aquí me detengo un momento a crear mi composición definitiva. Todos los elementos de una rueda pueden ser agrupados.
Este será el frame 1 que incluye un rectángulo de base con el formato que tendrá el gif animado definitivo que se hará en Gimp. Este rectángulo será el que se tome para la exportación de los PNGs y tendrá contorno y relleno transparentes para permitir después mayor versatilidad a nuestro gif.

Llega el momento del trabajo tedioso. He probado a crear todas las posiciones con duplicados y después sustituir usando el método de antes con los ajustes pero fracasé porque no había manera de hacer que los ajustes obedecieran como yo quería (demasiados nodos por ahí sueltos que se atraen entre sí y no dejan que el del centro de giro haga efecto; de todos modos pruebe usted...)

Saco el cuadro Objeto/Transformar y activo la pestaña de rotaciones.
El valor -4.5 es para llevar la rueda de 10 dientes a la posición del frame 2.
A la rueda de 20 dientes le aplico un valor de +2.25
Y a la de 6 uno de -7.5
Selecciono todo (incluido el rectángulo que hace de formato (valdría con seleccionar este sólo) y exporto el frame 2
Sólo tengo que crear los otro seis frames de la misma manera.

Una vez terminado todo este proceso es el momento de ejecutar Gimp y abrir el documento frame1.
Ya dentro de este documento abierto hacemos la línea de comandos Archivo/Abrir como capas... y seleccionamos con CONTROL pulsado el resto de los frames (también puede seleccionar el segundo y el octavo con SHIFT) En cualquiera de los casos aparecerán en las capas todos los frames.
Es el momento de guardar en GIF como animación . Haga Archivo/Guardar y dele un nombre con extensión .GIF. Esto le llevará al siguiente menú para algunas de las opciones del GIF. Elija Guardar como animación.
Cuando presione Exportar le saldrá un nuevo cuadro de opciones:
En este cuadro asegúrese de escoge:

  • Bucle infinito
  • Desecho de fotogramas... Un cuadro por capa (reemplazar)
  • Seleccione el tiempo entre frame y frame. La opción por defecto parece muy adecuada en nuestro caso.

Cuando presione Guardar obtendrá su Gif animado:










Para conocer más tutoriales visite
El Blog de Joaclint Istgud



Y hasta aquí el tutorial. Si considera que está incompleto, que tiene errores o quiere aportar alguna mejora, deje su sugerencia aquí

Joaclint Istgud con Inkscape 0.46 y Gim 2.4