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

Plantillas para aplicar tus diseños gráficos

Macgrafic — Thu, 11 Mar 2010 09:49:25 +0000

A veces tenemos un buen diseño en nuestra mente y no tenemos ni idea por donde empezar, o simplemente no nos hacemos la idea sobre el tamaño adecuado para aplicar en el diseño. Aquí es cuando entran en nuestra vida profesional las plantillas. He echo una recopilación de algunas plantillas que seguro que os serán de mucha utilidad. La mayoría de estos archivos estan en Formatos PSD o AI.

6000 modelos de coche vectorizados

Tenéis a vuestra disposición, más de 6000 modelos de coches vectorizados para Adobe Illustrator.

Camiseta en Adobe Illustrator

Plantilla de camiseta (parte delantera y trasera) en Adobe Illustrator.

Gorra

Plantilla de una gorra para aplicar su logo.

Latas metálicas

Plantillas de latas metálicas para presentar con capas.

Taza de café blanca

Plantilla de taza con espacio para el texto y logo. Tamaño 1280×1024px PSD.

Skateboard

Plantilla de varios modelos de Skateboard.

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

Macgrafic — Thu, 08 Oct 2009 07:21:14 +0000

Nuestra amiga @raymicha ya tiene lista la quinta parte titulada “Gotitas de Javascript” de la serie “Cómo convertir PSD de Photoshop a CSS y XHTML”, en esta parte veran dos plugins de jquery que permitirán hacer cambios en las fuentes y darle funcionabilidad a nuestro slide.

Capítulo 4: Gotitas de Javascript.

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

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.

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

¿Buscas pinceles para Photoshop?

Macgrafic — Mon, 22 Jun 2009 15:47:02 +0000

¿Buscas pinceles para Adobe Photoshop?… Qbrushes es un verdadero paraiso donde encontraras infinidad de pinceles de todo tipo para Adobe Photoshop. Una web a tener en cuenta para los diseñadores e ilustradores gráficos.

Enlace: Qbrushes

Optimizar imagenes en Photoshop para impresión en Offset

Macgrafic — Sat, 20 Jun 2009 09:47:45 +0000

Cuando un diseñador gráfico empieza a hacer sus pinitos hay normas básicas ha tener en cuenta. Una de esas normas básicas es la optimización de las imágenes importadas en sus maquetaciones o diseños gráficos. Estas imágenes siempre nos tenemos que acostumbrar a dejarlas lo más optimizadas posibles a referente al tamaño, resolución y modo de imagen. En este videotutorial os explico como.

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.

Tutoriales impresionantes de Photoshop

Macgrafic — Thu, 14 May 2009 09:47:45 +0000

Una lista de más de 50 tutoriales en Photoshop para lograr efectos impresionantes en fotografías.
50+ Truly Useful Photoshop Tutorials For Amazing Photo Effects