Caosgráfico

Ordenando el caos de las ideas

Archive for Noviembre, 2007

Video workshop

Posted by admin on Noviembre 30, 2007

Video workshop, es una web de Adobe donde podrás encontrar video tutoriales de las nuevas herramientas de la versión CS3 de Adobe. Sin duda estos video tutoriales te servirán de mucho pues son muy fáciles de comprender y están divididos por herramientas, en definitiva una herramienta importante para todo diseñador.

video_workshop.jpg

Video workshop

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Freshbadg y web20badges: Generadores de Badges online

Posted by admin on Noviembre 27, 2007

Freshbadg es una pagina donde podrás generar badges de una manera fácil y sencilla, es una herramienta practica que nos sacará de apuros, con esta herramienta podremos manejar efectos de sombras, volumen etc, una vez que hemos creado nuestro diseño, podremos descargarlo en formato JPG o Gif. El resultado en general es muy bueno.

freshbadge.jpgAlgo que también lo hace interesante es que posee una buena lista de enlaces sobre tutoriales, y recursos con los cuales aprenderás a crearlos tu mismo utilizando editores de imágenes como photoshop entre otros.

http://www.freshbadge.com/

 

 

 

 

 

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Diferencia entre JPG, GIF y PNG

Posted by admin on Noviembre 26, 2007

¿Alguien sabe cuales son las imágenes en formato PNG y qué ventaja tienen contra el ya antiquisimo arte de las imágenes con transparencia GIf y el clásico formato JPG?

Ja!, creo que con lo anterior los acabo de confundir todavía más pero bueno, les pondré aquí las características de cada uno:

  • JPG: este es el formato más usado para el manejo de imágenes y el único que reconoce tooooodo tipo de gadgets (como el iPod, tu computadora, mmm y muchos otros pues) es un formato bastante bueno y por ende el estandar, tiene las siguientes características/ventajas/desventajas:
    • No soporta transparencias
    • ejemplo_jpg.jpg

    • Tiene un peso medio, es decir, ni es el más rápido para cargar ni es el más lento
    • Puedes optimizarlo tanto como gustes
    • Lo puedes mandar como archivo adjunto imágen por cualquier medio (correo, msn, subirlo a tu blog etc.)
    • Las imágenes son estáticas
    • Este formato se usa regularmente para las fotografías digitales pues tiene una muy buena calidad de imágen
    • TODOS los navegadores la reconocen
  • GIF: este es el segundo formato más usado pero este sirve más que nada para logotipos e imágenes muy pequeñitas, igual les platicaré sus ventajas y desventajas:
    • Soporta transparencias con un solo color de fondo (es decir, si quieres tener un color de fondo por ejemplo negro pues optimizas tu imágen .gif para que cuadre en un fondo negro o mayoritariamente negro, pero si esa misma imágen después la quieres usar en un fon do blanco pues no obtendrás muy buenos resultados)
    • ejemplo_gif.gif

    • Tiene un peso muy bajo (al ser una imágen pequeña)
    • Puedes optimizarlo desde 2 colores (para logos) hasta 256 colores (lo más alto)
    • Lo puedes mandar fácilmente como archivo adjunto
    • Las imágenes se pueden manejar de dos formas: estáticas y con movimiento (frame por frame / cuadro por cuadro)
    • Este formato se usa más que nada en logotipos, tiene una grán calidad y un peso pequeño para estos fines.
    • TODOS los navegadores la reconocen
  • PNG: este es el formato más “nuevo”, la mayoría de los gadgets actuales y navegadores actuales lo acepta, y puedes optimizarlo muchísimo… el detalle con este tipo de imágenes es que se recomienda más que nada para la web pues tiene la mejor calidad de imágen y el mejor peso.
    • Soporta transparencias A TODOS LOS COLORES, es decir que en este caso la transparencia es real y soporta cualquier fondo ya sea sóliudo o con textura.
    • ejemplo_png.png

    • Tiene una relación calidad/peso muy equilibrada (la más equilibrada de hecho)
    • Puedes optimizarlo a 8, 24 y 32 bits (logotipos básicos, imágenes que no necesiten ser tan nitidas e imágenes nitidas… en ese órden)
    • Las imágenes son estáticas actualmente, pero ya existe un nuevo formato que permite el movimiento, se espera su estandarización a mediados del 2008
    • TODOS los navegadores la reconocen pero solo los navegadores actuales reconocen su transparencia (como Firefox 2.0 e Internet Explorer UNICAMENTE DESPUÉS DE SU VERSIÓN 7.0) - aqui verás el ejemplo bien pues le metí un fix para solucionarlo a toda la página, pero hay muchos más ejemplos en la red que puedes ver de este tipo de imágenes
    • ESTE FORMATO SERÁ EL FUTURO ESTANDAR DE LA WEB

Ahora, en lo personal empleo las 3 sin ningún tipo de problema cuando creamos una página web o algún sistema, cada una tiene sus propiedades y hay que aprovecharlas, aunque yo les recomendaría los siguiente:

1.- Si van a montar una web que sea con pura imágen PNG y divs (que se tocarán en otro tema)+

2.- Si van a guardar imágenes en su PC de su familia, amigos, fiestas y anexas lo mejor es en formato JPG

3.- Si quieren hacer una imágen con movimiento usen .gif o de plano un Flash

Saludos!

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Blog de diseño gráfico

Posted by admin on Noviembre 26, 2007

En Caosgrafico podrás encontrar Herramientas, Artículos, Libros, Escuelas del mundo del diseño gráfico y… más

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

About Me

    About

    Some details about you.

    Open "about_text.txt" file in the theme folder to edit this text.