Pedro Puig

En mi anterior post hablaba de las posibilidades creativas que nos brindaba el nuevo perfil de Facebook.  Ahora veremos cómo se debe trabajar para obtener resultados similares.

Ante todo deberemos descargarnos la plantilla en psd para poder trabajar con nuestras propias fotos (plantilla perfil facebook).

Lo primero que deberemos de hacer es tener actualizado nuestro perfil, para ello deberemos acceder a esta URL (http://www.facebook.com/about/profile/). A continuación y utilizando la plantilla de perfil que nos hemos descargado, recortaremos las imágenes necesarias; también podéis utilizar la aplicación www.perfilfacebook.com para realizar los cortes de las imágenes, pero a mí, esta aplicación me ha dado errores. Es importante que los formatos de imagen deben ser JPG, PNG o GIF.

Una vez que tenemos las imágenes las subiremos a la sección “fotos del perfil”. Deberemos etiquetar las fotos que subimos. Algo muy importante es que las deberemos etiquetar en orden inverso, es decir del 6 al 1. Des esta forma lograremos que la última imagen que hemos etiquetado sea luego la primera en mostrarse.

Y con esto y un bizcocho hasta mañana a las 8

Hace poco que Facebook rediseño el nuevo perfil de su red social, muchas críticas negativas ha recibido esta nuevo rediseño, pero siempre hay gente que sabe sacarle partido a este cambio.

Hablamos de utilizar las imágenes de perfil de la parte superior de la pantalla para realizar cosas realmente creativas.

En este video de Tim G podemos apreciar como combina la fotografía y el video logrando un impacto visual muy acertado:

Aquí podéis ver algunos ejemplos para que os deis cuenta de las posibilidades de esta nueva funcionalidad del perfil de Facebook:

Muchas veces hemos sentido curiosidad por saber con que tipografía estaban hechos logotipos tan conocidos como los de Facebook, Flickr, Twitter, Vimeo etc…

Muchas de estas tipografías son las originales pero trabajadas y modificadas para darles un aspecto más exclusivo.

Os dejo un listado con ejemplos y el link para que podáis descargar o comprar la tipografía que os interese:

FFF Forward (Modified)

Agenda Italic

Klavika (Modified)

Frutiger Black

National (Modified)

Pico Alphabet (Modified)

Podéis ver un listado con más tipografías de logotipos conocidos:

• Cork’d – Triplex
• Grooveshark – FF Nuvo
• Envato – Agenda Italic
• Tuts+ Network – Lubalin Graph
• Technorati – Neo Sans Medium
• Purevolume – Avenir Book
• Youtube – Alternate Gothic No. 2
• Basecamp – Whitney
• Engadget – Engadget Font (Close Match)
• Google – Catull BQ
• Yahoo – Yahoo Font
• Hulu – Futura MDd BT (Modified)
• Bebo – Neuropol (Modified)
• TMZ – Amelia
• The ONION – Eagle Bold
• Mapquest – Cheap Motel
• Linkedin – Myriad Pro Bold
• Skype – Helvetica Rounded Bold
• Revision 3 – VAG Rounded Black

Vía: Acceso-Directo

Para un diseñador freelance como yo, es importante tener ubicados diferentes recursos que puedan inspirarnos en un momento determinado.

En el caso de los botones son siempre una parte muy importante en el diseño de una web. El principal objetivo de un botón es atraer al usuario para que realice una acción determinada (comprar, iniciar sesión, votar etc…). Pero el diseño de un botón también determina el aspecto de nuestro sitio web.

En esta recopilación podemos ver una serie de ejemplos de buena aplicación de este tipo de elementos. Espero que os sirva de inspiración para vuestros diseños.

Vía: Inspirationfeed

Ultimate CSS Gradient Generator es una aplicación online que nos permite crear degradados CSS, generando el código CSS3 necesario.

El manejo del editor es sumamente sencillo, siendo muy similar al editor de degradados del Photoshop.

Esta aplicación ha sido creada por Alex Sirota, autor de ColoZilla (plugin de firefox que nos permite obtener el código de cualquier color de imágenes, fondos etc…)

Para poder utilizar esta versión es necesario tener las últimas versiones de Firefox, Chrome o Safari.

Diego Mattei nos sorprende de nuevo con una colección de sombreros en formato PNG. La colección tiene 102 sombreros en formato PNG, desde turbantes, galeras, capelinas etc..

Esta colección no está en alta resolución, las imágenes son de 512 px, pero tiene suficiente calidad para ser utilizadas en pantalla.

Descarga: sombreros.rar

Interesante colección de velocímetros en formato vectorial disponible en diferentes colores y formatos.

Vía: Recursos2D

Hoy os presento el último desarrollo en el que he estado inmerso en estos últimos meses, se trata del nuevo proyecto de Smallsquid “Qdiario”.

Qdiario es un magazine multitemático (26 temáticas diferentes) que pretende diferenciarse de la oferta online actual. Cada magazine se diferencia del resto por su gama cromática y por supuesto por el contenido que ofrece.

El objetivo era crear un magazine fresco, de fácil lectura y que resultara atractivo para el usuario. Aunque de momento no está implementado, uno de los retos más complicados era crear 26 tonalidades que se adaptaran y representaran las 26 temáticas de los magazines.

El proyecto lo he realizado con Blogestudio y han sido casi 3 meses de diseños, pruebas y ensayos hasta conseguir el resultado que veis.
Espero que os guste

Os dejo un video del presentación del proyecto:

Ver portfolio

URL: http://www.qdiario.com

En Fuelyourcreativity nos ofrecen una plantilla en formato PSD para nuestros fondos de twitter. La plantilla establece guías para cada resolución.

Descargar plantilla twitter

Vía: Fuelyourcreativity

365psd nos ofrece 1 archivo PSD cada día y que podremos descargar de forma gratuita para poder editarlo a nuestro gusto. Los recursos son esencialmente elementos de diseño web (badgets, botones, formularios etc…).

Los archivos los proporcionan diferentes usuarios a los cuales se les da su respectivo crédito.

A disfrutarlos se ha dicho

URL: http://365psd.com