¡Hola, amigos!
Soy nuevo en esta comunidad y vengo a presentar la primera de varias publicaciones que dedicaré a Vector Motion, mi app favorita de animación por el momento.
(Logotipo hecho por mí en la app en cuestión basado en el logotipo original)
Nombre: Vector Motion
Creador: ReMotion Apps
Tipo: Aplicación de diseño vectorial y animación con línea de tiempo.
De pago: No
Propósito: Creación de diseños y arte vectorial, animación con línea de tiempo de dichos diseños.
Alternativa a: Synfig Studio
Plataforma: Android
Sitio de descarga: Google Play.
Ventajas:
-Completamente gratis
-Libre de anuncios
-Gran velocidad para crear contenido
-Herramienta multipropósito que permite crear bibliotecas, gestionar imágenes, editar animaciones (sólo las hechas con la app), exportar a diversos formatos y compartir en diversas plataformas.
-Permite incorporar imágenes a las animaciones como objetos editables
-Se puede modificar TODO, o sea, si algo existe dentro del proyecto, puede ser cambiado, fondo y escena incluidos
-Trae un secuenciador incorporado para componer animaciones complejas.
-Alta facilidad para crear animaciones, pues se usan formas e interpolación en lugar de trazos cuadro a cuadros
Desventajas:
-No presenta herramientas o interfaces de agrupación de formas
-Interfaz de edición de vectores poco intuitiva (y en general casi todas sus interfaces) y a veces hasta incómoda para usuarios de otros programas o apps.
-Pocas actualizaciones (ahora se están poniendo un poco las pilas, xD)
-Algunos bugs con respecto al diseño vectorial, que ya están siendo corregidos por sus desarrolladores.
-Está en inglés (lo siento, mis queridos colegas que no saben leer en este idioma)
En primer lugar, instalemos la app desde Google Play. Es sumamente sencillo y cualquiera con la Play Store activa puede hacerlo sin problemas.
Con la app instalada, la abrimos y lo primero que vemos es su pantalla de proyectos. Para crear un proyecto, sólo hay que dar al botón de “+” abajo a la derecha. En la interfaz que aparece, escoges el tamaño, las unidades de medida y le pones un nombre al proyecto. Damos “Ok” y listo.
Con el proyecto abierto, aparecen los paneles de herramientas. A la izquierda aparecen las herramientas de edición. Ojo: Hay que seleccionarlas a mano, pues no cambian automáticamente entre sí.
De arriba a abajo son:
—Selector general: Permite seleccionar las formas como un todo, escalarlas, rotarlas, copiarlas y pegarlas. Encierra la forma en una caja cuadrada con puntos bastante genérica al usarse. Nota: Usando esta herramienta es como único pueden agruparse las formas en Vector Motion. Al agruparse, es estrictamente necesario que toda la caja de selección envuelva a la figura a seleccionar; de otra manera, no lo hará.
—Selector de vértices(Vertex selector): Esta herramienta permite editar los vértices de cada figura. No permite mover la imagen, sólo sus nodos. Nota: al usar las capacidades de animación, esta es la herramienta principal a la hora de hacer “morphing”, o sea, deformar la figura para simular un giro o algo suave, cosa que se puede controlar luego con la línea de tiempo en el acápite de “Path”
—Bolígrafo(Pen): La herramienta principal para crear formas basadas en trazados en la aplicación. Existe en dos tipos: modo normal (para hacer las formas y tal) y modo máscara (para crear un trazo que enmascare la forma que has hecho). Nota: en Vector Motion no existen herramientas de trazo de forma libre, ojo. Además, si desean editar la forma que han hecho, deberán cambiar al selector de vértices, pues la pluma no cambia a este de manera autónoma, sino que sigue haciendo más trazos. Para crear una máscara, basta con cambiar en las opciones junto a la barra de herramientas de edición al segundo ícono mientras se está en una forma y usando el pincel. Ambas formas se pueden seleccionar luego como una sola.
—Formas primitivas: Permite insertar formas primitivas preestablecidas. Las opciones son: Cuadrado/rectángulo, elipse/círculo, estrella y triángulo. Dichas formas pueden transformarse después en trazados usando las opciones de la pestaña Estilos.
—Texto: Introduce etiquetas con texto. El texto es completamente editable con las opciones de la pestaña Estilo y puede animarse como todo lo demás.
—Editor de escena: Permite agregar a mano escenas nuevas o modificar el tamaño de las preexistentes.
—Línea de tiempo básica: Sirve para introducir y editar los eventos que ocurren en las animaciones. Es la línea de tiempo más básica que existe y, como tal, sólo debe usarse para cosas básicas. Su hermana mayor es la Línea de Tiempo Plus, ubicada en la pestaña Animación. Nota: En Vector Motion, las animaciones no se hacen de la manera usual, poniendo un evento clave y luego moviendo. La aplicación tiene una función llamada “Autoanimar”, ubicada en la pestaña Animación, que hay que activar para que el propio programa ponga los eventos claves. Luego, en las líneas temporales, estos eventos se editan a conveniencia o se borran.
Al iniciar el proyecto, nos aparece desplegada desde abajo (si estás usando el dispositivo en modo retrato) o desde un costado (landscape) una especie de gaveta con tres puntos que dice “Style”. Esa es posiblemente la pestaña más importante de todas: la pestaña “Ajustes”, cuyo ícono es el primero de izquierda a derecha o de arriba a abajo. Ajustes posee tres subpestañas: Estilo(Style), Geometría(Geometry) y Efectos(fx).
La pestaña Estilo, como su nombre lo indica, es la que otorga el estilo, la apariencia a CADA FORMA que se haga dentro del proyecto. Todo lo que esté dentro de esa pestaña es animable hasta el último pixel, desde el color, la forma, la posición, la rotación, el 3D (sí, señoras y señores, esta cosa anima figuras 3D, aunque de manera un poco limitada, como etiquetas y esas cosas), etc.
Aquí me voy a saltar algunas cosas, pues hasta yo mismo las estoy estudiando, e iré directamente al grano. “Fill” (Relleno) controla el color del relleno de la forma que se tenga seleccionada. En caso de no tener ninguna seleccionada, su lugar lo toma “Background”, pues hacen lo mismo. En el caso de Relleno, al abrir esa pestaña aparece Paint (que controla el color de manera avanzada) y Opacity, que es para la transparencia general (en Paint se puede controlar esto mejor con Alpha). En Paint se pueden cambiar cosas como el tipo de degradado (primera pestaña, ojito, el degradado en Vector Motion no tiene el límite que tienen otras apps), el color sólido (cuidadito, que no funciona con tocar y ya; hay que llevar el circulito hasta donde deseas obtener el color), el canal alpha(transparecia de toa la vida, que de hecho puede ponerse como una serie de posiciones preestablecidas para ayudar en la animación), el tipo de paleta (RGB, HSV, hexadecimal, toda la peña…) y los controladores para ser exquisitos a la hora de dar color (también son animables, por supuestísimo).
Stroke (Borde) es más de lo mismo, pero aquí se controla el color y el ancho del borde de la figura.
También están los habituales filtros (Blend Mode), el editor de máscara (si antes habías agregado una máscara a la figura), un controlador para difuminar el fondo y uno para convertir la forma seleccionada a 3D. Y ahí tendríamos la primera sección de las tres que posee la pestaña Estilo.
La pestaña Geometría es mayormente para ayudar con cosas precisas como agrupado, tamaño y posición. Una cosa que a mí se me pasó por alto al principio fue una cruz que aparece en la sección de Posición(Position). Eso, mis amigos, es un cursor que permite un control más preciso al mover la forma seleccionada.
La pestaña Efectos se divide, a su vez, en dos: Efectos de Capa(Layer Effects) y Efectos de Geometría. En resumen, los efectos de capa y geometría se pueden agregar a la forma base para hacerla aún más genial. Difuminos, rellenos, brillos, patrones, espejado, deformaciones lineales/bezier y la tan mentada “Puppet deform” o Deformación de Títere, que seguro verán cuando descarguen e instalen la app. Me detengo en esta porque es bastante peculiar. La deformación de títere permite literalmente hacer animada una imagen que no posee partes móviles dentro de Vector Motion, o sea, una imagen cualquiera insertada en la app por el usuario. Se controla mediante “anclas”, nodos en una red virtual creada por el efecto para leer la posición de los vértices de lo que se va a deformar. Y no sólo deforma imágenes: literalmente sirve para todo. Es una de las formas de animación más útiles que posee la app. Nota: Todos los efectos pueden agregarse desde la cruz arriba a la derecha.
Siguiendo a la pestaña Ajustes se encuentra la pestaña Insertar (Insert). Yo la veo como una versión más completa de la herramienta de edición que agrega primitivas, pero con la capacidad de agregar escenas, textos especiales e imágenes. Ojo: Las imágenes deben estar en la biblioteca de imágenes de la app o puedes buscarlas en el momento usando la herramienta de importación de la biblioteca de imágenes (el ícono de la montaña con la cruz). Las imágenes pueden recortarse o insertarse completas.
La tercera pestaña inferior es la de las Capas (Layers). Aquí se organizan las formas y las escenas creadas en el proyecto. Cada forma ocupa una capa independiente. Mientras más alta está la capa en la visualización, más abajo se verá en la imagen final. A estas alturas no recuerdo si la visibilidad de las capas también es animable.
La penúltima capa la dejaré para el final, porque es la más importante: la pestaña de Animación.
La última pestaña es la que se encarga de controlar la cuadrícula, las guías, el ajuste a la cuadrícula, las unidades de medida y demás.
Finalmente…la pestaña de Animación (ícono de la cámara) es la crucial para hacer funcionar las mecánicas de la animación en Vector Motion. En primer lugar se ven los típicos controles de reproducción. Bajo ellos está el control de la extensión del clip (length). Puede estar en frames (cuadros) o en segundos. En mi opinión personal, prefiero los segundos; son más fáciles de comprender (en Vector Motion no se ve un cuadro por ninguna parte, xD) y ayudan con la sincronización entre música y animación. Sep…en Vector Motion se pueden editar sonido y escenas juntas con el Secuenciador (Secuencer), que se encuentra en la pestaña que estamos tratando.
Bajo las unidades de tiempo se encuentra el control de los FPS y ¡tachán! el botón para activar la animación automática (Autoanimate). Importante: si sólo se van a hacer los diseños, este switch debe quedar desactivado. Su función es poner los fotogramas claves(en forma de nodos móviles amarillos romboidales) cada que alguna forma cambia en una escena dada. Esos nodos se pueden luego mover, editar sus curvas de transición, duplicar o borrar. Se sabe que se pueden mover porque quedan con un borde rojo. También se pueden seleccionar varios a la vez para moverlos como grupo, o tratarlos de forma individual.
Bajo el switch de Autoanimate es que se pueden encontrar las tres herramientas principales de animación:
—Un acceso directo a la línea de tiempo de las herramientas de edición
—La Línea de Tiempo Plus, la hermana mayor y con esteroides de la anterior. Aquí dentro es donde están los rombos amarillos que simbolizan los cuadros claves móviles por toda la app.
—El Secuenciador, con el que se pueden componer las escenas que forman la animación, agregar sonidos, manipular la duración de la animación, exportar, etc.
Exportar:
En Vector Motion existen dos tipos de Exportación. Ambas se manejan con botones idénticos ubicados a la derecha y arriba del todo, uno en la pantalla de edición principal y otro dentro del Secuenciador (ese sirve sólo para las animaciones). Ambas guardan en el sistema de archivos en formato GIF, MP4, SVG o PNG.
Conclusiones:
Bueno, espero que esto les sea de ayuda. Como diría cierto personaje que no mencionaré, “les doy la oportunidad que no me dieron a mí”. A partir de aquí sólo queda experimentar con lo que puedan hacer. Mi objetivo es que aprendan a apreciar una de mis apps favoritas como yo lo hago.
¡Hasta la próxima!
