Archivar para la categoria 'Diseño web'

Nueva web de texturas!!. Nace texturas.biz

Tengo el honor de presentaros mi nueva web dedicada por completo a las texturas y a los motivos y patrones de repetición. Esta decisión vino dada por la extraordinaria aceptación que tuvo una antigua web de texturas que tenía enterrada en el olvido y que rescaté hace poco en este mismo blog. Fuí el primer sorprendido por el éxito de esta página y por eso ahora he creado esta nueva web para poder aumentar y hacer crecer, poco a poco, este portfolio con nuevas propuestas dentro de este maravilloso mundo que es la creación de patrones y texturas infinitas. De momento he recopilado todo el material que ya tenía y he añadido  algún material nuevo y/o inédito. La intención es ir aumentando la colección conforme mis disponibilidad me lo permita.

Espero que os guste y os sea de utilidad.

http://www.texturas.biz

Minitutorial: Crear gifs animados con Photoshop CS3 Extended

vid5.gif

De mano de mi compañera Ana Mesas os presento tutorial que explica como hacer gifs animados a partir de ficheros de vídeo en Photoshop CS3 Extended. Eran muchos los que pensaban (yo mismo entre ellos, lo confieso) que con la nueva versión de Photoshop y la integración en él del antiguo Image Ready se delegaban algunas de las prestaciones de este último a Fireworks y se eliminaban de Photoshop. Por fortuna estábamos equivocados, ya que una de las antiguas prestaciones de Image Ready, la posibilidad de convertir una película Quick Time a gif animado era una de las que más echaba a faltar y no tenía su equivalente en Fireworks. Pero Ana me Descubrió que no solamente permanece sino que ha sido mejorada sustancialmente en Photoshop Extended, simplemente hay que conocer el nuevo método para hacerlo y que es el que ahora os cuento.

Continuar leyendo ‘Minitutorial: Crear gifs animados con Photoshop CS3 Extended’

On Air Tour

airtour.gif

Comienza el AIR Tour europeo que emulará el mismo tour que se hizo en Estados Unidos a bordo de un autobús. En este caso el medio de transporte elegido es un tren y la primera cita será en Madrid el 31 de Marzo.

En este tour varios expertos de Adobe venidos de diferentes rincones del mundo nos enseñará in Situ que es y cuales son las posibilidades de creación de la nueva plataforma AIR.

Esta será la agenda.

[9:15] Doors Open

Registration, meet and greet, discussion and Q & A. Beverages and light breakfast will be provided.

[10:00] Keynote (Enrique Duvos)

Enrique Duvos, a Senior Platform Evangelist at Adobe, provides an introduction to Adobe AIR and how it fits into the Adobe technology platform, and the larger RIA landscape. This session will be presented in Spanish.

[10:30] Building your first Adobe AIR application with Adobe Flex (Mike Chambers)

Learn how to setup your development environment and build your first AIR application using Flex 3 and Flex Builder 3.

[11:10] Building your first AIR application with HTML and JavaScript (Kevin Hoyt)

After this session you will know how to setup the Adobe AIR SDK to allow you to develop and package AIR applications from the command line. You will also be able to leverage the Adobe AIR command line tools to enable development of HTML and JavaScript based applications. Finally, the session will demonstrate built in support for AIR development from Adobe Dreamweaver and the Eclipse based Aptana.

[11:40] Break

[11:55] Leveraging HTML and JavaScript within Adobe AIR (Kevin Hoyt)

Gain a better understanding of the HTML and JavaScript environments within Adobe AIR, and explore how these technologies can be leveraged in both Flash / Flex and HTML / JavaScript-based applications. JavaScript and ActionScript script bridging will be covered, as well as how to use AIR, Flash Player and ActionScript Library APIs directly from JavaScript.

[12:35] Deploying and Updating AIR Applications (Serge Jespers)

