diumenge, 26 de maig del 2013

TRABAJANDO CON LA IMAGEN


TRABAJANDO CON LA IMAGEN

GIMP es un programa de código abierto que nos permite un nivel de trabajo con las imágenes muy potente. Podemos encontrar muy buenos tutoriales, tanto en formato textual como de vídeo, en internet (aquí tenéis los tutoriales de GIMP). Nosotros veremos unos ejemplos de cómo se preparan las imágenes para su uso en la red.

En este ejemplo, preparamos una imagen para ser publicada tal cual, como jpg y procurando disminuir lo máximo posible su peso original.

PREPARANDO IMAGEN PARA WEB

Ahora vamos a realizar una animación con GIMP. Los típicos banners que aparecen en la mayoría de webs son animaciones. En su mayoría utilizan el programa de Adobe Flash, que permite una gran versatilidad tanto en el diseño como en la programación. Pero también podemos definir animaciones en formato gif. Veámoslo.

ANIMACIÓN WEB

El resultado final de esta práctica se publicará en este mismo blog.

21 comentaris:

  1. Hola, he estado haciendo pruebas con el programa GIMP, he realizado la primera actividad, disminuir el peso de una imagen... la comparto https://plus.google.com/u/0/117519099814294952191/posts

    ResponElimina
  2. creo que en el enlace que he dejado no se puede ver, ya que lo tengo como privado, creo que he conseguido ponerlo público...
    https://plus.google.com/u/0/117519099814294952191/posts/D36gj6Efj69

    Un saludo

    ResponElimina
  3. L'autor ha eliminat aquest comentari.

    ResponElimina
  4. He intentado hacerla animación web.... después de mucho probar he conseguido esto
    https://plus.google.com/u/0/117519099814294952191/posts/p/pub
    pero tengo un problema, no sé por qué no me salen las letras en orden... ¿alguien sabe cómo solucionarlo? Gracias:)

    ResponElimina
    Respostes
    1. hola Alicia,
      el enlace de las fotos de la barca lo he podido abrir pero éste de la animación no. No veo nada. Igual soy yo. A ver.
      Muy bonita la foto con ese atardecer, apetece dar un paseo en barca.

      Gra6!

      Elimina
    2. Hola
      ¿Me puedes pasar el archivo de la animación tal cual lo tienes ahora? Me lo miro y te digo qué está pasando.

      Elimina
  5. Hola
    Has comprobado que el orden las capas ses el correcto? El orden de las capas es correlativo al orden de Las letras de la palabra.

    ResponElimina
  6. Hola chicos, por fin pude cambiar el tamaño de la imagen, tengo windows 8 y los programas se muestran diferente a otras versiones que son los ejemplos que mayormente vemos en los tutoriales, además estoy aprendiendo a usar el blogger y me pierdo aun mas :(

    Esta foto la tomé el año pasado vía a un pueblo llamado los Nevados, en el Estado Mérida, Venezuela, a 3200 msn, anteriormente solo se podía acceder en un transporte de la compañía de turismo del estado para minimizar dañar el ecosistema, desde hace aproximadamente unos 5 años permitieron el acceso en vehículo propio, espero les guste... este es el enlace

    http://olmoreurv.blogspot.com/2013/05/blog-post.html

    ResponElimina
    Respostes
    1. ¡Impresionante lugar! Vaya carretera. Gracias por compartir tan hermoso paisaje.

      Elimina
  7. Hola, he creado otra imagen animada a ver si ya no tenía el problema anterior de que no me salían las letras en orden... pero me sigue pasando..
    https://plus.google.com/u/0/117519099814294952191/posts

    ResponElimina
    Respostes
    1. Ahora sí, a través de este enlace he conseguido ver las dos animaciones.
      Es cierto, van en orden al principio pero no en las últimas letras.
      No te puedo ayudar pues todavía no sé cómo se hace.
      Suerte

      Elimina
  8. No sé porqué pero no consigo guardar la animación de manera que siga siendo animación. Yo uso windows y las opciones de guardar y exportar me aparecen por separado. Si la guardo como imagen queda estática. Si la guardo como mng me sale error. Seguiré investigando. Se aceptan ayudas. Gra6!
    PD: lo de las capas no es tan sencillo. A ver si le pillo el truquillo.

    ResponElimina
    Respostes
    1. Vale, ya he conseguido algo más. En lugar de ir a guardar he tenido que ir a "exportar a", ahí ya he tenido la opción de hacerlo como animación.
      https://www.dropbox.com/s/9zyb6u8hbx2buo7/palind.gif
      ¿Se ve?
      Lo que ahora no he conseguido es organizar bien las capas cuando he querido crear un nuevo grupo de capas desde 0, para hacer el efecto de ida y vuelta.
      Seguiré investigando!

      Elimina
    2. A ver ahora...
      http://db.tt/GzMiVlwk

      ¿Se ve?

      Elimina
  9. Gemma, no puc veure la teva animació...

    ResponElimina
  10. Hola Gemma, yo tampoco puedo verla.
    Yo para guardarla como animación le di a exporta a imagen gif. pero el problema que me da es el de el orden de las letras que no sé como puedo solucionarlo, me pasa lo mismo con todos los que hago...
    A ver si encuentro la solución!

    ResponElimina
  11. Buenas, geniales, la barca, el caminito verde (alrededor)... geniales. Yo me acabo de bajar el gimp y hago pruebas, a ver qué consigo!!

    ResponElimina
  12. Gemma, al dropbox posa que no hi ha res! no es veu. La pagesa... genial!

    ResponElimina
  13. L'autor ha eliminat aquest comentari.

    ResponElimina
  14. Hola he realizado mi gif animado pero no encuentro la forma de publicarlo correctamente en el blog.
    https://www.dropbox.com/sh/h7lae51rch5hv43/04DAdWpb3U?n=151261693#f:gif%206.gif

    ResponElimina