domingo, 23 de octubre de 2016

Linea de tiempo e interpolaciones | Adobe Animate CC (Flash)

En este tutorial de Adobe Animate CC explicaremos que son la línea de tiempo y las interpolaciones.

La línea de tiempo es una ventana en la que se muestran los fotogramas de la animación. Por defecto 24 fotogramas equivalen a 1 segundo, por eso decimos que la animación está a 24 fps (fotogramas por segundo).

Cuando añadimos fotogramas podemos hacerlo de las siguientes maneras:
  • Insertar fotograma. Estira el último fotograma. Si editamos algo en este también lo hará en los anteriores.
  • Insertar fotograma clave. Crea una copia del último fotograma pero independiente a él.
  • Insertar fotograma clave vacío. Crea un fotograma en blanco.
La línea de tiempo tiene unos botones para previsualizar la animación, que nos permite reproducirla, pausarla y hacer un bucle. 

También tiene la herramienta "Papel cebolla" que sirve para ver los fotogramas anteriores y posteriores transparentes.

Para desplazarnos fotograma a fotograma por la línea de tiempo podemos pulsar "," para ir hacia atrás y "." para ir hacia adelante.

Una interpolación es crear fotogramas intermedios entre dos claves. En Animate existen tres tipos:



 

  • Interpolación de movimiento. Crea una interpolación a la que podemos añadir varios fotogramas claves y seleccionar que queremos que interpole (el movimiento en x, la rotación, los filtros, etc). 

 

  • Interpolación clásica. Crea una interpolación entre dos fotogramas claves.


 
 
  • Interpolación de forma. Crea una interpolación entre una forma y otra, modificando su color y sus vértices. 

A cada interpolación podemos añadirle aceleraciones, que vaya más rápido al principio que al final o viceversa.

sábado, 22 de octubre de 2016

Como hacer cursores personalizados en Windows

En este tutorial explicaremos como hacer cursores personalizados para windows a partir de imágenes.
Yo utilizaré esta imagen de un árbol con forma de cursor:


Es preferible que sea una imagen PNG con transparencia.

Windows no permite establecer imágenes PNG como cursores, por eso crearemos a partir de ella una imagen CUR. Para ello utilizaremos este programa.


Una vez tengamos abierto el programa iremos a "Create New" y seleccionaremos "New Static Cursor".


 Le damos a OK.



 Vamos a "File/Open" y seleccionamos nuestra imagen.


Ahora vamos a "Cursor/Create Static Cursor" y establecemos el "Hot Spot" (el punto de nuestro cursor con el que interactuaremos, normalmente la punta) con la herramienta "Create Hot Spot".


Lo guardaremos yendo a "File/Save...". Para establecerlo como cursor hacemos clic derecho en el escritorio y seleccionamos "Personalizar".


En el apartado "Temas" iremos a "Configuración de puntero del mouse".


 Le damos a "Examinar..." y escogemos nuestra imagen CUR.


 Le damos a "Aplicar" y ya tenemos nuestro cursor.


También es posible personalizar los estados del ratón (por ejemplo, cuando algo está cargando o cuando ponemos el cursor sobre algo interactivo).


viernes, 21 de octubre de 2016

Como hacer que una fotografía parezca antigua con Photoshop

En este tutorial explicaremos como hacer que una fotografía parezca que fue tomada hace cien años utilizando Photoshop.


En este tutorial no sera necesario modificar la capa de la fotografía en sí misma, pero podemos modificarla en el caso de que queramos aplicarle algun filtro directamente. Para no hacerlo en la original haremos clic derecho en la capa principal y le daremos a "Duplicar capa...".


 Empezaremos desaturando la imagen. Para ello podemos ir a "Imagen/Ajustes/Desaturar" o crear una capa de ajuste de "Tono/saturación".



 Ahora, para darle el tono de sepia añadiremos una capa de ajuste de "Filtro de fotografía", seleccionamos en "Filtro:", "Sepia" y ajustamos la densidad hasta encontrar la que más nos guste.
Si queremos que la fotografía esté en blanco y negro en lugar de sepia nos saltaremos este paso.



 Para añadirle el efecto de ruido crearemos una nueva capa. y la rellenaremos de un gris intermedio.



Vamos a "Filtro/Ruido/Añadir ruido..."  y seleccionamos una cantidad aproximada de entre 5 y 15.


Cambiamos el modo de fusión  de la capa a "Luz fuerte".


 Volvemos a crear otra capa y esta vez la pintamos de blanco.


