ANIMANDO CON IMAGEREADY

Vamos a explicar, una de las diferentes formas que hay con Ps y con Imageready de poner ruido a nuestros textos o imagenes.

Abrimos un nuevo archivo de 400×150 pixels, fondo transparente.

Configuramos la herramienta texto, igual que en la captura:

Rasterizamos la capa de texto. Capa – Rasterizar – Texto

Con la varita mágica, seleccionamos el interior de nuestro texto.

Selección – Modificar – Expandir y ponemos 2 pixels

Capa – Nueva – Capa

Rellenamos la nueva capa de un color que nos guste, o un gradiente

Capa – Organizar – Enviar detrás

Selección -Deseleccionar y con la varita mágica volvemos a seleccionar el interior de nuestras letras, asegurandonos de que en la paleta de capas, tenemos seleccionada la capa de nuestro texto.

Capas – Combinar visibles

Ahora duplicamos la capa dos veces. Lo haremos desde la paleta de capas, click derecho sobre la capa, Duplicar capa.

Seleccionamos la primera capa, y añadimos ruido todo esto sin quitar la selección.

Filtro – Ruido – Añadir ruido

Ahora seleccionamos la segunda capa:

Filtro – Ruido – Añadir ruido y cambiamos el 10 por un 12

Y seleccionamos la tercera capa, y añadimos ruido con un 14

Selección – Deseleccionar

Y nos vamos a trabajar con nuestra imagen en el Imageready

Nos aseguramos de tener la paleta de capas, optimización y de animación:

Ventana – Capas  Ventana – Optimización y   Ventana – Animación

Si os fijáis ahora en vuestra ventada del documento os salen 4 pestañas, Original, Optimizada, Dos copias y Cuatro copias.

Original es la imagen que estamos trabajando, tal y como se ve en tu pc.

Optimizada, la imagen optimizada para web.

Dos copias y cuatro copias, te muestra una previsualización de tu imagen en los distintos formatos de salida, incluyendo la actual para que podamos apreciar la diferencia.

Nos vamos a la paleta de animatión  y damos click en el triangulito de su derecha y activamos: Crear cuadros a partir de capas

Justo debajo de cada capa, nos pone el tiempo de visualización de cada capa, antes de pasar a la siguiente, si clickamos, nos sale un desplegable, vamos a darle a todas las capas un tiempo de 0,1 segundos, previsualizamos dando al play para ver si nos gusta como nos está quedando 

Ahora nos falta un pequeño detalle, nos vamos a ir a la pestaña Optimizada

y nos vamos a la paleta de optimización, y seleccionando la pestaña de Optimizar, vamos a cambiar el color blanco por el de nuestra página web en este caso como quiero ponerlo en una página con un fondo gris, su color és: #3A3E42, por que en ese caso al ser nuestra página tan oscura, se notarían mucho los bordes blancos:

Ahora solo falta guardar nuestro trabajo:

Desde el mismo Imageready nos vamos a Archivo – Guardar optimizada como: le dais un nombre y listo, ya tenéis vuestro primer trabajillo con Imageready echo.

Esta es mi firmita:

Como yo cambio muy a menudo de formato de web, los bordes se ven dentados, eso es porque la optimicé para un fondo gris. Ahora solo falta ponerla en la página web, yo la pondré aquí en un recuadro para que veáis el efecto de los bordes, lo limpita que se queda:

Espero que hayáis disfrutado el tutorial y que os haya gustado.

2007©By Almaweb.es


1 thought on “ANIMANDO CON IMAGEREADY”

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *