Entradas en la categoría ‘Recursos’

Septiembre 21st, 2009 | Un comentario

3 estilos de capa “letterpress” para Photoshop

El estilo de texto letterpress está basado en una técnica de impresión que lleva el mismo nombre, y consiste en darle relieve a un texto, de tal forma que quede debajo del resto del papel. Por ejemplo:

Impresión letterpressSin embargo, está técnica se está haciendo cada vez más usada en el diseño, ya que es una forma muy elegante de estilizar el texto y que encaja en muchos diseños.

Algunos sitios que lo aplican en sus diseños son PowerSet, Alex Buga ó MetaLab.

Y para ello aquí tienen 3 estilos de capa para Photoshop :D

Efecto letterpress — Estilos de capaClick para ampliar imagen

El archivo ASL lo pueden copiar directamente a la carpeta de estilos ó mediante el menú del panel de estilos, solo le daz click y a continuación en Cargar estilos…

Cargando estilos desde el panel de estilos¡Eso es todo! :D

El archivo es un ZIP que contiene:

  • Archivo PSD de muestra (archivo.psd)
  • Archivo ASL (Letterpress.asl)

Las tipografías usadas puedes obtenerlas al final del post ;)

Descargar archivo (ZIP | 434 KB)

Las tipografías usadas son:

PF Arma Five.- La descargas desde su página oficial

GeoSans Light.-Puedes encontrarla en Dafont

Museo 300.- Descárgala gratis en MyFonts (necesitas estar registrado)

Coupe Black (Bold).- Cuesta $19 USD en MyFonts

Septiembre 7th, 2009 | Sin comentarios

Hoja de referencia de códigos HTML 5 amigable

Algo muy común que usamos varios desarrolladores/diseñadores web son las cheat sheets (algo así como hojas de códigos), que son hojas con los códigos ó etiquetas de algún lenguaje de desarrollo, por ejemplo XHTML, CSS, etc. éstas incluyen los parámetros que se le pueden ó deben aplicar a cierta etiqueta.

Hoja de etiquetas HTML 5

Y con el reciente soporte de HTML 5 por los navegadores (¡¿Qué Internet Explorer no lo soporta?! … ¿Y quién dijo que esa cosa es un navegador?) estaría bien ir aprendiendo cómo maquetar con ese lenguaje :P

Y gracías a Antonio Lupetti tenemos una cheat sheet de las etiquetas de HTML 5 muy amigable en cuanto al diseño y estructura ^^

La hoja de códigos esta disponible en JPG y PDF.

También pueden descargar su versión para impresión:

Hoja de referencia de códigos HTML 5 (Impresión)Puedes descargarlas al final del artículo original

Agosto 18th, 2009 | Un comentario

Interfaz gráfica del iPhone, Palm Pre y Android en vectores PSD

Al momento de realizar una aplicación para dispositivos móviles, algo que se debe de tomar en cuenta es el aspecto que tendrá, por ello suele ser recomendable antes preparar un boceto, ó mockup, en el caso de desarrollar aplicaciones para iPhone, una buena herramienta es Balsamiq Mockups, que entre varios elementos de interfaz gráfica estan los del iPhone.
titulo-gui-movi

Pero cuando se trata de ver el aspecto lo más parecido al resultado final, se necesita diseña la interfaz gráfica del dispositivo.

Por ello aquí les traigo las interfaces gráficas de los dispositivos móviles más conocidos ;)

Todas estan en formato PSD, y son de alta calidad.

Son las interfaces gráficas de usuario (GUI) del iPhone 3.0, el Palm Pre y Android.

Palm Pre

gui-palmDescripción: Empezaré con este archivo PSD de la interfaz del Palm Pre, es en formato PSD, pero son vectores, tiene varios elementos de la interfaz.

Por: teehan+lax

Formato: PSD comprimido en ZIP

Tamaño: 7.3 MB – 7.4 MB

Descarga: http://www.teehanlax.com/blog/?p=1675

iPhone

gui-iphoneDescripción: La interfaz del teléfono de Apple, con teclado, navegador, y demás, incluyendo el iPhone en posición horizontal y una pantalla de Maps.

Por: teehan+lax

Formato: PSD comprimido en ZIP

Tamaño: 9MB

Descarga: http://www.teehanlax.com/blog/?p=1628

Andriod

gui-androidDescripción: La más bella interfaz creada en un dispositivo móvil u.u, creada por nuestro padre Dios Google, totalmente perfecta y original con detalles ligeros y a la vez elegantes.

Por: Pavel Maček

Formato: PSD comprimido en ZIP

Tamaño: 10.8MB

Descarga: http://www.matcheck.cz/androidguipsd/

Disfrutenlos, que son de excelente calidad ;)

Agosto 5th, 2009 | Sin comentarios

85 sets de siluetas de alta calidad gratuitos

Las siluetas son elementos muy usados en diseños urbanos monócromos, pero también suelen usarse en diseños que simplemente deben de ser sencillos pero elegantes.

titulo-siluetas

Las siluetas tiene muchos fines y es por ello que es indispensable tener una pequeña colección de ellas ya sea en pinceles, vectores ó figuras personalizadas.

Es por ello que en HongKiat hicieron una recopilación de 85 sets de siluetas de alta calidad totalmente gratuitas :)

Algunas más complejas que otras, unas con color aunque la mayoría son en negro, no solo hay de personas, también de objetos, vehículos, animales, edificios, armas, música, caligrafía, zapatos y muchas más.

Para verlas solo visita el post original: 85 Free High Quality Silhouette Sets

Junio 25th, 2009 | Sin comentarios

Paquete de iconos de redes sociales « komodoMedia

Desde hace casi 2 meses que he estado leyendo este blog/laboratorio/portafolio/website, lo encontré por primera vez buscanco algún paquete de íconos sociales para reemplazar los que ShareThis muestra.

