Proceso paso a paso PSD

Si estas buscando una forma de representar un proceso que se desarrolla paso a paso, entonces tengo que recomendarte este recurso gratuito diseñado por la gente de Pixel Spiral. Se trata de un archivo PSD que muestra de manera sencilla los pasos necesarios para concluir una tarea determinada.

En el ejemplo propuesto por sus creadores se habla del proceso de diseño, ideal para colocar en el sitio institucional de una firma de diseñadores. No obstante esta misma estructura se puede reutilizar para cualquier otra industria, simplemente modificando las imágenes y agregando o quitando elementos al diagrama.

Descarga: Design Process Steps Free PSD / Pixelspiral

Una vez que descarguen el archivo se van a encontrar con un documento PSD listo para ser modificado, en donde cada etapa del proceso se encuentra separado en una capa distinta. Modificar el contenido como los textos es cuestión de segundos.

Elementos UI con los colores de Google+

Descargar Minimalistic UI Kit Google + | DesignMoo

Si bien, personalmente creo que la usabilidad prima en cada uno de sus diseños de interfase, y suelen ser un ejemplo a seguir en esta cuestión. La gráfica y la utilización de sus colores lo identifican y destacan de sus competidores de forma inapelable. Es por ello que encuentro que un set de elementos UI de estas características, bien puede ser muy útil para imitar su estética o bien para reemplazar los colores por los propios, una vez que ya se hayan decidido sobre una paleta acorde al proyecto que están realizando.

Se trata de una plantilla realizada en Photoshop, con gran cantidad de elementos para interfase de usuario que hace honor a la estética de Google+. Cada uno de los items se encuentran incluídos en carpetas que podrán editar y separar sin inconvenientes. En el paquete encontrarán un calendario, barras de desplazamiento, botones, campos de búsqueda, barras de carga, entre muchas otras cosas útiles que, les repito, pueden utilizar haciendo alusión a los colores clásicos de Google o bien, aplicar su propia paleta de colores en ella.

Llamada para precios e información [Photoshop]

Descarga: Rounded Pricing & Info Callouts PSD - 365psd

Este recurso puede utilizarse sin ningún tipo de restricciones, en caso de querer utilizarlo en un diseño web estos distintivos pueden insertarse fácilmente y con apenas unas lineas de CSS.

Si van a utilizarlo les recomiendo que optimicen el tamaño y peso de la imagen utilizando para ello alguna herramienta de optimización en linea, más que nada para evitar sobrecargar el servidor transfiriendo kbs innecesarios, una herramienta muy buena para realizar esta tarea y que me gusta bastante es Smushit.

Slider de fotografías simple y limpio en PSD

Descargar Modern Web Slider | 365psd

Personalmente no me gustan demasiado las flechas laterales, pero si creo que las miniaturas realizan toda la magia. El archivo se encuentra en formato .psd para Photoshop, y requiere conocimientos de programación y diseño, para que quede como se muestra en la previa.

Cargando circular [PSD]

Lamentablemente este cargando esta disponible solo en formato PSD, y no cuenta con su implementación utilizando para ello CSS y jQuery, algo que probablemente no sea del todo simple de hacer, al menos ahora mismo no se me ocurre como 
Particularmente la idea de un cargando circular me parece muy interesante y original, al menos para variar un poco en cuanto a las opciones que más comúnmente utilizamos.
Web: DesignMoo

Crea un mosaico de fotos para tu perfil de Google+ tú mismo

Hemos visto servicios online como bannerspl.us que nos convertían cualquier imágen en unos mosaicos que después podíamos colocar en nuestro perfil de Google+, pero si quieres saltarte la publicidad a la torera, o símplemente porque eres un manitas que te gusta hacerlo todo a tu gusto os hemos preparado una plantilla para poder hacerlo vosotros mismo. Sólamente tenéis que poner una foto de fondo y dar a exportar y tendremos 5 bonitos mosaicos de la foto principal.
Lo primero que hacemos es bajarnos la Plantilla-BannerGooglePlus que hemos hecho para vosotros. Solamente tenéis que meter una imágen como capa, nosotros en el ejemplo hemos usado una foto de Audry Hepburn.

High Res PSD Planets

Excelente vista de la tierra desde el espacio, este espectacular Psd fue hecho por un usuario de devianart.

Download

Pack de botones web en psd

 Se trata de un conjunto completo de "Download" botones y es, sin duda muy útil!. Botones hechos en el moderno estilo de plástico brillante.

Descargar

MediaFire

Botones de Twitter en .psd

Descargar Twitter Follow Buttons | DesignDeck
Si bien se encuentran en inglés al estar elaborado en Photoshop podrán editar el texto con lo que deseen incluir, ya sea la traducción de Follow Me, o bien el nombre de usuario directamente.
También se incluyen las versiones .jpg y .png de cada uno de los botones para que no haya necesidad de editarlos y en el segundo caso, poder aplicarlos sobre fondos transparentes.

Formulario de acceso con opciones de redes sociales en .psd

Cada vez se utiliza más y más el hecho de acceder a los servicios de sitios que requieren un registro utilizando nuestros perfiles en redes sociales. Creo que es parte de facilitar el proceso sin necesidad de completar con nuestros datos una y otra vez y, al mismo tiempo, facilita la verificación de identidad, obviamente con esto me refiero a que el perfil y el email existen aunque no sea una persona física o siquiera real, hay alguien del otro lado que está interesado en ingresar a nuestro sistema.
En mi caso, soy reacia a vincular las cuentas y no lo hago a no ser que me ahorre tiempo y realmente necesite la herramienta, sino, siempre prefiero el registro clásico. En este caso encontré un diseño bastante original que ofrece la posibilidad de incluir en el mismo formulario de acceso las opciones para registrarse a partir de cualquiera de los perfiles de las redes sociales más importantes: Facebook, Twitter, LinkedIn y el recientemente lanzado Google+.

