detodo

detodo es un foro donde encontraras de todo!!
 
PortalÍndiceCalendarioFAQBuscarRegistrarseMiembrosGrupos de UsuariosConectarse

Comparte | 
 

 Tutorial creación de GIFs

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
vistortdp
gran posteador
gran posteador


Cantidad de envíos : 66
Edad : 23
Localización : Punta Alta
Fecha de inscripción : 18/01/2008

Hoja de personaje
juegos papel: administrar detodo
vida en el counter:
200/200  (200/200)

MensajeTema: Tutorial creación de GIFs   Sáb Ene 26, 2008 9:25 pm

Tutorial creación de GIFs



Videotutorial para crear GIFs con el Camtasia Studio(descarga luego del videotutorial).












Megaupload

http://malware-site.www/2d058044

Rapidshare

http://malware-site.www/1d8e07ad

Serial


Nombre: Merc
S/N: 3VFB8-C9CCB-9CC2V-6YGXX-F2A3E



Tutorial sobre cómo hacer GIFs con el

Photoshop y el Image Ready.


Primero debemos decidir que tipo de gif queremos hacer, si sera de dos imagenes estáticas, como esta:

[align=center][/center]

o un gif a partir de un video, pero con imagenes editadas:

.


El photoshop y el Image Ready nos permiten hacer gifs de videos, los cuales podemos gracias al cielo, editar sin perder calidad como pasa con otros programas, que capturan el video como gif, pero no son tan buenos.

Comenzaremos con el más complejo

¿Como hacer un gif a partir de un video?


Para esto necesitamos dos amigos.
Primero nuestro dúo dinamico Photoshop e Image Ready, luego algun programa que capture fotogramas de los videos, si es un DVD puedes usar el Power DVD , si es un Avi, o Mpg, o etc. recomiendo usar el Movie Maker... casi todos lo tenemos y es muy facil de usar.

Paso 1

Debemos seleccionar un video al que queramos hacerle una captura.
E importarlo desde el Movie Maker.
Hecho esto, preocedemos a seleccionar el treoxo del video que queremos capturar, y sacamos imagenes de cada fotograma presionando esta opcion



Luego con la doble flecha vas al siguiente fotograma y lo capturas de igual manera. Asi lo haces hasta que tu seccion del video que elejiste haya terminado.

Debes recordar: Numerar cada fotograma, segun su orden cronologico [Ej: 01, 02, 03... 11, 12, etc] para que cuando abras las imagenes con ayuda de Photoshop sepas cual va primero y cual va despues.

Habiendo terminado esto, las siguientes estapas son iguales en la edicion de cualquier gif ^^

Paso 2

La edicion de tus imagenes
Abre todos los fotogramas o todas las imagenes de tu gif con Ayuda de Abobe Photoshop.

Y selecciona la ventana de la imagen que ira al final o de la imagen que ira al principio, pero de uno de los dos "extremos" de la animación.

Y debes comenzar a pegar en distintas capas, pero en el mismo archivo una sobre otra, en orden cronologico [o como desees que quede tu gif]
De esta manera:



Luego de tener todas las imagenes listas, aplica TODOS los efectos que desees poner en tu gif
Bordes, filtros, contraste, etc.

Debes Recordar: Poner todos los efectos en capas diferentes [Ej: una capa para brush, otra para el contorno, etc] y hacer todos los efectos que deseas en Photoshop, ya que en Image Ready sera mas dificultoso, mas lento y de menor calidad

Paso 3

Llevar tu imagen completamente editada a Image Ready, para esto debes presionar este boton en tu barra de herramientas



Paso 4

Ya en Image Ready [asegurate de conseguir una version de Photoshop que contenga este anexo] comenzaremos a animar el asunto [literalmente xD]

Lo primero es que deben seleccionar la opcion de Animacion esto muy sencillo

Ventana>Animación

Si la opcion ya está marcada, no sera necesario, pero si es la primera vez que usan el image Ready deberan hacerlo.

Ahora comenzaremos a poner Capa por capa nuestro guif en la ventana de animacion.
Como lo haremos? Por cuadros
Muchos deben saber que en Photoshop cada imagen o fecto que nosotros editamos va en CAPAS o LAYERS, en este caso ira en CUADROS. Pero básicamente es lo mismo.

Lo que debemos hacer es seleccionar con el "ojito" [en la ventana de Capas] todas las imagenes que queremos que se vean en un primer momento, ya sean, Bordes, u otros efectos externos a losfotogramas o imagenes que se iran moviendo.
Si queremos que una imagen este siempre en el Gif, que no se mueva, ya sea un Texto, o un brush, debemos tenerlo siempre visible [con el "ojito" seleccionado]

Para poner el siguiente cuadro [la siguiente imagen que se verá] deben ir a la flecha que se encuentra en la parte superior derecha de la ventana de Animación y seleccionar "nuevo Cuadro"



En este nuevo cuadro, pondremos la capa que esta inmediatamente abajo de la primera [o sea la segunda xD!!!].
lo que haremos será deseleccionar la vision de la primera capa [deseleccionando el "ojito" de la primera capa"]. Esto hara que la capa visible ahora, o sea la que esta mas arriba sea la segunda. Esto nos permitira pasar al siguiente movimiento.

De ahi en adelante es solo repetir eso una y otra vez.
Crear un nuevo cuadro, deseleccionar la imagen de más arriba para que se pueda ver la de mas abajo.

Tiempos
Si estamos hacienmdo un gif a partir de un video, y deseamos que se vea los mas parecido posible al video [por no decir igual]
Debemos seleccionar bajo cada cuadro y seleccionar la opcion de tiempo :
"Sin retardo" o "0 Segundos".

si estamos haciendo un gif de imagenes separadas, podemos elegir el tiempo que mas nos parezca [0.1 Seg., 0.5 Seg., etc]



¿Como vemos nuestro gif?

Presionando Play xD
Y como lo guardamos?

Puedes guardarlo como PSD [despues puedes volver a abrirlo con Photoshop e Image Ready y hacerle modificaciones, pero NO subirlo a Inet como imagen], o bien puedes guardarlo como gif.

De cualquiera de las dos formas haces lo mismo

Archivo > Guardar Optimizada como...

Volver arriba Ir abajo
Ver perfil de usuario
mauro
mito(admin)
mito(admin)


Cantidad de envíos : 59
Edad : 22
Fecha de inscripción : 15/01/2008

Hoja de personaje
juegos papel: administrar detodo
vida en el counter:
200/200  (200/200)

MensajeTema: copado   Dom Ene 27, 2008 12:01 am

copado
Volver arriba Ir abajo
Ver perfil de usuario http://detodo.forosactivos.com
 
Tutorial creación de GIFs
Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.
 Temas similares
-
» Tutorial: Cámara estenopeica
» Tutoriales interesantes de creación
» NUEVO, video, foto, gifs...
» Tutorial para poner nuevas piezas a los transformers parte 5
» Peticion: Tutorial Piroxilina

Permisos de este foro:No puedes responder a temas en este foro.
detodo :: detodo-
Cambiar a: