Adobe XD. Nueva herramienta para la creación de prototipos

Deja un comentario

Captura de pantalla 2016-04-14 a las 17.04.45

.

Hace poco Adobe ha lanzado una nueva herramienta de software que de momento se encuentra en fase beta y únicamente para sistema Mac OS aunque está previsto que dentro de pocos días también esté disponible para Windows.

Se trata de Adobe X.D (Adobe Xperience Design CC, pongo el punto en medio porque si no me sale el emoticono eufórico😄 ), una aplicación de escritorio que permite desarrollar prototipos de webs o apps móviles de una forma visual, rápida y directa y que formará parte de la familia de Creative Cloud. Mediante un interface bastante minimalista es posible escoger el tamaño de diferentes “mesas de trabajo”, basadas en las pantallas de los principales dispositivos del mercado, en las que se pueden insertar texto, gráficos e imágenes. Dichas mesas de trabajo luego pueden vincularse entre sí a través de botones y/o hipertextos. Al finalizar el trabajo podemos realizar una simulación del resultado desde el propio interfaz de la aplicación.

El principal valor de este software es que, una vez realizado el diseño de las distintas pantallas, se pueden exportar de forma conjunta o individual todos los assets del proyecto adaptados a diferentes resoluciones y densidades de monitor.

Captura de pantalla 2016-04-14 a las 17.07.18

Estos Assets podrán utilizarse posteriormente en otra aplicación como In Design, Muse, Dreamweaver o Brackets para crear la publicación digital final. Se trata por tanto de una herramienta de productividad que nos ahorra tiempo y esfuerzo en la tediosa tarea de producir diferentes versiones de un mismo activo gráfico para adaptarlo a la interminable lista de resoluciones de dispositivos.

Una de las funciones que más me han gustado de este programa es la de “repetir rejilla”. Si seleccionamos un grupo de elementos y escogemos esta herramienta, creará una matriz de repetición al arrastrar el ratón por uno de sus lados.

RGrid

Luego podremos arrastar nuevas imágenes desde una carpeta automáticamente se recolocarán en cada una de las instancias permitiéndonos de esta forma simplificar la tarea de crear estructuras visuales repetitivas tan habituales en muchas webs y apps. De forma similar, al variar el formateo de texto de una de las instancias también se variará en el resto.

Captura de pantalla 2016-04-14 a las 17.33.22

Por otra parte incluye una serie de sencillas herramientas que permiten llevar fácilmente a cabo tareas como la creación de iconos. A primera vista parece un software muy intuitivo  aunque personalmente habría cosas que mejoraría como la inclusión de una herramienta de zoom (una lupa) para acercarnos a la zona que nos interesa de modo rápido. En la actual versión esto debemos hacerlo a través de una barra de zoom en la parte superior derecha que obliga a desplazarse sobre la superficie de trabajo para centrar la mesa de trabajo sobre la que deseamos actuar.

En definitiva se trata de una utilidad interesante y desde luego muy útil para las personas que se dediquen a crear prototipos de publicaciones digitales. La pregunta sería ¿Hay suficientes usuarios en el entorno creativo que se dediquen al prototipaje de apps como para justificar la existencia y el desarollo de esta aplicación? ¿Realmente cuajará entre la comunidad de desarrolladores o será otro proyecto que se queda en  “agua de borrajas” como Reflow el resto utilidades de la familia Edge? Enfín, eso es algo que sólo el tiempo y la comunidad de usuarios decidirá ya que la continuidad de un proyecto en Adobe muchas veces viene determinado por el número usuarios de dicho proyecto y el nivel de uso que le dan en sus flujos de trabajo.

De momento podéis descargarlo desde vuestra aplicación de Creative Cloud y podéis ver algunos interesantes tutoriales en este enlace.

Y ahora… Adobe Post

Deja un comentario

2015-12-18 12.18.55

 

Hace algún tiempo hablábamos de Adobe Voice y Adobe Slate, dos apps que se presentan como estupendas herramientas de Story Telling y que se añaden al ya nutrido catálogo de Apps móviles de Adobe. Ahora para completar a esta familia de apps llega Adobe Post, una herramienta realmente sencilla de utilizar que nos permite crear estupendas infografías para postear en cualquier red social o en nuestro propio blog. Viene surtido con un montón de plantillas personalizables que nos abre infinitas posibilidades para combinar imágenes, textos y colores. Se descargan en un plis, así que no se que haces esperando a crear asombroso post con ella😉.

Nuevas apps móviles

2 comentarios

Capture

.

Adobe tiene cada día más claro que los dispositivos son, y cada día lo van a ser más, un elemento muy importante en el flujo de trabajo creativo. Ya desde hace un tiempo esta postura quedó bastante clara con la inversión que la compañía hizo para desarrollar apps para smartphone y tablet que se integraran de forma transparente y fácil con las aplicaciones de escritorio tradicionales.

