Archive for the ‘Diseño Gráfico’ Category
Friday, November 21st, 2008

El administrador de Abduzeedo armó un tutorial que nos explica como crear una tipografía combinando Photoshop y Firewoks. La misma tiene un efecto “grunge” con flores (creadas en base a vectores florales que podremos encontrar por ejemplo en Vecteezy) que le dan un acabado muy atractivo y que se vería bien como parte de una cabecera de un portafolio por poner un ejemplo. La idea es que creemos todo el efecto en Fireworks, para luego agregar texturas y algunos detalles con Photoshop.
En Fireworks escribiremos el texto deseado y lo combinaremos de a poco con los vectores elegidos. Una vez el diseño nos deje conformes, pasaremos a Photoshop. Es momento de crear un fondo y aplicarle ciertos efectos de capa para darle ese aspecto de papel antiguo. Agregamos nuestro texto y aplicamos al mismo una textura con sus valores correspondientes. Solo faltan pocos detalles y tendremos listo el diseño.
Tags: firewoks, Photoshop, texto, Tutorial
Posted in Diseño Gráfico, Fireworks, Photoshop, Tutorial | No Comments »
Friday, November 21st, 2008

Mucho se utilizan hoy en día las texturas en los sitios web o blogs. El estilo “grunge” y los fondos con vida van tomando su lugar en el mundo del diseño, e implementados de forma adecuada pueden verse realmente profesionales. Pero claro, hay que tener en cuenta que si uno diseña un blog con un estilo, todo su contenido debe ir acorde al mismo, por ejemplo, los iconos que agreguemos.
En Webfruits nos ofrecen un paquete de iconos Rss de madera, que sería útiles para un diseño con esta temática. Se trata de doce iconos en formato Png, que pesan en total 128 Kb y pueden descargarse de forma gratuita. Todos tienen la misma base: una textura de madera, con la forma característica del feed grabada o en relieve.
Tags: grunge, iconos, madera, rss
Posted in Diseño Gráfico, Diseño Web, Recursos | No Comments »
Thursday, November 20th, 2008

Lunacore nos invita a que aprendamos como crear una esfera transparente en Photoshop, que después podremos utilizar en infinidad de diseños con diferentes variables. El tutorial, explicado de forma excelente, se divide en cinco etapas: preparar el fondo y dibujar la forma básica, dar color a esa forma, agregar brillos, agregar sombras y ultimar los detalles.
También nos recomiendan que tengamos en cuenta que el tutorial está dirigido a usuarios con un nivel medio de conocimientos sobre el programa (como mínimo), prestemos atención a cada punto que leamos o veamos en imagen y por supuesto, no lo hagamos a las apuradas. Cuando uno hace apurado algo que no sabe hacer todavía, el resultado nunca es el mejor. Este consejo se aplica a todo tutorial o proyecto que tengamos. Tomen el tiempo necesario, practiquen y tengan paciencia.
Tags: esfera, Photoshop, Tutorial
Posted in Diseño Gráfico, Photoshop, Tutorial | 2 Comments »
Thursday, November 20th, 2008

Se acercan las fiestas, parece mentira como pasa el año. Cercanos a la Navidad, todos comenzamos la búsqueda anual de recursos sobre esta temática.
En Frogx3 nos muestran un paquete de iconos encontrados en Deviantart con efecto “glossy” y en formatos Ico o Png transparentes. Los mismos están disponibles en varias medidas: 128×128, 72×72, 48×48, 32×32 y 16×16 y son de descarga gratuita. Entre ellos veremos iconos de un dulce, una campana, un muñeco de nieve, adornos, regalos y estrellas, todos de excelente calidad, e ideales para tener en cuenta a la hora de ubicar a nuestro blog en la época actual o utilizarlos en algún proyecto que nos pidan por estos días y esté relacionado.
Tags: glossy, iconos, navidad
Posted in Diseño Gráfico, Recursos | No Comments »
Thursday, November 20th, 2008

Siempre es importante saber como crear diferentes texturas en base a elementos reales, como césped, roca, agua, etc. 3D total nos invita a aprender a crear un efecto similar a la madera, de forma simple y con buen acabado. La idea principal del tutorial es lograr una textura realista con Photoshop sin necesidad de apoyarnos en una fotografía, como uno lo hace generalmente.
Comenzamos con una imágen en blanco y agregando un “gradient” o degradado con los tonos marrones básicos. Por medio de un filtro lograremos dibujar los círculos y deformaciones que en general presenta la madera, y con ayuda de otro agregaremos algunos detalles mas para hacerla mas real. Ultimando algunos detalles tendremos la base terminada, para pasar a la etapa de dibujar las líneas que separarán la madera en tablones. Para esto utilizamos la herramienta para crear líneas y a estas les agregamos algunos detalles para darles profundidad. Ya tenemos lista nuestra textura para el proyecto que deseemos.
Tags: madera, Photoshop, Tutorial
Posted in Diseño Gráfico, Photoshop, Tutorial | 1 Comment »