Pedro Puig

Entradas de la categoría ‘Diseño’

Motivos metálicos para nuestros diseños

motivos_metalicos

Estupenda recopilación de motivos metálicos para ser utilizados como patrón a para detalles de fondo en degradado. El pack consta de 12 patrones de aspecto muy realista.

Otro recurso más para nuestro cajón de sastre.

Descarga directa

Vía: Diego Mattei

Texturas y fondos en alta resolución

texturas

En Photoshop Roadmap podrás encontrar una recopilación de texturas y fondos en alta resolución y de gran calidad, desde 60 texturas y fondos en alta resolución pasando por 10 texturas estilo grunge. Además en Creative Closeup, el autor ha realizado otra recopilación, esta vez con 30 texturas de papel.

Ya sabes, descargar y a la carpetita de recursos, seguro que en algún momento harás uso de ellos.

Vía: Desfaziendo entuertos

Estilos de menús en CSS

estilo_menus

Leo un post en Intenta que nos cuenta la posibilidad que nos ofrece Styled Menus de consultar una librería de menús de navegación en CSS y compatibles en principio con todos los navegadores.

Espero que lo disfrutéis…

Vía: Styled Menus

Restauración profesional de una fotografía

finallll

A menudo tenemos fotografías de familiares que necesitan ser restauradas, el paso del tiempo ha deteriorado casi por completo el retrato. En PSDtuts nos enseñan como de una forma profesional podemos mejorar ostensiblemente estos recuerdos. Yo siempre digo que para estos trabajos lo fundamental es la paciencia y mucho ctrl+z.

El resultado es sencillamente espectacular, sobre todo cuando se inventa el lado izquierdo de la cara haciendo un reflejo horizontal.

Vía: PSDtuts

Plantillas de navegadores en PSD

browsertemplatesv2

A la hora de presentar nuestros diseños de sitios web es conveniente simular como van a quedar en los templates de distintos navegadores.

En Piksels podemos descargar un archivo PSD (3,5 mb) con las 3 resoluciones más usadas (800×600, 1024×768 y 1280×1024). Podremos editar desde la barra de direcciones, activar o desactivar el scroll, el favicon.

Las simulaciones de navegadores incluidas en el psd son  Firefox para Mac OS X, Internet Explorer y Firefox para Windows.

La forma de utilizarlo es sencilla, hacemos una copia de nuestro trabajo y la pegamos en la resolución que más nos interese.

Os recomiendo tener muy bien guardadito este psd, seguro que lo necesitareis.

Vía: Diego Mattei

Hacer variaciones en un diseño

Diseño Original

Muchas veces cuando acabamos un diseño, podemos realizar variaciones del mismo y presentar al cliente una misma idea pero con estilos diferentes. En PSDtuts nos explican cómo podemos hacerlo, desde un diseño minimalista hasta una variación abstracta.

En el post detallan como podemos realizar esta variaciones paso a paso, parece sencillo, pero… El resultado es espectacular.

Vía: PSDtuts

Animales en 3D

Diego Mattei nos ofrece en su blog un enlace donde podemos descargarnos una colección de animales en 3D, listos para ser utilizados en nuestro photoshop. Nunca se sabe si en algún trabajo puntual te pueden sacar del apuro; yo soy partidario de cuantos más recursos tengas localizados, por muy extraños que parezcan, mejor que mejor.

En esta ocasión son 38 animales en 3D con las correspondientes texturas y el preview de cada una de ellas. Diego también nos deja el enlace de un pequeño tutorial donde explican como poder trabajar con estos objetos en photoshop

Ya la versión CS3 traía esta funcionalidad, el modelado 3D en photoshop, por cierto la versión CS4 promete muchas más funcionalidades relacionadas con el 3D.

Vía: Diego Mattei

100 manuales de identidad corporativa

Un manual de identidad corporativa es según la definición de la wikipedia:

Un documento en el que se diseñan las líneas maestras de la imagen de una compañía. En él se define las normas que se deben seguir para imprimir la marca y el logotipo en los diferentes soportes utilizados.

En Neutrón Gráfico, hacen una recopilación de más de 100 manuales de identidad corporativa de diferentes empresas. Todo diseñador se verá inmerso alguna vez en su vida en la confección de uno de estos manuales, por lo que estos ejemplos pueden sernos de gran utilidad.

La nueva identidad de RTVE

RTVE ha cambiado su identidad corporativa, ya empezó hace poco con su web y ahora le ha tocado el turno a sus diferentes logos. El elemento unificador es la “e” final presente en sus 3 marcas (RTVE, TVE y RNE). La empresa encargada de realizar el desarrollo gráfico ha sido la consultora barcelonesa “Summa”. La tipografía ha sido creada y los colores se basan en degradados muy al estilo web 2.0, entiendo yo, un poco desfasados.

Mi opinión personal es buena en cuanto a los logotipos y las adaptaciones, pero las moscas para la TV destacan demasiado y son bastante feas, pero para gustos los colores.

Aquí os dejo un video donde explican el proceso de cambio que ha seguido RTVE para modificar la identidad corporativa:

Usabilidad en la navegación por pestañas

Usabilidad en pestañas

El concepto de usabilidad está presente cada vez más en nuestros desarrollos, desde un simple buscador, pasando por la homogeneidad en los links hasta la navegación por pestañas, precisamente en usabilitypost nos dan 5 consejos parar que esta navegación sea 100% efectiva para el usuario. Estos consejos se resumen en:

  • Unir la pestaña activa con el contenido
  • Diferenciar la pestaña activa por colores
  • Poner en un color diferente el texto de la pestaña activa
  • Hacer que toda la pestaña sea clicable y no solo el texto
  • Definir siempre una pestaña activa

Vía: Isopixel