Es fácil adivinar que el límite entre aplicaciones y “apps” tiende a difuminarse de una forma cada vez más evidente, por eso no paramos de asistir a continuas renovaciones de la oferta de Adobe en apps para dispositivos. La última la presenciamos en Junio cuando un conjunto de aplicaciones de Captura salió también para plataforma Android.

pspfix

Ahora, coincidiendo con el festival MAX, Adobe anuncia nuevas apps. Por un lado tenemos Adobe Capture que no es más que la lógica y previsible agrupación de las aplicaciones de captura Adobe Color, Adobe Shape, Adobe Brushes y Adobe Hue. Más interesante sin embargo es Photoshop Fix. Esta app, que no deja de ser el enésimo intento de llevar algunas de las funcionalidades de Photoshop a los dispositivos móviles, se ha centrado en el tema de la corrección de fotografías e incluye interesantes y curiosas herramientas como la de corrección de rostros.

perspectiveGrid

Otras herramientas como Adobe Sketch o Adobe Draw han sido actualizadas. En Adobe Sketch disponemos de una nueva herramienta de acuarela líquida con un efecto realista muy acertado. En Adobe Draw se añade botones de deshacer (adicional al gesto touch deshacer) y la posibilidad de personalizar la paleta de herramientas como ya ocurría con Adobe Ideas. En ambas herramientas se ha añadido una rejilla de perspectiva configurable que ayudará a realizar dibujos en escorzos.

La técnica “Boomerang” entre Adobe Draw y Adobe Shape

Deja un comentario

.

Le doy el nombre de técnica “boomerang” a la técnica consistente en crear un dibujo en Adobe Draw que luego capturaremos en Adobe Shape para convertirlo en una forma que podremos utilizar de nuevo en AdobeDraw para replicarla de cara a conseguir ilustraciones más complejas.

En el ejemplo se utilizan las formas de unas nubes para crear un cielo, pero la misma técnica puede utilizarse para crear bosques de árboles, ciudades de edificios, autopistas de vehículos o cualquier otro tipo de ilustración que requiera la duplicación masiva de elementos.

Tutorial: Integración de Adobe Brushes con Illustrator

Deja un comentario

.

En este vídeo se muestra como utilizar la app para iPad, iPhone y Android Adobe Brush para crear pinceles personalizados partiendo de un dibujo hecho a mano sobre papel y como integrar posteriormente dicho pincel con Adobe Illustrator a través de las bibliotecas creativas. Espero que sea de vuestro interés.

Astropad

Deja un comentario

AstropadLT

Hace relativamente poco he descubierto una nueva app, Astropad que te permite utilizar tu Mac desde el iPad. No es ni mucho menos la primera que aparece en el mercado, pero de las que he probado hasta la fecha es definitivamente la más cómoda de utilizar.

El resto de apps de este tipo que he probado eran lentas o poco responsivas hasta el punto de no verles utilidad salvo para casos de emergencia. Sin embargo Astropad se comporta de una manera muy fluida y el interfaz de la aplicación pienso que está muy bien concebido para poder gestionar con comodidad las diferentes opciones de la aplicación.

Cómo siempre, la prueba de fuego consiste en ejecutar Illustrator en el iPad y ver que tal responde. Os mentiría si os dijera que la sensación es exactamente la misma que la que se tiene trabajando en el ordenador, pero desde luego es lo más parecido que he visto hasta ahora. Ya he hecho la prueba de dibujar con Illustrator tranquilamente recostado en mi sofá y os puedo asegurar que he podido ejecutar bastante operaciones antes de sentirme cansado. El secreto está en dejar pasar los minutos que inevitablemente necesitamos para familiarizarnos con los controles y luego todo va como la seda.

De alguna forma tuve una sensación similar a la que tuve trabajando con la Microsoft Surface que ya os Microsoft Surface

Adobe Comp, una nueva touch app para maquetar

2 comentarios

.

Dentro de la estrategia que Adobe viene siguiendo desde hace un tiempo de incorporar los dispositivos móviles al flujo de trabajo de creación gráfica -con apps tan interesantes como Adobe Illustrator Draw o Adobe Shape-, se presenta ahora una nueva app que pienso son de las más útiles y versátiles de las que se han realizado hasta ahora.

Se trata de Adobe Comp, una app para iPad que permite diagramar páginas con fotos, gráficos y textos que posteriormente se pueden utilizar como punto de partida para crear una publicación impresa, una composición para ilustración o un interfaz para la web.

En resumen, ni más ni menos que una app para crear composiciones y maquetas que luego se pueden enviar directamente a Photoshop, Illustrator o In Design dependiendo del tipo de producto gráfico que estemos creando.

Ya está disponible en la AppStore, así que os invito a que os hagáis con ella lo antes posible para que podáis probar su utilidad de primera mano. Por supuesto, no hace falta decir que para sacarle el máximo partido es preciso formar parte de Creative Cloud.

Older Entries

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 212 seguidores