April 26th, 2007

Videotutorial Photoshop: guardar para web

por Sergio Ordonez at 12:32 pm en Photoshop, Video tutoriales

Video Tutorial: guardar web Photoshop

Haz click en la imagen si quieres ver el videotutorial básico de Photoshop para guardar tus gráficos para web, tu misión consiste en conseguir la mayor calidad ocupando el menor espacio posible.

Tenemos dos personajes, el que Sosfactory diseñó para realvideosite (gráfico con degradados y por consiguiente muchos colores) y el personaje estrella en el relanzamiento de los juegos POG que Sosfactory diseñó para Funrise Toy Corp (Tazos para los hispanos).

¿Qué formato de archivo deberíamos usar para web? ¿JPG o GIF? Mucha gente usa un formato u otro indiscriminadamente… MUY MAL CHORICETES!!!! Así nunca dejaremos de ser Newbies.

El procedimiento básicamente es este:

  1. Guardar para web en el menú "Archivo" de Photoshop
  2. Escogemos JPG al 60% (para web no necesitamos más calidad)
  3. Vemos cuantos kb ocupa la imagen
  4. Escogemos GIF y vamos bajando el número de colores, tenemos que usar el menor número de colores pero sin estropear la imagen
  5. Vemos cuantos kb ocupa la imagen
  6. Elegimos el formato.

El extremo a la hora de ahorrar espacio usando imagenes para web lo encontramos en el Pixel art, al usar una paleta tan limitada de colores el peso del archivo es poquisimo… fijate en los dos ejemplos:

Pixelart

Imagen PIXELART guardada como Gif con 64 colores = 8.976 kb

Gráfico sin pixelart JPG

Imagen normal guardada con JPG 60% calidad =18.83kb

Bueno después de ver este videotutorial no tienes excusa, si sigues guardando en formatos de archivos inapropiados, o tus imagenes pesan más que mi tia Puri, la culpa no es ni de Photoshop ni del cliente… es solo tuya!!! CHORIZO!!!!!

Post relacionados:

  1. Videotutorial Photoshop: Color digital
  2. Videotutorial Photoshop: Entintado Digital
  3. Dibujo digital con Photoshop (Videotutorial)

No hay comentarios. »

No hay comentarios.

RSS Sindicación de los comentarios de este post. TrackBack URI

Haz un comentario

XHTML: Etiquetas permitidas:<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>