PixelST

Gridpak, un generador de layouts fácil y rápido

ppuig — Tue, 24 Jan 2012 09:59:07 +0000

Gridpak puede ser un generador mas de layouts como muchos que hay en la red. Pero lo mencionamos en el blog por que nos ha resultado extremadamente sencillo de utilizar, además de permitirnos configurar el numero de columnas y el padding entre ellas, nos ofrece la posibilidad, una vez que hemos finalizado el layout, de descargárnoslo en formato zip.

El archivo comprimido contiene los siguiente formatos:

Un archivo CSS con las clases y las propiedades para crear el diseño.
Un archivo LESS con la misma información, pero incluyendo variables, mixins…
Un archivo SCSS
Un archivo PNG semitransparente que nos ervira de plantilla en el diseño
Un archivo JavaScript, que nos permite alternar una capa dentro y fuera del grid en cualquier navegador con ayuda de la tecla “G”

Os dejamos un video para que podais ver su funcionamiento:

Vía: Celulaweb
URL: www.gridpak.com

Calendario animado en CCS3 y jQuery

ppuig — Thu, 05 Jan 2012 12:01:21 +0000

Hoy destacamos un original calendario con un diseño muy limpio realizado en CSS3 y jQuery. Sorprende la claridad y usabilidad del mismo; recurso que debemos considerar altamente recomendable.

Podéis ver el proceso de realización en jepija.com

Ver demo

Etiquetas en formato PSD

ppuig — Tue, 03 Jan 2012 14:37:43 +0000

Interesante colección de etiquetas en formato psd ideales para nuestros desarrollos y diseños de tiendas online.

La colección esta formada por 20 psds completamente editables según nuestras necesidades.

En la web de ISPSD.com podéis además revisar una recopilación de tablas comparativas con diseños muy atractivos ideales también para desarrollos de tiendas.

Filter Forge 3.0 ya disponible

ppuig — Wed, 07 Dec 2011 10:49:29 +0000

Filter Forge 3.0 es un potente plugin de photoshop que nos permite generar texturas y efectos espectaculares.

Tenemos también la posibilidad de crear nuestros propios filtros o utilizar los 8.515 creados por la Comunidad de usuarios.

Las características más relevantes en esta versión son la incorporación de modos de imagen de 16 y 32 bits, anti-aliasing, imágenes con resoluciones enormes, vista previa y probablemente una de las características mas destacadas, es la mejoría en los tiempos del render.

El producto está disponible en versión demo para que puedas trastear antes de comprarlo. El precio de la versión completa es de 159$.

Filter Forge 3.0

Aumentar el tamaño de las imágenes sin perder resolución con Blow Up 3

ppuig — Thu, 03 Nov 2011 12:34:45 +0000

Alien SKin, empresa que desarrolla numerosos plugins para Photoshop, ha presentado su nueva versión del software “Blow Up 3”. Este software nos permite nada más y nada menos que aumentar el tamaño de las imágenes sin perder calidad. Esto, parece ser, que lo consigue inventándose los pixeles que le faltan y generando una imagen con la misma calidad que la imagen original.

Blow Up 3 trabaja con aplicaciones tales como:

Adobe Photoshop CS4 o superior
Adobe Photoshop Elements 8 o superior
Adobe Photoshop Lightroom 2 o superior

A nivel software, en Mac nos bastará con un Mac OS X 10.6 o superior, en PC con Windows Vista. A nivel de hardware es necesario como mínimo un Intel Core 2

Realmente si hace todo lo que dice, vale la pena tenerlo. Eso sí, el precio es de 200$ si es licencia nueva y 100$ si es actualización.

Podéis ver más información en la web oficial de Alien Skin Software

3D Map Generator, espectaculares mapas con Photoshop

ppuig — Tue, 18 Oct 2011 09:08:21 +0000

Ya puedes crear tus propios mapas en 3D con un solo clic. 3D Map Generator es un pack de acciones, estilos y psds que nos permitirá crear mapas muy espectaculares y con multitud de variaciones.

Lo primero será seleccionar el mapa que más nos interesa (hay multitud de mapas disponibles), el efecto 3D será generado por el programa. A continuación solo tendremos que decorar nuestro mapa con con los elementos que nos ofrece el pack (edificios, punteros, lagos, nueves, vegetación etc).

Os dejamos un video para que podáis ver qué fácil es generar mapas en 3D con resultados espectaculares:

El precio de 3D Map Generator es de 6 $, pero vale la pena gastarlos.

3D Map Generator

Vía: Diego Mattei

Plantillas para la creación de prototipos en dispositivos móviles

ppuig — Wed, 05 Oct 2011 08:50:29 +0000

El mundo de los móviles ha evolucionado de forma espectacular en estos últimos años; esto ha motivado que los diseñadores deban de dominar las interfaces de este tipo de dispositivos para aprovechar al máximo las posibilidades que estos ofrecen.

En hongkiat han realizado una recopilación de 31 plantillas que incluyen las interfaces gráficas de los softwares más importantes que existen en el mercado, iOS, Android, Windows Phone 7, Blackberry, etc…

Espero que los disfrutéis…

iOS

iPhone 4

iPad

Android

Android GUI

Google Android 2.1

Windows Phone 7

Windows Phone 7
También puede interesarte:

Crear guías, columnas y márgenes en nuestro documento de Photoshop

ppuig — Tue, 20 Sep 2011 08:56:54 +0000

Os presentamos un nuevo plugin llamado Guide Guide que nos permite trabajar con guías y selecciones forma muy sencilla añadiendo un pequeño programa a nuestro interface de Photoshop.

¿Qué podemos hacer con Guide Guide?:

Encontrar el punto medio de cualquier documento que creemos.

Crear márgenes y trabajar con columnas y filas de forma sorprendentemente sencilla

Crear líneas guía en base a una selección cualquiera

El plugin ha sido creado por Cameron McEfee. Únicas objeciones a este magnifico plugin, es que solo funciona para versiones CS4 y CS5.

La forma de instalarlo es muy sencilla, descargar y descomprimir el archivo GuideGuide.zip y ubicar la carpeta en:

Windows:C:/Archivos de Programa/Adobe/Adobe Photoshop CS4 (o CS5)/Plug-ins/Panels

Mac:/Aplicaciones/Adobe Photoshop CS4 (o CS5)/Plug-Ins/Panels/

Para poder acceder a este Script lo haremos a través del menú Ventana / extensiones/GuideGuide

Vía: Desfaziendo Entuertos

FlexSlider, un slider que ese adapta a nuestra resolución y dispositivo

ppuig — Fri, 16 Sep 2011 09:55:45 +0000

FlexSlider es un jquery de tan solo 5 kb que se adapta a nuestra resolución y al dispositivo con el que estemos visualizándolo (PC, iPhone, Smartphone …).

Tenemos disponibles numerosas opciónes de personlaización, transiciones, animaciones y efectos. FlexSlider ha sido testeado en Safari 4+, Chrome 4+, Firefox 3.6+, Opera 10+ e IE7.

El uso de este jQuery es libre bajo licencia MIT.

Ver script FlexSlider

Estupenda colección de iconos monocromáticos

ppuig — Tue, 30 Aug 2011 17:58:38 +0000

Interesante colección de iconos monocromáticos disponibles en formato psd. Los iconos están distribuidos en 2 packs y son de libre uso.

Pack de iconos monocromos 01

Pack de iconos monocromos 02