Ten en cuenta que Phase recibe pequeñas actualizaciones y mejoras constantemente. Nuestros tutoriales podrían ser un poco diferentes de la versión actual de la aplicación.
Trazos
Los trazos son lo que llamamos formas complejas en Phase. Estas pueden ser líneas, curvas, polígonos, manchas o combinaciones de todas esas formas. Aunque su categoría es muy abierta, las rutas son simples e intuitivas de crear.
✍️
Nota
Para aquellos que no están familiarizados con el uso de formas y el panel de capas, diríjase a nuestro artículo sobre Formas.
Crear Trazos
Crear un triángulo utilizando la herramienta pluma.
Selecciona el ícono de pluma en la barra de menús en la esquina superior izquierda del lienzo. La herramienta de pluma se utiliza para crear conjuntos de puntos que forman formas complejas.
Haz clic en el lienzo para agregar un punto. Una línea lo conecta con el siguiente punto, que puedes colocar mientras mantienes presionada la tecla
⇧ Shift
para ajustar a ángulos de 45° o Esc para desconectar el punto anterior y comenzar una nueva forma.
Modifica las propiedades de la ruta. Lee más sobre esto en la sección "Propiedades de trazado" a continuación.
Presiona
⏎ Enter
o elige otra forma para finalizar un trazo. Los trazos ofrecen configuraciones únicas que no se encuentran en las formas básicas, pero una vez finalizados, pueden ser modificados como cualquier otra forma. Presiona
⏎ Enter
nuevamente en un trazado completado para editar sus puntos.
Formas de Trazos
Las propiedades de un trazo cambian dependiendo de si estamos modificando puntos o la forma completa. Mientras estemos en el modo de edición de puntos, antes de presionar
⏎ Enter
o de deseleccionar, aparece una propiedad única de forma de trazado con cuatro opciones:
1. Recto
La forma de trazado recto tiene un ángulo agudo en el punto sin curva. Esta es la forma predeterminada y no tiene una manija de ajuste.
2. Simétrico
La forma de trazado reflejado tiene un ángulo curvado central con una manija que se extiende a ambos lados. Los puntos de manija en ambos extremos ajustan la curva de manera igual, como un espejo.
3. Asimétrico
La forma asimétrica funciona de manera similar a la reflejada, pero las longitudes de las manijas pueden diferir. La rotación de un punto de manija afecta a ambos lados, mientras que los ajustes hacia adentro o hacia afuera solo impactan el lado con manija.
4. Independiente
La forma independiente proporciona control total sobre la rotación y la longitud de cada punto por separado. Aunque esto permite una libertad completa en la curva, las manijas no rectas pueden crear picos o bultos en el punto central.
Propiedades de Trazo
Bajo las propiedades de forma de trazado, que son exclusivas del trazado, encontramos otras propiedades editables en el panel que se comparten con otros elementos de Phase: posición X/Y, radio de esquina, tipo y porcentaje de opacidad, además de rellenos, bordes y efectos adicionales como recortar trazo.
📖
Leer Más
Tenemos un artículo detallado que ofrece un acercamiento a fondo sobre Propiedades en Phase, puedes consultarlo si tienes dudas.
Animación de trazado
Mostrando una animación de una foca creada con trazos.
La interpolación de trazado, también llamada transformación de formas o simplemente interpolación, es una técnica de animación para hacer una transición entre dos formas o trazos diferentes. Funciona generando formas intermedias entre los puntos de inicio y final.
Presiona
⏎ Enter
después de seleccionar una forma.
Haz clic en la herramienta de pluma y agrega algunos puntos nuevos a nuestra forma. Ten en cuenta que la herramienta de pluma no está disponible en el Modo de Animación. Para agregar más puntos, cambia de nuevo al modo de diseño.
Pasa el cursor sobre cualquier línea en una forma hasta que la línea se vuelva roja, y luego haz clic para agregar nuevos puntos. Repite este paso tantas veces como desees.
Activa el Modo de Animación. Consulta el artículo sobre Animación para más detalles sobre animaciones y fotogramas clave.
Agrega un fotograma en 0 segundos, solo si es necesario.
Mueve el cabezal de reproducción a un nuevo punto.
Mueve los puntos en nuestra forma a nuevas ubicaciones.
Después de mover los puntos para cambiar la forma, agrega un nuevo fotograma. El tiempo entre los fotogramas controla la duración de la transformación de la forma. Podemos ajustarlo según sea necesario.
Presiona reproducir y observa cómo nuestro elemento se transforma de manera fluida en otra forma.
Comienza a Animar
Comienza a crear con nuestra plataforma web gratuita