Raymundo.Aaron » Recursos

GUI de la iPad de Apple en PSD

Raymundo.Aaron — Mon, 01 Feb 2010 20:19:17 +0000

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.

Skin ‘Niqu 2D’ para RocketDock

Raymundo.Aaron — Thu, 14 Jan 2010 21:05:38 +0000

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)

3 estilos de capa “letterpress” para Photoshop

Raymundo.Aaron — Mon, 21 Sep 2009 23:47:31 +0000

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

Hoja de referencia de códigos HTML 5 amigable

Raymundo.Aaron — Mon, 07 Sep 2009 23:12:29 +0000

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

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

Raymundo.Aaron — Tue, 18 Aug 2009 18:07:15 +0000

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

85 sets de siluetas de alta calidad gratuitos

Raymundo.Aaron — Wed, 05 Aug 2009 14:40:45 +0000

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

Paquete de iconos de redes sociales « komodoMedia

Raymundo.Aaron — Thu, 25 Jun 2009 21:20:42 +0000

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

110+ Mejores recursos gratuitos de archivos PSD

Raymundo.Aaron — Fri, 05 Jun 2009 21:46:15 +0000

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

70+ Tipografías elegantes gratuitas

Raymundo.Aaron — Mon, 01 Jun 2009 19:00:55 +0000

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

Tarjeta para fotógrafo

Raymundo.Aaron — Tue, 19 May 2009 19:44:10 +0000

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)