• Saltar a la navegación principal
  • Saltar al contenido principal

Sebastián Thüer

Comunicación, diseño y tecnología

  • Acerca
  • Blog
  • Contacto
  • Show Search
Hide Search

illustrator

Adobe Creative Cloud 2017: Estas son las principales novedades

Sebastián Thüer · 03.11.2016 ·

2Adobe acaba de actualizar su suite Creative Cloud a la versión 2017 que incluye algunos de los programas más populares de diseño como Photoshop, Illustrator , InDesign y Dreamweaver. La nueva versión promete mejoras de rendimiento y un mejor flujo de trabajo a partir de la integración de servicios y programas de la compañía. Creative Cloud 2017 ya está disponible para los usuarios que tengan una suscripción de Adobe.

Aquí un repaso de las principales novedades de los programas.

Photoshop CC 2017

La primera impresión que uno tiene es que hay cambios importantes. Apenas creamos un nuevo documento vemos una pantalla totalmente renovada con diversas opciones para escoger tamaños para diferentes soportes como foto, impresión, ilustración, web o teléfonos móviles. Un acierto porque ahora es mucho más intuitivo y fácil generar un documento con las especificaciones correctas.

La nueva ventana para crear documentos es mucho más intuitiva y fácil de usar.
La nueva ventana para crear documentos es mucho más intuitiva y fácil de usar.

Pero una vez iniciado el programa, no hay demasiados cambios en la interfaz a primera vista. Una herramienta interesante es un buscador integrado que permite encontrar con rapidez herramientas de Photoshop, paneles, menús, ayuda y tutoriales en la propia aplicación. Una buena idea porque con tantas opciones de configuración, acciones y plugins uno por ahí se pierde y no recuerda exactamente donde estaban las cosas.

Otra apuesta fuerte de Adobe es en la integración de servicios. Están empujando fuerte su biblioteca de activos Adobe Stock y ahora en cada búsqueda podemos ver plantillas, fotos, ilustraciones y demás recursos para descargar. Inclusive cuando creamos un documento nuevo nos ofrece comenzar a trabajar directamente desde una plantilla.

Todo se hace desde el propio programa (selección, descarga y edición) sin necesidad de acudir al navegador. La verdad que como ágil, es muy ágil pero sospecho que veremos muchos trabajos muy parecidos entre sí que partieron de la misma plantilla.

Una contra es que el programa ahora es un poco más pesado. Al menos con un Intel I5 y 8GB de Ram va justito, incluso trabajando con imágenes para la web que no tienen demasiada resolución.

El resto de las novedades no parecen ser significativas a excepción de nuevas mejoras en el filtro de licuar. La lista completa de mejoras está aquí.

Illustrator CC 2017

Alinear objetos en Illustrator CC 2017 es mucho más fácil con esta nueva opción.
Alinear objetos en Illustrator CC 2017 es mucho más fácil con esta nueva opción.

Adobe Illustrator CC 2017 también comparte la nueva ventana para crear archivos con Photoshop. Muy cómoda para buscar rápidamente los tamaños y resoluciones más habituales para cada tipo de trabajo.

La interfaz del programa no presenta cambios significativos pero sí algunas herramientas interesantes. Por ejemplo, un imán que se encuentra arriba a la derecha y, al activarlo, alineará automáticamente los elementos que vayamos trabajando. Por ejemplo, si creamos dos cuadrados y queremos poner uno al lado de otro, no tenemos que ser muy precisos: apenas colocamos un cuadrado al lado de otro automáticamente los alinea. Del mismo modo, si queremos centrar elementos o separarlos de forma equidistante.

El trabajo con la tipografía era algo bastante fastidioso con Illustrator si teníamos muchas fuentes instaladas. La nueva versión tiene un panel con una solución simple pero efectiva: poder marcar tipografías favoritas para luego encontrarla rápidamente a través de un filtro.

Illustrator CC 2017 sigue la misma senda de Photoshop y también ofrece en todo momento acceso a plantillas de Adobe Stock y mejora el trabajo con elementos de las bibliotecas. Insisto: creo que veremos muchos trabajos parecidos con tanta facilidad para usar templates.

