Animación con Adobe Animate | 12 principios de la animación | Acción continuada y superposición 5/12

Este principio se refiere a como los objetos unidos a otros se mueven con cierto retraso respecto al objeto principal. Aplicando este principio, las partes superpuestas de un objeto no se detendrán a la vez que él, continuarán moviéndose después de que este se pare.

A la hora de animar, se suele hacer primero el personaje o el objeto principal con animación pose a pose, una vez hecho se hace encima el objeto superpuesto (pelo, capas, antenas, etc.) unido a él con animación directa y se animan unos fotogramas extra después de que el objeto principal se detenga.

Los objetos superpuestos tomarán la dirección que tuvo anteriormente el objeto principal.

Cuando el objeto superpuesto es lacio (por ejemplo el pelo) o está dividido en segmentos (por ejemplo un brazo), la parte más cercana al objeto principal se moverá con menos diferencia respecto a la base, mientras que la parte más alejada lo hará con mayor libertad.

Ejemplo

Este principio suele usarse mucho en determinadas partes de los personajes como el pelo o la ropa. Si no se usa este principio, parece que son rígidas o están pegadas al cuerpo.

El principio en acción

Animación sin acción continuada y superposición

Animación con acción continuada y superposición

Animación con Adobe Animate | 12 principios de la animación | Animación directa y pose a pose 4/12

Este principio se refiere a dos técnicas de animación, Animación directa y pose a pose

Animación pose a pose

En esta técnica, se dibujan primero las poses principales, luego se dibujan entre ellas las secundarias y luego las intermedias entre las secundarias, así hasta que se cubran todos los fotogramas planificados.

Lo bueno de este sistema es que da mucho control sobre las acciones de los personajes, mientras que en la animación directa es bastante impredecible y puede tender a aumentar o disminuir el tamaño de los personajes a lo largo de la acción.

También es mucho más fácil ver y corregir los errores en la animación pose a pose que en la directa.

Animación directa

En esta técnica se van dibujando las poses una tras otra.

Este sistema no se suele usar en personajes ya que es muy impredecible, pero es muy útil en efectos como fuego, fluidos, explosiones, etc. y en el principio de acción superpuesta.

Animación con Adobe Animate | 12 principios de la animación | Puesta en escena 3/12

El principio de puesta en escena (staging en inglés) es muy amplio, pero básicamente se refiere a como debe ser la disposición de los personajes y los objetos en una animación para que el espectador pueda entender bien las acciones.

Un aspecto importante de una buena puesta en escena es que las acciones deben de transcurrir en orden y tener algo de tiempo entre ellas. Si durante la acción principal hay otras acciones secundarias, estas pueden confundir al espectador y hacer que no se fije en la principal. También, el tener espacio entre cada acción, da tiempo al espectador para entenderlas.

 

Cámara

La cámara tiene mucha importancia dentro de este principio y se deben de seguir algunas normas para conseguir una buena puesta en escena. En estos ejemplos, la acción principal sería un personaje caminando

Puede variar según la necesidad, pero normalmente se no se debe hacer un zoom muy alejado de donde esta ocurriendo la acción.

Tampoco se debe hacer que la acción principal transcurra en el borde de la escena, a no ser que la acción esté dirigida hacia el lado contrario.

 

En esta situación una buena puesta en escena sería hacer un zoom en el personaje, pero no demasiado cerca para dejar que se vea el escenario y situarlo en el centro de la escena.

Apariencia

Otro factor importante de la puesta en escena es la apariencia de las acciones o de los personajes u objetos. 

Por ejemplo, si un personaje camina contento es mejor hacer que vaya caminando de forma alegre o con saltitos en lugar de hacer simplemente que sonría, ya que se transmite mejor la idea de que el personaje está contento. Y si un personaje es rico, es mejor hacer que vista elegante y que esté bien peinado, ya que así se dará a entender mejor que tiene mucho dinero.

Animación con Adobe Animate | 12 principios de la animación | Anticipación 2/12

El segundo principio es la anticipación. Se refiere a cuando un personaje, antes de realizar la acción principal, se mueve ligeramente en la dirección opuesta. Esto añade más fuerza y credibilidad a la acción principal al tener un impulso inicial y hace que el observador se prepare para la acción principal. Para acciónes complejas se pueden realizar anticipaciones de las anticipaciones

Ejemplo

Una forma facil de explicar este principio es el de un personaje dando un puñetazo.

Se hace la pose inicial

Se hace la pose final

Entre la inicial y la final, se hace la
pose en la que el personaje se anticipa

Se hacen los fotogramas intermedios

 El principio en acción

Animación sin anticipación

Animación con anticipación

Cómo insertar SWFs en Blogger

Blogger no permite el almacenamiento de archivos SWF, por ello, si queremos insertar uno en una entrada, tendremos que recurrir a un servicio de almacenamiento externo, en este tutorial usaré Dropbox, pero se puede hacer con otros servicios.

Una tengamos subido el archivo a Dropbox, pasamos el cursor por encima de él y hacemos clic en "Compartir".

 

Le damos a copiar enlace, lo pegamos y sustituimos la parte en la que pone "dl=0" por "raw=1".

En la redacción de la entrada, cambiamos del modo "Redactar" a "HTML" y pegamos el siguiente código, sustituyendo la palabra enlace por el enlace del archivo.

<object data="enlace" height="360" type="application/x-shockwave-flash" width="640">
<param name="movie" value="enlace" /></object></div>

Si pasamos al modo "Redactar", veremos el SWF como un objeto y podremos moverlo de sitio si queremos.

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.