Novedades de SF Symbols 7

Obtén información sobre las actualizaciones de SF Symbols, una colección de íconos minuciosamente elaborados y diseñados para que los reconozcas al instante. Las actualizaciones incluyen: Nuevos ajustes preestablecidos de animación y renderizado llamados Draw. Capacidades mejoradas de “Reemplazo Mágico”. Introducción de degradados, herramientas para anotar símbolos personalizados. Actualizaciones de las API.

SF Symbols presenta Draw, una nueva funcionalidad que permite animar los símbolos a lo largo de sus trayectorias con dos ajustes preestablecidos: “Draw On” y “Draw Off”. Estos ajustes preestablecidos admiten varias opciones de reproducción, como “En capas”, “Símbolo completo” y una nueva opción “Individualmente” para una animación más intencional. La dirección del dibujo de cada símbolo se puede personalizar en función de su diseño y significado, y las formas compuestas complejas son compatibles. Usa Draw para dar vida a los símbolos y transmitir avance. Con la nueva opción “Variable Draw” podrás visualizar el progreso a través de una representación parcial, de forma similar a cómo el color variable transmite fuerza o avance.

Magic Replace en SF Symbols ahora tiene funcionalidades mejoradas que incluyen correspondencia de gabinetes e integración con animaciones de dibujo. Esto permite transiciones fluidas entre símbolos relacionados preservando los espacios y reemplazando capas diferentes, con la opción de usar efectos de Draw On y Off. Puedes obtener una vista previa de estas mejoras en el inspector de animación.

SF Symbols ahora incluye degradados lineales, lo cual agrega profundidad y dimensión a los símbolos con transiciones de color suaves. Disponibles en colores del sistema y personalizados en todos los modos de renderizado, los degradados mejoran el atractivo visual y puedes aplicarlos a símbolos personalizados.

Aprende a anotar símbolos personalizados en la app SF Symbols para habilitar animaciones de dibujo. El proceso consiste en colocar puntos guía a lo largo de la ruta de dibujo deseada. Se requieren un mínimo de dos puntos guía ・€・ un inicio (círculo abierto) y un final (círculo cerrado) ・€・ para cada ruta. Es posible que necesites puntos guía adicionales para formas complejas, curvas cerradas o múltiples subrutas. También puedes usar puntos guía especializados para escenarios específicos. Existen herramientas que puedes usar para ingresar al modo de punto guía, colocar puntos y ajustar las posiciones. Se pueden personalizar las animaciones con cambios en los estilos de las capas finales, habilitando el dibujo bidireccional y alternando la dirección de rotación para símbolos con múltiples subrutas. La colocación precisa de los puntos guía es fundamental para lograr animaciones fluidas y precisas. Para animar puntas de flecha, debes dibujarlas como rutas separadas y unirlas a puntos guía. Los puntos guía se pueden colocar, ajustar o eliminar manualmente, y hay tipos específicos para puntos de inicio, final y esquina. El sistema interpola automáticamente puntos guía en diferentes pesos de símbolos, pero es fundamental garantizar que estén en el mismo orden. Las opciones avanzadas incluyen ajustar la ubicación de los puntos guía, seleccionar subtrayectos directamente y usar el dibujo variable, que permite una animación más dinámica al habilitar que capas específicas participen en el proceso de dibujo.

Las nuevas funcionalidades de SF Symbol 7 incluyen ajustes preestablecidos de animación, dibujo variable y renderizado de degradado. Puedes usarlos en SwiftUI, AppKit y UIKit con modificadores y opciones de configuración. Descarga la versión beta, revisa la documentación y actualiza los dibujos personalizados para usar estas nuevas funcionalidades.