La lista completa de las novedades de Illustrator puede consultarte aquí.

InDesign CC 2017

Las novedades que trae la nueva versión del software para maquetación y diseño de página son concretas y puntuales: un mejor manejo de las notas a pie de página para que puedan extenderse por varias columnas del documento, mejoras en las propiedades de las fuentes Open Type y un mayor control cuando se trabaja con puntas de flecha.

Además, InDesign CC 2017 está en la tendencia de ofrecer recursos y plantillas de Adobe Stock mucho más a mano, nuevas funciones para Creative Clouds Libraries y mejor manejo de activos. En este sentido, el programa de autoedición de Adobe se apunta a las mejoras generales que han experimentado todos los programas de la suite.

Pero, sin ser un usuario intensivo de InDesign, no se advierten demasiadas novedades relevantes.

Dreamweaver CC 2017

En este caso Adobe hizo una apuesta fuerte por reestructurar su programa insignia de diseño web. Hace años atrás, Dreamweaver el estándar de la industria para diseño web. Su facilidad para alternar entre la vista de código y de diseño, y la generación automática de un código HTML lo convirtieron en el programa de referencia para diseño web. De hecho, en pleno apogeo de Flash era Dreamweaver el software de diseño web más vendido de Adobe.

Sin embargo, las cosas comenzaron a complicarse. Los desarrolladores fueron migrando a entornos más robustos y enfocados en la programación que admitían,  por ejemplo, control de versiones, sintaxis abreviada, preprocesadores, frameworks y muchas cosas utilidades especificas. A su vez, no resultaba del todo intuitivo para los diseñadores que recibieron con alegría a Muse, una competencia interna de Adobe mucho más enfocada en el diseño y con bastantes semejanzas a InDesign.

Conclusión: Dreamweaver era algo limitado para desarrolladores y algo complicado para diseñadores. Por lo tanto, la necesidad de reinventarse era inminente.

Así llegamos a este nuevo Dreamweaver CC 2017 que desde entrada nos advierte que se trata de un producto nuevo y nos va mostrando paso a paso sus principales novedades. Por empezar, vuelve a una vieja práctica: preguntarnos si nos sentimos más cómodos como desarrolladores o diseñadores. Dependiendo de esta opción, nos mostrará una interfaz diferente. Claro, después siempre podemos alternar entre estas vistas.

El editor de código de Dreamweaver 2017 es totalmente nuevo.
El editor de código de Dreamweaver 2017 es totalmente nuevo.

Por empezar, el editor de código es totalmente nuevo. Cuenta con sugerencias de código para familiarizarse con HTML y CSS, ayudas visuales y resaltado de sintaxis. Podríamos decir, que su target son «diseñadores que saben código», es decir, profesionales del diseño que se sienten cómodo editando ellos mismos HTML / CSS / Javascript pero que pueden necesitar alguna ayuda para hacerlo.

La nueva versión de Dreamweaver también hace un guiño a los desarrolladores con  la admisión (algo tardía, eso sí) de preprocesadores como SASS, Less y SCSS. Además, ofrece un nuevo espacio de trabajo para moverse más rápido por los diferentes proyectos.

Al mismo tiempo, tiene interesante ayudas visuales como una vista previa de navegador en tiempo real y la posibilidad de editar CSS directamente desde un documento HTML sin tener que abrir un archivo aparte. Así las clases que afectan a un elemento se identifican mucho más fácil.

De verdad, las novedades son muchas así que para más detalles se puede consultar aquí.

Conclusión

La nueva versión de Adobe Creative Cloud 2017 ya está aquí pero sin grandes novedades. Hay pequeños cambios incrementales para mejorar la eficiencia de algunas herramientas y una apuesta fuerte para integrar su librería de recursos Adobe Stock al flujo de trabajo. Quizás, demasiado fuerte.

