Macgrafic - Tutoriales de diseño gráfico, InDesign, Photoshop, Freehand, Illustrator y fotografía » Tutoriales Photoshop

Colección de pinceles para crear nubes con Adobe Photoshop

Macgrafic — Fri, 30 Apr 2010 10:38:45 +0000

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.

Aquí podéis ver un vídeo donde nos explica con un ejemplo el modo de como crear nubes con los pinceles.

Descarga la colección de pinceles para crear nubes con Adobe Photoshop directamente desde Colorburned.com

Cómo convertir PSD de Photoshop a CSS y XHTML. Parte 4 y 5

Macgrafic — Tue, 29 Sep 2009 10:51:22 +0000

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.

Capítulo 5: Nuestra web con el CSS.

Capítulo 1: Presenta a la famosa plantilla PSD y habla sobre las partes principales de una web y como esta estructurada.

Capítulo 2: La organización de carpetas y aprenderemos a cortar nuestras imágenes para estar listos para realizar la estructura de la plantilla en XHTML en la segunda parte.

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.

Cómo convertir PSD de Photoshop a CSS y XHTML. Parte 3

Macgrafic — Fri, 18 Sep 2009 17:39:41 +0000

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.

Capítulo 1: Presenta a la famosa plantilla PSD y habla sobre las partes principales de una web y como esta estructurada.

Capítulo 2: La organización de carpetas y aprenderemos a cortar nuestras imágenes para estar listos para realizar la estructura de la plantilla en XHTML en la segunda parte.

Cómo convertir PSD de Photoshop a CSS y XHTML, parte 1 y 2

Macgrafic — Tue, 15 Sep 2009 17:52:05 +0000

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…

Capítulo 1: Presenta a la famosa plantilla PSD y habla sobre las partes principales de una web y como esta estructurada.

Capítulo 2: La organización de carpetas y aprenderemos a cortar nuestras imágenes para estar listos para realizar la estructura de la plantilla en XHTML en la segunda parte.

Cómo organizar las capas de Photoshop de forma efectiva

Macgrafic — Thu, 20 Aug 2009 22:03:34 +0000

Organización señores! Cuando nos ponemos a diseñar un theme, acabamos con infinidad de capas sin saber que capa es la de los textos, imágenes, etc. En este enlace nos explican de una forma fácil, como organizar todas las capas de un documento Adobe Photoshop de forma efectiva. Curioso…

Enlace (inglés): Organizar las capas de Photoshop de forma efectiva

Técnicas de optimización inteligente JPG

Macgrafic — Thu, 02 Jul 2009 15:44:53 +0000

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

Crear gif animado en Photoshop CS3

Macgrafic — Fri, 15 May 2009 11:41:51 +0000

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.

Automatizar archivos en Photoshop con acciones

Macgrafic — Wed, 18 Mar 2009 13:37:14 +0000

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!!

Pasar de Multicanal a CMYK en Photoshop

Macgrafic — Thu, 19 Feb 2009 13:21:11 +0000

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.

1. Tenemos una imagen eps con 2 canales, cada uno de ellos son dos colores Pantones.

2. Seleccionamos la capa del color plano Negro y cambiamos el modo a Escala de grises.

3. Vamos otra vez a cambiar el modo a CMYK. Se crearan 4 canales, más el pantone 370.

4. Por último, seleccionamos el canal del Pantone, en nuestro caso el canal Pantone 370 y en opciones de canales, seleccionamos “Combinar canal de tinta plana”.

Y ya está, tenemos nuestro archivo Multicanal pasado a CMYK.
Saludos y espero que os sea de ayuda.

Foto realista en Fireworks-Photoshop

Macgrafic — Wed, 03 Dec 2008 19:16:21 +0000

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.

Actualizado: En la primera mención al titular de esta noticia, me refería, que con este tutorial también puede servir para Photoshop. Te puede dar una idea de como mover las sombras para que se vean reales.

Enlace: www.brownbatterystudios.com