animaciones giff

Tema en 'Foro Libre' iniciado por edenilson, 7 May 2009.

  1. ede

    edenilson
    Expand Collapse
    Recluta

    Mensajes:
    18
    Me Gusta recibidos:
    0
    weno si alguien quiere una animacion giff personalizada que me avise asi se la creo al gusto de usd si esperen a que termine de hacer el tutorial para darselos pa que aprendan a hacer usd sus animaciones enga dew se cuidan
     
  2. fel

    felipao3
    Expand Collapse
    Teniente Coronel
    Usuario destacado

    Mensajes:
    1.082
    Me Gusta recibidos:
    0
    si a mi haceme 1 como vos qieras pero nomas lo unico q pido es q sea graciosa y q sea del maximo tamaño q pueda soportar las imagenes en gzl :cool:

    thks


     
  3. ElC

    ElCabo
    Expand Collapse
    Subteniente

    Mensajes:
    506
    Me Gusta recibidos:
    1
    ps ami si me acieras una te agradeceria muxxo kiero una de angelina jilie pero que sea bonita ps algo kursi con esa bellesa xD lo espero ....
     
  4. ede

    edenilson
    Expand Collapse
    Recluta

    Mensajes:
    18
    Me Gusta recibidos:
    0
    oks ahorita empiezo a trabajar en ello en lo que me podrian ayudar ees en las fotografias, eso lo necesito pa empezar la animacion cuadro por cuadro
     
  5. th3

    th3princ3s
    Expand Collapse
    Sargento

    Mensajes:
    330
    Me Gusta recibidos:
    0
    oye buena idea lo del tutorial... estare esperando con ancias el tutorial salu2
     
  6. ede

    edenilson
    Expand Collapse
    Recluta

    Mensajes:
    18
    Me Gusta recibidos:
    0
  7. the

    thedarkzombi
    Expand Collapse
    Teniente Coronel
    Usuario destacado

    Mensajes:
    1.313
    Me Gusta recibidos:
    1
    Aki Te Dejares Las Imagenes...

    lo que diran es lo siguiente exactamente como pondre las imagenes asi iran...

    y en cada foto dira eso que escribi tu veras donde pones el texto pero lo que importa es que el gif sea grande... osea stylo 350 x 300 algo asi o 800 x 600 como quieras pero que sea grande


    Foto Numero #1
    [​IMG][​IMG]
    Adicto Al ...

    Foto Numero #2
    [​IMG]
    Sonido...

    Foto Numero #3
    [​IMG]
    De Tus ...

    Foto Numero #4
    [​IMG]
    Besos.




    Links directos de las Fotos

    Foto #1
    http://img503.imageshack.us/img503/5406/flakitaedited.gif

    Foto #2
    http://img407.imageshack.us/img407/4117/imagen024pg.jpg

    Foto #3
    http://img22.imageshack.us/img22/9243/imagen061hgz.jpg

    Foto #4
    http://img503.imageshack.us/img503/8692/12112640.jpg
     
  8. ede

    edenilson
    Expand Collapse
    Recluta

    Mensajes:
    18
    Me Gusta recibidos:
    0
    ok dame un poco de tiempo asi lo hago puesto que trabajo me queda poco time xD weno pero de que lo hago lo hago
     
  9. ede

    edenilson
    Expand Collapse
    Recluta

    Mensajes:
    18
    Me Gusta recibidos:
    0
    weno aki les dejo el tuto espero lo entiendan
    Por si todavia no sabes la forma de hacer una buena animacion en gif, este es tu programa, lo utilizan los profesionales para hacer los baners y demas imagenes animadas para sus webs, es bastante sencillo de utilizar si partes de unos conocimientos minimos de photoshop y un poco de imaginación, este mismo viene con el programa adobe photoshop y sus herramientas se asemejan bastante. Como vemos en esta imagen posee una interfaz igual que la del photoshop, por ello recomiendo que aprendas a manejar un poco antes photoshop y después te metas en este sencillo programa, si ya has hecho los tutoriales de photoshop estas preparado para crear tu primera animacion gif, q es para lo q mayormente se utiliza image ready, si no tienes ni idea de photoshop te sugiero q hagas algun tutorial previamente y aprendas a manejar las capas en especial, ya que en este programa son una herramienta bastante utilizada.


    [​IMG]
    [SIZE=-1]([/SIZE][SIZE=-1]Click para agrandar)[/SIZE]
    Imagen en la que se observa el programa asi como
    las ventanas que mas vamos a utilizar,
    este sera nuestro comienzo.

    Una ves nos situamos como se muestra en la imagen anterior podemos observar que su utilizacion sera semejante a la de photoshop, salvo por la ventana de animacion la cual sera nuestra herramienta escencial. Con lo cual se pasara a explicar la utilizacion de esa ventana directamente ya que las demas las debes de saber de utilizar ya, si no es asi, ya sabes... haz algun tutorial de photoshop previamente ;-)



    - Ventana de animacion:
    [​IMG]

    El icono sombreado en rojo como ven, nos servira para ir duplicando los cuadros de animacion, y el icono sombreado en naranja para eliminarlos.
    Los iconos que vemos sombreados en verde nos serviran para ir probando como va a kedar nuestra animacion, funcionan como un reproductor normal.


    Bien una ves hemos aprendido a utilizar esta ventana ya sabemos lo esencial para hacer nuestra primera animación, ahora intercalaremos el trabajo utilizando la ventana de capas, ya que es necesario jugar con las capas para hacer cualquier animación.


    Explicación y ejemplo:


    Abrimos un nuevo documento del tamaño que queramos, nos vamos a la ventana de capas y creamos dos capas.

    [​IMG]
    Y ahora dibujamos en cada capa un cuadrado, cada uno de un diferente color.
    Una ves tenemos dibujados los cuadrados cada uno en una capa, nos vamos a la ventana de animacion y le damos al icono de duplicar cuadro de animacion.

    [​IMG]

    Una ves tenemos este cuadro duplicado y nos hemos situado sobre el cuadro de animacion que hemos duplicado, nos vamos a la capa1 en la ventanas de capas donde tenemos el cuadro rojo y le damos al icono del ojo que esta a la izquierda para ocultar su visión en este cuadro de animación.

    [​IMG]

    Bien ahora hacemos lo mismo con el cuadro de animación1 pero esta ves ocultamos la capa que tiene el cuadrado verde.

    [​IMG]

    Y ahora damos al play en la ventana de animación para ver el resultado, como podemos observar los cuadros se iran alternando del verde al rojo, ya tenemos nuestra primera animacion creada, pero para que los cuadros no vallan cambiando tan deprisa vamos a cambiarle el tiempo de expocición, esto se hace dando click en la flechita q vemos en cada cuadro de animación donde dice "0 seg" clikeamos ahi y ponemos 1sg de tiempo.

    [​IMG]

    Cuando tenemos los dos cuadros de animación con 1sg, damos al play y observamos que la animacion va a una velocidad adecuada, ahora ya solo tenemos que guardar nuestro trabajo.

    Nos vamos a archivo/guardar... y guardamos nuestro trabajo en formato .psd por si posteriormente queremos modificarlo, pero bien nosotros lo que andamos buscando es un gif animado, con lo cual vamos a archivo/guardar optimizada... y guardamos nuestra animacion en formato gif. De esta manera ya tenemos nuestra primera animación !! Bastante simple pero es un gif animado xD
     
  10. the

    thedarkzombi
    Expand Collapse
    Teniente Coronel
    Usuario destacado

    Mensajes:
    1.313
    Me Gusta recibidos:
    1
    ok bro...


    gracias!

    y sobre el tuto! de photoshop no entiendo ni papa!

    pero bueno vere si invento algo :p

    se ve bueno el tuto
     
  11. ede

    edenilson
    Expand Collapse
    Recluta

    Mensajes:
    18
    Me Gusta recibidos:
    0
    XD solo usa el image reader se parece al photoshop solo que en animacion es lo mejor si no mira esta de snipper ImageShack - Image Hosting :: francotirador13y.gif es facill comienza por el ejemplo q esta ahi luego usa imagenes de cualquier tipo solo que la imagen la reduces a un tamaño moderado si no el giff pesaria mucho y luego no podras subirla a ningun lugar XD
     
  12. vue

    vuen727
    Expand Collapse
    Soldado Raso

    Mensajes:
    66
    Me Gusta recibidos:
    0
    [​IMG]ami una con esta misma pero con verdes y aun lado ke diga vuen727 y al otro m6​
     

Compartir esta página