Conceptos básicos de fricción: animación vectorial 2D para el diseño de movimiento

1. Bienvenidos a los gráficos de fricción: Hola, y bienvenidos a esta introducción a Friction Graphics para gráficos en movimiento. Mi nombre es Jonathan. Soy animadora y diseñadora gráfica, así como la fundadora de nuc Stuck Creative Studio over on YouTube, donde subo tutoriales y ocasionalmente cortos animados En esta clase, veremos Friction Graphics, que es un versátil software de animación ráster y vectorial que permite crear animaciones tanto para web como para video. La fricción es libre y de código abierto, y para aquellos de ustedes que conocen After Effects, ya sea por su nombre o por experiencia, puede que la fricción resulte algo familiar ya que hay similitudes entre ambos, pero son diferentes. After Effects es principalmente para la composición, mientras que la fricción también se apoya en gran medida en la animación y la animación web Yo personalmente uso la fricción para hacer animación de personajes y, a veces, motion graphics. Lo combino con otras herramientas como Cat y Live, Gimp, incluso blender, para crear escenas más complejas Entonces, sin más preámbulos, asegurémonos de que nos pongamos en la misma página y empecemos. 2. Descarga recursos y fricción: Ahí. En esta primera lección, primero vamos a descargar fricciones, descargar los recursos si quieres seguir junto con lo que estamos haciendo exactamente con el mismo metraje. Entonces, para conseguir fricción, vamos a pasar a Friction dot Graphics. Y nos dirigiremos a Descargar. Y a partir de aquí, podemos elegir nuestra versión de fricción. Ahora, para esta clase, estaré usando versión uno de Friction RC tres. Este es el candidato a la liberación número tres para la versión uno de Friction. La versión uno, RC tres es donde encontrarás todas las nuevas características que Friction tiene para ofrecer, y es la más cercana al próximo lanzamiento de la versión uno. Ahora, simplemente identifique cuál es compatible con su sistema operativo. En mi caso, estaré usando la imagen de la app de Linux. Una vez que hayas descargado e instalado Friction, puedes consultar los recursos de clase para descargar los activos que voy a usar. Ahora, todos los videoclips que voy a usar son de píxeles. Y para el final, estaremos usando una banda sonora, y esta la obtuve de motion array, y desafortunadamente, no puedo compartirla. Ahora, antes de saltar a la fricción, recomiendo encarecidamente explorar su página de documentación. Y ahí, encontrarás tanta información sobre la fricción, y hará que sea mucho más fácil aprender fricción y acostumbrarte a la interfaz de usuario, las diferentes características que tiene y cómo navegar por algunas de esas características. Pero bien, ya basta de eso. Sigamos adelante y comencemos con la fricción. 3. Primer vistazo: Friction UI: Oye. Entonces, antes de comenzar con nuestro primer proyecto, primero aprendamos sobre la interfaz de usuario de fricción. Esta será rápida . No hay mucho que aprender. Tenemos nuestra barra de menú en la parte superior. Debajo de eso, tenemos nuestra barra de herramientas principal, y debajo de eso, tenemos algunas propiedades que van a variar dependiendo de la herramienta y los objetos que hayamos seleccionado. Entonces veremos eso más adelante. Arriba a la derecha, tenemos la barra de herramientas de colores, y esto nos va a permitir cambiar los colores sobre la marcha en lugar de fricción. Así podemos cambiar el color de relleno, los trazos, e incluso el fondo de nuestra escena. Bien. Ahora bien, en esta gran zona media aquí donde tenemos nuestro fondo negro y nuestro logo de ficción, este es el espectador, y ahí es donde vamos a encontrar en la zona. Y sobre el lado derecho, tenemos nuestro panel de propiedades. Entonces en la parte inferior aquí, así como nuestros activos en la cola. Estos tres paneles aquí permanecen agrupados, y por encima de eso, tenemos el relleno y el trazo, y aquí es donde podemos controlar el relleno y trazo para nuestra forma y trazados. Estos dos paneles aquí se pueden reajustar, para que puedas ajustar el tamaño Entonces esta pequeña separación débil aquí es como puedes ajustarlas. Y podrías notar algunas flechas, y estas flechas nos permiten modificar su posición. Así podemos mover, por ejemplo, el panel de propiedades, izquierda, derecha, arriba o abajo, lo mismo para el relleno y trazo. Así podríamos separarlos e incluso mover el relleno y el trazo hasta el otro lado del espectador. Así que básicamente puedes modificar la interfaz de usuario. Ahora, si alguna vez haces demasiadas modificaciones y quieres volver al valor predeterminado, simplemente sube a la barra de menú dentro de la ayuda y baja a Restaurar interfaz de usuario predeterminada Justo encima de eso, verás algunas opciones más para restaurar diferentes propiedades. Así que el relleno y el trazo, reinstalan los presets de expresión predeterminados y reinstalan los perfiles de renderizado predeterminados Y cualesquiera que sean los cambios que hagas en la interfaz de usuario, fricción recordará para la próxima vez que cargues el software. Ahora, debajo de nuestra área de visualización, tenemos la línea de tiempo, y también podemos cambiar el tamaño de esta Entonces no hay nada aquí en la línea de tiempo porque aún no hemos creado una escena. Ahora, sobre el lado izquierdo del visor, tenemos el menú de herramientas. Y aquí, vamos a encontrar las herramientas por defecto para la fricción. Y si hacemos clic derecho sobre él y bajamos a las etiquetas, verifíquelo, obtendremos el nombre para cada una de las herramientas. Entonces dejaré eso abierto por ahora para que puedas ver el nombre de las herramientas si alguna vez las llamo Ahora, por último, todo el camino en la parte inferior, tenemos nuestra barra de estado donde podemos ver la cantidad de RAM que está siendo utilizada por fricción. Tenemos el ancho y la altura de nuestra escena. Entonces ahora mismo está fijado a 11 porque aún no tenemos una escena. Podemos controlar la resolución. Veremos eso en un poco, y luego tenemos los diferentes diseños. Y finalmente, un par de herramientas por aquí, como la grilla, el chasquido, y el Gizmo, que veremos en un momento Lo último que veremos para la interfaz de usuario es en la esquina superior derecha donde tenemos el logotipo de fricción. Si dejaste click en él, obtendremos un pop up. Y vamos a ampliar esto. Dentro de este pop up, puedes ver alguna información sobre tu sistema. Tienes una sección sobre para fricción, y justo al lado, tenemos los atajos. Entonces, si alguna vez quisiste aprender los atajos de la fricción, están ahí mismo en el software. Puedes echarles un vistazo. Desafortunadamente, todavía no podemos cambiar los atajos, pero eso llegará pronto en futuras liberaciones de fricción. También tenemos su declaración de privacidad y la licencia bajo la que se encuentra la fricción. Entonces estos son los conceptos básicos de la interfaz de usuario. Si navegas a los gráficos de fricción y vas a su documentación en lugar de a la interfaz de usuario, también obtendrás un desglose de la interfaz de usuario. Entonces te contarán sobre las diferentes partes, te darán alguna información sobre cada cosa. Y recomiendo encarecidamente explorar la documentación en su página web. Tienen mucha información dentro de la documentación que puede ayudarte a aprender la fricción aún mejor. Con eso fuera del camino, pasemos a crear nuestra primera escena e importar nuestros activos. 4. Crear una nueva escena: navegación por fricción: Hola ahí. En esta lección, vamos a crear nuestra primera escena, importar nuestros activos y familiarizarnos un poco con la fricción de navegación Así que comencemos haciendo clic en Nuevo. Vamos a conseguir un pop up. Este pop up nos permite cambiar los parámetros de nuestra escena. Ahora bien, estos se pueden cambiar más adelante, por lo que este no es un compromiso final. En lo más alto, tenemos el nombre de nuestra escena. Lo dejaré al defecto. A continuación, tenemos nuestro ancho y nuestra altura. Puede configurarlos manualmente o hacer clic en estos tres puntos por aquí y elegir de esta lista de presets Voy a dejarlo a 1920 por 1080. A continuación, tenemos la duración. Ahora bien, la duración se puede ver en fotogramas o en segundos. Entonces esto depende de ti. Tenemos el marco de inicio, y tenemos el marco final. Debajo de eso, tenemos el FPS, entonces fotogramas por segundo. Esta es la velocidad de fotogramas de tu animación o tu escena, y puedes configurarla manualmente o de nuevo, hacer clic en estos tres puntos y elegir de una lista de presets A continuación, tenemos los antecedentes. Y si hacemos clic en este pequeño cuadrado de aquí, obtenemos un pop up para que podamos elegir el color de fondo. El fondo generalmente no renderiza esto es más un marcador de posición a menos que estés exportando imágenes, si no me equivoco Pero también se puede controlar el alfa de la misma. Entonces básicamente, puedes hacerlo transparente o totalmente opaco o semitransparente. Justo debajo, tenemos marcadores, lo que nos permite guardar colores, pero lo veremos más adelante en la clase Entonces dejo el mío a cerca de negro. Y por último, hemos establecido como predeterminado. Si marca esta casilla de verificación, configuración se convertirá en la configuración predeterminada la próxima vez que cree una escena Esto no impide que cambies esos ajustes. Solo recuerda desmarcar el set como predeterminado para que no sobrescribas tu valor predeterminado anterior a menos que quieras hacerlo. Bien, una vez que hayamos terminado, hagamos clic en Bien, y ahora tenemos nuestra primera escena, y ya podemos ver más información en la línea de tiempo. Si ampliamos esto por aquí, tenemos el recuento de fotogramas en la parte superior aquí. Aunque si estás trabajando en segundos, siempre puedes hacer clic derecho sobre él e ir a mostrar código de tiempo, y ahora vas a ver los segundos en lugar de los fotogramas. Voy a pegarme a los marcos. Entonces echemos un vistazo completo a la línea de tiempo ahora. Sobre el lado izquierdo en la parte superior, tenemos el inicio del marco de escena. Entonces básicamente, donde quieres que empiece tu escena. Podría ser en fotogramas o segundos otra vez. Entonces puedes cambiar este número manualmente, y ahora este será el nuevo marco de inicio para nuestra escena. Entonces lo dejaré a cero por ahora. Y luego en el medio, tenemos el marco actual. Entonces, donde sea que esté configurado actualmente el cabezal de reproducción. Entonces, si me fui haga clic aquí arriba, arrastre, puede ver cómo estamos cambiando el valor moviendo el cabezal de reproducción, que es esta barra de aquí Y luego en el lado derecho, tenemos el marco final. Entonces estos valores los puedes cambiar sobre la marcha aquí mismo encima de la línea de tiempo. Y en la parte inferior de la línea de tiempo, en la esquina inferior derecha, tenemos Fit horizontal. Al hacer clic en él, se ajustará a vista toda la duración de nuestra línea de tiempo. Entonces, si tuviera que, por ejemplo, cambiar el inicio a 50, y luego hice clic en Ajustar Horizontal, comenzaría desde 50 hasta 250 Bien. Bien, entonces. Ahora, por encima de la línea de tiempo dentro del espectador, ahora tenemos nuestro lienzo. Puede desplazarse con la rueda central del mouse para alejar o simplemente usar el atajo de teclado, menos para alejar más para acercar más para acercar. Si vas a la barra de menú dentro de una vista, Zoom, verás todos los atajos de teclado, el zoom in, Zoom out, fit Canvas, etcétera Un atajo de teclado que uso muy a menudo es el Fit to CNVs, que es Control Zero Entonces, al presionar Control Zero, podemos ajustar el visor a nuestro lienzo. Así que vamos a seguir adelante e impartir nuestros activos, yo lectli código y arrastrarlo a nuestro proyecto Haré lo mismo con este videoclip de aquí, haga clic izquierdo en mantener y arrastre a nuestro proyecto. Entonces esa es una forma en la que puedes importar tus activos. En algunas raras ocasiones cuando se intenta arrastrar algunos activos de video, fricción podría bloquearse, y aquí es donde entra la barra de herramientas principal, donde puedes importar o vincular tus activos. Cualquier cosa que importes por aquí, va a abrir una ventana emergente. Elige lo que quieras importar, haz clic en abrir, y lo importará. Entonces ahora que tenemos nuestros activos importados, si queremos moverlos, queremos estar en modo objeto. Entonces este modo predeterminado por aquí. Y si dejamos clic en mantener y arrastrar o activos, deberíamos poder agarrarlos y moverlos. Alternativamente, también puede obtener sus activos directamente de la línea de tiempo. Entonces cada activo es su propio track o capa. Ahora bien, el orden de tus capas sí importa, ya que puedes ver el video que está encima del logo lo coloca encima del logo en el área de Kendis Si tuviera que hacer clic izquierdo y arrastrarlo debajo del logotipo, luego se movería debajo del logotipo en el lienzo. También podemos ocultar nuestros activos haciendo clic en el icono del ojo, y también podemos bloquearlos, lo que nos impedirá hacer clic en ellos o seleccionarlos en el área de Kendis o incluso en la línea de tiempo Ahora, otra cosa a tener en cuenta, si revisamos el panel Propiedades, aquí no tenemos nada. Y si selecciono un logo, entonces podremos ver el logo en el panel de propiedades. Si selecciono el video, entonces vemos el video en el panel de propiedades. Esto es simplemente porque si subimos a la barra de menú dentro de Ver abajo al filtro Propiedades, por defecto, está configurado para seleccionarlo. Entonces dentro del panel Propiedades, solo podemos ver lo que se selecciona. Podemos cambiar eso de seleccionado a A, por ejemplo, y ahora veremos todas las capas. Así es como trabajo personalmente. Tengo todas las capas visibles. Entonces ya dije que puedes dejar de hacer clic en mantener y arrastrar tus activos sobre el lienzo, pero también puedes modificar tus activos usando cualquiera de G para agarrar. Entonces si presionamos G y movemos el cursor, podemos movernos u objetar. Puedes presionar Escape para cancelar. De lo contrario, cuando lo agarramos, podemos hacer click izquierdo para confirmar o simplemente presionar Enter o Return en el teclado. Lo siguiente que podemos hacer es presionar R para rotar, y esto nos permitirá rotar u objetar o trazar. Y por último, podemos presionar S para escala, y esto nos permite escalar u objetar o camino. Ahora bien, todas estas transformaciones en más son cosas que podemos hacer usando el Gizmo Entonces en la esquina inferior derecha de fricción, tenemos un gizmo. Si dejaste click en él, click izquierdo en el menú desplegable, puedes elegir qué propiedades quieres poder afectar. En este caso, tengo los cuatro seleccionados a la cizalla, escala, rotación y posición. Ahora, apaguemos nuestra capa de video aquí por un momento para que podamos ver mejor nuestro artilugio Y el artilugio aquí, si dejaste clic en mantener, por ejemplo, puedes mover tu objeto sobre el eje X. También podemos hacer esto para el eje Y. Tenemos la capacidad de esquilar nuestro objeto. Podemos sce uniformemente usando esta esquina superior aquí, o podemos escalarlo solo en la X, por ejemplo, o solo en el valor Y. También te permite mover tu objeto y girarlo. Entonces, esencialmente, con el artilugio, puedes hacer todas las transformaciones que harías pero directamente en el lienzo, y esto va para todos nuestros objetos Entonces, si selecciono el video aquí, volvemos a recibir el artilugio, y podemos hacer todas estas mismas transformaciones Voy a apagar el Gizmo por ahora. Ahora para deshacer todo esto, podemos ir a la esquina superior izquierda y hacer clic en Deshacer, o bien la esquina superior izquierda y hacer clic en Deshacer, podemos usar el atajo de teclado Control Z para deshacer las transformaciones que acabamos de hacer. Bien. Ahora, voy a deshacer todo el camino hasta este punto donde solo habíamos hecho las transformaciones regulares sin el artilugio Ahora, otra forma de deshacer nuestras transformaciones es si mantenemos presionada la tecla Alt y presionas R, desharás la rotación. Mantén presionada la tecla Alt, presiona S. Voy a deshacer la escala, y mantén presionada la tecla Alt y presionaré G, y deshará el agarre que hicimos. Cuando se trata de la posición de los objetos, generalmente se establece en la esquina superior izquierda del lienzo. Entonces, por ejemplo, si agarro el videoclip por aquí y presiono Alt G, va a colocarlo en la esquina superior izquierda. Entonces esto va básicamente para todos los objetos. Algunas cosas más para saber, por ejemplo, si hacemos clic derecho sobre un objeto sobre el lienzo, aquí obtenemos algunas opciones. Ahora, debido a que esta es una imagen que importamos, podemos ya sea recargar o establecer un archivo fuente Básicamente, se puede cambiar este objeto por otro objeto. También podemos centrar el punto de pivote, que es este punto de camada aquí en el medio. Entonces, si alguna vez lo hubiéramos movido a otro lugar porque queríamos rotar desde un punto de origen diferente o incluso escalar desde otro punto de origen, haciendo clic derecho, podemos ir en el centro del pivote para ponerlo de nuevo al medio. Presionaré una R para restablecer la rotación y en S para restablecer la escala. También puedes alinear al centro tu objeto, por lo que va directo al centro de tu lienzo. Entonces cuando hacemos clic derecho, también tenemos algunas opciones más como copiar, cortar, duplicar, eliminar grupo en los efectos raster, pero esas serán para más adelante. Bien, entonces dentro del panel de propiedades, tenemos este pequeño menú en la parte inferior aquí, que nos permite alinear ya sea la geometría, la geometría por pivote o el propio pivote. Y luego llegamos a elegir a qué queremos alinearlo para que pueda ser la escena, último objeto seleccionado, último pivote selectivo en cuadro delimitador Y entonces podemos usar estas flechas para alinearlo. Todo bien. Entonces ahora voy a centrar una línea o video en el fondo. Es más pequeño que nuestro lienzo, así que voy a presionar S para la escala, y voy a escalarlo. También puedes escribir los valores. Por ejemplo, si tuviéramos que presionar S y presionamos dos, lo haría el doble de grande o presionamos eliminar o retroceder, digamos 1.5, y eso lo hace encajar en nuestro lienzo o presionar Enter para confirmar Y por último, voy a bloquear el video de fondo o agarrar nuestro logo o presionar S para escalar y escalar esto un poco y Enter. Bien. Ahora, echemos un vistazo a la línea de tiempo. Entonces en este momento, realmente no estamos viendo toda la duración de nuestro video. Entonces voy a cambiar el marco a 800 pulsamos Enter, y luego voy a encajar horizontalmente. Ahora podemos ver el final de nuestro video, y podemos fregar hasta la línea de tiempo para ver nuestro video. Ahora, si quieres saltar el cabezal de reproducción al inicio o al final de nuestra duración, simplemente mantén presionada la tecla Mayús y usa las teclas de flecha izquierda o derecha Entonces voy a saltar al primer fotograma y luego presionaré la barra espaciadora para reproducir. Ahora, es posible que notes que la fricción está guardando en caché o se ve, y esto es para ayudarlo a tener una reproducción fluida Entonces una vez que la fricción haya terminado el almacenamiento en caché, va a tocar nuestra escena y no vamos a tener ningún retraso Ahora bien, esto realmente varía dependiendo de la complejidad o la pesadez de tu escena Si presionamos la barra espaciadora, va a pausar o reproducir, pero en realidad no detendrá la reproducción. Simplemente pausa. Si vuelvo a presionar la barra espaciadora, va a seguir reproduciendo, pero en realidad no se ha detenido Para detener la reproducción o salir del modo de reproducción, podemos hacer clic en este botón aquí para decir detener revisión o presionar escape en el teclado, y ahora nos hemos salido de la reproducción. Una forma de notar cuando estás dentro del modo de reproducción es si presiono la barra espaciadora ahora mismo, verás que los bordes exteriores del lienzo están completamente negros Cuando presiono escape, son un poco más de un gris oscuro. Ahora, en esa nota, sigamos adelante y desbloqueemos nuestro videoclip, haga click izquierdo sobre él. Voy a sce un poco más grande que nuestra lona. Entonces, si miras aquí, tenemos este borde gris que indica los límites de nuestro lienzo. Entonces cualquier cosa fuera de esto, si fuéramos a renderizar no se renderizaría. Bien, voy a colocar el cursor sobre esta parte de aquí que se expande. Y fíjate que cuando presiono Barra espaciadora, así entramos en vista previa , ya no podemos ver esa área, ese espacio que está fuera del lienzo porque corta cualquier cosa que esté fuera del área del lienzo. Y debido a que cambiamos el video, fricción tiene que volver a caché la animación, o caché del video en este caso. Ahora bien, hablando del almacenamiento en caché, en la parte inferior aquí en la barra de estado, si recuerdas, tenemos aquí este número que indica la cantidad de RAM que está siendo utilizada por fricción cuando guarda en caché nuestra reproducción Si no quieres guardar en caché la animación antes de la reproducción, puedes subir a la barra de menús dentro de la vista y simplemente desmarcar la caché de vista previa Y cuando reproduces, simplemente va a reproducirse sin intentar guardar nada en caché. Con esto, donde quiera que coloque el cabezal de reproducción y presione la barra espaciadora es desde donde va a empezar a jugar Ahora, si alguna vez quieres iniciar la reproducción desde el primer fotograma, puedes mantener presionada la tecla Mayús y luego presionar la barra espaciadora, y va a comenzar desde el primer fotograma. Bien. Entonces antes mencioné que esta parte fuera de las Cenvas va a desaparecer cuando retengamos Entonces ahora que hemos deshabilitado la caché, cuando reproducimos o SN, esta parte fuera del Kv ya no se recorta Pero si quieres recortar manualmente esta parte, simplemente puedes presionar C en el teclado o subir a la barra de menús dentro de la vista y luego ir a clip a SN. Esto va a ocultar cualquier cosa que esté fuera del lienzo o volver a presionar C, y va a desabrocharlo Entonces voy a encender el caché de vista previa por mí mismo. Ahora, si alguna vez quieres borrar la caché, puedes subir a la barra de menú en lugar de Editar y bajar para borrar mayúsculas y minúsculas o simplemente presionar control más R, y va a borrar la caché Se puede ver que las barras azules en la parte superior aquí han desaparecido. Todo bien. Ahora, por último, cuando se trata de la línea de tiempo, puede hacer clic central y moverse, y esto le permite desplazarse por la línea de tiempo. Y cuando se trata de la línea de tiempo, esta barra de aquí es el rango de visibilidad de este videoclip. Entonces si dejamos click sobre él, podemos moverlo para mover nuestro video. Va a deshacer este Control Z. Bien. Pero notarás que no tenemos esto para el logo. Esto significa que el logo siempre es visible. Si quieres tener un rango de visibilidad para el logotipo, simplemente haz clic derecho sobre él y baja al rango de visibilidad. Y ahora tenemos este rango de visibilidad por aquí. Puedes acercar y alejar la línea de tiempo manteniendo presionada la tecla Control y desplazándote en la rueda del ratón Y si quieres desplazarte hacia la izquierda y hacia la derecha, mantén presionada la tecla Mayús y desplázate sobre la rueda del ratón. Ahora podemos ampliar el rango de visibilidad. Siempre que el cabezal de reproducción no esté por encima de este rango de visibilidad, no veremos el logotipo ¿Bien? Lo mismo para el video. Ahora, si alguna vez quieres hacer un corte en un videoclip, mantén presionada la tecla Mayús y presiona K, y va a hacer una copia de ella y cortarla donde estaba la cabeza de reproducción Bien. Entonces, por último, presionaré Control A para agarrar todo, y presionaré Eliminar para eliminarlo todo. Voy a pasar a la pestaña de activos, y dentro de la pestaña de activos, podemos ver lo que hayamos importado. Entonces a pesar de que lo borré de la escena misma, así que la línea de tiempo, todavía podemos verlos dentro de los activos. Así que ahora puedo simplemente agarrar estos y arrastrarlos de nuevo a nuestra escena. Así como así. Así que sigue adelante y línea central o fondo, escala 1.5, presiona Enter, o mueve el video debajo, o haz clic derecho en la línea central, y escala esto un poco hacia abajo. Bien, si quieres renombrar tus capas, puedes hacer clic derecho sobre ellas e ir a renombrar o simplemente hacer clic central sobre Obtendrás un pop up de camada y podemos cambiarle el nombre. Entonces digamos video de fondo de invierno, presiona Enter, y ahí lo tenemos. Ahora bien, lo último está en más alto de nuestro visor, tenemos aquí estos controles que nos permiten mover nuestro objeto, rotarlo, escalar, cambiar el pivote, y la opacidad Entonces puedes hacer muchas de estas transformaciones aquí arriba, ya sea haciendo clic con el botón izquierdo y arrastrando esos valores o escribiendo algo manualmente, entonces 90 grados, y girará 90 grados Entonces para esto, presiona Alt R, y para algo así como la escala, si quieres escalarla de manera uniforme, puedes hacer click izquierdo, escribir un valor, entonces digamos un valor de 0.5. Antes de presionar Enter, simplemente mantenga presionada la tecla Shift, luego presione Enter, y hará que sea 1.5 para ambos valores. Asimismo, puede mantener pulsada la tecla Mayús, hacer clic izquierdo y arrastrar, y cambiará ambos valores al mismo tiempo. Entonces hagamos esto 0.5 nuevamente y presionemos Enter. Bien, entonces eso es todo para navegar por la fricción. En la siguiente lección, vamos a empezar a animar. Entonces vamos a crear fotogramas clave y hacer que nuestros objetos se muevan. Nos vemos ahí. 5. Conceptos básicos de animación: fotograma clave de fricción: Hola, y bienvenidos. En esta lección, vamos a empezar a animar nuestros objetos Entonces, finalmente, hagamos que las cosas se muevan. Así que voy a empezar por esculpir el logo un poco más, y ya podemos empezar Para animar la posición de nuestro logotipo, vamos a expandirlo dentro de la línea de tiempo o podemos expandirlo dentro de la ventana de propiedades Entonces, cualquiera que funcione mejor para ti. Si quieres más espacio aquí dentro del panel de propiedades, puedes presionar F en el teclado para ocultar el relleno y el trazo Si presionamos de nuevo F, veremos el relleno y el trazo. Así que solo tenlo en mente. Todo bien. Entonces, por ahora, sigamos adelante y creemos nuestra animación en la línea de tiempo, y luego comenzaremos a usar el panel de propiedades. Entonces voy a expandir el logo dentro de él. Hemos transformados. Voy a expandir la transformación. Y lo que busco está dentro de la traducción. Entonces vamos a expandir la traducción por aquí. Vamos a escalar esto. Y estamos buscando el eje Y. X es izquierda y derecha. Y es arriba y abajo. Para agregar un fotograma clave, simplemente podemos hacer click izquierdo sobre este punto blanco de aquí Esto va a agregar un fotograma clave. Ahora, cada uno de estos puntos nos está diciendo algo. El azul en la parte superior aquí nos dice que algo está animado dentro del logotipo de Noktax Los puntos verdes nos están diciendo que dentro de transformar, algo está animado, y luego dentro de la traducción, algo está animado. Y entonces, por último, este punto rojo en la parte inferior aquí nos está diciendo que el valor Y es lo que está animado. Entonces esto de aquí en la parte inferior es el fotograma clave real. Y cuando lo seleccionamos haciendo click izquierdo, todos se vuelven amarillos. Bien, entonces tenemos nuestro primer fotograma clave, y para cambiar la posición Y, podemos usar el Gizmo Podemos presionar G e Y para bloquearlo en el eje Y y moverlo hacia arriba o hacia abajo, o podemos hacer click izquierdo sobre este valor, sostenerlo y arrastrarlo para moverlo hacia arriba o hacia abajo, o ingresar manualmente el valor, todo hasta usted. Entonces simplemente presionaré G e Y y luego lo moveré todo el camino en la parte inferior aquí y haga clic izquierdo para confirmar. A continuación, voy a mover alrededor de 24 fotogramas. Entonces esto va a ser 1 segundo, y luego voy a presionar G e Y otra vez, y voy a mover esto hacia arriba. Friction va a agregar automáticamente un fotograma clave. Ahora, si alguna vez mueves el cabezal reproductor y quieres agregar un fotograma clave, hacer clic en el punto rojo no va a Si haces clic en el punto rojo, va a eliminar todos los fotogramas clave existentes Así que tenlo en mente. Todo Control Z fuera de esto. De igual manera, si dejamos click en el punto de la traducción, lo que va a hacer es agregar un fotograma clave al valor X e Y porque tiene dos valores dentro de él Si dejamos pulsamos sobre él, nuevamente, va a eliminar todos los fotogramas clave Vamos a deshacer esto. Si dejamos clic en el punto de Transformar, va a agregar un fotograma clave a todas las propiedades de transformación Y si dejamos clic en él otra vez, va a eliminar todos los fotogramas clave Vamos a deshacer eso, y ahí lo tenemos. Bien. Entonces, una vez que lo actives, la fricción agregará automáticamente los fotogramas clave Aún no hay forma de apagarlo. Ahora, si la reproducción, así que presiona Shift barra espaciadora, fricción va a reproducirse desde el principio, y luego va a guardar en caché toda la animación, o va a reproducir toda la escena. Pero solo quiero reproducir esta parte inicial, y no quiero tener que iniciar continuamente la reproducción de forma manual. Podríamos cambiar el marco o simplemente podemos usar la zona de entrada y salida. Entonces con el cabezal de reproducción en el primer fotograma o fotograma cero, voy a presionar I en el teclado para agregar un punto final, y luego con el logotipo de Nuxtax seleccionado y el valor Y seleccionado, presionaré la tecla de flecha hacia arriba para saltar al siguiente fotograma clave Y voy a mover algunos fotogramas hacia adelante, así que voy a usar la tecla de flecha derecha. Entonces solo unos fotogramas hacia adelante, y luego presionaré O en el teclado para establecer un punto fuera Entonces, sí, puedes usar las flechas arriba y abajo para saltar entre fotogramas clave de tu objeto seleccionado, y puedes usar las flechas izquierda y derecha para mover el cabezal de reproducción en la línea Derecha. Entonces ahora que tenemos nuestros puntos de entrada y salida, cuando reproduciremos, Friction simplemente va a reproducir esta sección de nuestra línea de tiempo. Si quieres eliminar los puntos de entrada y salida, puedes subir a la barra de menú dentro de la escena y bajar para entrar y salir. Ahora, si alguna vez has querido hacer un bucle de tu reproducción, puedes hacer clic en este botón aquí arriba de la línea de tiempo que dice Loop preview. Esto va a hacer que se encienda indefinidamente. Bien. Entonces tenemos nuestra primera animación, pero ahora vamos a agregarle un poco de flexibilización. Entonces algo de aceleración y algo de desaceleración. Para ello, vamos a hacer click izquierdo sobre el valor Y, asegurarnos de que esté seleccionado, y luego vamos a dar click aquí arriba nuestras pistas donde tenemos la gráfica. Esto va a abrir el editor de grafos, igual que la línea de tiempo. Podemos hacer clic medio y podemos movernos. Podemos hacer clic en el medio y desplazarnos para mover las cosas. Si mantienes presionada la tecla Mayús y te desplazas, va a hacer zoom verticalmente. Si mantienes presionada Control y desplazas, tu rueda central del mouse, va a acercar horizontalmente. Si encajas horizontalmente, va a ajustarse a toda la duración de tu escena. Pero si seleccionas tus fotogramas clave y luego te ajustas horizontalmente, va a acercar solo esos fotogramas clave Lo mismo ocurre con el ajuste vertical. Aunque si hacemos eso, va a ocultar el fotograma clave detrás de esos botones de aquí Así que simplemente voy a mantener pulsada la tecla Mayús y desplazar la rueda central del ratón y luego lo haré en el control. Entonces el eje horizontal. Bien, así que vamos a crear una curva para agregar un poco de flexibilización a nuestra animación Vamos a hacer esto manualmente, aunque hay una opción hasta aquí para hacerlo automáticamente. Lo único es que, si hacemos esto automáticamente, así que sigamos adelante y hagamos Ease out cubic, Friction va a agregar fotogramas clave adicionales a nuestra curva Esto se debe a que la flexibilización automática está hecha para la animación web, por lo que la animación SVG Y al crear animación web SVG, hay que tener fotogramas clave reales, valores tan diferentes en el tiempo que ingresas Entonces voy a deshacer esto en su lugar, lo que queremos hacer es agarrar nuestros fotogramas clave y luego cambiar los manejadores o la interpolación a nodos suavizados, y ahora nos va a dar estos manejadores que nos permiten modificar la curva manualmente Ahora, voy a hacer click izquierdo sobre este mango y arrastrar. Si dejó clic en mantener y arrastrar, también puede presionar X para bloquearlo en el eje X o presionar Y para bloquearlo en el eje Y. Voy a arrastrar esto un poco. Y este primero de aquí, voy a hacer click izquierdo y arrastrarlo hacia abajo un poquito así. Ahora si jugamos de nuevo, obtenemos un poco de aceleración al principio y luego se ralentiza a medida que se mueve hacia arriba, va a reducir la parte inferior de la curva. Y para éste, voy a arrastrarlo un poco más hacia abajo. Bien, afina un poco más la curva. Y ahí tenemos. Acabamos de crear nuestra primera animación usando fricción. ¿Bien? Ahora, cuando se trata de los puntos de entrada y salida, puede modificarlos ya sea colocando el cabezal de reproducción en otro lugar y presionando O o I, o simplemente puede hacer clic izquierdo en el borde mismo debajo de la entrada o salida Haz clic izquierdo, mantén presionado y arrastra, solo para que lo sepas. Derecha. Entonces ahora que terminamos con la gráfica, sigamos adelante y volvamos a hacer clic en el icono de la gráfica para volver a nuestra línea de tiempo. Voy a hacer zoom. Ahora bien, en realidad no necesitamos que nuestra escena sea de 800 fotogramas, así que bajaré esto a 250. Bien, ahora que tenemos nuestra primera animación, sigamos adelante y agreguemos un poco de texto Para agregar nuestro texto, vamos a repasar en las herramientas, y vamos a agarrar la herramienta Agregar texto. Una vez que lo tengamos, simplemente haga clic izquierdo una vez en el Canvas, y va a agregar un nuevo objeto de texto. Ahora, es importante tener en cuenta que cada vez que hagas clic, vas a agregar un nuevo objeto de texto. Entonces, aunque tuviera que escribir algo aquí, siempre y cuando tengamos activa la herramienta de texto, cada vez que hagamos clic, vamos a agregar un nuevo objeto. Entonces voy a deshacer todo esto. Así que vamos a agarrar nuestro objeto de texto. Y otra vez en el panel Propiedades, ahora tenemos este pequeño espacio aquí abajo, lo que nos permite escribir nuestro texto. Entonces aquí dentro, voy a escribir más allá del horizonte. Después haré clic en otro lugar para desactivar el modo de edición de texto Entonces ahora que tenemos un objeto de texto, con un color, ahora podemos ver colores dentro del relleno y trazo. El objeto de texto está utilizando un color plano para el relleno. También puedes elegir un degradado y crear múltiples gradientes, etcétera, o dejarlo plano También podemos darle un trazo cambiando a trazo al hacer clic en un trazo plano o un trazo degradado o ninguno. Tenemos algunas opciones para el trazo aquí. Volveré a cambiar para llenar. Así mismo, si vamos a la barra de herramientas de color en la parte superior aquí, podemos hacer clic izquierdo y abrir un panel aquí que nos permite cambiar el color de lo que hayamos seleccionado. Lo mismo va para el trazo. Podríamos darle un trazo plano desde aquí arriba y cambiar el color. Todo bien. Hay algunas otras cosas pulcras que podemos hacer como mantener pulsada Control y scroll, que va a cambiar la saturación, mantener pulsada la tecla Mayús y scroll, que cambia el valor o mantén pulsada la tecla Alt y scroll, que cambiará la U de nuestro color. Bien. Entonces volveré a poner esto en blanco. Y abajo dentro del cuadro de texto, voy a cambiar esto a 129. Cambiaré la alineación al centro, y la dejaré en la parte inferior aquí. Entonces podemos alinear nuestro texto, así la geometría en la escena. Y sigamos adelante y cambiemos la fuente. Así que haz clic en el menú desplegable de aquí. Y voy a ir por pop ins. Haces de esto un pop ins extra audaces. Ahora que tenemos nuestro texto, sigamos adelante y animémoslo. Para animar nuestro texto, vamos a hacer lo mismo. Vamos a expandirlo, y ahora verás que aquí tenemos algunas opciones más. Entonces mientras que para el logo, solo teníamos transform. Aquí tenemos Transformar, llenar, texto, espaciado, y algunos más que son de calificación, ¿de acuerdo? Entonces entraremos en Transformar, traducir, y vamos a agregar un fotograma clave al valor Y. Pero antes de hacerlo, primero veamos nuestra animación. Y digamos por aquí después de que el logo haya terminado de deslizarse hacia arriba, así que el marco 24 debería hacer. Presionemos Escape para salir del modo de reproducción, volver al fotograma 24, y voy a agregar un fotograma clave al texto. Voy a seguir adelante. Digamos que le vamos a dar 1 segundo, también. Por ahora, podemos ajustarlo después. Entonces saltaré al fotograma 40 48, y quiero agregar otro fotograma clave Entonces tenemos algunas opciones aquí. Una de ellas sería hacer click derecho sobre el valor e ir a agregar Key. Alternativamente, si tiene la tecla de inserción en su teclado, simplemente puede presionar Insertar y debería agregar un fotograma clave Ahora, podríamos cambiar la posición, pero en realidad quiero este primer fotograma clave sobre el cabezal de reproducción Ahora, podría darle clic y moverlo o podemos seleccionar este fotograma clave y presionar Mayús D para duplicarlo o presionar escape O podemos presionar Control D, que lo duplicará y lo colocará donde está el cabezal de reproducción Así que ahora puedo usar la tecla de flecha hacia abajo para saltar al primer fotograma clave y voy a mover el texto Ahora, antes de mover el texto, observe que tenemos un contorno azul sobre la línea de tiempo. Y de vez en cuando, tenemos el mismo contorno azul sobre el espectador. Este contorno azul indica cuál de los dos está actualmente activo. Entonces, ¿es la línea de tiempo o es el espectador? Si la línea de tiempo está activa y hay un fotograma clave seleccionado, si presiono G, aunque se selecciona el texto aquí arriba, porque tenemos un fotograma clave seleccionado y la línea de tiempo está activa, el fotograma clave que se seleccione va a quedar agarrado cuando presionemos G OpenSescape para salir de esto Entonces, para saltar al visor, puede hacer clic izquierdo sobre él o simplemente presionar tabulación en el teclado para alternar entre la línea de tiempo y el visor. Entonces ahora si presiono G, ahora estoy moviendo nuestro texto. Entonces opress G Y, y voy a subir un poco el texto Entonces ahora, después de que nuestro logo vaya hasta arriba, el texto va a bajar. Ahora agreguemos un poco de flexibilización a nuestra animación de texto también Así que al igual que hicimos para nuestro logo, vamos a agregar un poco de flexibilización a la animación de texto Entonces con el valor Y seleccionado, daremos clic en la gráfica, y ahora podemos seguir adelante y modificar la gráfica. Así que voy a agarrar ambos fotogramas clave. Voy a hacer que sean suaves. Y quiero un poco de aceleración al principio, y luego se flexibiliza a la posición final Entonces así va a acelerar y luego disminuir la velocidad a medida que va bajando. Bien. Ahora, para eliminar esa pausa que tenemos aquí, hay un poco de pausa. Simplemente voy a volver a cambiar a nuestros fotogramas clave. Voy a agarrar ambos fotogramas clave para el valor Y del texto, presionaré G, y luego lo moveré un poco hacia atrás Así que ahora casi no hay pausa entre el logotipo que llega y el texto que baja. Bien. Todo bien. Entonces tenemos nuestro movimiento básico ahora. Tenemos el logo subiendo, tenemos el texto bajando. Ahora, antes de abordar el texto, volvamos a nuestro logo. Y en lugar de tener el logo visible de principio a fin, ahora vamos a animar su opacidad Para ello, vamos a expandirlo otra vez, ir en lugar de Transformar, y un poco más abajo aquí, tenemos opacidad Ahora bien, esto va a ser un fotograma clave separado. Entonces en el primer fotograma, voy a agregar un fotograma clave a la opacidad Voy a bajarlo a cero. Y luego simplemente pasemos al siguiente fotograma clave. Entonces marco 24, y ahora voy a establecer la opacidad a 100. Voy a hacer click izquierdo sobre opacidad, ir al editor de grafos Si solo quieres ver la opacidad, simplemente haz clic en la capa u objeto al que quieres apuntar Y vuelve a hacer clic en el valor y eso debería aclarar las cosas. Entonces ahora voy a agarrar ambos fotogramas clave, hacerlos suaves, y quiero que se vuelva opaco muy rápidamente Entonces realmente voy a exagerar la curva para hacerla opaca muy rápido Vamos a darle un poco de facilidad al principio para que empiece transparente. Vamos a reducir esto un poco. Veamos aquí. Bien, parece que una curva S le daría un poco más, haría un poco más sutil. Eso debería hacer. Eso es salir del editor de grafos. Bien, entonces ahora tenemos nuestra animación básica. Tenemos nuestro logo animado y nuestro texto animado. Y la siguiente lección, vamos a empezar a investigar enmascaramiento en lugar de la fricción. Aquí también es donde vamos a mirar formas y caminos. Nos vemos ahí. 6. Formas y trazados: herramientas de vectores de fricción: Hola ahí. En esta lección, vamos a ver el enmascaramiento y las formas y caminos en lugar de la fricción. Empecemos. Así que ya hemos hecho que nuestro logo se desvanezca, pero ahora tenemos que hacer algo con respecto a nuestro texto. También podríamos hacer que se desvanezca en la escena. Pero en vez de eso, vamos a crear una máscara para hacerla invisible hasta que llegue el momento de que se muestre. Entonces para esto, voy a pasar a su primer fotograma clave. Esto no es obligatorio. Y por dentro de las herramientas, voy a agarrar la herramienta rectangular. Voy a hacer clic izquierdo, mantener y arrastrar. O crear una forma alrededor de nuestro texto. Ahora, la herramienta rectángulo, igual que con nuestra herramienta de texto, si seguimos haciendo clic con ella seleccionada, va a agregar un montón de otras cajas rectángulos. Así que tenemos que asegurarnos de cambiar herramienta después de haber creado nuestra forma. Así que voy a Control Z fuera de las otras cajas, y voy a cambiar el nombre este rectángulo de aquí a tagline Máscara, lenglón. Bien, presiona bien. Y ahora tenemos nuestra máscara. Avancemos a cuando el texto esté todo el camino hacia abajo para asegurarnos de que la casilla no esté sobre nuestro texto. Volveré al primer fotograma, y voy a mover la caja hacia arriba un poco. Por encima en el relleno y trazo, voy a agregar un relleno puede ser del color que quieras que sea. Y luego para el trazo, voy a ponérselo a ninguno. Todo bien. Entonces, para que sea una máscara sobre la capa, hagamos clic en este menú desplegable de aquí. Vamos a cambiar de la fuente a la salida de destino. Lo que esto va a hacer es tallar un agujero a través de cada capa que está debajo de ella, pero solo queremos que afecte el tagline Para ello, tenemos que agrupar nuestra máscara con nuestra línea de etiqueta. Entonces, seleccionemos la máscara, mantengamos presionada la tecla Mayús y seleccionemos el tagline, y luego puedes presionar Control G en el teclado o simplemente hacer clic derecho y bajar al grupo Esto creará un nuevo grupo que tiene nuestra máscara y nuestro lenglón, y tiene sus propias transformaciones Bien, así que cambiemos el nombre del grupo a tagline com. Bien. Pero fíjense que todavía tenemos el mismo tema. La máscara está tallando un agujero a través de todas las demás capas. Y esto se debe a que tenemos que promover al grupo a una capa. Podemos hacer esto haciendo clic en este pequeño checkbard de aquí o haciendo clic derecho e yendo a acción e yendo a promocionar a capa Esto va a convertir a nuestro grupo en una capa. Entonces estos dos funcionan de manera diferente. Pero ahora se puede ver que la máscara sólo está afectando a la línea de etiqueta y nada más se ve afectado. Si avanzamos en el tiempo, verás cómo aparece el texto por detrás de la forma. Entonces así es como puedes crear una máscara en lugar de fricción. Si quisieras hacer lo inverso, simplemente lo cambiarías de destino hacia fuera a destino en, y ahora el texto solo aparecería donde tenemos la forma. ¿Bien? Solo para que lo sepas, entonces tienes muchos modos de mezcla diferentes aquí, pero para aislar sus efectos, tienes que crear una capa a partir de ellos. Así que volvamos a destino fuera. Y ahora, si tuviéramos que reproducir, voy a hacer retroceder un poco más el punto fuera Vamos a reproducir y tenemos nuestra primera animación. Bien. Entonces voy a modificar un poco más la animación de la línea de etiqueta. Entonces voy a repasar al valor Y e ir al editor de grafos, y volveré a hacer clic en el tagline solo para aislar la curva Y aquí voy a dejar clic en el código y arrastrar esto fuera de él. Entonces sale un poco más rápido. Todo bien. Voy a salir de la gráfica. Y aquí tenemos nuestra animación. Ahora, si quieres cambiar de una capa de nuevo a un grupo, haz clic derecho, ve a la acción y simplemente ve a bajar el nivel del grupo También puedes desagrupar tu capa aquí simplemente presionando Control Shift G. Bien. Entonces, lo que acabamos de hacer aquí con nuestra forma, podríamos haber hecho con un camino. Así que simplemente por clic izquierdo, clic izquierdo, clic izquierdo, y luego una vez que hayamos terminado, podemos cerrar la forma, y podríamos haber hecho esto con este camino. Ahora, de nuevo, para aquellos de ustedes familiarizados con el software vectorial, esto les resultará muy familiar. Entonces, si cambiamos al modo punto, ahora podemos modificar los diferentes puntos de la ruta que creamos. Si quieres crear curvas, puedes usar este menú contextual encima del visor y simplemente agarrar un nodo y hacerlo, por ejemplo, ya sea un nodo suave o un nodo de esquina, y esto nos daría los controles para ello. Como tal. Entonces, si hice este movimiento, aquí conseguimos estos mangos para que podamos controlar nuestro camino. Todo bien. Volveré a tu modo objeto y eliminaré esto. Ahora, antes de continuar, ya que estamos hablando de objetos y trazados, cuando dibujamos ya sea un círculo o un rectángulo, estos dos son objetos. No son caminos. Entonces si agarro el modo punto, verás que tienen diferentes controles. Entonces obtienen estos puntitos rosados, y estos puntos rosados nos permiten cambiar su escala en posición para el círculo. Entonces estos son objetos. Entonces cuando agarro el rectángulo de aquí, si cambio al modo objeto, obtenemos algunas opciones adicionales. Por ejemplo, tenemos el radio, y si mantengo pulsado Mayús, clic izquierdo pulsado y arrastre para afectar a ambos valores al mismo tiempo, se puede ver que el radio aquí nos da esquinas redondeadas para un rectángulo. Entonces un clic izquierdo, cero derecho, o mantenga presionada la tecla shift y presione return para afectar ambos valores. Presiona el control cero para Zoom o lienzo nuevamente. Y ahora, si alguna vez quisieras convertir una de estas formas en un camino, simplemente la seleccionarías, subirías a la barra de menú, entrarías en Path y bajarías a Object two path. Esto va a crear una copia de la misma como camino. Así que todavía tenemos el rectángulo por aquí, pero ahora también tenemos una versión de ruta del rectángulo. Entonces esta forma de aquí. Bien. Voy a borrar estos. Y ahora a la siguiente lección, donde vamos a aprender a trabajar con múltiples escenas dentro de la fricción. Nos vemos ahí. 7. Varias escenas - Composiciones por fricción: Oye, ahí. Bienvenido de nuevo. Entonces, en esta lección, vamos a aprender a trabajar con múltiples escenas en lugar de fricciones. Pero antes de hacerlo, muy importante, debemos salvar nuestro proyecto. De hecho, probablemente deberíamos haber ahorrado mucho antes. Es tiempo de salvar nuestro proyecto. Para guardar nuestro proyecto, podemos ir a la barra de herramientas principal y dar clic en Guardar o simplemente podemos presionar Control S. Así que si voy dentro de un archivo, y ver aquí tenemos Control S para guardar. ¿Bien? Así que vamos a salvar nuestro proyecto. Y voy a llamar a esta animación del logotipo de Koctux V uno y Así que ahora hemos guardado nuestro proyecto. Así que sigamos adelante y creamos una nueva escena. Entonces arriba en la barra de menús, si vamos dentro de escena, tenemos nueva escena. Vamos a conseguir el mismo pop up. Llegamos a nombrarlo, elegir las dimensiones, la duración, los FPS, todo lo que tenemos que elegir antes. Podemos presionar Bien, y ahora tenemos una nueva escena, que se ve aquí arriba en la parte superior izquierda del área del lienzo o el espectador, y también en la parte superior izquierda de las pistas de la línea de tiempo. Entonces escena uno, si dejamos pulsamos sobre ella, ya ves tenemos la opción de elegir escena cero. Y si quieres que la línea de tiempo cambie automáticamente a la escena activa en el visor, puedes hacer click izquierdo sobre ella. Y simplemente comprobar en activo. Entonces ahora, cuando cambiemos de escena en el visor, también va a cambiar en la línea de tiempo. Bien. Entonces lo que me gustaría hacer es llevar nuestra línea de etiqueta en nuestro logo y moverla a una escena separada. Para ello, porque tenemos una nueva escena creada, puedo repasar en lo alto de nuestras pistas por aquí en la línea de tiempo donde tenemos estas dos líneas. Entonces tenemos horizontal y vertical. Si nos dividimos horizontalmente, lo que hace es crear una línea de tiempo separada. Entonces tenemos uno en nuestro lado derecho y otro en el lado izquierdo. En la parte superior izquierda, voy a hacer clic en ninguno, y voy a cambiar a la escena uno. Entonces aquí, tenemos la escena cero, y en el lado derecho, tenemos la escena uno. Voy a agarrar nuestro tagline y arrastrarlo a la escena uno, y haré lo mismo por el logo de Nox Dax Arrástralo a la escena uno. Entonces ahora podemos cerrar esta segunda línea de tiempo haciendo clic en la X, que está al lado de las 2 barras, y cerrará la línea de tiempo. También podemos dividir al espectador y ver dos escenas al mismo tiempo. Entonces en la escena uno, avancemos un poco. Y debido a que activamos el activo para la línea de tiempo, cada vez que hacemos clic en una, así que estamos cambiando entre las dos escenas activas, la línea de tiempo cambia automáticamente con nosotros. Entonces sobre la escena uno, puedo ver que no se muestra la línea de etiqueta, así que sigamos adelante y solucionemos esto muy rápidamente Entonces cuando dejé clic en él, puedo ver que se supone que está ahí, pero nada se muestra. Así que arrastrarlo y volver al grupo funcionó. Todo bien. Así que eso era para acabar con el error, pero simplemente arrastrarlos fuera del grupo o fuera de la capa y volver a meterlos parecía arreglarlo Te muestra lo fácil que es solucionar las cosas a veces Bien, entonces lo que tenemos aquí es una animación aislada donde tenemos nuestro logo y nuestro texto. Bien, entonces volvamos a la escena cero, donde tenemos nuestros antecedentes. Y ahora lo que podemos hacer es dar clic derecho sobre el Lienzo e ir a la escena Enlace. Ahora podemos traer a la escena una que acabamos de crear a esta escena. Como tal, también podemos cambiarle el nombre. Entonces seguiré adelante y llamaré a esto Animación de Logo Enlace. Y si queremos, incluso podemos renombrar nuestra escena. Así que pasemos a la escena en la barra de menús y bajemos a las propiedades de la escena. Y llamemos a esto Animación uno. Presiona Bien. Podemos hacer lo mismo para otra escena. Ve a las propiedades de la escena y llama a esta animación de logotipo. Ahí lo tenemos. Este enlace que acabamos crear también tiene propiedades de transformación, por cierto, y la opción de clip aquí tiene que ver con el fondo, similar a presionar C en el teclado para recortar el exterior, algo parecido. Bien. Todo bien. Ahora, por lo que hicimos, podemos ir a escena, crear una nueva escena, y vamos a llamar a esta animación dos y más en animación dos. Y ahora por dentro de la animación dos, lo que voy a hacer es agarrar un video diferente y arrastrarlo a la escena. Ahora, cuando importamos video, fricción puede preguntarnos si queremos cambiar las propiedades que se ven a las del video. Simplemente voy a hacer clic en No. También puedes desactivar esto en la configuración. Y aquí, claramente, este video es mucho más grande que nuestra composición. Entonces voy a hacer click derecho. Voy a centrar una línea y luego presionaré S para la escala, y la escalaré hacia abajo hasta que encaje en nuestra composición. Y déjalo como tal. Bien, entonces ahora tenemos un video diferente. Voy a renombrar nuestro video izon layer two. Presiona Bien. También voy a bloquear el video para que podamos agarrarlo. Y voy a hacer clic derecho. Ve a Escena de enlace, y voy a vincular la animación del logo que creamos. Y ahora tenemos nuestra animación de logo en dos escenas distintas. Y si alguna vez pasamos a la animación de logotipos o si dividimos esta vista por aquí y cambiamos a la animación de logotipos Entonces este de aquí, le corresponde a Genvs lo que sea que cambiemos dentro de la escena real Entonces, por ejemplo, si tuviera que rotar el logo, verás que se actualiza automáticamente dentro de nuestra animación dos. Lo mismo ocurre con la animación de aquí. Entonces esto significa que puedes crear una composición o una nueva escena y simplemente vincularla a diferentes escenas. Entonces voy a restablecer la rotación y cerrar esta instancia. Derecha. Entonces eso es todo para las múltiples escenas en lugar de fricción. Y la siguiente lección, vamos a aprender sobre algunos efectos ráster básicos. 8. Sombreadores y efectos: complementos de fricción.: Hola. En esta lección, vamos a aprender sobre algunos efectos ráster básicos disponibles dentro de la fricción, y los vamos a aplicar a nuestro video de aquí. Entonces desbloqueemos el video, haga clic derecho sobre él, bajemos a la acción. Estamos buscando efectos ráster. Tengo muchos shaders personalizados para fricción, así que no tendrás esta extensa lista Por ahora, vamos a usar uno de los efectos incorporados o sombreadores incorporados para la fricción Entonces iremos dentro del color, y bajaremos a la saturación. Clic izquierdo. Entonces ahora si expandimos el video, ahora tenemos efectos raster, y en vez de efectos raster, tenemos una saturación, y luego aquí tenemos los diferentes valores que podemos modificar. También puedes hacer todo esto dentro del panel de propiedades. Entonces, si no quieres expandir demasiado las cosas en la línea de tiempo, puedes hacerlo por aquí. Y si recuerdas, puedes presionar F en el teclado para ocultar el relleno y el trazo. De esa manera, tienes un área mayor con la que trabajar. Bien, todo depende de tu flujo de trabajo, lo que funciona mejor para ti Entonces con el matiz y la saturación, podemos cambiar el yu del pecado. Podemos cambiar la saturación, el contraste y la luminosidad. Entonces, por ejemplo, si tuviéramos que bajar la saturación, podríamos tener un fondo blanco y negro, o podemos aumentar la saturación para agregar un puñetazo a los colores. También podemos animar estos valores, por cierto. Así que cualquier cosa con un punto blanco al lado puede ser animada. Bien, entonces voy a colapsar esto. Voy a cerrar el fondo. Disminuyo un poco la saturación. Y ahora lo último que quiero hacer es agregar una sombra a nuestro logo en nuestro texto. Para ello, voy a hacer click derecho sobre ella, la capa de enlace, ir a acciones, bajar a efectos ráster, y voy a subir a sombra. Agreguemos la sombra, expandamos o recortemos, vamos a efectos ráster, sombra. Y aquí llegamos a elegir el color, la opacidad. También contamos con traducción. Entonces vamos a expandir esto. traducción es la posición, entonces X e Y. Así que si nos acercamos aquí, podemos sacar nuestra sombra de detrás de nuestro texto. Tenemos el radio de desenfoque. Entonces, qué borrosa queremos la sombra, controlar la opacidad, etcétera. Entonces con esto, puedo dejar caer la opacidad, por ejemplo, a 0.4, darle un poco de radio de desenfoque y establecer la posición Entonces sale cada vez tan ligeramente de detrás de nuestro texto. A ver. Se ve bastante bien. Y ahora ahí lo tenemos. La fricción va a cobrar. Voy a presionar escape para salir de esto. Voy a establecer un punto de salida por aquí, así que fuera y en el primer fotograma, estableceré un punto final y ninguna reproducción. Tenemos el bucle encendido, así que va a hacer un bucle. Encuentro que la animación del logo necesita un poco de mejora. Entonces lo haré desde aquí. Simplemente dividiré esto por aquí. Ir a la animación del logotipo. Alejemos el zoom. Entonces tenemos que asegurarnos de que active esté encendido. Así que ahora podemos ver nuestra animación de logotipos. Vamos a avanzar un poco. Voy a ajustar la curva de la opacidad. Quiero que sea opaco un poco antes. O un poco más rápido, pero tiene que permanecer transparente un poco más. Así podemos o bien ajustar la curva o simplemente mover el fotograma clave, así que presiona Gx y moverlo un poco hacia adelante para que quede transparente por un poco más de Así que simplemente estoy modificando la curva hasta encontrar un poco de lo que funciona mejor para mí. Creo que esto funciona bien. Para que pueda cerrar de nuevo esto, haga clic en nuestra escena principal para cambiar la línea de tiempo y cerrar el editor de grafos. Bien. Ahora, me gustaría reducir la velocidad del agua, pero antes de hacerlo, echemos un vistazo a las preferencias de fricción. Y eso es lo que haremos en la siguiente lección. 9. Resolución previa: consejos de fricción: Entonces al principio cuando estábamos mirando la interfaz de usuario, si recuerdas abajo en la barra de estado, mencioné la resolución. Ahora, por defecto, la resolución se establece en 50%. Y si tuviéramos que acercarnos aquí, veamos si podemos ver esto correctamente, verás que obtenemos algo de pixelación Esto también puede suceder con las formas vectoriales. Y esto es más una representación visual y una forma de guardar memoria para el sistema. Si cambiamos la resolución 50-100, verás que estamos obteniendo bordes mucho más nítidos, e incluso la sombra es mucho Así que siempre que empieces a meterte en efectos y otros detalles finos, es muy recomendable seguir adelante y cambiar al 100%. Así que voy a poner esto de nuevo a 50. Dejarlo al 50% toma menos RAM para poder almacenar en caché lo que tenemos porque las cosas están un poco más pixeladas y menos definidas Bien, eso es todo por este paréntesis, volvamos a ello. 10. Preferencias del sistema: ajustes de fricción: Hola ahí. Esta lección va a ser una breve descripción de las preferencias por la fricción. Así que pasemos a la barra de menú dentro de un archivo, y bajaremos a las preferencias. Podemos escalar esta ventana y aquí la tenemos. Ahora, lo primero que tenemos dentro de General, esto es muy importante es la habilitación de copia de seguridad al guardar y la habilitación de autoguardado Ahora, no tienes que crear copias de seguridad cada vez que guardas eso es opcional, obviamente. Pero para el autoguardado, recomendaría encarecidamente encenderlo Solo tenga en cuenta que desea configurar un temporizador que coincida con su flujo de trabajo. En cuanto al directorio predeterminado, me gusta configurarlo en el directorio del proyecto en lugar del directorio de último uso. También tenemos algunos skelling de interfaz, y sobre el hardware, tenemos algunas preferencias para el hardware Por ejemplo, si quieres limitar la cantidad de RAM, simplemente marca esta casilla de verificación y establece tu límite de RAM Lo mismo para la CPU. También podemos elegir bastantes otras opciones aquí, y tiendo a dejarla por defecto excepto por la RAM que había modificado ligeramente. Para el lienzo, podemos elegir el tamaño de los nodos, el tamaño del control, los nodos disueltos y los colores que toman en el lienzo. Para la línea de tiempo, podemos establecer los colores de los fotogramas clave aquí A continuación, tenemos los shaders. shaders son como plug-ins para After Effects o filtros La ubicación de los shaders en su sistema dependerá de su sistema operativo y de dónde se instaló para usted Y aquí, deberías poder cambiar el camino de los shaders Entonces, si quieres elegir una carpeta personalizada, y con esta lista de aquí, podemos elegir activar o desactivar los shaders Y por último, tenemos presets donde podemos modificar o crear nuevos presets para la resolución de escena y la velocidad de fotogramas de la escena También puedes restablecer todo a los valores predeterminados, y si has cambiado algo en tus preferencias, haz clic en Guardar si quieres guardarlo o haz clic en Cerrar si quieres ignorar cualquier cosa que hayas cambiado. Así que simplemente voy a hacer clic en Cerrar. Y eso fue todo por preferencias. Muy bien, entonces en la siguiente lección, vamos a aprender cómo podemos cambiar la velocidad de nuestro video. Nos vemos ahí. 11. Reasignación de cuadro: aceleración por fricción: Ahí. Bienvenido de nuevo. En esta lección, vamos a aprender cómo podemos cambiar la velocidad de nuestro video. Ahora bien, esto es bastante fácil de hacer en lugar de fricción. Todo lo que tenemos que hacer es desbloquear nuestro video, derecho, dar clic en. Bajamos a las acciones, y subimos a la reprogramación de marcos. Haga clic en él. Y para éste, vamos a tener que alejar el zoom. Antes que lo hagamos, ampliemos nuestro clip. Y sobre el fotograma aquí, si dejamos clic en él y presionamos la flecha hacia arriba, va a saltar el cabezal de reproducción al último fotograma clave, que está en el fotograma 330 Entonces vamos a expandir la línea de tiempo a 400 fotogramas, y vamos a hacer zoom horizontalmente. Y ahora podemos ver el fotograma inicial y el último fotograma de nuestro video. Y esta es la duración de nuestro video así como la velocidad del mismo en reproducción normal. Entonces, si tuviéramos que agarrar este último fotograma clave, sostenerlo y arrastrarlo, lo que esencialmente estaríamos haciendo es acelerar nuestro video Deja que se reproduzca. El agua se mueve un poco más rápido. Si arrastro esto aún más, reproduce. Dale un momento. Bien. Veremos que el agua se mueve mucho más rápido. Bien. Esto quiere decir que si lo arrastramos y reproducemos, el agua técnicamente debería estar moviéndose más lento. Derecha. Esto significa que simplemente podemos arrastrar esto hasta el final o alternativamente. Entonces digamos que sobre el frame 100 estará en el frame 50 por aquí. Y eso es la reprogramación de marcos. Ahora bien, si alguna vez has modificado demasiado tu video, no sabes qué es lo que empieza. Te muestro aquí, detengamos la reproducción, haz clic derecho en Editar duración. Se puede ver que tenemos el marco mínimo establecido 250. Tenemos el cuadro máximo a 130. Modifiquemos esto aún más. Así que voy a click izquierdo llamado drag. Se puede ver que cuando arrastramos el videoclip, los fotogramas clave realmente se mueven con él, arrastramos esto hasta el final, arrastramos esto hacia adentro Volvamos a hacer clic derecho, Editar duración. Ahora se puede ver que el marco mínimo es de -110. El cambio de cuadro es 130 y el cuadro máximo es 59. Y lo que esto significa es que desde el principio, no pasa nada porque esto es antes incluso de que comience el video, y luego después, se reproduce un poco y corta. Y para restaurar el video, lo que podemos hacer es hacer clic derecho, bajar a Acciones y desactivar la reprogramación de fotogramas. Ahora, por supuesto, esto va a eliminar todos nuestros fotogramas clave Así que va a eliminar cualquier animación personalizada que pudiéramos haber hecho. Voy a hacer clic derecho de nuevo, bajar a acciones y activar la reprogramación de fotogramas. Y lo que la fricción va a hacer por nosotros es decirnos cuánto dura realmente el video, que es de 322 fotogramas. Y donde realmente está el punto de partida es aquí mismo en el marco 130. Así que podemos ajustar esto manualmente si quieres que coincida con la longitud real del videoclip. Bien. Ahora bien, esto es realmente en caso que no sepas cuánto tiempo está destinado a ser realmente tu video. Bien, entonces esto es todo para esta lección. Y la siguiente lección, vamos a ver algún morphing de formas Esto es para que podamos aprender sobre animación vectorial en lugar de la fricción, y nos vemos ahí. 12. Transformación de formas - Animación con vectores por fricción: Hola ahí. En esta lección, vamos a estar aprendiendo un poco de morphing de forma para que podamos aprender sobre el lado de la fricción de la animación vectorial, donde podemos animar las mitades Todo bien. Así que para empezar, voy a agarrar la herramienta rectángulo, clic izquierdo en mantener, y voy a mantener presionada la tecla Mayús para hacer una forma simétrica, así que eso va a ser un cuadrado. Y luego agarraré el círculo aquí arriba, dejé clic en mantener, arrastrar, y luego mantendré el turno para poder hacer un círculo simétrico. Perfecto. Ahora sigamos adelante y cambiemos el color de nuestro círculo. Entonces presionaré F en el teclado para obtener el relleno y trazo y cambiar el color o mejor aún, podemos usar la barra de herramientas de color aquí arriba y simplemente elegir un color diferente. Todo bien. Entonces lo que tenemos que hacer es convertir estas dos formas en caminos. Así que voy a agarrar a los dos. Así que manteniendo pulsada la tecla Mayús y haciendo clic izquierdo, subiré a la barra de menú dentro de una ruta, e iré a objeto a ruta. Y ahora podemos eliminar las formas originales si queremos y voy a renombrar las rutas. Entonces este primero va a ser círculo, y este segundo es un cuadrado. Bien, voy a centrar el pivote también solo porque ahora para el morphing de forma Bien, entonces es bastante simple. Lo que vamos a hacer es agarrar nuestro círculo, colocarlo, hacer que se superponga con nuestra plaza. Si queremos alinear los dos exactamente, basta con agarrar los dos, bajar en el panel de propiedades, digamos alinear la geometría a la última seleccionada, y ahora podemos alinear los dos. Bien, ahora están perfectamente alineados. Vamos a agarrar el modo punto. Ahora bien, aquí es donde las cosas pueden ponerse un poco raras, pero no te preocupes, en realidad es bastante simple. Para la plaza, vamos a expandirla, y vamos a expandir caminos. Y se puede ver aquí tenemos un camino. Ese es en realidad el camino de la plaza. Vamos a agregar un fotograma clave en la ruta. Vamos a seguir adelante. Digamos 1 segundo. Así marco 24. Y ahora, si dejamos pulsamos en alguno de estos puntos y los movemos, se va a añadir otro fotograma clave Y cuando se reproduce, se puede ver que el camino se deforma. Bien. Entonces, si queremos convertir este cuadrado en el círculo, haga clic izquierdo sobre este nodo, mantén presionado, luego mantén presionada la tecla Mayús en el teclado. Y cuando se ajusta a uno de los nodos del círculo, va a tomar la forma de ese nodo como tal. Entonces si dejé clic, mantengo presionado, mantengo presionado Shift, snap, toma la forma. Lo mismo va para todos estos. Y porque animamos el camino, lo que tenemos es una transformación de un cuadrado a un círculo. Bien. Otra cosa que podemos hacer. Entonces vamos a esconder el círculo por ahora es cuando se convierte en círculo, tenemos este pequeño giro por aquí. Ahora bien, en caso de que no queramos girar, lo que podemos hacer es identificar por qué está ocurriendo el giro. Es porque esto de aquí tiene que bajar, y originalmente, sería aquí arriba. Entonces, en el segundo fotograma clave, podemos agarrar todos los nodos, y presionar R en el teclado y rotar Notarás que los puntos están girando sobre su propio eje. Hm. Entonces eso es un problema. En realidad hay una solución para esto. En las herramientas. Aquí abajo, tenemos pivote. Podemos alternar de pivote Global a pivote Loco. Lo que esto significa es que cuando estamos pivotando loco, lo que estamos haciendo es pivotar desde el punto central o el punto de pivote de nuestros objetos Entonces cuando tenemos el modo objeto seleccionado, este aquí es el punto de pivote. Cuando estamos dentro del modo punto, puedes imaginar que cada uno de estos nodos es su propio punto de pivote, por lo que cuando lo agarramos y giramos, gira sobre sí mismo. Si agarramos a dos de ellos, rotan, giran sobre sí mismos. Pero si cambiamos de lo local a lo global, vamos a conseguir este pequeño punto verde por aquí, y este de aquí es el punto de pivote global, lo que significa que si los agarro a los cuatro, obtenemos este punto de pivote global, y si giro, ahora todos rotan juntos alrededor de este punto de pivote global. Entonces esto funciona también si hago un círculo, dos círculos, voy al modo objeto. Volvamos al punto de pivote local. Entonces cuando tengamos el punto de pivote naranja, agarra ambos, presiona R y gira. Verás que rotan sobre sus propios puntos de pivote. Entonces si agarro esto, lo pongo aquí abajo, agarra esto, lo pongo aquí arriba, rotan, giran sobre su propio punto de pivote. Ahora bien, si cambio al punto de pivote global, entonces este punto de pivote verde de aquí, donde quiera que lo coloque, cuando giro, ambos rotan alrededor de él. Bien, puedes alternar entre los dos puntos de pivote presionando P en el teclado. Entonces P, estamos en Global, P otra vez, y estamos en local. Bien, entonces voy a borrar esas dos formas. Y esencialmente, así que sigamos adelante y centremos esto de nuevo, pivote central. Entonces, al usar el punto de pivote global, entonces el punto de pivote verde por aquí, ahora podemos pivotar todos nuestros nodos. Y ahora cuando jugamos, se convierte en un círculo sin girar, y ahora tenemos nuestro morphing de forma Entonces voy a cambiar de nuevo al global, voy a agarrar el modo objeto. Y ahora lo que quiero hacer es agregar algo de movimiento a este objeto a medida que se transforma Así que vamos al interior de Transformar, traslación, y voy a fotograma clave la posición X, entonces la izquierda y la derecha Voy a avanzar a cuando se transforme, y voy a agarrarlo, presionar en GX, y moverlo al otro lado de la pantalla Y ahora tenemos este movimiento aquí, un poco de transformación. Entonces esto de aquí es un morphing muy, muy básico. No hay nada demasiado complicado en ello. Siempre podemos ajustar la gráfica para agregarle un poco de flexibilización, así puedo hacer clic izquierdo y arrastrar la sal lejos, click izquierdo, arrastrar la sal lejos. Y ahora cuando jugamos, obtenemos este salto en la animación. ¿Bien? Voy a mover este cuadro de esquí aquí más en el centro donde tenemos la aceleración más alta. Entonces aquí mismo, así que salta, y para cuando llega al otro lado, ya es un círculo. Vamos así. Voy a mover este en un momento, así que empieza un cuadrado. Y lo que estoy tratando de hacer es poner el morphing en el punto más alto de aceleración, y esto le va a dar un poco de una transición sin fisuras aquí Bien, así es como puedes animar caminos en lugar de fricción Ahora, hay mucho más que podemos hacer. Ahora, hay mucho más que podemos hacer, pero esto debería darte una idea general. Y la siguiente lección, vamos a aprender cómo podemos importar archivos SVG. 13. Vinculación e importación de SVG: recursos de fricción: Hola. En esta lección, vamos a aprender cómo podemos importar o vincular archivos SVG en lugar de fricción. Entonces por aquí, tengo un SVG, que es un archivo vectorial. Voy a dejar el código de clic, arrástralo en lugar de fricción. Entonces, así que simplemente arrastramos y soltamos esto. Si cambio al modo punto y dejé clic sobre él, se puede ver como tenemos todos estos nodos. Voy a cambiar al modo objeto. Ahora bien, si importo la versión PNG, trae esto. Notarás que cuando agarres el modo punto, no pasa nada. Esto se debe a que esto de aquí es una imagen, y esto de aquí es un archivo vectorial con el que la fricción realmente puede funcionar. Entonces dentro de la capa uno aquí, tenemos este otro grupo, que podemos decir que es un grupo porque tiene el tablero de ajedrez de datos por aquí, lo el tablero de ajedrez de datos por aquí, que nos permite saber que se trata de un grupo, aún no promovido a una Aquí tenemos nuestros dos objetos diferentes. Uno es un objeto, uno es un camino. Así que cambiemos el nombre de esto a logo, y voy a nombrar esto como círculo RIM o más bien logo. Círculo. A este lo puedo llamar logo comp. Y por último, podemos seguir adelante y desagruparlo de la capa uno Voy a agarrar la capa uno, mantendré presionada la tecla Shift Control y presionaré G, y esto va a liberar el logo comp. Bien. Ahora, sólo unos paréntesis rápidos Debido a que esto de aquí es un grupo, voy a cambiar al modo objeto. Entonces porque esto de aquí es un grupo, si queremos acceder a lo que hay dentro del grupo desde el lienzo, primero tenemos que hacer doble clic sobre él, y esto nos permitirá entrar dentro del grupo. Si queremos salir del grupo, simplemente tenemos que hacer doble clic fuera del grupo, y ahora estamos fuera del grupo. Ahora bien, esta distinción realmente importa porque si agarro la herramienta círculo y dibujo un círculo, verás que el círculo fue creado fuera del grupo. Así que tenemos logo comp circle. Si hago doble clic en el grupo, así que ahora estoy dentro del grupo, Bien, agarro el círculo dos. Dejé clic en mantener y arrastrar. Hemos creado un círculo, pero dentro del grupo. Esto se debe a que estuvimos dentro del grupo. Entonces aquí hay una distinción por trazar. Podemos simplemente hacer clic izquierdo y arrastrar esto hacia afuera. Se puede ver que también salta a otro lado, y para agarrarlo, tuve que salir del grupo. Si estuviera dentro del grupo y tratara de agarrarlo, no podría hacerlo porque ahora mismo estoy dentro de este grupo. Entonces esta distinción realmente importa. Bien. Solo quiero señalar eso, para pueda agarrar estos dos y eliminar. Todo bien. También eliminaré el PNG. Entonces esto por aquí que tenemos es un SVG que importamos dentro de fricción. La otra opción es hacer clic en Enlace. Entonces, si vas a la barra de menú dentro de un archivo, tenemos Link y tenemos Import. Entonces esta vez vamos a ir a Link. Voy a ir por encima y voy a agarrar el SVG. Recuerda que lo estamos vinculando, presiona abrir el Link SVG. En realidad no es un camino. No es un grupo, no es un camino. Funciona igual que el PNG que teníamos. Entonces, si alguna vez fuéramos a abrir el SVG dentro de Inkscape, por ejemplo, cambio el color del logo aquí a morado, y guardo cuando volvamos dentro de fricción, si me fui clic en esto y digo recarga, ahora es morado, Ahora por dentro de los activos porque este aquí está el enlace. Ahora lo tenemos por aquí. Entonces, si hago clic en mantener y arrastrarlo, esta es la versión del enlace. Y la siguiente lección, vamos a aprender cómo podemos exportar nuestra animación fuera de fricción. 14. Cómo exportar una animación - Procesamiento por fricción: Hola ahí. En esta lección, vamos a aprender cómo podemos exportar nuestros videos. Básicamente, vamos a renderizar nuestra animación en un archivo de video. Pero antes de hacer esto, abordemos la palabra más allá. Tómame un tiempo para darme cuenta, pero hay una D que falta ahí dentro. Así que cambiemos a la escena de animación del logotipo, y puedo seguir adelante y agregar la letra que falta. Ahora bien, en este caso particular, debido a que mi texto ya está alineado al centro, al agregar la letra que falta, no va a cambiar a ninguno de los lados, pero siempre se puede corregir eso simplemente yendo a su alineación, establecer la groometría a escena, y alinear horizontalmente Bien, entonces con eso fuera del camino, volvamos a cambiar a nuestra animación a escena. Y lo último que voy a hacer antes de renderizar es importante archivo de audio. Entonces voy a agarrar una banda sonora que tengo aquí, dejarla caer. Y la fricción realmente no te da muchas opciones cuando se trata de archivos de audio, pero sí tienes la opción, por ejemplo, de bajar el volumen. Puedes, por supuesto, recortarlo y moverlo alrededor. Sí, así que ahora si te recuestas, tenemos una pista. Díselo en voz alta. Entonces voy a bajar el volumen, digamos, 230 aquí y vamos bien. Entonces quiero que la patada aquí ocurra un poco antes. Así que simplemente voy a recortar esto, arrastrarlo hacia atrás al principio. En el primer fotograma, voy a fotogramas clave del volumen Lo voy a bajar a algo así como 15. Entonces no es del todo tranquilo. Y luego un poco más tarde, podemos hacer que vuelva a subir a 30. Bien, eso es más o menos. Ahora que tenemos audio dentro de una pista, ahora podemos seguir adelante y renderizar. Ahora bien, el audio no es obligatorio, obviamente. Entonces para exportar, vamos a pasar a Q. Y en la parte superior superior izquierda, tenemos un poco más. Haga clic en el signo más. Se va a agregar esto aquí que se ha expandido, y podemos cambiar las propiedades de la escena. Entonces, esencialmente, a partir de aquí, puedes elegir la escena que quieras renderizar. Entonces ahora mismo, estamos renderizando la animación dos. Entonces esta es la escena, así que la dejaré en esto. Entonces tenemos nuestra gama de cuadros. Así podemos establecer qué renderizar desde la línea de tiempo directamente dentro de nuestra propiedad de escena para el render. Alternativamente, también podemos hacer clic en el engranaje y cambiar del rango de escena a entrar y salir. Y el rango de entrada y salida va a ser nuestro dentro y fuera que nos fijamos a nosotros mismos Y vamos a hacer clic en Bien. A continuación, queremos consultar nuestros perfiles. Ahora, realmente depende de para qué estés exportando, pero MP cuatro o mp cuatro con audio, si tienes audio como acabamos de agregar una banda sonora aquí, debería funcionar bien, pero también puedes ir por algo como video ProRes, video ProRes con Y si quieres una secuencia de imágenes, ahí tienes. Tenga en cuenta que si alguna vez desea renderizar una secuencia de imágenes con transparencia, debe asegurarse de que el lienzo esté configurado en transparente Así que tendrías que ir dentro de un fondo y luego configurarlo a plena transparencia. Bien. Entonces para este perfil, solo voy a ir con ProRes Video más Audio, y aquí nos llegan todos los pequeños detalles Podemos ir dentro de un formato y cambiar las cosas. Para que puedas ir desde QuickTime MOV, cambiar de diferentes formatos, si quieres También podemos elegir el Códec. Y tenemos los diferentes perfiles. Entonces bastantes cosas que puedes cambiar aquí. Aquí también es donde seguirías adelante y afinarías si quieres un video con transparencia. Entonces, una vez que tenemos toda esa verificación, también tenemos las opciones de audio en la parte inferior, ¿de acuerdo? Puedes presionar Bien. Y por último, escojamos nuestro destino. Así que da click en este pequeño icono aquí, continuación la ubicación o destino. Voy a navegar hasta la carpeta a la que quiero exportar, y simplemente cambiemos el nombre de esta. Entonces voy a llamar a esto aquí, Nextax Logo. Animación vi punto mov pulse Guardar. Y ahora podemos golpear render. Debes saber que también puedes agregar señales extra aquí. Para que puedas indicar que otras animaciones sucedan. Y una vez que estés listo para renderizar, presionas render, también puedes desmarcarlos si no quieres que se renderizen ¿Bien? Sólo para que lo sepas, me he topado con algunos temas, aunque, al ir con ese método si la escena no está abierta. Entonces, por ejemplo, a lo que me refiero con esto, explícalo rápidamente. Si quisiera renderizar el de animación, digamos, animación uno, y digo el rango de entrada y salida, y bien, una vez que haya terminado de renderizar la animación dos, entonces intentaría renderizar la de animación. Casi se olvida. Elige un perfil. De todos modos, voy a seguir adelante y desmarcar el segundo y vamos a golpear render El proceso de renderizado se parece a lo que hace cuando se está guardando en caché o se ve Una vez que nuestro render está terminado, dentro del panel de renderizado, tenemos este pequeño botón de reproducción junto al destino. Y si haces clic en él, debería abrir tu render con tu reproductor predeterminado. Y ahí lo tenemos. Tenemos nuestra animación aquí. Bien, y eso es todo para renderizar nuestra animación. Te veré en la siguiente lección. 15. Proyecto de clase: ejercicio de fricción: Hola, nos volvemos a encontrar. Ahora que has completado la clase, es tu turno de hacer tu propio proyecto usando fricción. Te animo a que compartas tu trabajo con la clase, ya sea para recibir comentarios o simplemente para mostrar tus habilidades. Si tienes alguna duda o duda, puedes expresarlas en la discusión y me pondré en tu cuenta pronto. Ahora, cada uno de ustedes va a tener diferentes conjuntos de habilidades, así que recomiendo ir con lo que se sienta más cómodo para ustedes. Llévala paso para que poco a poco te pongas cómodo usando la fricción. Dicho esto, sigue adelante y agrega algunos gráficos en movimiento. 16. ¡Gracias por mirar esta clase!Gráficos de fricción: Hola ahí. Veo que has llegado hasta el final de la clase. Enhorabuena a ti. A estas alturas, deberías tener una sólida comprensión de los conceptos básicos de la fricción lo suficiente como para que saltes en tus propios proyectos y en algún momento tus propios proyectos y en algún momento también en el trabajo del cliente, si eso es lo que buscas. Si después de esta clase te interesa aprender más sobre la fricción, siempre puedes consultar el canal Noctux Creative donde tengo muchos tutoriales que se sumergen en más aspectos de la De nuevo, mi nombre es Jonathan. Esta fue una introducción a Friction Graphics. Gracias por mirar y nos vemos la próxima vez. Ahora, sin más preámbulos, comencemos con la fricción.