Pedro Puig

Entradas de octubre de 2008

Nuevos Proyectos, Hotel Belroy y Agir

Aprovecho este post para presentaros el último proyecto en el que he estado trabajando este verano en Blogestudio. En esta ocasión se trata del weblog para los Hoteles Belroy y Agir situados en la turística Benidorm.

Hotel belroy

Es un layout a 3 columnas y una cabecera realizada en flash donde se muestran imágenes y detalles de los hoteles. En el blog, el layout pasa a ser a 2 columnas para darle prioridad al contenido.

Hotel Agir

En cuanto a la gama cromática se juega con los grises en diferentes tonalidades para el Belroy y los azules para el Agir.

Como ya comenta Fernando, el gestor de contenidos utilizado en el desarrollo de los 2 hoteles es WordPress MU.

Ver portfolio

URL: www.belroy.es
URL: www.hotelagir.com

Photoshop Disasters

Photoshop Disasters es una blog que recopila errores cometidos por los diseñadores usando Photoshop, si ya se sabe que las prisas no son buenas compañeras.

Hasta Disney en su promoción de High School Musical mete la gamba, al diseñador en esta ocasión le sobraban manos y dedos por todas partes:

Este ejemplo también se demuestra que hay veces que perdemos la cabeza y luego pasa lo que pasa…

Cabezas en cuerpos ajenos

Disfrutar, vale la pena.

Ford fingers

Original el anuncio realizado por la agencia JWT Melbourne para promocionar la nueva serie G de Ford. Llámame Lola explica todo el proceso de realización:

“El spot que nos ocupa es fruto de un laborioso trabajo de postproducción en el que se han integrado brillantemente unas manos infantiles en escenarios reales recreando el juego que los niños acostumbran a hacer con sus manos sobre el paisaje que pasa por la ventanilla del coche…”

Vía: Llámame Lola

Contornear formas abiertas en Photoshop

Comienzo a partir de hoy una serie de mini tutoriales de photoshop de tareas sencillas, pero que probablemente nunca nos hemos parado a pensar como se hacen o ni siquiera si se pueden realizar.

En esta primera entrega vamos a ver como contornear formas abiertas en photoshop. Todos sabemos que es muy fácil contornear un cuadrado, un círculo. Pero ¿y si queremos contornear una línea? Voy a intentar explicar cómo podemos realizar esta tardea de forma sencilla y simple.

En primer lugar nos abrimos un documento en blanco. Si queremos que nuestro contorneo sea de un determinado color deberemos seleccionar este en la paleta de colores, yo he elegido el color negro.

selector de color

En primer lugar haremos el contorneo a una línea recta. Para ello seleccionaremos la herramienta pluma y dibujaremos un trazado recto.

barra de herramientas

trazado recto

A continuación activaremos la pestaña de trazado y con el trazado seleccionado, haremos clic en la opción “Contornear trazado”.

Recopilación de degradados

Degradados

Diego Mattei nos comenta que Emma Álvarez ha conseguido recopilar una gran colección de degradados libres de uso para poder utilizar en photoshop.

En total son 50 packs que van desde degradados web 2.0, metal, pasteleros etc…

Llega una momento que gestionar tantos recursos (degradados, brushes, patterns, shapes etc…) en nuestro photoshop se hace complicado. Pero bienvenidos sean.

Vía: Diego Mattei

Colección de personajes en PSD

Personajes en 3D

Diego Mattei nos comenta la existencia de la mayor colección de personajes en PSD para utilizar en tus trabajos.

Nos podemos encontrar desde soldados, piratas, armaduras, princesas etc. Son 173 archivos y 2.43 GB, lo malo es que tenemos que realizar 27 descargas, pero os aseguro que vale la pena.

Yo ya estoy en ello.

Vía: Diego Mattei

El significado del color

El color es uno de los medios más subjetivos con el que cuenta el diseñador. Dado que la percepción del color es la parte simple más emotiva del proceso visual, tiene una gran fuerza y puede emplearse para expresar y reforzar la información visual. También hay que tener en cuenta, que el color puede cambiar su significado dependiendo del país y su cultura.

La elección del color a la hora de crear un logotipo o crear un sitio web no es aleatorio. Cada color refleja un estado de ánimo, un sentimiento, una emoción. El blanco se asocia a la luz, la pureza.., el amarillo representa la alegría, la energía etc…

En usability post nos muestran las sensaciones que transmiten los colores utilizando la herramienta Cymbolism, donde se busca averiguar, a través de una encuesta (por cierto bastante tediosa), si estas asociaciones son particulares de cada persona o si verdaderamente existe cierto tipo de unanimidad en los criterios de las mismas.

El significado del color

Vía: Usability Post

30 archivos psds de alta calidad

En Naldz Graphics tenemos disponibles 30 psd de libre uso y de alta calidad para poder destripar, ver cómo están realizados o utilizar como recursos en nuestros trabajos.

Manzana

Apple iPhone

Vía: Naldz Graphics