Desde hace algunas versiones anteriores de Photoshop vemos que el filtro nubes no es el que a veces necesitamos, genera nubes pero no son exactamente realistas y no llegamos a lograr el efecto deseado.
Colorburned nos echa una mano y ha reunido una colección de 25 fantásticos pinceles (High Resolution Brushes for Creating Clouds in Photoshop) para crear nubes, y así poder mejorar el resultado del efecto nubes.
Sigue leyendo…

La cuarta y quinta parte “Cómo convertir PSD de Photoshop a CSS y XHTML” de la serie de vídeo tutoriales de la diseñadora y desarrolladora web, @raymicha, desde cristalab.com.

Capítulo 4: Concepto de Modelo de Bloque (The Box Model Concept), concepto muy importante de entender antes de que podamos empezar a darle formar a nuestro Layout.
Sigue leyendo…

La tercera parte “Cómo convertir PSD de Photoshop a CSS y XHTML” de la serie de vídeo tutoriales de la diseñadora y desarrolladora web, @raymicha, desde cristalab.com.

Capítulo 3: La estructura en XHTML. Revisaremos primero la parte visual de nuestra plantilla en Photoshop y, en base a esta, armaremos el XHTML.
Sigue leyendo…

Desde cristalab.com, @raymicha, nos presenta una interesante serie de vídeo tutoriales llamada “Así las armamos en español” para enseñarte a convertir los archivos de Photoshop (.PSD) a CSS y XHTML. Verdaderamente son geniales y de gran calidad de aprendizaje para un diseñador web. Gracias @raymicha.

Los vídeos después del salto…
Sigue leyendo…

Normalmente cuando queremos optimizar una imagen nos ceñimos a los parámetros que nos ofrecen los editores de imagenes más populares (Ej: Adobe Photoshop) en el cual podemos comprimir la imagen según nuestro criterio, añadir o quitar colores en la paleta, tramar la imagen, etc. También hay algún que otro software que nos permite mejorar la optimización de la imagen automáticamente…
En Smashing Magazine publican un interesante artículo sobre las técnicas de optimización inteligente JPG.
Nos explican una forma diferente para optimizar las imágenes y como almacenan las bases de datos en diferentes formatos y modos de imagen.

En castellano: Técnicas de optimización inteligente JPEG
En ingles: Clever JPEG Optimization Techniques

Es una cosa curiosa, pero hace poco que descubrí como hacer un gif animado en phoshop CS3. Desde la versión de CS2 de Photoshop que Image Ready viene integrado en el mismo Photoshop y no es un software aparte como venia en las anteriores versiones. Aquí os dejo este vídeo tutorial bastante básico para que os hagáis una idea.
Sigue leyendo…

En este tutorial, os explico como automatizar archivos por lote en Photoshop CS3.
Esto nos puede ayudar muchísimo cuando queramos modificar las propiedades de imagen (Modo, resolución, formato de imagen, etc) de muchísimos archivos a la vez. @Hybrix fue el inspirador de este videotutorial.
Si tenéis alguna consulta o queréis proponer algún videotutorial de esta temática, no dudes en enviarme un mail a info[arroba]macgrafic.com.
A disfrutarlo!!

Sigue leyendo…

Es con un problema que me encontré hace poco. Hace muchos años que trabajo con Photoshop y nunca me lo había planteado este problema. Pero bueno di con la solución. En mi ejemplo es con 2 canales, puede ser que tengáis archivos con mas canales, pero bueno, la forma de conversión es la misma.

Sigue leyendo…

Muchas veces he intentado hacer el efecto de una hoja de papel o en este caso una foto sobre una superficie. Y si os digo la verdad, nunca he tenido el resultado esperado. Con este tutorial podréis ver que el resultado es perfecto y muy realista.
Sigue leyendo…