★ SITIO60
» facebook » Twitter » email » link » link
Profile
Hola bienvenidos a Sitio 60.blogspot. Aqui podras encontrar algunos tutoriales sobre photoshop. Cualquier duda o comentario hazmelo saber. Gracias! =D

Affiliates
Friend Friend Friend

Layout credits
Codes by 16thday!
Tutorial # 5
viernes, 28 de enero de 2011 15:29
Resultado Final: Photobucket

Y todo con Image Ready.

Bueno primero que nada para los que no sepan, Image Ready es un programa de animación que viene con el Photoshop CS, CS2. Se pueden hacer muchas cosas en animación la cosa es saber hacerlas xD Pero lo que nos importa ahora es hacer el icono!

Si... a eso voy, no desesperen...! xD


¿Que necesitamos?
Pues para poder hacer el tuto es necesario tener el video que usaremos para el icono (avatar), en formato .mov (Mas adaptable a Quick Time) me parece que es el único formato que acepta el programa...

Bueno tambien hay que tener instalado el programa QuickTime Player (Reproductor de música) Si bien no lo usaremos, este "requisito" sirve para que se reproduzca el video en ese formato por que en algunas ocasiones no funciona sin el....

Después de eso ya esta todo listo para comenzar...

1.- Ya teniendo el video en formato .mov, el Image Ready abierto y la casilla de animación seleccionada... Nos vamos a Archivo > Abrir Buscamos el video y lo abrimos.
Al momento de abrir el video esto es lo que nos saldrá;

Photobucket

*Debemos tener seleccionadas las opciones Solo el enlace Seleccionado y Limitar a 2º Cuadro

2.- Ahora seleccionamos la parte del video que mas nos guste, esto lo hacemos teniendo oprimida la tecla Shift y arrastrando con el mouse la escena que queramos.

Teniendo ya seleccionada la parte del video, damos ok y tenemos el video junto con la casilla de animación... Así;

Photobucket
3.-Bien ahora lo que sigue es muchísimo mas fácil... Nos vamos a Imagen > Tamaño de Imagen y tratemos que el tamaño de la anchura sea de 100 pixeles.

Photobucket

4.-Ahora seguimos a acomodarlo en un icono (avatar) Para eso vamos a Imagen > Tamaño de Lienzo y ponemos medidas 100x100 así;

Photobucket

Para que nos quede ahora algo como lo siguiente;

Photobucket

5.- Y como ultimísimo paso ponemos arriba de todas las capas la siguiente textura.
(Yo elegi la primera para este tuto xD)

Photobucket Photobucket Photobucket
Photobucket Photobucket Photobucket

Photobucket

Borramos la parte en negro u/o amarrilla con el Borrador Mágico y se puede apreciar el video de fondo. Agregamos algo de texto, Guardamos en formato Gif y listo!

Photobucket

Tenemos nuestro icono animado...

Photobucket

Nota: No necesariamente tiene que ser el video en ese lugar... podemos ir a Seleccion > Todas las capas y movemos el video al gusto.... (Para esto debemo tener seleccionada la herramienta mover)

Photobucket

Volvemos a Deseleccionar las capas y seguimos con el paso 5 xD

Otros Ejemplos;

Photobucket Photobucket Photobucket
 Photobucket Photobucket Photobucket
 Photobucket Photobucket Photobucket
 Photobucket Photobucket Photobucket

Otras cosas que pueden hacer:

Photobucket Photobucket
Photobucket Photobucket
Photobucket

Ahora si lo que tienen es el Photoshop CS3 o version posterior. Cuando ya tengas abierto el CS3 para que te aparezca el recuadro del reproductor y selecciones la parte del video que mas te guste...Tienes que ir a Archivo > Importar > Cuadro de Video a Capas
Image and video hosting by TinyPic
Buscas la carpeta o el lugar donde tengas el video... das en Cargar.
Image and video hosting by TinyPic
Y como en el image ready, te aparece lo siguiente y tienes que tener seleccionado;
Solo Rango Seleccionado.
Limitar a cada uno 2 Cuadros.
Crear animacion de Cuadros.
Y posteriormente se sigue el mismo procedimiento del principio, a partir del reproductor. Basicamente la unica diferencia es en la manera de Importar el video.

Por que si como normalmente hariamos en el Image Ready, vamos a Archivo > Abrir... Se abrira el video completamentesin haber seleccionado alguna parte en especifico y me parece que no se puede hacer por ese metodo en el PS CS3 xD
Ojala que se haya entendido bien! pero igual si algo no se entiende pues me dicen con toda confianza!! u.u

Etiquetas:


<- ->