Descargar Fresh Tabbed Login Form Pack | Design3edge
Hay varias opciones de colores diferentes para utilizar y como siempre les digo, esto no es excluyente, pueden cambiarlos siempre que mantengan las ubicaciones de los colores en los degradados. Contiene una pequeña opción de hover para los íconos de redes sociales y ejemplos de transparencias.

Todos los botones de Google+ Plus en PNG y PSD

4 Different Google+ Icons Set

Download Source (creativenerds.co.uk)

Google Plus (+) Icon Set PNG (dpp)

Nice Glossy Google+ icons in .png format. Available in the following resolutions

Download

Free Google Plus Icon Vector

Beautiful set of Google Plus Vector icons in .ai and PNG format

Download

Google Plus (+) icons & PSD file

Download

Google+ (plus) Tiny icon set [PSD, PNG, AI vector]

Download

Free “16 pieces” Google + (plus) icon set

Download

Google Plus Free Icon Pack [PNG+PSD]

Google Plus Icons and share buttons

Download

Design Friday: Themes, elementos PSD e inspiración

Hoy vamos directo a los recursos que seleccioné de la semana.

• Underwolrd Magazines publicó mas de diez tipografías gratuitas junto a tutoriales que explican como utilizarlas.
• En Designzzz podemos ver 20 plugins para WP que harán la tarea del administrador mas amena.
• Acris Design publicó mas de 50 elementos PSD pixel perfect.
• Si buscan motivos, en DesignBeep podemos ver una enorme recopilación en tonos oscuros.
• Por último, MachoArts nos trae inspiración en forma de 30 ejemplos de tarjetas personales creativas.

Interfaz de usuario Moonify

Delicada y con calidad. Creada por jlofstedt. Disponible en formato PSD (Adobe Photoshop)

Descargar (4 Mb)

[rapidshare]

Descargar (4 Mb)

[megaupload]

Descargar (4 Mb)

[mediafire]

Campos de búsqueda modernos

Descargar Modern Search Fields PSD | DesignDeck
Quiero compartir con ustedes este paquete de campos de búsqueda estilo moderno en diferentes colores. Básicamente están diseñados para no tener que modificarlos, pero en el caso que deseen intercambiar tonalidades para combinarlos a partir de un logo, o un entorno con una paleta de colores determinada, puede hacerse sin problemas, a partir de la utilización de capas de degradado que se encuentran en el archivo .psd.
Al mismo tiempo, estas capas permiten la modificación del tamaño, sin pérdida de calidad, esto es para formatos más amplios o sectores en los que el campo requiera una posición destacada.

40 plantillas para crear tarjetas personales

Si estás en el camino de la creación de tarjetas de negocios, de presentación o tarjetas personales y necesitas un puntapíe inicial, la gente de SloDive ha realizado una interesante recopilación de plantillas para dicho fin.

El título dice “40 plantillas” pero en realidad son muchas mas, ya que la recopilación cuenta con 40 enlaces hacia plantillas de todo tipo y formato, entre las que podremos encontrar EPS, AI, PSD, CDRy hasta para los mas novatos… en formato Word.

En cuanto a la calidad de las mismas, muchas son interesantes como para tomar inspiración… otras pueden brindar ideas de ubicación de elementos o quizás simplemente podamos tomar las medidas estandar de una tarjeta de este tipo.

Enlace | 40 Free Business Cards Templates

Paquete de elementos web para UI en PSD

Descargar Soft UI Kit | SixRevisions

Colección de botones web

En esta ocasión, en Superedit han realizado una extensa recopilación de botones de todo tipo en formato PSD, los cuales se distinguen por sus texturas, colores y formatos.

La mayoría de ellos son de descarga gratuita y otros (los menos) los podrán adquirir por precios totalmente accesibles.

Enlace | 58 PSD Web Buttons Packs

Formularios de acceso en PSD

Muchas veces, a la hora de diseñar, nos frenamos en los formularios. Quienes trabajan desde hace tiempo en esta temática, sabrán que en el pasado elaborar un formulario de lo que sea, no solía brindarnos demasiadas opciones creativas. Inclusive, era difícil llevar adelante la tarea de que todos los campos quedaran alineados y del mismo tamaño.
Hoy en día esto no sucede e incluso podemos encontrar recursos que nos ayuden a estilizar cualquier tipo de formulario sin problemas, con un resultado armónico y elegante.

Listado de formularios de acceso | login

Para aquellos que necesitan opciones puramente de diseño para presentar formularios de acceso, aquí les dejo una recopilación con algunos formularios que han llamado mi atención por su estilo limpio. Obviamente son soluciones gráficas que pueden guardar y tener en cuenta cuando se encuentren ante la necesidad de realizar uno.

Descargar Simple login form | Antsmagazine

Descargar Login Window | PixelsDaily

Descargar A clean login box | PixelsDaily

Descargar Quick Sign In Form | PixelsDaily

Descargar Login modal window | PixelsDaily

Descargar Clean & Simple Login Form | PremiumPixels

300 Iconos sociales en PSD

Set de gran calidad con iconos sociales extruidos, disponibles en formato PSD para poder personalizar y aprender a hacer los tuyos propios. Creados por Artbees.

Descargar (16 Mb)

megaupload

300 Iconos sociales en PSD

Set de gran calidad con iconos sociales extruidos, disponibles en formato PSD para poder personalizar y aprender a hacer los tuyos propios. Creados por Artbees.

Descargar (16 Mb)

[rapidshare]

Descargar (16 Mb)

[megaupload]

Descargar (16 Mb)

[mediafire]