El Mundial en Telecinco con Silverlight
Posted by Wigo | Filed under Diseño, Tecnología
Recientemente, la web de informativos telecinco ha publicado una noticia sobre uno de nuestros ultimos proyectos: El player del mundial de Telecinco… ahora solo queda disfrutar con la reportera y … que gane España !!!
os dejo la noticia:
Tags: linkedin, silverlight, telecinco
Pol 3.14 aparece con Silverlight
Posted by Wigo | Filed under Diseño, Tecnología
Pol, el nuevo cantante de los hombres de Paco, ha hecho su aparición estelar en los medios con esta pedazo de web en Silverlight!
Tags: linkedin, plain concepts, POL, silverlight
Experiencia Silverlight para Joaquín Sabina
Posted by Wigo | Filed under Diseño, Tecnología
El nuevo videoclip de Joaquín Sabina viene aderezado con la tecnología Silverlight, enriqueciendo la experiencia de usuario.
Ver el site: http://joaquinsabina.es.msn.com/
Tags: joaquin sabina, linkedin, microsoft, plain concepts, silverlight
MIX 2010 10kbs Contest
Posted by Wigo | Filed under Diseño, Tecnología
Ricardo Acosta, una eminencia en las interfaces de usuario y gran amigo mío, está participando en el concurso MIX 10kbs, que consiste en hacer una aplcación Silverlight en 10kbs, es un juego de física con haces de luz bastante chulo.
podéis verlo aquí
http://mix10k.visitmix.com/Entry/Details/238
Si os ha gustado, porfavor votadlo !!
Tags: mix 2010, ricardo acosta, silverlight, ux
Ahorra tiempo con Photoshop Layer Comp
Posted by Wigo | Filed under Diseño, Tutoriales
Una de las tareas más engorrosas a la hora de diseñar interfaces es exportar todas las pantallas, que hemos ido diseñando, con sus menús, submenús, acciones, animaciones etc.. Recordando siempre las capas o conjunto de capas que tenemos que habilitar/deshabilitar para formar todas las secciones.
Pues bien, nuestra querida aplicación Photoshop, incluye una funcionalidad llamada Layer Comps, que, lo que hace básicamente, es grabar los estados de visibilidad/invisibilidad de todas nuestras capas en un instante determinado. Dándoles un nombre y pudiendo añadir una descripción.
Vamos a ver un ejemplo:
Tenemos un avatar de messenger que al hacer click sobre él, nos desplegará un menú, y la ultima acción del menú (otras posibilidades) desplegará un submenú
En nuestro diseño, el avatar seria el grupo de capas llamada Avatar, el menú seria el grupo options y el submenú seria el grupo morePossibilities
![clip_image001[6]](http://www.esferanegra.com/wp-content/uploads/clip_image0016.png "clip_image001[6]")
Vamos a ir grabando la navegación de este sencillo menú, con Layer Comps. Para ello abrimos el panel de layer comps (window > layer comps)
Ahora para el primer paso, deshabilitamos options, de esta manera solo se verá el avatar puesto que morPossibiilities esta dentro de options
Ahora nos vamos al panel de layer comps y creamos una nueva layer comp
Nos pedirá introducir un nombre , jugar con la visibilidad, o grabar su posición para realizar animaciones, también cambiar el estilo de la capa, a su vez, podremos introducir un comentario descriptivo sobre esta composición. En nuestro caso AvatarBase.
![clip_image001[8]](http://www.esferanegra.com/wp-content/uploads/clip_image0018.png "clip_image001[8]")
A continuación deshabilitamos la capa morePossibiliities y habilitamos la capa optiones, y nos vamos a layer comp y guardamos una nueva comp.
![clip_image001[10]](http://www.esferanegra.com/wp-content/uploads/clip_image00110.png "clip_image001[10]")
Importante: realizar primero el switch de visibilidad en las capas y por ultimo guardar el estado, a este segundo estado lo llamaremos AvatarPressedMenu.
Por ultimo quedaría habilitar el grupo morePossibilities y crear una nueva layer comp. Llamada AvatarPressedSubmenu.
![clip_image001[12]](http://www.esferanegra.com/wp-content/uploads/clip_image00112.png "clip_image001[12]")
Usando los controles de layer comp (flechas) podemos ir avanzando o retrocediendo en nuestra navegación.
Y ya tenemos nuestra navegación simple creada. PERO AHORA VIENE LO MEJOR !!!
De la manera habitual, tendríamos que ir seleccionando el estado y guardando nuestra imagen, darle un nombre y así sucesivamente… pero teniendo nuestras composciones ya creadas podemos exportarlas automaticamente con un script, y nuestro querido photoshop nos generará una exportación de todas las capturas…
Por tanto, ahora nos vamos a File > Scripts > Layer Comps to Files
![clip_image001[14]](http://www.esferanegra.com/wp-content/uploads/clip_image00114.png "clip_image001[14]")
![clip_image001[16]](http://www.esferanegra.com/wp-content/uploads/clip_image00116.png "clip_image001[16]")
En la ventana emergente elegimos la carpeta destino, el prefijo de nuestro nombre, que se genera automáticamente (prefijo_numerodelayercomp_nombrelayercomp.filetype)
Seleccionamos también el tipo de archivo a generar, y clickeamos sobre “Run”
El Photoshop empezará a correr el script, mostrándonos un mensaje de finalización
![clip_image001[18]](http://www.esferanegra.com/wp-content/uploads/clip_image00118.png "clip_image001[18]")
Y aquí tenemos nuestros archivos generados ON THE FLY…. recién salidos del horno.
![clip_image001[20]](http://www.esferanegra.com/wp-content/uploads/clip_image00120.png "clip_image001[20]")
RAPIDO SENCILLO Y PARA TODA LA FAMILIA….. Y lo mejor de todo es… AHORRAMOS SUFRIMIENTO Y TIEMPO.
Tags: layer comp, linkedin, photoshop, ux
Mind Camp 2009
Posted by Wigo | Filed under Diseño
Diseño del cartel para la Mind Camp 20009, organizada por Microsoft y Plain Concepts
Tags: cartel, microsoft, mind camp, plain concepts
Primera fase de socialización de Telecinco
Posted by Wigo | Filed under Diseño, Tecnología
Gracias al acuerdo llevado por Telecinco, Microsoft y Plain Concepts hoy podemos ver los primeros frutos de la socialización de Telecinco en la que estamos trabajando.
De esta manera, hoy ha salido a producción en la web de telecinco la primera fase del proyecto de socialización (inserción de Windows Live Messenger y Live User eXperience) en su portal.
La primera fase consta de la integración con el sitio de telecinco “Salvame” en la que podemos mantener contacto via messenger dentro de la web.
Se consigue así la primera integración en un portal de televisión de este producto Microsoft.
Enlace a : Web de Telecinco "Sálvame"
Tags: linkedin, live, messenger, microsoft, plain concepts, socializacion, telecinco, windows
Telecinco presenta su socialización
Posted by Wigo | Filed under Diseño, Tecnología
Telecinco ha firmado un acuerdo estratégico con la empresa Microsoft con el objetivo de crear comunidades sociales especializadas para los usuarios de Telecinco.es. Además, el acuerdo permitirá la distribución de contenidos de Telecinco a través de distintos canales de Microsoft. Este acuerdo se pone en marcha este lunes con el nuevo visor de vídeos de la página web de Informativos Telecinco.
La nota de prensa es relevante ya que es la presentación de uno de los proyectos más importantes de Plain Concepts en los que he participado como diseñador de interfaces.
Link a la noticia en Telecinco
Tags: linkedin
Corvader
Posted by Wigo | Filed under Diseño
Tengo el inmenso placer de presentaros esta maravillosa corbata pintada a mano de Darth Vader. dibujada por Maya Plisetskaya, una artistaza vamos!.
Seguro que habeis visto circulando por la red unas converse con un dibujo de Monkey Island, que hasta el propio Ron Gilbert publicó en su blog, pues bien, también es obra suya.
Desde la Esfera Negra le pedimos que algun día se estire la chica y me haga algun regalo de esos suyos….
Tags: corvader, darth vader, Maya, monkey island
Windows Live
Posted by Wigo | Filed under Diseño, Tecnología
Hace unos días se lanzó la nueva campaña de Microsoft para promocionar su paquete WindowsLive de la que he sido responsable en cuanto a la creación del site de Silverlight.
Ha sido un mes de duro trabajo pero creo que el trabajo ha dado sus frutos.
Podeis ver el resultado en Windowslive.
Tags: live, messenger, microsoft, silverlight, windows