Packaging, deploying and updating your application are probably the most important basics you’ll need to know about. Serge will show you how to use Flex Builder 3 and the command line tools to sign and package your application, how to use the install badge, create custom install badges and how to keep your application up to date.

[13:00] Lunch

Lunch will be provided. Use this time to recharge your (and your laptop’s) batteries, chat with other developers and speakers, catch up on email, or hang out in the lounge.

[13:45] Adobe AIR API Overview (Daniel Dura)

Receive an overview of the new APIs that Adobe AIR makes available to applications. Both ActionScript and JavaScript examples will be shown.

[14:15] Data Intensive Enterprise AIR Applications (Enrique Duvos)

The need to optimize data handling and transfers in RIAs has become increasingly important in Enterprise applications. During this session Enrique will take a look at how the combination of Adobe AIR’s offline local caches via SQLite, and its native connectivity to Adobe Livecycle Data Services data management services, gives developers a powerful framework to deliver data intensive RIAs outside the browser. This session will be presented in Spanish.

[14:45] Break

[15:05] HTML / JavaScript desktop applications on Adobe AIR. (Chris Brichford)

Learn how add desktop functionality to an HTML application running on Adobe AIR on the desktop. Learn about using the drag and drop API, the file system API, and other Adobe AIR APIs from HTML.

[15:35] Using JavaScript Frameworks in AIR Applications (Andre Charland)

Learn how to leverage JavaScript libraries and Frameworks to build HTML and JavaScript-based AIR applications.

[16:10] Break

[16:30] AIR Conditioning (Lee Brimelow)

Join Lee Brimelow as he shares his experiences developing a wide range of AIR projects, from simple widgets to larger applications that enable users to interact with software on a more intimate level on the desktop. Lots of prototypes and code will be shown to help get you up to speed with AIR development.

[17:15] Networking / Gaming / Q & A / Food and Drinks

Grab a drink and a bite to eat, and chat with speakers and other developers interested in developing with Adobe AIR.

[18:00] Doors Close

Una nota: Todas las conferencias se impartirán en inglés.

Si te interesa asistir puede registrarte a través de la web de Adobe.

Documentos online. Interesante combinación de tecnologías

issuu.jpg

Aunque ya hace tiempo que conocía el sistema de subscripción y compra de revistas online Zinio.com, basado en gran medida en tecnología Adobe, hoy mi amigo Pedro Arconada me ha descubierto otra pequeña joya de Internet de contenido similar aunque con un porpósito distinto. Se trata de la web issuu.com que se presenta como una nueva web social, al más puro estilo flickr o You Tube, pero que, en esta ocasión permite intercambiar todo tipo de documentos entre los usuarios, revistas, artículos, libros, tebeos, manuales etc. La combinación de tegnologías aquí también es interesante. El usuario sube un documento PDF que luego es transformado en un “flipbook” en formato Flash donde se pueden pasar las páginas, hacer zoom, visualizar en pantalla completa, leer el documento en pantalla o imprimirlo. Ya hay un montoón de material gratuito colgado, pero espero que esta web también vaya adquiriendo la misma popularidad que otras webs sociales y el contenido siga creciendo.

Nuevas webs de TV con tecnología Flash Vídeo

Hace unos meses os hablaba de como El Pais estaba aprovechando la tecnología Flash vídeo para desplegar su cadena de TV online. Pués bien, nuevas compañçias se siguien subiendo al carro de la TV por Internet (sin duda, uno de los caminos por los que está empezando a evolucionar la red) y de nuevo han confiado en esta tecnología de Adobe que, en mi opinión, ofrece muchas y variadas ventajas respecto a otros sistemas de la competencia. Aquí están los enlaces

Telecinco.
http://www.telecinco.es

El Corte Inglés
http://www.elcorteingles.tv

De profesión: Diserrollador

