Animación con Adobe Animate | 12 principios de la animación | Estirar y encoger 1/12

Una buena forma de conseguir que las animaciones se vean más fluidas y profesionales es seguir los 12 principios de la animación.

El primer principio, Estirar y Encoger (Squash & Stretch en inglés), es el más importante de los 12 principios de la animación. Se refiere a que los objetos que no son rígidos (como un balón o el cuerpo humano) tienden a estirarse y encogerse mientras se mueven. Por ejemplo, debemos aplicar este principio a una pelota de baloncesto rebotando, pero no a una bola de bolos, ya que es completamente rígida y no tendria sentido (a no ser que el estilo de la animación lo requiera). Cuando un objeto se estira o se encoge no varia de volumen, solo altera su forma.

Tambien se utilizan en expresiones faciales, por ejemplo, un personaje sorprendido se estirará, mientras que uno enfadado se encogerá.

Ejemplo

La forma más sencilla de mostrar este principio es el de una pelota rebotando.

La pelota inicialmente no esta estirada ni encogida.

Al aproximarse al suelo se va estirando.

Al llegar al suelo, se encoge por por el golpe.

Al rebotar, vuelve a estirarse.

Recupera su estado inicial.

El principio en acción

Animación sin Squash & Stretch

Animación con Squash & Stretch

Animación con Adobe Animate | Crear un corto animado | Animación 7/12

Una vez tengamos preparado el animatic y los fondos, empezaremos a animar, pero antes de eso conviene conocer algunos conceptos.
En la animación 2D existen 2 métodos principales:

Animación completa

Este tipo de animaciones se suelen dibujar todos los fotogramas de una acción, ya sean de uno en uno o de dos en dos.

Ventajas

• Es estéticamente mejor que la limitada
• Permite un gran control de la accione de los personajes
• Uso de efectos especiales (fuego, fluidos, explosiones, etc)

Desventajas

• Lleva mucho tiempo
• Es más complicada de realizar
• Es difícil usar dibujos complejos o imágenes, ya que habría que dibujarlo varias veces.

 

Animación limitada

En este tipo de animaciones se simplifican los movimientos para reducir el tiempo y los costes de producción. Si se habla de animación digital, en este método se suele recurrir mucho a símbolos y a movimientos automatizados.

Ventajas

• Se ahorra en tiempo
• Es más fácil de realizar
• Permite usar dibujos complejos e imágenes, ya que no será necesario dibujarlo varias veces

Desventajas

• Suele ser estéticamente peor que la compleja
• La acción de los personajes es muy limitada
• Complica el uso de efectos especiales (fuego, fluidos, explosiones, etc)

 

Animación mixta

En muchas ocasiones, se combinan características de ambos métodos. Por ejemplo, se puede usar animación limitada en una escena de dialogo y animación completa en una de acción como una pelea o una persecución.

 

12 Principios de la animación

Una buena forma de conseguir que nuestras animaciones se vean más fluidas y profesionales es seguir los 12 principios de la animación, las cuales nombraremos y describiremos con ejemplos en futuras entradas.

 

Conceptos básicos para animar en Animate 

Las animaciones suelen hacerse primero en esbozo y luego en otro paso se hace la limpieza. Lo primero es hacer el esbozo de la primera postura del objeto a animar en un fotograma en blanco.

Luego se crea un nuevo fotograma y se activa el papel cebolla (que muestra el fotograma anterior con poca opacidad) para dibujar la postura final.

Entre el fotograma inicial y final se dibuja otro fotograma.

Y se hace lo mismo para el resto, se dibujan fotogramas usando como guia el anterior y el siguiente.

Para visualizarla vamos a Control/Probar o pulsamos Ctrl+Intro. También podemos visualizarla en la linea de tiempo dándole al icono de play debajo de la linea de tiempo o pulsando la barra espaciadora. Si queremos que se reproduzca haciendo un bucle, pulsamos el icono de bucle debajo de la linea de tiempo y lo ajustamos a los fotogramas que se quieran repetir.

Cómo cifrar textos de forma segura