Los productos de Adobe están bastante maduros e introducir novedades drásticas es una jugada que no siempre sale bien. Por ello, las mejoras son puntuales y acotadas. Sus usuarios son profesionales del diseño, la producción y la comunicación que emplean estas herramientas diariamente para hacer su trabajo. Por ello, salvo que haya razones bien fundadas -como en el caso de Dreamweaver- han optado por no introducir cambios sustantivos.

Salvo esta excepción, las novedades de la nueva versión no son tantas, pero las desventajas de pasarse tampoco.

Transformá tu diseño en Illustrator a código con Drawscript

Sebastián Thüer · 16.04.2013 ·

Drawscript es una de esas pequeñas joyas que hacen la vida de los profesionales del diseño y la programación un poco menos tortuosa. Se trata de una extensión que traduce un diseño en Illustrator a código fuente, es decir, nos permite incorporar un gráfico o ilustración a la interfaz de otro programa.

drawscript

Drawscript es capaz de transformar un diseño en Illustrator a código JavasScript, C++, OBJ-C, ActionScript 3 y JSON, entre otros.

Simplemente hay que descargar el archivo, instalarlo como extensión y automáticamente tendremos en Illustrator una ventana donde se nos muestra el código. Es decir, nos podemos llevar ese diseño prácticamente a cualquier programa.

El proyecto está en beta y es una iniciativa open source.

Adobe CS5, la nueva suite para el diseño web

Sebastián Thüer · 14.04.2010 ·

Como ocurre cada dos años Adobe lanzó su suite de diseño Adobe CS5 con nuevas versiones de sus principales programas. El lanzamiento mundial fue el 12 de abril y estuvo a cargo de John Loiacono, Vicepresidente Senior y Manager General de Adobe.

«Estamos tremendamente emocionados de presentar la nueva versión de Creative Suite, no porque está llena de nuevas herramientas de gran y características, sino porque estas características son complementadas por la capacidad para resolver problemas reales de flujo de trabajo de extremo a extremo», dijo Loiacono.

El flujo de trabajo, entendido como una línea que recorre al contenido desde su creación, entrega, visualización, testeo y optimización, es precisamente el gran protagonista en las novedades de Adobe CS5 que apunta a reducir el tiempo empleado para tareas que hasta ahora se hacían paso a paso.

Veamos un rápido repaso por las principales aplicaciones de la suite para el diseño web.

Photoshop CS5

Photoshop es una de los programas más antiguos de Adobe y uno de los que presenta las novedades más impactantes al permitir realizar tareas que llevaban bastante tiempo de forma muy rápida. La opción content aware es la estrella y permite eliminar objeto de un escenario sustituyéndolos por el fondo, como se ve en este video:

Puppet Warp es otra función muy interesante que descompone una figura en celdas donde se pueden insertar puntos de anclaje, al estilo de los programas vectoriales y algunos de 3D. De esta forma, es posible, mover y articular un objeto dentro de una fotografía con relativa facilidad.

Más novedades en Photoshop: selección de contornos mejorada para las máscaras, corrección de lentes para corregir distorsiones ópticas, edición avanzada de alto rango dinámico (HDR), corrección automática de la línea del horizonte y más.  En quesabesde.com hay una buena síntesis de las principales novedades de Photoshop CS5.

Dreamweaver CS5

El programa de diseño web por excelencia finalmente ofrece soporte para los principales CMS como WordPress, Joomla! o Drupal. Una tarea cada vez más frecuentes para los diseñadores es desarrollar plantillas para alguno de estos sistemas que hasta ahora se debía hacer en la vista de código y sin poder obtener una previsualización de los resultados.

Otro paso hacia donde avanza Dreamweaver es permitirnos ver cómo queda nuestras creaciones cuando son accedidas con diferentes navegadores. La comprobación de código puede funcionar bien, pero no hay nada mejor que ver en la realidad cómo luce la web cargada en un navegador con un sistema operativo concreto. Por eso Dreamweaver CS5 se integra con Adobe BroweserLab que permite generar capturas de pantalla de una web como si se viera con distintos navegadores y sistemas.