En un post anterior sugería las versiones en castellano, catalán y portugués del término anglosajón devigner (developer + designer). Pues bien he recibido bastantes correos donde me comentaban que el término castellano que yo proponía “Desañador” no sonaba muy bien aunque representara un concepto tan noble. Se me ocurre pues, otra alternativa que además respeta más el orden del término en inglés (donde el desarrollador está antes que el diseñador), este nuevo término sería Diserrollador (desarrollador+diseñador). Si bien no suena mucho mejor que el anterior parace algo más suave. En cualquier caso la última palabra como siempre la tendrán los usuarios que quieran -o no- hacer suyo cualquiera de estos términos.

Creación de vídeo a pantalla completa con Flash

Una de las ventajas de trabajar con la tecnología Flash Vídeo es que puedes colocar un botón en tu página web para que el vídeo se visualice a pantalla completa ocultando el navegador o cualquier otro elemento del escritorio. En realidad lo que ocupa la pantalla completa es el fichero SWF por lo que si quieres colocar cualquier otro contenido, que no sea necesariamente vídeo, también lo puedes hacer. Lo único que hay que tener en cuenta son los siguientes comportaminetos.

  1. La instrucción para reproducir la película a pantalla completa en el navegador debe colocarse como un evento de botón. Por restricciones de seguridad no se permite ejecutarla directamente en una línea de tiempo para que de esta forma sea el usuario el que decida o no pasar a pantalla completa
  2. Los eventos de teclado (los recogidos por la clase key de Action Script dejan de funcionar salvo para la tecla escape.

La instrucción que habría que asignarle a un botón para que alterne entre el modo de pantalla completa y el modo normal en Action Script 2.0, sería el siguiente.

on(release){

Stage.displayState= Stage.displayState==”normal”? “fullscreen”: “normal”;}

Como podéis ver no es nada complicado. También habría que añadir el parámetro “Full Screen” a las etiquetas “object” y “embed” de la página web que incluye el fichero SWF como se muestra en el ejemplo.

param name=”allowFullScreen” value=”true” /> … <embed src=”example.swf” allowFullScreen=”true” … >

De profesión: Desañador

Uno de los términos que me llamó más la atención en la pasada Sales Conference (aunque ya lo había oido alguna vez con anterioridad) fue el de devigner, palabra maletín que surge de unir developer y designer y que describe a aquella persona de perfil gráfico-creativo pero que no le hace ascos al desarrollo y a la programación. Dentro de esta categoría podrían incluirse el diseñador gráfico que realiza sus propias rutinas de Java Script para automatizar procesos en In Design, Illustrator o Bridge, el diseñador gráfico-web que se atreve a hacer sus pinos en Java Script o PHP para añadir funcionalidad a sus proyectos, el especialista en Motion Graphics que disfruta programando expresiones en After Effects para crear nuevos y sorprendentes resultados o el ilustrador-animador al que no le tiembla el pulso cuando se trata de añadir su propio código Action Script para crear un juego o una aplicación interactiva. La verdad es que conozco a varias personas, incluido yo mismo, que se identificarían con este término. Por eso me he tomado la libertad de traducir dicho término a mis otras lenguas comunes utilizando el mismo método verbívoro de la palabra maletín. El resultado sería tal que así.

Castellano: Desañador (desarrollador+diseñador)

Catalán: Dessenyador (desenvolupador+dissenyador)

Portugués: Desengner (desenvolvidor+designer, ya que em portugués no se suele traducir la palabra para referirse a los diseñadores, desenhador seria más equivalente a la castellana dibujante o la catalana dibuixant).

Quien lo iba decir, a estas alturas descubro que soy un desañador :-D. No está mal, sobretodo en esos momentos angustiosos y tensos como cuando te haces el carnet del Fnac o del RACC y te preguntan “¿profesión?”, realmente nunca estoy seguro de que responder… ¿hasta ahora?.

ACTUALIZACIÓN

Lee la segunda parte de este artículo.

Adobe, la realidad de un sueño cumplido.

Acaban las celebraciones del 25 aniversario de Adobe de la mejor forma posible.

ld1.jpg

Hace 25 años dos hombres maduros y padres de familia John Warnock y Chuck Geschke, decidieron abandonar la seguridad de sus puestos de trabajo en una compañía estable y lanzarse al vacío en pos de una idea en la que creían fervientemente, y hoy, 25 años después es difícil mirar alrededor en cualquier ciudad del mundo y no ver algo realizado con alguna de las herramientas de Adobe, que es el nombre de la compañía que crearon. Estos hombres no sólo cumplieron sus sueños sino que han ayudado durante 25 años, directa o indirectamente, a cumplir los sueños de millones de personas en todo el mundo que encuentran en las herramientas y tecnologías de Adobe el medio idóneo para expresar sus ideas e inquietudes.

El último día de la convención se celebró la fiesta del 25 aniversario. No hay palabras para describir el ambiente que allí se respiraba, las fotos que incluyo en este post apenas dan una ligera idea. John y Chuck subieron al estrado y expresaron su enorme alegría al ver el resultado de su obra reflejado, en parte, en aquella reunión en la que se encontraban algunas de las personas más creativas del mundo. Y es que no puedo imaginar el orgullo que debían sentir estos hombres al contemplar, no ya al a los más de 2000 empleados reunidos y disfrutando en la fiesta del 25 aniversario, sino a la inmensa comunidad de creativos, desarrolladores y usuarios creada alrededor de su sueño, alrededor del mundo Adobe. Estar presente en aquella fiesta te hacía sentir feliz de pertenecer a esa comunidad. Postscript, Illustrator, Photoshop, Flash, Acrobat, After Effects son sólo algunos de los nombres mágicos relacionados con esta comunidad.

Y sí, en una escala mucho menor, yo también pude hacer realidad mi sueño al conocer personalmente a estos dos hombres y poderles estrechar la mano. Pocas personas pueden presumir en el planeta de haber influido en el aspecto del mundo como lo han hecho ellos.

Arriba salgo junto a John Warnock. No os podéis hacer una idea de la emoción, es como si un fanático del rock se hubiera hecho la foto con Elvis Presley en persona.

Además, si en anterior post os comenté que los ibéricos arrasamos, en este post os tengo que decir que volvimos a dejar el pabellón alto. En esta ocasión los que se llevaron un nuevo premio fueron mi compañera Maria Castrillo como la mejor directora de canal y yo mismo, un servidor de ustedes, como System Engineer del año en el sur de Europa.

ld18.jpg

Así que, como os podéis imaginar, mi estreno en San José no pudo ser mejor.

Continuar leyendo ‘Adobe, la realidad de un sueño cumplido.’

Herramienta online para vectorizar

Illustrator posee una función muy útil que permite trazar imágenes de mapa de bits y convertirla en una imagen vectores. Es sin duda una de sus funciones más poderosas, pero ahora he descubierto una herramienta online desarrollada en Flex por la universidad de Standford que hace prácticamente lo mismo pero sin necesidad de instalar ningún software adicional. Simplemente sigues los pasos del interface interactivo para subir un archivo de imagen bitmap, definir los ajustes de trazado y descargar el EPS o el SVG con el resultado. Realmente increible, lo he probado y me he quedado gratamente sorprendido. Muy útil para aquellos que no trabajan habitualmente con Illustrator pero necesitan vectorizar imágenes o logos de tanto en cuanto.

http://vectormagic.stanford.edu/

Entradas siguientes »


Estoy empleado en Adobe pero las opiniones y afirmaciones vertidas en este blog son totalmente personales y no reflejan necesariamente la postura de la compañía

 

Mayo 2008
L M M J V S D
« Abr    
 1234
567891011
12131415161718
19202122232425
262728293031  

Flickr Photos

WaterRocket_17

WaterRocket_16

WaterRocket_15

More Photos