En ocasiones queremos pasar un mensaje de la forma más privada posible y, a veces, la encriptación de los programas de mensajería no es suficiente. Por eso, con ésta página podemos cifrarlo de una forma extremadamente segura, ya que para codificar y descodificar textos se tiene que hacer uso de una clave de cifrado que, dependiendo de sus caracteres, los codificará de forma distinta.

Escribimos en el cuadro principal lo que queramos cifrar, en la linea de abajo a la izquierda la clave de cifrado con la que queremos codificar y que descodifiquen el texto y cambiamos el botón de abajo a la izquierda de "Descifrar" a "Cifrar".

Al darle a "Cifrar" nos dará un código que solo podremos descifrar pegándolo en el cuadro principal, escribiendo la clave de cifrado en la linea de abajo y haciendo clic en "Descifrar"

 
Podéis hacer la prueba.

Texto codificado: DUgT8dSSD/gnfsYV/E1iyVPMg2ZV9Mt35NTqA0APhYfFmlmFiGXxPHXXlPkBRIGJQNMXIehrc82jQoaD86EEUho4JVfKWgZfGp3Xqy6ikf4

Clave de cifrado: tutorial

Como usar un android como altavoz de un PC

En este tutorial, explicaremos como se puede conectar un smartphone con el PC para tener un altavoz (o auriculares) inalámbrico. Para ello usaremos un programa llamado SoundWire.

Necesitaremos instalar el servidor en nuestro PC y la aplicación en nuestro android.

Servidor

Una vez hayamos descargado el zip, lo abrimos y ejecutamos el setup. Aceptamos los términos y condiciones y continuamos hasta completar la instalación

Una vez iniciado nos aparecerá en la barra "Server Adress" la IP de nuestro PC, esa será la dirección del servidor al que tendremos que conectar el smartphone.

Aplicación

Teniendo ya instalada la aplicación, escribimos la dirección del servidor en el campo "Server:" y hacemos clic en el icono central. En el programa del PC se debería de cambiar el "Status:" de "Disconnected" en naranja a "Connected" en verde.

Finalmente, ya estaría conectado por WiFi el smartphone al PC. Los inconvenientes de la versión gratuita son que el sonido puede tener algo de retraso y cada un tiempo una voz dice "SoundWire free version".

Animación con Adobe Animate | Crear un corto animado | Idea principal y guión 1/12

Antes de empezar a hacer el guión de un corto es conveniente tener una idea general de lo que será la historia, como empieza, como se desarrolla y como se acaba, todo ello sin entrar en detalles.

Una vez tengamos esa idea principal podemos hacer el guión, que es donde se incluye en forma escrita todo lo que ocurrirá en el corto (acciones, diálogos, escenarios, transiciones, etc.). Es igual que el de las películas.

Para hacer el guión podemos escribirlo en papel o usar cualquier programa de edición de textos, de hecho, existen aplicaciones especializadas en la creación de guiones.

Tomado de Wikipedia

Los guiones cinematográficos tienen un formato específico y es conveniente seguirlo para tener toda la información más organizada, sea más sencillo hacerle cambios y, en el caso de que estemos escribiéndolo junto a otras personas, estar mejor coordinados.

Cada parte tiene una alineación, formato de letra y tabulación determinado. Cada vez que se empieza una escena, se escribe si esa escena transcurre en "EXT" (exterior) o "INT" (interior), seguido del nombre del lugar y al final, el momento del día. Los nombres de los personajes se ponen en mayúsculas y están en el centro, en la siguiente linea va la acotación entre paréntesis (es una explicación de lo que están haciendo los personajes y/o como hablan, pero no siempre es necesaria) y después el diálogo.
Cuando la escena cambia de una a otra se icluyen transiciones arriba a la derecha antes de escribir la escena.




Si el proyecto va a tener una duración muy corta es probable que no vayamos a necesitar el guión y nos baste con tener escrita la idea principal, la cual desarrollaremos en el storyboard.

Como hacer un GIF a partir de un vídeo de YouTube

