Novedades de Creative Cloud: explicación de las actualizaciones de Photoshop CC

Novedades de Creative Cloud: Photoshop CC 14 (junio de 2013) - 02 Información general y mejoras para diseñadores web.

Todos los vídeos del tutorial Novedades de Creative Cloud: explicación de las actualizaciones de Photoshop CC

Mejoras en el cuadro de diálogo del tamaño de la imagen

Al igual que con el afilador selectivo, se ha revisado el aspecto del cuadro de diálogo. Por fin hemos añadido una vista previa al cuadro de diálogo del tamaño de la imagen. El cuadro de diálogo también se puede ampliar.

Novedades de Creative Cloud: Photoshop CC 14 (junio de 2013) - 02 Información general y mejoras para diseñadores web.

Ahora hay preajustes disponibles y también puedo crear preajustes definidos por el usuario. Así, si siempre tengo que imprimir un gráfico más grande con el mismo tamaño de imagen, como en mi ejemplo, puedo guardarlo como predeterminado. En el explorador de archivos que se abre, simplemente le doy un nombre a mi preajuste (aquí: "Vista detallada de la tienda para la portada") y ya lo tengo disponible en mi lista de preajustes. Una gran novedad.

Novedades de Creative Cloud: Photoshop CC 14 (junio de 2013) - 02 Información general y mejoras para diseñadores web.

Además, se ha introducido una nueva opción de interpolación, a saber, el método de cálculo Conservar detalles (ampliación). Esto me permite conservar mejor la nitidez al ampliar las imágenes, ya que la ampliación también produce un ligero aumento de la nitidez.

Si selecciono el método de cálculo Conservar detalles, también puedo reducir el ruido causado por la ligera nitidez al mismo tiempo que amplío. Gracias a la vista previa, también puedo evaluar de forma óptima el cambio de imagen esperado debido al cambio de tamaño de la imagen y reaccionar en consecuencia al reducir el ruido.

Novedades de Creative Cloud: Photoshop CC 14 (junio de 2013) - 02 Información general y mejoras para diseñadores web.

Las capas de texto imitan la vista web

Cuando creamos diseños web para clientes, les explicamos al presentar el diseño que la fuente puede variar ligeramente de un dispositivo a otro y de un navegador a otro.

Un ejemplo: nuestro diseño de página de inicio como parte de nuestro trabajo de agencia (4eck Media.de) como archivo de imagen (arriba) para el sitio web kosmetik-uhl.de y la vista en el navegador web (abajo).

Novedades de Creative Cloud: Photoshop CC 14 (junio de 2013) - 02 Información general y mejoras para diseñadores web.

Adobe ha añadido ahora dos modos web a las opciones de suavizado de texto en Photoshop CC. En mi sistema es Windows y Windows LCD. Un usuario de Mac obtiene Mac y Mac LCD. Esta es la mejor manera de imitar cómo se verá el texto más tarde en el sitio web. Hubiera sido ideal si Mac y Windows hubieran estado disponibles como modos a elegir, porque mi impresión es que el texto siempre sale un poco más fuerte en Mac que en los sistemas Windows.

Novedades de Creative Cloud: Photoshop CC 14 (junio de 2013) - 02 Información general y mejoras para diseñadores web.

Copiar CSS

Hasta Photoshop CS6, nuestra agencia utilizaba el plug-in CSS Hat, de pago, que permite convertir formas vectoriales y estilos de capa en código CSS3. Esta función se ha añadido ahora a Photoshop CC. Así que puedo hacer clic con el botón derecho en las capas de texto o de formas y copiar el código CSS, y luego pegarlo en un editor. Aunque el código CSS no siempre se puede adoptar de esta manera (por ejemplo, debido a la posición absoluta), es más fácil editar el código CSS exportado que escribirlo desde cero.

Novedades de Creative Cloud: Photoshop CC 14 (junio de 2013) - 02 Información general y mejoras para diseñadores web.

Es bueno que también se tengan en cuenta los estilos de capa. Por ejemplo, si mi forma tiene una sombra, aparecerá como sombra de caja en la salida CSS. Si quiero copiar varios objetos como CSS al mismo tiempo, tengo que colocarlos en un grupo y luego hacer clic con el botón derecho en el grupo para seleccionar Copiar CSS.

Novedades de Creative Cloud: Photoshop CC 14 (junio de 2013) - 02 Información general y mejoras para diseñadores web.

Importar colores web

En Photoshop CC es posible añadir colores web a los colores existentes o sustituirlos a través del menú del panel de control del campo de color. Si simplemente guardo un sitio web una vez en Guardar como, obtengo todo un revoltijo de archivos, incluido un archivo HTML y algunos archivos CSS. Ahora puedo importar los colores web definidos en estos archivos.

Novedades de Creative Cloud: Photoshop CC 14 (junio de 2013) - 02 Información general y mejoras para diseñadores web.

Esto significa que no necesito hacer una captura de pantalla y utilizar el cuentagotas si quiero elegir los colores adecuados. Por ejemplo, me basta con cargar el archivo HTML y CSS de C4D-Treff.de para obtener el rojo llamativo, por ejemplo, si quiero crear otros productos multimedia en Photoshop de acuerdo con esta especificación de color.

Novedades de Creative Cloud: Photoshop CC 14 (junio de 2013) - 02 Información general y mejoras para diseñadores web.