ANIMACIONautoyfirma
Páginas: 8 (1997 palabras)
Publicado: 5 de abril de 2017
ANIMACION: Ejercicio Practico (Photoshop - Image Ready)
Retornar al Indice de Ejercicios
Esta es la imagen del auto al que daremos movimiento
Duplicamos la capa donde se encuentra el auto 8 veces
Vamos a la [Capa 1 copia] y aplicamos[Filtro>Otro>Desplazamiento]
Con lo que movemos la Capa 50 pixels a la Izquierda
Aplicamos Desplazamiento a todas las capas, menos a la Capa 1
Capa 1 copia: -50pixels
Capa 1 copia 2: -100 pixels
Capa 1 copia 3: -150 pixels
Capa 1 copia 4: -200 pixels
Capa 1 copia 5: 200 pixels
Capa 1 copia 6: 150 pixels
Capa 1 copia 7: 100 pixels
Capa 1 copia 8: 50 pixels
y desenfocamos todas las Capas con[Filtro>Desenfocar>Desenfoque Gaussiano]
ok.
Guardamos la imagen como PSD, y vamos aImage Ready
en Image Ready usaremos tres elementos, el lienzo, la paleta deCapas y la animación.
En la paleta de animación duplicamos el cuadro actual para crear nuestro primer Frame de la animación
Una vez duplicado el cuadro, activamos la visibilidad de la [capa 1 copia] y ya tenemos nuestro primer frame de la animación.
Como podéis imaginar, tenemos que hacer el mismo paso anterior con todas las capas, es decir, duplicar el ultimo cuadro de la animación y activar lavisibilidad de la capa correspondiente al siguiente paso de la animación.
Cuando ya tenemos toda la animación lista, cambiamos el tiempo de retardo del primer frame de la animación a 1 segundo.
Ya tenemos lista nuestra animación, guardamos el archivo como PSD, y luego como Optimizada [Archivo>Guardar Optimizada], para que la guarde como Gif Animado.
En este art�culo veremos como crear una gotao l�grima animada sobre una imagen, para ello usaremos las herramientas Photoshop e Image Ready.
Por Javier P�rez Encinas
Atenci�n: Contenido exclusivo de DesarrolloMultimedia.es. No reproducir. Copyright.
La idea es crear un gif animado usando una de nuestras fotograf�as. Para la creaci�n de la gota o l�grima usaremosPhotoshop y para realizar la animaci�n lo haremos frame a framecomo si de unv�deo se tratase con ayuda de Image Ready.
Lo primero que tenemos que hacer es abrir nuestra fotograf�a, (para ello Men�/Archivo/Abrir y seleccionamos la imagen en nuestro disco duro local).
A continuaci�n creamos una capa nueva, (Men�/Capa/Nueva).
Situados sobre la nueva capa que acabamos de crear, seleccionamos la Herramienta Marco El�ptico y hacemos unc�rculo cerca del ojo de nuestraimagen.
Seguidamente rellenamos nuestra selecci�n de blanco, (Men�/Edici�n/Rellenar y en la nueva ventana seleccionamos en el campo de Contenido, Blanco). Una vez relleno bajamos desde la ventana de capas la opacidad a un 30%.
Ahora vamos a contraer la selecci�n, (para ello Men�/Selecci�n/Modificar/Contraer y ponemos 1 p�xel). Seguidamente creamos una nueva capa, (la capa la creamos comohemos visto anteriormente o presionando en el bot�n de crear nueva capa dentro de la ventana de capas).
A continuaci�n seleccionamos la Herramienta Degradado, con los colores blanco y negro y en degradado Lineal.
Pinchamos y arrastramos con el bot�n izquierdo del rat�n de abajo hacia arriba sobre la selecci�n.
Situados en la capa donde hemos realizado el degradado, pinchamos sobre lacapa de abajo en la casilla que est� justo al lado del ojo, (la que hab�amos rellanado de blanco), para enlazarla. Por �ltimo combinamos las enlazadas y cambiamos el modo de la nueva capa a Trama.
Si la vemos muy oscura podemos bajar la opacidad, (nosotros la hemos bajado a un 40%).
El siguiente paso ser� dar forma a la gota o l�grima, para ello vamos a sesgarla,(Men�/Edici�n/Transformar/Sesgar).
Como podr�is apreciar nos sale un cuadrado con 6 nodos, pues bien, pinchamos el nodo superior izquierdo yarrastramos con el rat�n un poquito hacia dentro y hacemos lo mismo con el nodo derecho.
El �ltimo paso para la creaci�n de la gota o l�grima ser� darle un poquito de relieve. Para ello nos vamos aMen�/Capa/Estilo de Capas/Bisel y Relieve y ponemos los datos que os dejamos en...
Retornar al Indice de Ejercicios
Esta es la imagen del auto al que daremos movimiento
Duplicamos la capa donde se encuentra el auto 8 veces
Vamos a la [Capa 1 copia] y aplicamos[Filtro>Otro>Desplazamiento]
Con lo que movemos la Capa 50 pixels a la Izquierda
Aplicamos Desplazamiento a todas las capas, menos a la Capa 1
Capa 1 copia: -50pixels
Capa 1 copia 2: -100 pixels
Capa 1 copia 3: -150 pixels
Capa 1 copia 4: -200 pixels
Capa 1 copia 5: 200 pixels
Capa 1 copia 6: 150 pixels
Capa 1 copia 7: 100 pixels
Capa 1 copia 8: 50 pixels
y desenfocamos todas las Capas con[Filtro>Desenfocar>Desenfoque Gaussiano]
ok.
Guardamos la imagen como PSD, y vamos aImage Ready
en Image Ready usaremos tres elementos, el lienzo, la paleta deCapas y la animación.
En la paleta de animación duplicamos el cuadro actual para crear nuestro primer Frame de la animación
Una vez duplicado el cuadro, activamos la visibilidad de la [capa 1 copia] y ya tenemos nuestro primer frame de la animación.
Como podéis imaginar, tenemos que hacer el mismo paso anterior con todas las capas, es decir, duplicar el ultimo cuadro de la animación y activar lavisibilidad de la capa correspondiente al siguiente paso de la animación.
Cuando ya tenemos toda la animación lista, cambiamos el tiempo de retardo del primer frame de la animación a 1 segundo.
Ya tenemos lista nuestra animación, guardamos el archivo como PSD, y luego como Optimizada [Archivo>Guardar Optimizada], para que la guarde como Gif Animado.
En este art�culo veremos como crear una gotao l�grima animada sobre una imagen, para ello usaremos las herramientas Photoshop e Image Ready.
Por Javier P�rez Encinas
Atenci�n: Contenido exclusivo de DesarrolloMultimedia.es. No reproducir. Copyright.
La idea es crear un gif animado usando una de nuestras fotograf�as. Para la creaci�n de la gota o l�grima usaremosPhotoshop y para realizar la animaci�n lo haremos frame a framecomo si de unv�deo se tratase con ayuda de Image Ready.
Lo primero que tenemos que hacer es abrir nuestra fotograf�a, (para ello Men�/Archivo/Abrir y seleccionamos la imagen en nuestro disco duro local).
A continuaci�n creamos una capa nueva, (Men�/Capa/Nueva).
Situados sobre la nueva capa que acabamos de crear, seleccionamos la Herramienta Marco El�ptico y hacemos unc�rculo cerca del ojo de nuestraimagen.
Seguidamente rellenamos nuestra selecci�n de blanco, (Men�/Edici�n/Rellenar y en la nueva ventana seleccionamos en el campo de Contenido, Blanco). Una vez relleno bajamos desde la ventana de capas la opacidad a un 30%.
Ahora vamos a contraer la selecci�n, (para ello Men�/Selecci�n/Modificar/Contraer y ponemos 1 p�xel). Seguidamente creamos una nueva capa, (la capa la creamos comohemos visto anteriormente o presionando en el bot�n de crear nueva capa dentro de la ventana de capas).
A continuaci�n seleccionamos la Herramienta Degradado, con los colores blanco y negro y en degradado Lineal.
Pinchamos y arrastramos con el bot�n izquierdo del rat�n de abajo hacia arriba sobre la selecci�n.
Situados en la capa donde hemos realizado el degradado, pinchamos sobre lacapa de abajo en la casilla que est� justo al lado del ojo, (la que hab�amos rellanado de blanco), para enlazarla. Por �ltimo combinamos las enlazadas y cambiamos el modo de la nueva capa a Trama.
Si la vemos muy oscura podemos bajar la opacidad, (nosotros la hemos bajado a un 40%).
El siguiente paso ser� dar forma a la gota o l�grima, para ello vamos a sesgarla,(Men�/Edici�n/Transformar/Sesgar).
Como podr�is apreciar nos sale un cuadrado con 6 nodos, pues bien, pinchamos el nodo superior izquierdo yarrastramos con el rat�n un poquito hacia dentro y hacemos lo mismo con el nodo derecho.
El �ltimo paso para la creaci�n de la gota o l�grima ser� darle un poquito de relieve. Para ello nos vamos aMen�/Capa/Estilo de Capas/Bisel y Relieve y ponemos los datos que os dejamos en...
Leer documento completo
Regístrate para leer el documento completo.