Para hacer un GIF a partir de un vídeo de YouTube no es necesario descargarlo ni usar ningún programa, hay páginas que nos permiten pegar el enclace del video y hacer un GIF completamente online. Una de estas páginas es GIPHY, que ademas de hacerlos a partir de YouTube también nos permite hacerlos a partir de otras páginas de videos o archivos que tengamos y editarlos.

Copiamos la URL del vídeo de YouTube y la pegamos en la casilla de "Enter YouTube, Vine, or video URL". La aplicación automaticamente nos mostrará una previsualización del vídeo

Aparecerán dos deslizables, "Start time", que selecciona el momento del video en que se quiera que empiece el GIF y "Duration", que es la duración que tendrá el gif (la duración máxima es de 10 segundos). También aparecerán las opciones de "Caption", que es un texto que aparece en el GIF y "Tags" que son etiquetas de busqueda para nuestro GIF. Una vez se haya configuardo todo, se da a "Create GIF"

Una vez creado nuestro GIF, puede compartirse en las redes sociales con los iconos debajo del video e insertarlos en una página web con el código que nos da en "Iframe Embed".

Animación con Adobe Animate | Crear un corto animado | Fondos 6/12

Para que los personajes de nuestra animación no actúen en el vació necesitamos incluir fondos detrás de ellos, pueden ser dibujados, ser solo un color o hasta ser una fotografía.

Para dibujar los fondos en Animate, se crea un nuevo símbolo y dentro de él se utiliza como referencia el esbozo del fondo que se hizo en el storyboard y se dibuja sobre él, usando herramientas como pincel, lápiz o línea (dependiendo del estilo que se quiera conseguir). Normalmente o se hacen primero todos los bordes de el fondo o se van rellenando con colores grises y finalmente se colorean rellenando con el bote de pintura o seleccionando el relleno y cambiándole el color con la ventana "color".

A veces, cuando en la escena se esta moviendo el personaje durante un tiempo o a mucha velocidad, se suele hacer que el fondo se repita. Para ello, hay que hacer que los extremos derecho e izquierdo (o superior e inferior si se esta moviendo verticalmente) coincidan. Luego se juntan y se animan como un solo símbolo.

En algunas escenas en las que la cámara se mueve, se suelen dividir los fondos en distintas capas según su cercanía respecto al observador, y animarlas a distintas velocidades para lograr un efecto de paralaje que de la ilusión de profundidad. Un ejemplo de esto es que el personaje esté caminando delante de un bosque con unas montañas detrás. Mientras la cámara avanza hacia la derecha siguiendo al personaje, los árboles se van dejando atrás más rápidamente que las montañas, esto da la ilusion de perspectiva.

Si la cámara está estática (por ejemplo, enfocando a un personaje que esta caminando
continuamente, como es el caso de la animación de arriba), se tendrán que mover más
despacio la capas más alejadas y más rapido las más cercanas.

Si la cámara se mueve, se deben de animar las capas en relación con los movimientos de la cámara. Si la cámara se desplaza en una dirección, la capa más alejada tendrá que moverse en la misma dirección a una velocidad un poco más lenta, en cambio, si es la capa más cercana, tendrá que moverse en la misma dirección a una velocidad muy lenta o directamente no moverse. Para las capas intermedias entre éstas, irán en la misma dirección pero a distintas velocidades, siendo la capa más rápida mientras más lejos esté. Esto consigue el efecto de que las capas más alejadas se muevan menos y las más cercanas se muevan más, dando la sensación de que el fondo tiene profundidad.

Si el fondo no se realiza en Animate, para importar la imagen en la animación se va a "Archivo/Importar..." se selecciona la imagen del fondo y se le da a aceptar. Una vez en nuestra librería la arrastramos hasta el escenario, le cambiamos el tamaño si es necesario y la transformamos en un símbolo pulsando F8. Si el fondo cosiste en varias capas, se exportan por separado, se importan en Animate y se reúnen todas en un mismo símbolo en capas separadas. Para que Animate al exportar el archivo no baje la resolución de la imagen, hacemos clic derecho en la imagen dentro de la librería y vamos a propiedades CONTINUAR

Animación con Adobe Animate | Crear un corto animado | Animatic 5/12

Un animatic es parecido a un storyboard (de hecho se hace directamente a partir de él), pero en éste se representa la duración de las acciones, el movimiento (pero sin animar) de los personajes, los objetos y la cámara. También se suelen introducir las voces de los personajes. Sirve para ver como quedará la animación final y para usarla como guía al animar.

Para hacerlo en Animate, se estira el fotograma en el que esté el fondo el tiempo que queramos que dure ese plano y colocamos los fotogramas con los esbozos de las acciones de los personajes y los objetos en los tiempos adecuados para que su continuidad y duración sean correctas.

Para hacer que un personaje u objeto se mueva de un sitio a otro se convierte su esbozo en un símbolo, se lleva a una capa nueva, se crea otro fotograma clave en el que se coloca en su posición final y se crea una interpolación clásica entre los dos fotogramas. Ya que solo es el animatic, no es necesario hacer muy detallado el movimiento

Una vez hecho se puede exportar el swf y transformarlo a vídeo para verlo y tener ya una visión preliminar de lo que será la animación final y ver que se podría corregir.

Animación con Adobe Animate | Crear un corto animado | Storyboard 3/12

Un storyboard o guión gráfico es un conjunto de viñetas en las que se representa el guión escrito de forma gráfica, incluyendo un esbozo del fondo, los personajes, transiciones, movimientos de cámara, etc. acompañados también de aclaraciones escritas.

El storyboard está dividido en viñetas que representan planos de una escena determinada. Algunas plantillas incluyen, debajo de las viñetas, lineas en las que se pueden introducir diálogos, acotaciones, sonidos, etc.

Para hacer storyboards en Animate, se utilizan los fotogramas como viñetas. Dentro de cada una hacemos el esbozo de los personajes, fondo, objetos y aclaraciones en capas distintas para poder moverlos independientemente cuando creemos el animatic.

Para visualizar el flujo del storyboard, se reproduce reduciendo la velocidad de la animación a 1 o 2 fps para poder ver bien cada viñeta.

Cómo preparar un archivo para imprimir en 3D con Cura

Un archivo 3D no puede imprimirse directamente. Necesita transformarse en ordenes que la impresora 3D pueda interpretar y ejecutar. Para eso está Cura, un programa de código libre que nos ofrece muchas opciones para configurar nuestra impresión 3D.

Una vez instalado y abierto el programa, escogemos el modelo de nuestra impresora 3D y nos mostrará en su interfaz un modelo de ella (zona de imresión) que nos servirá para tener una referencia de tamaño y saber si la impresora puede imprimirla entera.

Importamos el archivo 3D (.obj, .stl, etc.) y nos cargará una previsualización de como quedará impreso.

 

Podemos moverlo, rotarlo, invertirlo y escalarlo para posicionar correctamente el modelo entero o cada una de sus partes.

En el modo de visualización podemos usar Rayos X (muestran las partes internas del modelo), Por capas (nos muestra las capas por separado que la impresora imprimirá y podemos visualizar cada una de ellas con una barra deslizable).

Muchas piezas no se pueden imprimir en una sola parte, por eso se deben dividir y una vez impresas, pegarse.

En los ajustes de impresión básicos podemos ajustar el material (ABS, PLA, etc.) que vamos a utilizar y la temperatura a la que la impresora lo va a extruir.
La velocidad a la que trabaja el extrusor al imprimir y al moverse de un lado a otro.
Podemos ajustar su densidad (la cantidad de paredes diagonales que hace en su interior para que la estructura sea estable) que varía desde hueco (sin paredes internas) hasta macizo (sus paredes internas no tienen separaciones, está relleno).
También podemos ajustar su calidad, el grosor de la capa inicial, de cada capa y de las paredes.
Y otros ajustes como el enfriamiento, la placa de adesion, etc.

 
Una vez preparado el archivo, se exporta en formato gcode y se transfiere a la impresora 3D a través de una tarjeta SD, cable o WiFi.

Aquí os dejo un manual mucho mas completo en español.