Cómo crear animaciones para Youtube con Keynote

1. Introducción: Bienvenido a este curso de animación con Apple Keynote. Mi nombre es Martin y trabajo como productor de medios, tanto para grandes empresas como para pequeñas agencias a lo largo de los años. Siempre que estaba creando animaciones, estaba usando herramientas como Adobe aftereffects y Apple Motion. Durante los últimos meses, he venido a disfrutar trabajando con Apple Keynote para mi trabajo de animación, Adobe After Effects es una curva de aprendizaje muy empinada. Entonces si no eres un artista profesional de gráficos en movimiento a tiempo completo, pero sí quieres que tu contenido sea más atractivo y luzca más profesional de lo que Apple Keynote podría ser simplemente la herramienta perfecta para ti también. En este curso, crearemos una serie de diferentes tipos de animaciones que podrás utilizar para dar vida a tu contenido. Iniciará este curso con una introducción a la animación en keynote. Hará eso con un ejemplo sencillo que te enseñará lo básico. Después aplicamos estas nuevas habilidades para algunas animaciones más del mundo real. Hará secuencias de introducción, trabajará con tipografía y creará activos que podrá utilizar para redes sociales. Y luego lo terminaremos todo con un vistazo a cómo puedes exportar tus animaciones ya sea directamente a una plataforma en la web, como YouTube o Facebook, o usar tus animaciones en tu software de edición de video. Ya sea Final Cut Pro, iMovie, Adobe Premiere Pro, u otros. Al final de este curso, tendrás las habilidades para crear una variedad de animaciones que podrás utilizar para hacer más interesantes tus videos o presentaciones. 2. El proyecto de curso: Hablemos por un momento del proyecto del curso. La idea de este curso es crear animaciones en Keynote con el fin de potenciar un proyecto existente, sea un video o una presentación, es posible que ya tengas un proyecto o quieras crear uno. En lo que se refiere al video, esto podría ser un blog de comida y registro de viajes o vlog diario, presentación de negocios, una revisión de producto, o un nuevo espectáculo. Todas estas cosas pueden beneficiarse de añadirles contenido animado. Por ejemplo, se trata de un proyecto de iMovie. ¿ Ves aquí es metraje para un video de viaje. Ahora la pregunta es, ¿cómo se puede mejorar esto agregando animación? Y básicamente hay dos formas de abordar esto. El primero es muy estratégico. Es donde miro la línea de tiempo del proyecto y luego pregunto, ¿Dónde podrían las animaciones hacer esto mejor para el espectador? Por ejemplo, ¿qué pasa con una secuencia de intro animada como la animación de sellos de la que estamos hablando en este curso? ¿ O quiero mostrar mis redes sociales y sigue? También podría mirar las diferentes secciones de ese video y luego preguntar, hacer títulos de sección animados i1 o lo que ayudó al espectador si creé una tabla de contenidos desde el principio, que puedan saltar a cierta sección de inmediato. Ahora, lo que haré más a menudo, para ser honesto, es ver primero todo el corte de rock del video y luego tratar de obtener una sensación por qué parte se beneficiaría del contenido animado. A veces tienes secciones en las que se habla mucho, pero muy poco está pasando visualmente. Y esto obviamente podría beneficiarse de las animaciones. Por ejemplo, en este curso, hay un video que explica las notas clave exportar al proceso de video. En el centro de este proceso está el diálogo de exportación. Ahora bien, si quiero hablar durante diez minutos y todos los espectadores vieron durante todo este tiempo fue este diálogo. Probablemente no les gustara mucho. Entonces espero que eso te dé algunas ideas sobre cómo puedes planear dónde agregar animaciones a tu video o a tus presentaciones. Y por cierto, si buscas metraje para usar en tu proyecto del curso, puedes consultar pixels.com y unspliced.com. encontrarás mucho contenido de video y foto Allíencontrarás mucho contenido de video y fotoque se puede utilizar de forma gratuita la mayor parte del tiempo, incluso sin tener que mencionar al autor. Y aquí hay un último consejo. Siempre puedes descargar los archivos keynote proporcionados en este curso y usar cualquier animación que haya ahí dentro y cambiar el texto, tal vez cambió los colores, reemplazar algunas formas, reemplazar algunas fotos. Pero cuando haces eso, puedes ponerte en marcha muy rápido. Entonces te deseo mucha diversión con ella, y estoy feliz de ver lo que vas a crear. 3. Introducción a la animación Keynote 1 1: Primero quiero mostrarte cómo personalizar keynote para que puedas trabajar un poco más rápido con animaciones complejas. Hacemos esto haciendo clic derecho en la barra de herramientas y seleccionando personalizar barra de herramientas. Ahora podemos arrastrar botones fuera de la barra de herramientas para eliminarlos de ahí. Eso haré con nuestro botón común y el botón Colaborar. A continuación, arrastro algunos elementos a la barra de herramientas. número uno es la lista de objetos, uno de los secretos mejor guardados de keynote indispensable para crear animaciones complejas. Lo mismo vale para los cuatro botones relacionados con mover objetos detrás o frente a otros objetos. Además, voy a llevar el botón alfa instantáneo a la barra de herramientas. No es algo que use muy a menudo, pero es parte de uno de los flujos de trabajo de sonda que te mostraré más adelante en el curso. Y por último, me gustaría tener el botón para mostrar u ocultar guías. De acuerdo, ya terminamos con la configuración. Ahora echemos un vistazo rápido a los diferentes tipos de medios con los que podemos trabajar en Keynote. Empecemos con una va a trabajar con la mayoría de las formas. Si haces clic en este icono, obtienes una gran selección de diferentes formas que vienen con Keynote. Y Apple acaba de sumar un gran número de nuevos en su actualización del 20 al 20 de septiembre. En la parte superior, encontrarás los básicos como rectángulos y círculos, flechas y demás. Esos son los que uso todo el tiempo. En las otras categorías tenemos las formas más complejas. Lo que es bonito de ellos es que puedes cambiar fácilmente su apariencia, como el color, el borde, y su forma. Cuando hace clic con el botón derecho en una forma y selecciona hacer editable, tiene acceso a sus puntos de curva. También puedes aplicar operaciones de forma más complejas que conocerás de programas como Adobe Illustrator. Y podemos separarlos. De esa manera. Podemos animar todos los elementos individuales que componen la forma. Podemos cambiar tamaños, rotar, y moverlos, cambiar colores, y luego animar todo eso. último, pero no menos importante, las formas se pueden usar para enmascarar imágenes. Pero lo mejor es que todas estas operaciones son muy fáciles de hacer. Encuentra un archivo keynote de ejemplo para descargar en el área de recursos. A continuación en la barra de herramientas tenemos tablas, gráficos, y texto. Por ahora, quiero llamar su atención sobre el botón de medios. Aquí encontramos algunas opciones más. El primero son las fotos, que te permite seleccionar imágenes desde la app de fotos de Mac. Entonces hay una sencilla característica de galería de imágenes solo útil para dar presentaciones de vida. En mi opinión, tenemos películas que nunca uso porque mientras keynote es una poderosa herramienta para hacer animaciones y exportarlas a video. No es la herramienta de elección para editar video existente. Y ya que voy a terminar mis películas en un editor de video dedicado como iMovie Final Cut Pro, Premier Pro. De todos modos, tiene más sentido agregar cualquier video adicional en esas herramientas. Entonces hemos llorado video, lo cual es interesante para cuando estás dando una presentación porque puedes incrustar videos de YouTube en tu presentación de diapositivas en tenerlos reproduciendo a pesar de que vas de una diapositiva a otra. Pero de nuevo, nada que necesitamos para los propósitos de este curso, lo que nos lleva a las capacidades de audio. Por lo que podemos importar archivos de audio, que luego son representados por estos iconos. Esto puede ser útil si quieres sincronizar y efecto de audio con algo que está sucediendo en tu animación. Y por eso trabajaremos con un ejemplo en tan solo un momento. Pero más o menos al igual que con los videos, suelen preferir agregar audio en mi software de video porque tengo más opciones. Ahora son generalmente siempre puedes arrastrar objetos desde las ventanas del buscador justo a una diapositiva. Pero también podemos importar archivos PDF de esta manera. O archivos de Adobe Illustrator, lo que nos da la opción de importar formas vectoriales, las cuales se pueden redimensionar de cualquier manera que queramos sin perder calidad. Entonces, para recapitular, puedes importar video, pero yo no lo hago. Se puede importar audio, cual normalmente tampoco hago porque ambos de estos dos se manejan mejor en herramientas de edición de video. Se pueden importar imágenes y se pueden importar formas vectoriales, ya sea en forma de archivos PDF o archivos de Illustrator, o simplemente copiándolas desde dentro de la herramienta de dibujo vectorial. Y luego pegarlos en Keynote. 4. Introducción a la animación Keynote 2: Sigamos con los fundamentos de la animación. La animación en Keynote se organiza en cuatro etapas. Déjame mostrarte lo que quiero decir con eso. Primero traigamos algo que se pueda animar. Voy al menú Formas y busco una persona. Escojamos a este tipo aquí y redimensionarlos. Ahora cuando lo selecciono y voy a la pestaña de animación en el raid, veo tres subtipos construidos en acción y construyen. El modo en que funciona esto es bastante sencillo. Utilizamos las animaciones construidas cuando queremos animar un elemento de no visible a visible. Por ejemplo, si le asigné una animación de skid a este tipo, él vendrá desde fuera del tobogán. No puedo definir si eso sucede desde la izquierda o desde la derecha. Y puedo establecer la duración de la animación y luego previsualizar el resultado. Pasemos a la segunda sub pestaña llamada acción. Los efectos de esta categoría animarán un objeto que ya está visible en la diapositiva. Entonces, por ejemplo, puedo hacer que este tipo rebote arriba y abajo un par de veces si quiero. La tercera categoría está etiquetada build out y es lo contrario directo a las animaciones incorporadas. Con los efectos en aquí, podemos eliminar objetos de la diapositiva, por ejemplo, difuminándolos o disolverlos. Por cierto, cuanto más abajo vayas en esta lista, más loco, las animaciones tienden a estar, particularmente en la última sección aquí etiquetada efectos especiales. Por ahora, usemos la animación suave para que parezca un superhéroe. De acuerdo, vamos a repetir esto muy rápido. Voy al menú Formas una vez más y traigo esta forma. Démosle una animación construida. Iré con el simple movimiento en efecto. Después voy a la pestaña de acción y le doy el movimiento de hecho. Y por último, quiero que se vea como si se fuera volando a los cielos junto con él. Por lo que ella también consigue un efecto swoosh. Entonces ahora es el momento de echar un vistazo a lo que probablemente es el panel más importante y q nada para los animadores, el panel de orden de construcción. Lo que tenemos aquí es cada animación que hemos creado hasta ahora. De forma predeterminada, todos ellos se inician ya sea con un clic del ratón o con una pulsación de tecla cuando la nota clave se está ejecutando en modo de presentación. Ahora como estamos exportando esos dos videos más adelante, keynote reproducirá todas estas animaciones una tras otra con cierto retraso entre ellas. Y podemos fijar ese retraso en el diálogo de exportación. Echaremos un vistazo a eso más adelante. Pero cuando se trata de propósitos de narración, queremos un control más fino, que encontramos en el panel de orden de construcción. Entonces vamos a crear una historia. Digamos que la mujer entra primero. Por lo que la arrastramos hasta la parte superior del panel. Entonces el correo entra en la posición dos, pero queremos que aparezca justo después de ella. Por lo que configuramos el parámetro estrella a después de construir uno, que es ella, y ponemos el retardo en 0. A continuación queremos que haga el salto arriba y abajo 2.5º después. Y luego queremos que muestre su aprecio por su emoción por jiggling, que es justo después de construido tres. Y luego queremos que despeguen juntos al cielo. Por lo tanto, dijimos este whoosh Para empezar después de 0.30. Empezarla alisada junto con él. Y echemos un vistazo a la animación completa pulsando el botón Vista previa. Si queremos que se vea un poco más realista, podemos agregar un pequeño retraso entre los efectos que están listos para suceder al mismo tiempo. Por lo que dije su retardo estrella a 0.2 segundos. Y echemos otra mirada. Creo que esto se ve un poco más orgánico porque en la naturaleza las cosas realmente empiezan a suceder exactamente al mismo tiempo. Ahora, antes dije que hay cuatro etapas de animación y keynote. Ahora hemos utilizado los tres primeros de ellos, construidos en acción y construir fuera. El cuarto es cuatro transiciones que suceden entre diapositivas cuando pasamos de una a otra. Para poder ver lo que podemos hacer, primero necesitamos crear otra diapositiva. Por lo que voy a agregar leve y elijo uno en blanco. Después vuelvo a la primera diapositiva y me aseguro de que ningún objeto en sí esté seleccionado, porque sólo entonces la pestaña de animaciones me mostrará las transiciones para diapositivas. Aquí encontrarás a tus candidatos típicos para presentaciones de diapositivas. Pero básicamente hay solo una que es interesante para crear animaciones para video. Y ese es el que se etiqueta movimiento mágico. Si ya has trabajado con software de animación antes, probablemente estés familiarizado con el concepto de fotogramas clave. Se puede pensar en la animación Magic Move como una animación entre dos fotogramas clave, donde el primero está en la diapositiva de una en la segunda está en la siguiente diapositiva. Pero no importa, aunque no estés familiarizado con los fotogramas clave, verás que el movimiento mágico es muy poderoso, pero muy fácil de usar. Entonces para tener movimiento mágico, animar cualquier cosa para nosotros, necesitamos tener al menos un elemento que exista en ambas diapositivas. Y como estamos dejando volar a nuestros dos personajes principales antes de que la transición aún esté sucediendo, tendremos que traer otro elemento para esto, aquí he preparado esta imagen. Si quieres seguir adelante, solo puedes usar cualquier imagen o forma. Ahora digamos que esta es una foto que han colgado en la pared. Por lo que queremos darle un bonito marco de cuadros sólo porque no podemos. Por lo que selecciono la imagen y voy a Formato y luego a borde, donde selecciono el marco de imagen. Y escogí la que más me gusta. Ahora esto se ve bien. Para animar la imagen con la animación Magic Move, necesito asegurarme de que esté disponible en ambas diapositivas. Entonces lo copio. Acude a la siguiente diapositiva y pegado. Si ahora previsualizo la transición, no obtengo nada porque la imagen se ve exactamente igual en ambas diapositivas. Lo que hará el MOOC mágico es animar todo lo que es diferente entre una diapositiva y la siguiente. Por lo que moví la imagen a otra posición, hacer un más grande y de animación ahora se ve así. Como dije antes, se puede animar la posición y el tamaño de un objeto. Y si es una forma keynote, también puedes animar su color. Ahora, hay una última cosa que dije que te iba a mostrar, y es cómo sincronizar un efecto de sonido con una animación existente. Por ejemplo, podríamos dar un poco más de gira de vida una pareja aquí, he creado una colección de sonidos que se ajustarían muy bien a sus movimientos. Por lo que arrastro un sonido sobre la diapositiva, que luego es representado por el altavoz. Y puedo configurar sus propiedades y las opciones de formato. Al igual que cambiar el volumen, creaming y definir si quería seguir jugando a través de diapositivas. Para que esto funcione aunque el sonido necesita colocarse en todas las diapositivas. De lo contrario, comenzará a jugar después de la transición. Ahora con el fin de sincronizarlo con cualquier animación existente, voy una vez más al panel de orden de construcción. Y ahí está mi sonido. Simplemente puedo arrastrarlo antes o después de cualquiera de esas animaciones. El único que es diferente con los sonidos en comparación con otros tipos de animación es que cualquier cosa que venga después de un sonido comenzará a reproducirse inmediatamente una vez que el sonido haya comenzado a reproducirse. Por lo que no se toma en cuenta la duración de un sonido. A ver cómo se ve eso. Como puedes ver, es bastante fácil de hacer solo por diversión. Déjame agregar todos los sonidos que tengo y ver a dónde podemos ir con él. Oh, lo siento. Supongo que me dejé llevar con ello la música. De todos modos, como siempre en este curso, encontrarás todo el ejemplo en el archivo keynote que puedes descargar si quieres echarle un vistazo más de cerca. En los próximos videos, aplicaremos nuestras nuevas habilidades de animación a algunos ejemplos más reales. 5. Cómo animar una máscara de texto: Si estás familiarizado con crear animación básica en Keynote, por ejemplo, si has visto el video introductorio en este curso, entonces realmente no necesitas un tutorial que te muestre cómo usar las animaciones de texto estándar simplemente porque son realmente fácil de usar. La pregunta es más bien una de gusto, ¿qué te gusta? Lo que quiero mostrarles aquí en este video es cómo crear una de las animaciones fiscales más icónicas en cine y televisión jamás que no forme parte de keynotes dog, en efecto. Y esa es una máscara gravada en movimiento. Empiezo por crear algún texto. Para este efecto en particular, tiene sentido utilizar una fuente negrita que sea lo suficientemente amplia como para permitir que gran parte del fondo, imagen o video se muestre a través. Y como en este curso estoy usando la avenida o próxima font-family, el estilo más ancho que viene con eso es pesado. Para que el efecto sea aún más fuerte, puedo ir a las opciones avanzadas de texto y disminuir el espaciado de caracteres en un 4%. Ahora que tengo el texto, creo un fondo de color simplemente insertando una forma cuadrada y extendiéndola para que cubra toda la diapositiva. Entonces cambio el color a este color naranja, amarillo del tema pellet. Después saqué un fondo debajo del texto en la lista de objetos. Por último, también lo hago más ancho tanto en el lado izquierdo como en el derecho porque necesito un poco de espacio de fondo extra para la animación, como veremos en un momento. Ahora viene la parte de enmascaramiento. Básicamente quiero perforar el fondo con el texto. Si estás familiarizado con apps como Photoshop, es posible que esperes poder simplemente definir gravados como una máscara en Keynote, no puedes hacerlo de esa manera, al menos aún no. Keynote puede hacer masa, solo que no por texto, pero sí podemos lograr el mismo efecto de otra manera. Déjame mostrarte cómo. Selecciono tanto el rectángulo, introduzco texto y los copio en el portapapeles. Entonces nuestro lanzamiento, la aplicación de vista previa que viene con cada Mac, esa es la que normalmente se abre automáticamente cuando haces doble clic en un archivo de imagen. Ahora bien, ¿para qué necesitamos previsualización? De lo que es una cosa. Siempre que copie texto y formas y Keynote y los pegue en Vista previa, se fusionarán automáticamente en una imagen vectorial. Déjame mostrarte la forma en que me gusta abrir aplicaciones en general es golpeando Command Spacebar y luego escribiendo allí la app. Creo que esa es la forma más rápida. Y en el idioma predeterminado para ti, sistema operativo Mac no es el inglés. A la abadesa probablemente no le llamó previsualización, pero cualquiera que sea la vista previa se traduce a un nuevo idioma. Una vez que haya abierto la vista previa, voy al menú Archivo y selecciono Nuevo del portapapeles. Y aquí están. Se ve exactamente de la misma manera que lo que tengo en Keynote. Pero como dije, en realidad se fusiona en una sola imagen. Ahora, para poder usar esto en Keynote, solo lo copio aquí y previsualizo. No necesito tocarlo ni hacer nada más. Sólo lo estoy copiando. Atrás y keynote, creo una nueva diapositiva vacía. Y ahora pego la imagen de Preview. De nuevo, esto se parece a lo que hay en la diapositiva anterior, pero en realidad no lo es. Es una imagen vectorial. Y eso nos da dos ventajas. Número uno, no puedo escalar tanto la forma como el texto juntos. Esto es algo que no puedo hacer en Keynote. Como se puede ver aquí. En este tutorial sin embargo, voy a hacer uso de la segunda ventaja que me dan las imágenes en keynote, y esa es una herramienta llamada alfa instantánea. Lo uso primero asegurándome primero de que la imagen esté seleccionada. Y luego voy a Format Image instant alpha. Si conoces Photoshop, probablemente conozcas la herramienta mágica. alfa instantáneo funciona de manera similar. Selecciona un área en función de la similitud de color. Acabo de hacer clic en una de las letras y arrastrar el ratón. Cuando haga eso, notarás que aparece un espectáculo llamado. Esto indica cuántos de los colores adyacentes se incluyen en la selección. Entonces son repetidores con todas las letras en mi texto. Termina la operación tocando el botón hecho aquí abajo. Como verás, lo que hace esto es en realidad más de lo que hace la herramienta mágica de Photoshop. No sólo selecciona el área de la imagen, también elimina los píxeles de esta área de la imagen para que ahora el texto sea totalmente transparente, y esa es mi máscara de texto. De acuerdo, animemos esto. En primer lugar, importo una imagen de fondo y la arrastro debajo de la máscara de texto. Ahora, para la animación en sí, tengo dos opciones. El efecto de movimiento para objetos o el efecto Movimiento mágico para las transiciones entre diapositivas. Escogeré el movimiento de Magic sólo porque es más rápido de implementar. Pongo la duración a seis segundos y desactivo la facilidad de entrada y salida para éste porque realmente no agrega nada aquí. Después muevo la masa del texto hacia el lado derecho de la diapositiva hasta que el texto esté justo fuera del área de vista, y el fondo amarillo cubre toda la diapositiva. Después dupliqué esta diapositiva y en esta nueva diapositiva, muevo la máscara de texto todo el camino hacia la izquierda hasta que de nuevo, el texto está fuera del área visible. Ahora vamos a previsualizar el resultado. Porque estamos exportando esto para su uso posterior en un editor de video. También podríamos dejar fuera la imagen de fondo aquí y añadir una imagen de fondo o un videoclip de fondo en el editor más adelante. En ese caso, diríamos a keynote que queremos exportar el video con transparencia de fondo. Aprenderás exactamente cómo hacer esto en el video sobre exportar más adelante en este curso. 6. Crea una introducción con música: En este video, quiero mostrarles tres tipos de animaciones que pueden hacer que sus videos se vean más pro e interesantes. Y eso todos tienen una cosa en común. Son tan fáciles de hacer. Sólo se tarda cinco minutos o menos en hacerlos. El primero es lo que se podría llamar una animación de estampilla. Básicamente es solo una secuencia de diapositivas tocando en rápida sucesión. La velocidad es definitivamente uno de los factores que hace que esto funcione. El otro es cómo se sincronizan al ritmo de la música. Y para empezar con un nuevo proyecto, usaré el tema llamado largometraje. Como siempre, no necesito ninguno de los elementos que vienen con él, pero sí me gusta la paleta de colores que los diseñadores que Apple proporcionó para este tema. En primer lugar, creo una nueva diapositiva en blanco, tras la cual puedo quitar la anterior. Más o menos todo lo que necesito para mi animación estampilla es texto. Por lo que hago clic en el botón de texto en la barra de menús, que inserta un TextField ya centrado en el medio de la diapositiva. Aumento el tamaño de la fuente a alrededor de un 150, establecí el tipo de fuente a pesado, y luego cambié el texto. Y por último, un cambio el color de fondo para la diapositiva. Y luego selecciono la diapositiva en la columna del navegador de la izquierda. Entonces puedo crear algunos duplicados escribiendo repetidamente Comando D. Dado que el tema de mi video aquí son los cinco barriadas de Nueva York, solo necesito cinco diapositivas en total. Ahora, voy al primer duplicado y cambio el fondo a otro color de la paleta de colores. Y también cambio el texto. Y luego repito eso con las diapositivas restantes. Eso ya es todo lo que hago en keynote. No voy a asignar ningún efecto aquí ya que la animación básicamente se hará en el editor de video. En contraste con todos los demás ejemplos de este curso, voy a exportar estas diapositivas es imágenes y video NADH, porque las imágenes me facilitan organizarlas en el editor de video. Voy a Archivo, Exportar a imágenes y selecciono P y G en el menú desplegable Formato. El siguiente paso, me piden un nombre. Este será el nombre de la carpeta en la que keynote almacenará las imágenes. A continuación, paso a Final Cut Pro. Este es mi editor de video de elección para este tutorial, pero solo puedes usar iMovie o Premiere Pro o cualquier otro editor de video, siempre y cuando tenga una pantalla de forma de onda de audio, arrastra las diapositivas de la carpeta a la línea de tiempo. Y también agrego un archivo de música. Escuchemos cómo suena. Para hacer mi vida más fácil, voy a Final Cut Pro es configuración de pantalla y agrandar la forma de onda de audio porque eso es lo que estaría mirando en el siguiente paso. La idea es encontrar una parte en una canción que tenga un downbeat fuerte y consistente. Como puedes ver, los picos en la forma de onda me muestran exactamente cuáles son los downbeats. Todo lo que tengo que hacer es mover las transiciones entre las diapositivas para que se alineen con estos picos. Y por eso también tiene sentido exportar las diapositivas como imágenes y no como video porque puedes estirarlas o acortarlas tanto como quieras. tanto que con videoclips, tienes que trabajar con congele-frame o técnicas similares si quieres estirarlos. De acuerdo, vamos a previsualizar. Dado que estas diapositivas sólo me dan una secuencia de animación muy corta, puedo extender eso agregando imágenes y hundiéndolas de la misma manera. Obtienes la idea volverá a este proyecto en el capítulo sobre exportar más adelante. 7. Crea un aspecto cinematográfico: En este video, te mostraré cómo crear un efecto buzón en cómo animarlo, boxeo de letras es el término técnico para video que tiene barras negras en la parte superior y en la inferior. Tradicionalmente, esto sucede cuando la película se filma en un formato más amplio, luego la que se exhibe más adelante. Pero a menos que estés usando cámaras de cine de estilo Hollywood muy caras, es poco probable que te encuentres con la situación. Pero buzón y también se puede usar como efecto porque al instante le da a tu video un aspecto cinematográfico. Creé una nueva diapositiva e inserté una imagen de fondo. A continuación agrego dos rectángulos del menú de estas formas, uno en la parte superior y otro en la parte inferior. Cuando configuro el color a negro o ya tengo un efecto de buzón terminado. Y si eso es todo lo que quieres, puedes parar aquí mismo. Pero como estamos en Keynote, usemos estos para crear una transición animada. Agrando ambos rectángulos para que se encuentren más o menos en medio de la pantalla. Después duplique esta diapositiva y reduzca la altura de los rectángulos. Por lo que se convierten en mis barras en la parte superior y en la inferior. Para finalizar la animación, todo lo que tengo que hacer es añadir el efecto Movimiento mágico a la diapositiva anterior y cambiar la duración a dos segundos. Y eso es todo. Pero tampoco tenemos que parar aquí. El efecto Movimiento mágico también puede animar el color. Entonces vamos a establecer el color del rectángulo a naranja en la segunda diapositiva. Y esto es lo que obtenemos. 8. Ideas para animaciones en tipografía en menos de 5 minutos: En este video, veremos otra poderosa técnica de animación de texto que requiere casi ningún trabajo porque utiliza uno de los afectos preconstruidos que funciona particularmente bien con videos. Duplico una de las diapositivas del ejemplo anterior. Después copio el texto y lo pego un par de veces y cambio el texto. Y cuando termine con eso, los selecciono a todos. Y ve al menú Organizar y elige el centro de un objeto de línea. En una línea objetos medio. Si bien todavía hay seleccionado, le asigno un efecto de animación a todo eso esta vez es Deriva y escala, que se ve muy bien fuera de la caja. Pero lo que es más junto con una deriva afecta esos dos son los únicos en keynote donde los objetos se animan dentro y fuera al mismo tiempo. Y eso lo hace especialmente útil para el video. Ahora, podría dejarlo así, pero quiero mostrarles dos variaciones interesantes. El primero es un cambio de dirección de arriba a abajo. El otro es cómo podemos usar el tiempo para crear una sensación de energía o urgencia. Abrí el panel de orden de compilación, seleccioné todas las animaciones excepto la primera, y configuré la acción de inicio a con construido anterior. Si corro esto ahora no tiene mucho sentido. Pero en cuanto establezco el retardo en algo así como 2.5 segundos, que es 2.5th menor que la duración del efecto. Obtengo un log muy interesante. En. Para acelerar toda la animación, establecí la duración de todos los elementos en 1.5 segundos y el retardo en 1.25 segundos. Entiendes la idea. Antes de terminar este capítulo, permítanme mostrarles otro uso de este efecto con los textos se distribuyen por toda la pantalla. Yo redimensiono algunos de ellos. Y también en un segundo color para un poco más de contraste. Ahora que los textos ya no se superponen, también puedo reducir el retraso. 9. Animar un tercer inferior: Aquí te presentamos uno de nuestros últimos ejemplos en una serie de hechos de texter simple pero potente. Este es el efecto de deriva. Como su nombre lo indica. Esto es similar al efecto de deriva y escala que acabamos de usar, pero anima objetos horizontalmente, lo que lo hace especialmente útil para tercios inferiores o títulos de sección. Duplico esta diapositiva para poder mostrarte cómo se ve el efecto encima de una imagen de fondo. Por supuesto que se verá muy similar encima de un videoclip. Yo creo dos textos. Uno servirá como título y el otro como subtítulo. Al igual que así. Ahora el truco es asignar un efecto de deriva a ambos pero con direcciones opuestas. Este irá de izquierda a derecha en tres segundos. Y éste irá de derecha a izquierda en tres segundos. En el panel de orden de construcción, me aseguro de que ambos comiencen al mismo tiempo sin demora. Y este es el resultado. Espero que estos ejemplos te hayan dado algunas inspiraciones por cómo puedes usar técnicas simples como estas para darte video o look más pulido. 10. Animar un botón "Suscríbir": Si publicas videos en YouTube, ya sabes, puede ayudar a recordar a tus espectadores que Me gusta suscribirte y golpee la campana para que se notifiquen cada vez que subas contenido nuevo. ¿ Y qué mejor manera hay de recordarles con algunos animados nuestro trabajo? Por supuesto, esto se puede hacer muy fácilmente en Keynote. Echemos un vistazo a algunos ejemplos. Estaremos construyendo Uno de ellos juntos y encuentras el otro en el archivo keynote en la sección de descargas. Una vez que sabes cómo hacer uno, puedes averiguar con bastante rapidez cómo se hizo el otro simplemente mirando el proyecto keynote. Empecé con una sencilla forma de botón de YouTube. El rectángulo redondeado funciona perfectamente para eso. Ya que quiero que este se vea como el verdadero botón de suscripción de YouTube, voy a hacer trampa un poco e importar una captura de pantalla que me muestre el verdadero botón de YouTube. Para que coincida con este original, ajuste un radio de esquina, la altura, y el ancho. Eso se ve bien. Entonces simplemente uso el seleccionador de color para obtener el color del original. Al igual que así, bastante fácil. Y resulta que sé que la fuente que usan son robots, que no está preinstalada en macOS, pero puedes descargarla desde el sitio web de Google Finance. Ahora, obviamente no tienes que hacer que parezca el verdadero, como lo estoy haciendo aquí. Pero puede ser un buen punto de partida. Ese es el botón ahora en el puntero de la mano. Curiosamente, aunque hay tantas formas que vienen con la última versión de keynote, no hay ningún puntero de mano ahí, manos. Y hay punteros, pero sin puntero de mano. Por lo que creé este en Affinity Designer. También lo encuentras en el archivo keynote. Puedes usarlo si quieres. Lo bueno de crear este diseñador de inifinity o Adobe Illustrator para ese asunto, es que está basado en vectores para que pueda redimensionarlo y siempre se verá bonito y afilado. Para el evento click, dibujo algunos trazos que se alejan en ondas del punto donde ocurre el click y creo la primera línea en su lugar en ángulo recto con el dedo. Después un crear para duplicados de alineados manteniendo presionada la tecla de opción y arrastrando lejos de ella. Los posiciono uniformemente alrededor de la punta del dedo. Manteniendo presionada la tecla de comando, me permite posicionarlos sin chasquear a la cuadrícula. Con eso, pasemos a la animación. Aquí la idea es hacer algo que se vea un poco más realista con el fin de obtener una mejor comprensión de lo que debe suceder cuando usemos la ayuda de un diagrama de flujo deberá esperar. Ahora, sé que esto es un poco exagerado para una simple animación de botones. Entonces, solo por diversión, probemos esto. Este es el diagrama de flujo que muestra los pasos de la animación yendo de arriba a abajo. Pongámoslo en perspectiva y traigamos el botón aquí del lado derecho. La flecha nos mostrará dónde estamos. Al inicio de la secuencia. El botón ya está ahí. El primer animación es la aparición de la mano Puntero. Una vez que la mano está sobre el botón, simulamos el click. Si tienes experiencia con la animación de la interfaz de usuario, sabes que los clics de botón requieren que algo vaya hacia abajo, ya sea el botón en sí o como en nuestro caso, el dedo y bajar pueden ser simulados por un efecto de escala. Es bastante sutil. Lo, Echa un vistazo. Cuando se completa esta animación de escalado, ocurren dos cosas al mismo tiempo. Entran las líneas y la mano va mendigo. Justo después de que llegue la mitad de la línea, necesitan ser animados fuera. Nuevamente, un efecto muy sutil. Y ahora que el click en sí está hecho, el botón cambia su color y texto, igual que lo hace el botón de Suscribirse real en youtube. Por último, la mano se aleja del capullo. Ahí vas. Ahora que conocemos el orden de los eventos, es más fácil configurar las animaciones en consecuencia. Entonces volvamos a saltar de inmediato a la nota magistral. Empecé con Veda mover de los efectos incorporados para el puntero de la mano, esto podría venir de cualquier dirección, pero desde la parte superior se ve simplemente bien. También reduzco un poco la distancia de viaje. Después paso a la pestaña de acción y escojo el efecto de escala. Establecemos la escala en 85% y la duración en 0.1%. A mí me gustaría que fuera muy sutil. Además, puse la aceleración para que se aliviara solo como no ralentizamos conscientemente nuestros dedos Antes de tocar algo. Por lo que quería parecerme más a una parada abrupta. Después selecciono todas las líneas y les asigno ese efecto de dibujo. Con una duración de 0.20 segundos. Sólo tengo que asegurarme por cada una de esas líneas de que la dirección es hacia afuera. Si no, sólo puedo cambiarlo en este desplegable. Ahora, quiero conectar estos efectos en el panel de orden de compilación para que la escala de imagen venga después de que el fader se mueva con un breve retraso entre ellos. Y todos los dibujos de línea vienen después de la escala sin demora entre ellos. A continuación viene el efecto botón arriba, que es simplemente una inversión de la escala que hicimos antes. Por lo que lo volví a ajustar al 100% y cambié la aceleración para aligerarme. Y como definimos en el diagrama de flujo, esto sucede junto con el dibujo de las líneas. Después de eso hago desaparecer las líneas fijando están construidas de hecho para dibujar. Establezca la duración en 0.10 segundos. Y me aseguro de que la dirección sea la misma que antes. Y me aseguro de que todos comiencen al mismo tiempo. Para el cambio del color del botón, simplemente uso el efecto Move mágico porque es la forma más rápida de hacerlo. Duplico esta diapositiva y cambio el color de rojo a gris a etiquetado de suscribir para suscribir. Por supuesto, necesito quitar todas las animaciones de la diapositiva anterior y las líneas también, ya que ahora se están utilizando en esta. Ese es el cambio de color. El único que queda por hacer es cuidar la mano, que es otro desvanecimiento y mover un hecho de las edificaciones outlet. Todavía tienes que establecer la transición Magic Move sin embargo, en la primera diapositiva con una duración muy corta de 0.20 segundos y una automática protagonizada. Todas las animaciones de objetos están completas. Y este es el resultado. Para mí. Las animaciones de interfaz de usuario realmente no tienen que ser más fantasiosas que esto. El objetivo no es que el espectador piense, guau, qué gran animación, sino más bien darle algún movimiento a lo que esté pasando en pantalla que parezca natural. Ahora, si bien agregaremos el tema de los elementos de redes sociales, también puedes usar Kino demasiado negrita una tarjeta con tus mangos de redes sociales como los que estás viendo aquí. Los encuentras en el archivo keynote descargable. Úsalos en el punto de partida o úsalos como inspiración. 11. Exportar tus animaciones: En este capítulo, vamos a ver las opciones de exportación. Lo que hacen es convertir keynote en un software de animación profesional, ligero en comparación con algunas de las otras opciones que hay por ahí, pero aún profesional. Sin más preámbulos, vayamos directo a ello y veamos cómo podemos usarlos. Por lo que voy al menú Archivo, exporto a, y luego selecciono película que abrirá el diálogo de exportación a película. Y me gustaría pasar por estas opciones con ustedes y darles unas recomendaciones de mejores prácticas basadas en mi propia experiencia. Entonces empecemos con la primera opción que se llama reproducción. El que elegirías prácticamente todo el tiempo como auto jugando, el otro siendo la grabación de diapositivas. Lo que eso hará es tomar una grabación de pantalla y una grabación de audio de tu voz mientras estás dando la presentación en tiempo real. Pero como no hemos hecho eso en este curso, nos vamos a quedar con el auto jugando. La opción de diapositivas. Aquí es donde le dices a agudo o si quieres incluir todas tus diapositivas en el video o simplemente un subconjunto de esas. Entonces tenemos que ir a siguiente diapositiva después de cinco segundos e ir a siguiente construido después de dos segundos. Ahora, la idea detrás de esos dos números es desde que estamos exportando a película, no hay manera de que podamos interactuar con Keynote y decirle cuándo ir a la siguiente diapositiva o cuándo ir a la siguiente animación en una diapositiva. Keynote asumirá estos números predeterminados que se ponen aquí. Y esos valores predeterminados son en realidad 52, lo que me parece demasiado largo para cuando edite aún más mi video en otro software de video. Por lo que tiendo a ponerlos a 11 cada uno. Ahora keynote también nos recuerda aquí que los tiempos se aplican solo a los eventos de clic. Ahora si recuerdas cuando creamos animaciones, muchas veces estableceríamos el parámetro de inicio para esas animaciones. Por defecto. Esto es desclick. Pero cambiamos eso a después de la transición o después de la compilación anterior o con anterior construido. Y siempre que hagas esos cambios, los números que aquí se ponen no tienen efecto. Y eso nos lleva al tema de la resolución. Ahora en esta lista desplegable, hay dos números predeterminados, 720 P y diez ADP. Nunca los uso porque cuando hagas eso, keynote elegirá automáticamente el tipo de compresión y la velocidad de fotogramas para un video. Y esos incumplimientos no son necesariamente la mejor opción para lo que pretendes hacer. Por lo que siempre me aseguro de obtener todas estas opciones adicionales y elegir Personalizado de esta lista. Cuando sí eliges la costumbre sin embargo, tienes que ingresar la resolución tú mismo aquí. Entonces para aquellos de ustedes que no están tan familiarizados con las resoluciones de video, vamos a cubrir algunos de los conceptos básicos para que realmente puedan tomar una buena decisión cuando elijan un número aquí. Todo comienza con la relación de aspecto, que en realidad es solo la relación entre el ancho de tu video y su altura. Y una relación de aspecto muy popular es de 16 a nueve. Esto lo encontrarías en YouTube, pero también es una relación de aspecto popular en Facebook, Instagram, y muchas otras plataformas en la web. Y luego echemos un vistazo a algunas de las resoluciones que se basan en esta relación de aspecto. Esos números son en realidad sólo múltiplos de 16 a 93 de los más utilizados hoy en día son HD, full HD, 4K. A menudo también se hace referencia por el valor para la altura, que para HD 724, full HD como 1080. Y si recuerdas, esos son también los números para los valores por defecto que keynote te da aquí. Entonces la pregunta entonces, ¿cuál elegirías para exportar tu video? Y eso realmente depende de lo que pretendas hacer con él. Si estás subiendo tu animación directamente a YouTube, entonces la mejor recomendación fue probablemente full HD porque eso es como el estándar de facto en esa plataforma. También puedes subir. Y para Kate, YouTube pondrá automáticamente las versiones Full HD y HD a disposición de sus usuarios. Ahora la historia cambia un poco cuando pretendes exportar para mayor edición en otro software. El regla de amortiguado entonces sería exportar en esta misma resolución que la que se está utilizando en ese otro software. Entonces digamos que estoy trabajando en un proyecto de iMovie y la resolución de mi línea de tiempo en iMovie como full HD porque quiero exportar y full HD N1 subido a YouTube, entonces tendría sentido exportar también desde keynote en full HD. Otra opción sin embargo, es exportar en una resolución más alta que la que estás trabajando en digamos iMovie o Final Cut Pro, porque eso permite escalar tu contenido en el editor de video. Como puedes ver aquí, esta es una animación que construí en Keynote y es bastante pequeña, no ocupa mucho espacio de la diapositiva. Ahora exporto eso y lo uso en iMovie por exportación dos veces. El primero es con una resolución de full HD. El segundo es con una resolución 4K. Y la cosa es que si ahora decido escalarlo para hacerlo más grande que, realmente me estoy encontrando con problemas de calidad con la exportación full HD es que puedes ver aquí, si miras los bordes ahí un Jagger, realmente no se ven bien. tanto que con una resolución 4K, tengo mucho más margen de cabeza y no puedo escalarla, hasta un factor de dos y aún así se verá muy bien. Ahora echemos un vistazo rápido a otras dos relaciones de aspecto que podrían resultar útiles, particularmente si estás usando tu contenido en redes sociales. Se trata de nueve a 16, que en realidad son sólo de 16 a nueve de lado. Y éste no tiene mucho sentido para YouTube. Pero esto podría resultar útil para Facebook o Instagram, igual que éste, que es una relación de aspecto uno a uno. Nuevamente, encuentras eso en Facebook y particularmente Instagram, y una resolución común que va de la mano es 600 por 600. Ahora hay muchas más ratios de aspecto que puedes encontrar por ahí en la web. Te estaba mostrando dos de ellos porque si sí pretendes exportar en esas ratios de aspecto que difieren de la predeterminada 16 a nueve, tienes que cuidar un paso extra. Y eso te voy a mostrar muy rápido. Hay un proyecto en nuestra relación de aspecto de 16 a nueve, digamos uno, exporta eso a Instagram en una relación de aspecto uno a uno, 600 por 600. Lo que tenemos que hacer, necesitamos cambiar primero la relación de aspecto en Keynote. Antes de hacer eso sin embargo, creo un duplicado de mi presentación. Por lo que voy a Archivo duplicado. Llamemos al 600 por 600. Y te veremos en un momento por qué hice eso. Y ahora puedo ir a la tarifa máxima donde dice documento y luego bajar. Tamaño de diapositiva personalizado e ingresa 600 aquí mismo. No tenga cuidado lo que le pasa al tobogán debajo. Ahora tengo una relación de aspecto uno a uno, que es lo que quiero. Pero como el contenido se dispuso perfectamente para una relación de aspecto de 16 a nueve, ya no funciona. Tenemos este espacio en blanco en la parte superior y en la parte inferior. Eso no es lo que queremos obviamente. Entonces antes de exportar, como ven, se necesita un poco de trabajo extra. Pero ahora que hemos cambiado la relación de aspecto, podemos ir a exportar a cine y cambiar la resolución, en este caso 600 por 600. Y ya exportado, funcionará. Pasando a la velocidad de fotogramas. Como puedes ver, Keynote nos da una lista bastante extensa de diferentes velocidades de fotogramas. Me gustaría mantener esto realmente simple y solo darte dos recomendaciones de mejores prácticas aquí. El primero es igualar la velocidad de fotogramas de tu línea de tiempo de video. Eso significa que si estás exportando a y otro software, asegura de que en esas opciones de exportación, elijas la misma velocidad de fotogramas que la que estás trabajando con cualquier otro software. El segundo siendo, si tu video va a ser sólo animación, entonces la regla del pulgar es escoger la velocidad de fotogramas más alta que permita la plataforma objetivo. Ahora el razonamiento detrás de ese es que si mezclas tu animación con imágenes de personas reales que una tasa de fotogramas muy alta puede no ser lo que quieres por razones estéticas, estamos acostumbrados a ver contenido de personas en tiro particular a menores velocidades de fotogramas. Por ejemplo, en Hollywood hasta el día de hoy, mayoría de las películas se filman en algún lugar alrededor de 24 fotogramas por segundo. Tv muchas veces es en algún lugar alrededor de 30 cuadros por segundo. Y eso nos da cierta mirada. Si solo tienes animaciones en tu video, entonces generalmente, cuanto mayor sea la velocidad de fotogramas, mejor se verán esas animaciones. Entonces si pretendes subir tu animación a YouTube, realidad no hay razón para no ir por la mayor tasa de fotogramas posible, que es de 60 fotogramas por segundo. Facebook e Instagram, creo que son 30 en este momento, pero eso puede cambiar en el futuro. último, pero no menos importante, hablemos de los tipos de compresión. También podría referirse a ellos como códecs de video. Ahora, Apple nos da una lista muy extensa aquí de diferentes códecs, y no voy a pasar por todos y cada uno de esos individualmente. Simplemente te daré mis recomendaciones de mejores prácticas para que puedas hacer una buena elección sin tener que conocer todos los entresijos de ellas. Ahora, cuando miras esta lista, realmente tiene sentido ponerlos en dos cajas separadas. H.264 es probablemente el códec de video más ubicuo que hay por ahí. H.265 es una especie de versión actualizada de H.264. Es mejor en que crea un tamaño de archivo más pequeño al tiempo que mantiene la misma calidad visual. Y debido a que esos dos códecs crean archivos relativamente pequeños, esos son realmente los mejores candidatos para la exportación directamente a una plataforma en la web. Por ejemplo, YouTube y Vimeo, excepto H.264 y H.265, Facebook e Instagram a partir de ahora solo excepto H.264. Ahora pasando al progreso de Apple Kodak, esos son los mejores para exportar a un editor de video, como por ejemplo, iMovie, Final Cut Pro, el resultado final Premier Pro y muchos, muchos otros, particularmente si eres en la plataforma Mac. Por lo que una diferencia significativa entre todos estos códecs es el tamaño de archivo que se producen. Ahora los números que se ven aquí resultaron de un proyecto de ejemplo que consiste en dos diapositivas y keynote con unas animaciones sobre ellas. Y luego lo exporto que en todos estos códecs diversos. Y como puedes ver, H.265 realmente creó el archivo más pequeño, en algún lugar alrededor de 300 kilobytes, H.264, un poco más grande pero no mucho. Y luego todas las bromegrass Kodak crean archivos mucho más grandes. Ahora, obviamente la ventaja de ellos es que la calidad que conservan tanto mejor, que es más o menos la idea detrás del progreso de APA en que se quiere usar una compresión fuerte como con H.264 al final de su flujo de trabajo. Ahora con eso habiendo dicho cuál de los cinco debe elegir? Un electroimán es realmente fácil para ti y reducirlo a solo dos. Y una elección entre estos dos se basa únicamente en si quieres exportar tu animación con o sin un fondo transparente. Echemos un vistazo a lo que necesitamos hacer para exportar con o sin un fondo transparente. Como pueden ver, aquí tenemos cinco diapositivas que contienen diferentes animaciones. En la primera diapositiva obviamente tenemos una imagen como fondo. Ahora, eso nos dice que probablemente no queremos que esto sea transparente en primer lugar. Entonces lo dejaremos como va a la siguiente. Tenemos un fondo negro. Y si miramos aquí en un formato, dice que tenemos filtro de color y encendido con un color negro podría cambiar el color a rojo si quisiéramos, pero eso no es lo que queremos. En cambio, cambiamos el relleno de color para saber Relleno. Ahora sigue siendo negro, pero durante la exportación, esto será tratado como si no tuviera antecedentes. Ahora, Lo mismo vale para las tres siguientes diapositivas. Todos tienen un fondo blanco. Seleccionémoslos a todos. Vaya al fondo y seleccione No phil. Y eso es todo. Ahora hagamos que esto funcione. Ir a película de exportación. Y voy a cambiar el ir a siguiente diapositiva después de 21 segundo e ir a siguiente construido después de 1 segundo también. Como puedes ver aquí, he ingresado los valores para 4K, lo que significa que más tarde puedo escalar esto si quisiera. Tengo 30 cuadros por segundo y elijo el progreso de Apple para, para, para, que es el que nos permite exportar con un fondo transparente. Y también necesitamos revisar esta casilla de verificación exportación con fondos transparentes. Y entonces estamos bien para irnos. Aquí. Estamos en Final Cut Pro y se importan la película que acabamos de exportarla en Keynote. Y estoy usando dos partes de eso. Aquí se puede ver. Estoy usando el logo y como puedes ver, tiene un hermoso fondo transparente. Para que esto destaque un poco mejor del video que se reproduce debajo, he añadido una forma negra y corte final con una Transparencia reducida. Y luego tenemos el botón Suscribir que puse aquí, que sentí funciona sin la forma negra semitransparente debajo. Veamos cómo se ve esto. Eso concluye las opciones de exportación. Espero que esto te resulte útil. Sé que hay mucha información técnica detrás de todas estas opciones y podríamos seguir hablando de esto por mucho más tiempo. Pero si tienes más preguntas, por favor no dudes en hacerlas en la sección de discusión. Gracias.