Vamos a "Filtro/Galería de filtros..." vamos a "texturas" y seleccionamos "Granulado". En "Tipo de granulado" podemos seleccionar "Horizonal" o "Vertical".


 Le damos a OK y el modo de fusión de la capa lo ponemos en "Multiplicar".


Ahora iremos a "Interpretar/Nubes"


Como son demasiado oscuras iremos a "Edición/Transición Nubes" y le ajustaramos la opacidad a la que nos parezca conveniente.



 Para dar un efecto de pliege iremos de nuevo a la galería de filtros y añadimos el filtro "Grietas".


 Y este es el resultado final:



domingo, 16 de octubre de 2016

Símbolos | Adobe Animate CC (Flash)

En este tutorial de Adobe Animate CC explicaremos qué son los símbolos y como funcionan.

Los símbolos son gráficos, botones o clip de película. Pueden volver a usarse en el mismo documento o en otro distinto
Al crear un símbolo, este se guardara en la biblioteca del documento.
Al ubicar un símbolo en el escenario o dentro de otro símbolo se creará una instancia del mismo, qué puede cambiarse sus proporciones, rotación, color, etc, sin alterar el original. Pero si se modifica el original, los cambios se aplicarán a todas las instancias.

Existen tres tipos:

  • Símbolos gráficos. Su línea de tiempo se sincroniza con la principal y puede controlarse su reproducción
  • Botones. Son sensores que detectan clics, desplazamientos del cursor u otras acciones.
  • Clips de película. Su línea de tiempo es independiente de la principal y puede contener acciones o sonidos. 


 Para crear un símbolo a partir de uno o varios objetos los seleccionamos y le damos a "Modificar/Convertir en símbolo..." o pulsamos "F8". Para crear un símbolo de cero iremos a "Insertar/Nuevo símbolo..." o pulsaremos "ctrl + F8".


Escribiremos el nombre del símbolo y seleccionamos el tipo. El registro es el punto de origen del símbolo.


 Al crearlo, podemos observar que el símbolo se a guardado en la pestaña "Biblioteca".
 Añadiremos una nueva instancia de "Estrella" al escenario y vemos que son iguales.


Si modificamos una (he utilizado la herramienta "Transformación libre" y le he añadido filtros desde "Filtros" en la pestaña "Propiedades") no afectara a la otra ni al símbolo de la biblioteca.


 Entramos en el símbolo de la biblioteca haciéndole doble clic y lo modificamos.



 Salimos haciendo clic en "Escena" y vemos que ambas instancias se han modificado.

Cómo ponerle a una carpeta un icono personalizado en Windows de forma secnilla

En este tutorial explicaremos como cambiar el icono de una carpeta sin descargar ningún programa.
Cuando creamos una carpeta en Windows nos aparecerá el icono de capeta de forma predeterminada (varía en cada versión de Windows) y si tenemos alguna imagen o vídeo, aparecerá la imagen o bien un fotograma asomando de la misma.


Escogeremos la imagen que queramos establecer como icono (preferiblemente en formato PNG con transparencia para que no quede fondo)

Tutoriales Digitales

Ahora la convertiremos a formato ICO, lo más fácil es utilizar un conversor online, por ejemplo, este.


Una vez tengamos el archivo ICO lo meteremos en la carpeta a la que queramos poner el icono.


Hacemos clic derecho en la carpeta, seleccionamos "Propiedades" e iremos a "Personalizar". Después le damos a "Examinar...", escogemos el archivo ICO y aceptamos.


Finalmente, ya tenemos la carpeta con el icono personalizado.

viernes, 14 de octubre de 2016

Búsquedas avanzadas e Google

A veces, para encontrar lo que estamos buscando en Google necesitamos limitar los resultados.
Las búsquedas avanazas nos permiten filtrarlos por varios criterios y así encontrar más facilmente lo que queremos.

Se realizan escribiendo determinados operadores de búsqueda y seleccionando herramientas de búsqueda, pero se pueden hacer facilmente usando esta página oficial de Google, que genera automaticamente los operadores y selecciona las herramientas adecuadas.


Al rellenar y seleccionar los parámateros, le daremos a "Búsqueda avanzada" y la página nos generará el texto de búsqueda con los operadores ya escritos y las herramientas seleccioadas.

Las búsquedas avanzadas son muy útiles, por ejemplo, si queremos búscar información de una única página, si queremos que no busque páginas que incluyan una palabra determinada o si solo queremos que busque contenido de hace menos de una semana.