Otra novedad interesante es la inspección de CSS al estilo Firebug: al seleccionar un elementos se puede ver todas las clases que tiene aplicadas. Algo muy útil cuando hay que hacer ajustes finos o trabajar con muchos estilos y clases anidadas.

Este video muestra otra función interesante: el «pegado inteligente» de vectores y otros archivos directamente en Dreamweaver.

Flash CS5

La guerra entre Flash y HTML5 destapada a raíz de la falta de soporte de Flash en el iPad tiene un nuevo capítulo en Flash CS5 que convertirá las animaciones generadas con este programa en HTML5. Se trata de una jugada arriesgada pero brillante ya que permitirá a los diseñadores recuperar sus trabajos anteriores y hacerlos compatibles en aquellos dispositivos que no admitan el plugin de Flash.

Otra mejora de Flash tiene que ver con aquellos que escriben código ya que tiene un editor mejorado con la posibilidad de autocompletar clases personalizadas. Para los diseñadores, Flash CS 5 trae Text Layout Framework con lo cual la inserción de elementos gráficos dentro de un texto (emoticons, gráficos, dibujos, etc.) se hace mucho más sencilla. Eso sí, requiere tener el plugin Flash 10 instalado.

Debajo está el video de una presentación de Flash CS5 en Flash On The Beach:

El resto de Adobe CS5

Recorriendo brevemente los programas que componen la suite está claro que refuerzan su apuesta por la integración de los productos para poder llevar elementos de un lado a otro de manera rápida, clara y organizada. El pegado inteligente de Dreamweaver es un ejemplo de ello.

Para Illustrator CS5 hay novedades interesantes como la facilidad para trabajar el dibujo en perspsectiva, la capacidad de modificar el grosor de un trazo en puntos independientes y crear objetos con precisión de pixeles, algo que se agradece para el diseño web.

En el caso de Fireworks Cs5 ahora el programa se integra con Adobe Device Central con lo cual es posible producir diseños para varios dispositivos móviles. También agrega plantillas de diseño  y ofrece un mejor flujo de trabajo con Flash.

¿Hay algo que te guste especialmente de la nueva suite? ¿Esperás que cambie realmente tu modo de trabajo? ¿Qué cosas importantes se han dejado de lado? Me gustaría conocer la opinión de los lectores.

Más información

  • Sitio oficial de Creative Suite
  • Cs5.org: Mucha información sobre los productos de la suite
  • Análisis de Illustrator CS5 en GenBeta
  • Análisis de Flash CS5 en Cristalab
  • Análisis de Photoshop CS5 en QueSabesDe.com
  • Análisis de Dreamweaver CS5 en PC Magazine (inglés)

Lanzamiento y precio

Se espera que la suite Adobe CS5 esté disponible el público en mayo pero podés inscribirte para que te avisen cuando se lance al mercado. El precio de Adobe Creative Suite 5 Design Premium es de 599 dólares para las actualizaciones y 1800 dólares por la versión completa. Si hacés tu reserva hasta el 29 de abril el envío de la versión box es gratuito.

Adobe CS4 Suite para descarga de prueba

Sebastián Thüer · 14.11.2008 ·

Ya se pueden probar las versiones CS4 de Adobe. La compañía ha puesto sus programas de la suite para diseño a disposición para que los usuarios puedan descargar y evaluar los productos. Casi dos meses después de su presentación oficial Phothosp, Dreamweaver, Flash, Illustrator y el resto de los programas de la suite están accesibles en la web oficial de Adobe.

Por el momento estoy probando las nuevas versiones Dreamweaver y Photoshop. La impresión inicial es muy buena: una interfaz resideñada con más espacio para los documentos abiertos, nuevas funcionalidades (efectos 3D para Photoshop e integración de Subversion para Dreamweaver, entre otras) y mayor integración entre ambos programas.

[Leer más…] acerca de Adobe CS4 Suite para descarga de prueba

Sebastián Thüer

Creative Commons Atribución 4.0 Internacional © 2025 · Less Is More · Acceder