Este sitio web, es impecable en todo aspecto, en la estructura, la forma de anunciar sus post’s, la especie de widgets para last.fm junto a la integración de Twitter, además del gran uso de jQuery (como el foliage-o-meter), y sobre todo el hermoso diseño.

komodoMedia

komodoMedia

Hoy quiero compartir con ustedes un paquete de íconos de redes sociales que komodoMedia, recientemente lanzó, y además de que están espectacularmente bien diseñados, son gratuitos ^____^

Sin duda una colecciónque debes tener; formada por más de 40 iconos de redes sociales que además están en 2 tamaños:

  • 32 * 32 pixeles
  • 16*16 pixeles

Inclyen las redes sociales más importantes, aquí puedes ver algunas:

komodoMedia: Social Network Icons

komodoMedia: Social Network Icons

Para descargarlos visita el artículo original en komodoMedia

Además de este paquete, está disponible desde el año pasado, el paquete de mini-iconos sociales (16px * 16px):

komodoMedia: Social Mini Icons Pack

komodoMedia: Social Mini Icons Pack

Si deseas verlo, visita el artículo original en komodoMedia

Asi que no olviden darse una vuelta por komodiMedia, verán que realmente es un sitio espectacular ;)

Junio 5th, 2009 | Sin comentarios

110+ Mejores recursos gratuitos de archivos PSD

Cada vez son más los sitios que permiten el comercio de archivos PSD (Photoshop Document) como GraphicRiver, pero también a quienes sin ningún interés, comparten sus creaciones con todo el mundo; y gracias a instantShift estan recopilados los 110 mejores recursos gratuitos de archivos PSD :D

Todo ellos son totalmente gratuitos y para uso libre, algunos de los que más me han gustado son el iPhone…

iPhone PSD

iPhone PSD

El BlackBerry…

BlackBerry PSD

BlackBerry PSD

Y el PSP de Sony…

Sony PSP PSD

Sony PSP PSD

Pero también hay paisajes fictisios como este:

Paisaje PSD

Paisaje PSD

Sin duda una colección que vale la pena hecharle un vistaso que seguro algún PSD que necesitemos podemos encontralo ahí ;)

Vía | instantSift

Junio 1st, 2009 | Sin comentarios

70+ Tipografías elegantes gratuitas

Tanto si eres diseñador o no, estarás de acuerdo en que encontrar tipografías elegantes gratuitas cada vez es más difícil, puesto que sitios web que dicen tener toda variedad de fuentes no tienen las elegantes, sino puros diseños de lo más asquerosos, ¡pues un solo caracter parece una fotografía!

Las tipografías son eso, letras, que comunmente se pueden trazar con una sola línea, el problema de las tipografías es que están haciendose muy exageradas.

Pero en el blog de Web Air publicaron una lista de 70 tipografías gratuitas “high quality”, que lo podríamos traducir como “elegantes” ó “alta calidad”.

Una de mis favoritas ha sido “HVD Comic Serif”, que manda al basurero la miserable “Comic Sans Serif”, y la convierte en una con serifa (Serif).

HVD Comic Serif

HVD Comic Serif

Es indispensable tenerlas instaladas, asi que empieza ya:
Lee el artículo original con los enlaces hacia los archivos

Vía | elWebmaster

Mayo 19th, 2009 | Sin comentarios

Tarjeta para fotógrafo

Tarjeta para fotógrafo

Tarjeta para fotógrafo

Este es un archivo PSD, esta guardado para Windows en versión CS3 de Photoshop. Hasta donde se, es posible que sean leídos por cualquier versión superior a esta.
Es un ejemplo de una tarjeta de presentación de un fotógrafo, esta inspirada (como muchas de mis creaciones) en diseños de GraphicRiver.

Términos de uso
Ahora voy a ser más rápido:
Puedes usarla para diseños comerciales, personales, individuales, habidos y por haber; pero el PSD no sale de tu PC por ninguna razón :P

Descargar archivo editable (.PSD)

CategoriasRecursos Tags,
Mayo 2nd, 2009 | Sin comentarios

11 componentes "Black Style" en vectores para Photoshop

11 componentes "Black Style"

11 componentes "Black Style"

Uno de mis sitios favoritos que visito para crear e inspirarme en mis trabajos es GraphicRiver, y hace no mucho me encontré con este trabajo muy bueno, así que traté de ver como podría hacerlo y aunque no logré relizar todos los componentes alcanzé a imaginar como hacer 11 de ellos ^_^

Por si a alguien le gustaría probarlos puede descargarlos gratuitamente al final del post.

Descargar archivo editable PSD

Abril 18th, 2009 | Sin comentarios

8 iconos RSS 2.0 de colores

8 iconos RSS 2.0 de colores

8 iconos RSS 2.0 de colores

Bueno, pues como primer aporte a esta nueva sección del sitio les traigo este paquete de 8 iconos de RSS, con estilo 2.0
Los iconos tienen un tamaño de 512 por 512 pixeles, y estan en formato PNG (Portable Network Graphic).
Estan en solo 8 colores, pero si deseas usar alguno otro,sientee libre de hacerlo, puedes modificar la imágen con programas como Photoshop para cambiar el Tono/Saturación de los iconos.
Incluye un icono extra sorpresa.

Descargar imágenes (.zip)
Términos de uso
Todo el mundo odia tener el footer lleno de enlaces estilo “Powered by”, “Theme by”, “Icons by”, etc.
Asi que como yo entiendo eso, te doy la libertad de que los uses como lo desees, y si no quieres poner un enlace hacia mi web puedes no hacerlo (claro que si lo haces te lo agradeceré  ;) ).
Espero que el recurso los ayude a todos :)