Febrero 1st, 2010 | Sin comentarios
Hace un tiempo publiqué los sitios de donde podías descargar la GUI del iPhone, Palm Pre y Android y así empezar a realizar tus bocetos de aplicaciones.

Ahora con el reciente lanzamiento de la iPad el equipo de Teehan Lax no tardó en lanzar el PSD de sus componentes.

En el anunció de la iPad también se mencionó que quienes sepan desarrollar apps para iPhone/iPod Touch lo podrán hacer para la iPad puesto que utiliza la misma base del SO.
Visitar el sitio para descargarlo (24 MB – ZIP)
Nota: Como lo dicen en el blog de Teehan Lax, los componentes no son oficiales y seguro que saldrán más, pero quicieron adelantarse con lo que hasta ahora sabemos.
Enero 14th, 2010 | Un comentario

Si usas RocketDock, seguro de habrás dado cuenta de que los docks que vienen por defecto son ó muy simples ó muy exagerados y normalmente no lucen bien con cualquier wallpaper que tengas (a excepción de algunos como VistaBlack ó CrystalXP.net) y es por esto que hize un dock para RocketDock basándome en un dock que me encantó pero solo es para Mac que se llama Niqu 2D (porque también tiene una versión 3D).

Si alguien usa RocketDock y le gustaría disfrutar de ese dock tan simple y elegante puede descargarlo del siguiente link:
Descargar vía Box
Instrucciones:
- Crea una carpeta con cualquier nombre (p.e. Niqu 2D) en C:\Program Files\RocketDock\Skins
- Descomprime el contenido del ZIP en esa carpeta
- Abre RocketDock y configúralo para usar Niqu 2
Contenido:
- Archivos de configuración del fondo y el separador (Background.ini y Separator.ini)
- Imágen de fondo (raymundoaaron.com.png)
- Imágen del separador (separador.png)
- Archivo PSD que contiene el dock no el separador (dock.psd)
Septiembre 21st, 2009 | Un comentario
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:
Sin 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
Click 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…
¡Eso es todo!
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
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.

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
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:
Puedes descargarlas al final del artículo original
Agosto 18th, 2009 | 2 comentarios
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.

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
Descripció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
Descripció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
Descripció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
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.

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
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
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
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
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
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
Todo ellos son totalmente gratuitos y para uso libre, algunos de los que más me han gustado son el iPhone…

iPhone PSD
El BlackBerry…

BlackBerry PSD
Y el PSP de Sony…

Sony PSP PSD
Pero también hay paisajes fictisios como este:

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 | Un comentario
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
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
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
Descargar archivo editable (.PSD)