Domina los gráficos en movimiento viral de la interfaz de usuario de Apple en Adobe After Effects | Vladislav Sateev | Skillshare

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Domina los gráficos en movimiento viral de la interfaz de usuario de Apple en Adobe After Effects

teacher avatar Vladislav Sateev, Video Editor

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Avance de la clase: Motion Graphics en la interfaz de usuario de Apple

      2:08

    • 2.

      ¡Hola! Comienza aquí

      2:12

    • 3.

      Domina la mentalidad para el diseño de movimiento

      3:08

    • 4.

      Descarga todos los archivos y recursos.

      0:29

    • 5.

      Por qué Apple se siente Premium: principios de diseño visual y movimiento

      2:32

    • 6.

      Preparar una interfaz de usuario al estilo de Apple para After Effects: captura de pantalla + flujo de trabajo en Photoshop

      11:28

    • 7.

      Preparar una interfaz de usuario al estilo de Apple para After Effects: captura de pantalla + flujo de trabajo de Illustrator

      10:59

    • 8.

      Preparar una interfaz de usuario al estilo de Apple para After Effects: flujo de trabajo de Figma e Illustrator

      5:36

    • 9.

      Preparación de interfaz de usuario al estilo Apple para After Effects: flujo de trabajo en PDF + Illustrator.

      6:09

    • 10.

      Configuración del proyecto y estructura de archivos

      3:25

    • 11.

      Capas de forma y herramientas esenciales de animación

      7:20

    • 12.

      Editor gráfico, facilidad y atenuación de curvas

      5:10

    • 13.

      Nulo objetos y configuración de la cámara

      6:42

    • 14.

      Máscaras y Alpha Mattes

      5:50

    • 15.

      Lluvia de ideas de conceptos de UI viral con ChatGPT

      5:17

    • 16.

      Escritura de comandos para narración en Visual UI

      7:34

    • 17.

      Planificación y voz en off

      6:53

    • 18.

      ¡Felicidades!

      0:35

    • 19.

      Cómo configurar el diseño de la interfaz de usuario desde Figma

      7:31

    • 20.

      Animar las secciones principales: Introducción dinámica y texto

      26:38

    • 21.

      Transiciones y 3D y profundidad con cadenas cero

      18:10

    • 22.

      Diseño del sonido: audio de UI y sincronización de tiempo

      27:37

    • 23.

      Exportación y presentación de proyecto 1

      4:23

    • 24.

      Diseña la disposición de tu interfaz de usuario del vidrio (Figma)

      8:23

    • 25.

      Animar las secciones principales: Introducción dinámica y texto

      12:00

    • 26.

      Animación de capas de vidrio con profundidad

      12:30

    • 27.

      Movimiento y transiciones de cámara 3D con cadenas ceras

      9:18

    • 28.

      Diseño y exportación de sonido para el proyecto 2

      11:26

    • 29.

      ¡Último paso!

      0:55

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

328

Estudiantes

7

Proyectos

Acerca de esta clase

¿Quieres crear animaciones al estilo de Apple que se sientan premium, futuristas y muy bien elaboradas, como algo directamente de un video de lanzamiento de un producto o un comercial de alta gama?

Esta clase te muestra cómo.

Aprenderás a crear gráficos en movimiento elegantes y cinematográficos para UI que reflejen el pulido visual del sistema de diseño de Apple, utilizando Adobe After Effects, capturas de pantalla de productos reales y flujos de trabajo de calidad profesional utilizados por los mejores equipos creativos.

Crearemos dos animaciones cortas completas desde cero: una rediseñada moderna al estilo de iPhone y una interfaz de vidrio líquido con transiciones cinematográficas. A lo largo del camino, dominarás lo siguiente:

• DOMINA EL DISEÑO DE UI ESTILO APPLE EN AFTER EFFECTS: crea diseños de pantalla premium a partir de capturas de pantalla, PDF y archivos Figma

• CREA ANIMACIONES DE UI 3D FLUIDAS: Usa la cámara, los efectos de desenfoque y las transiciones para imitar la profundidad y el realismo al estilo de Apple

• ANIMA CON FLUJOS DE TRABAJO PROFESIONALES: Combina el desenfoque de movimiento, el desenfoque de caja rápido, mates alfa y el refuerzo para lograr un pulido cinematográfico

• APRENDE RIGGING DE CÁMARA AVANZADA: Usa controles nulos y emparentados y composiciones 3D para crear sistemas de movimiento elegantes

• CONSTRUYE SECUENCIAS DE MOVIMIENTO DE LA UI ESTRUCTURADAS: Usa composiciones anidadas y sistemas de sincronización para animar una UI de múltiples capas

• DISEÑA INTERFACES DE UI DE VIDRIO LÍQUIDO: Usa transparencia, vidrio cc y efectos de iluminación para crear un movimiento limpio y futurista

• ESCRIBE Y PLANIFICA ANIMACIONES CON CHATGPT: genera conceptos de interfaz de usuario viral, guiones y ritmo visual con ayuda de la IA.

• SIGUE PROYECTOS REALES DE PRINCIPIO A FIN — Diseña y anima dos animaciones cortas completas paso a paso

• EXPORTA Y EMPAQUETA PARA REDES SOCIALES: Ofrece videos de alta calidad con sonido optimizado para TikTok, Reels y cortos

Todo lo que construyas tendrá un aspecto de primera calidad. Todo lo que aprendas será práctico.

Para el final de la clase, habrás creado dos videos pulidos y dignos de un portafolio, y dominarás las herramientas, las técnicas y el pensamiento en movimiento que definen a los editores más exitosos de hoy.

¿Qué me hace (a Vlad) creíble para dar clase sobre este tema?

Con más de 10 años de experiencia en la edición de videos para YouTube, Instagram y TikTok, y en la gestión de dos de los canales más grandes de sus nichos, sé lo que se necesita para crear contenido que funcione. Llevo años perfeccionando un sistema creativo que funciona en todas las plataformas y formatos, como la edición de videos de cortos, de videos de TikTok y de videos para Reels. Las estrategias y herramientas que estoy a punto de compartir no son teóricas, son exactamente lo que he usado para ayudar a los creadores a volverse virales, construir audiencias y generar resultados reales.

Me emociona ver lo que vas a crear.

Conoce a tu profesor(a)

Teacher Profile Image

Vladislav Sateev

Video Editor

Top Teacher

Hi there! Welcome to my profile. I'm so glad you're here.

My name is Vlad, and I specialize in helping YouTubers elevate their content through professional video editing.

On Skillshare, I share detailed, step-by-step classes that break down my editing process into easy-to-follow techniques designed for creators of all levels.

If you're looking to create engaging, viral videos that keep your audience hooked, check out the classes below.

I'm excited to help you level up your skills and achieve your goals. Let's create something amazing together!

oVlad

Ver perfil completo

Level: All Levels

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Avance de la clase: Motion Graphics en la interfaz de usuario de Apple: Estás a punto de desbloquear el estilo de animación exacto utilizado por Apple y los creadores que obtienen millones de vistas. Esto no es solo diseño de movimiento. Es lo que hace que las marcas se sientan premium y contenido imposible de pasar por alto. Tanto si eres freelancer, editor o creador de contenido, este estilo hace que tu trabajo parezca que salió directamente de Cupertino. Y no te preocupes. Aunque los efectos posteriores se sintieran abrumadores antes, aprendes todo paso a paso. Este no es solo otro curso después de los efectos. Aquí es donde aprendes a diseñar y animar gráficos animados de interfaz de usuario pulidos, minimalistas y estilo Apple que se sienten intencionales, elegantes e innegablemente Sí, estamos usando after effects, pero lo estamos usando como lo hacen los mejores creadores de contenido y diseñadores visuales. En esta clase, aprenderás a deconstruir el ADN del diseño de Apple, claridad, espaciado, estratificación y principios de movimiento Cree un diseño de interfaz de usuario limpio y estructurado usando Figma, Photoshop, Illustrator o incluso capturas Anima con guiño anidado, elegante flexibilización y sutiles movimientos de cámara para crear un efecto de cristal líquido natural, capas transparentes y movimiento basado en interacción realista Usa desenfoque, enmascaramiento, diseño de sonido y luz para elevar tus imágenes. Empaque todo en animaciones cortas listas para Tik Tok, carretes, cortos de YouTube o incluso trabajo con clientes. Este curso es para cualquiera que quiera dominar esta estética, aunque estés empezando de cero. Te guiaré a través de todo paso a paso, desde la preparación del diseño hasta la animación final y Exportación. Construiremos dos animaciones completas de UI juntas. Uno inspirado en la función real de Apple revela. Uno enfocado en el diseño de estilo vidrio transparente con tres movimientos de cámara D. Y si te preguntas quién soy he pasado más de una década editando videos, administrando dos de los canales de YouTube más grandes en sus nichos y construyendo sistemas creativos que impulsen resultados He construido sistemas de edición que generan millones de vistas, y ahora te estoy mostrando cómo llevar el mismo nivel de artesanía y pulido a tus propias animaciones. Este curso es todo lo que me gustaría tener cuando empiezo a diseñar motion graphics con borde profesional. Si quieres dominar la estética Appletyle , impresionar a los clientes y crear un diseño de movimiento que hable por sí mismo, este es el curso para hacerlo . Te veré dentro. 2. ¡Hola! Comienza aquí: Bienvenido al último curso de maestría después de efectos para Apple UI Motion Graphics Mi nombre es Vlad y estoy emocionado de guiarte a través de uno de los estilos de animación más refinados, reconocibles y demandados en mundo del motion design hoy en día, creando animaciones de interfaz de usuario de estilo Apple en After effect Este curso está diseñado para creadores que desean que sus imágenes se sientan premium con transiciones minimalistas suaves, diseños elegantes y gráficos en movimiento ultra limpios que imitan la estética elegante y moderna que ves en los anuncios de Apple, estética elegante y moderna que ves en los anuncios de Apple vitrinas de beneficios y las Profundizaremos en lo que hace que estas animaciones se sientan tan pulidas, y te mostraré cómo crearlas paso a paso usando flujos de trabajo reales y proyectos reales. Esta es la cuarta clase en mi serie de edición en redes sociales. Si has tomado mis cursos anteriores, master short from video editing, after effects, motion graphics, mastery y premium viral motion graphics y after effects, ya has sentado las bases En esta clase, llevamos las cosas al siguiente nivel. No necesitas ninguna experiencia previa con After Effects, diseño de interfaz de usuario o gráficos en movimiento. Todo está desglosado en un formato claro y estructurado paso a paso que puedes seguir desde cero y en realidad terminar con resultados de nivel profesional, caminaremos hasta las construcciones completas de videos cortos, comenzando con animaciones estáticas, luego convirtiéndolas en animaciones pulidas con movimiento. Aprenderás a idear los conceptos visuales usando HIGPT, cómo estructurar tu flujo y cómo exportar tus proyectos para TikTok, carretes, cortos o entrega a carretes, cortos o Recomiendo ver todos los videos en orden. Cada lección se construye en la anterior, dándote una curva suave y natural que se complica a medida que avanzas. También puedes controlar el volumen y la velocidad de reproducción de cada video para aprender a tu propio ritmo. Y si te quedas atascado, tienes alguna duda, asegúrate de dejarlas caer en la sección de preguntas y respuestas a continuación Asegúrate de revisar primero la sección de preguntas y respuestas porque es muy probable que la pregunta que quieres hacer ya haya sido respondida en detalle En algún momento, se te pedirá que dejes una reseña del curso del s. Te pido que esperes hasta que hayas tenido oportunidad de experimentar realmente el material. Sus comentarios honestos me ayudan a mejorar el curso y servirle mejor a usted y a los futuros estudiantes. Gracias de nuevo por unirse a este curso. Estoy realmente emocionado de ayudarte a desarrollar las habilidades para crear hermosos gráficos en movimiento profesionales y darte la confianza para usarlos en proyectos reales, ya sean personales o basados en clientes. Vamos a saltar al primer video. 3. Domina la mentalidad para el diseño de movimiento: En este video, quiero hablar la mentalidad a la hora de aprender motion graphics o para ser honesto, cualquier cosa Voy a cubrir algunas de las mejores prácticas que uso así como algunas de las prácticas de este libro. Es un gran libro de James Clear, pero vamos a hablar de ello en un segundo. Ahora, las tres fases de aprender cualquier cosa es aprender, practicar y enseñar. Primero, vas a aprender de mí. Esto es sencillo. En segundo lugar, es importante practicar porque si aprendes y no practicas, entonces confía en mí. No trae resultados. Lo importante es que practiques. Entonces una vez que practiques, una vez tengas proyectos que hayas creado, aunque sea la réplica absolutamente exacta de lo que he creado, seguiré recomendando compartirlo con otros alumnos y contar qué es lo que has aprendido, qué es lo que has hecho. Porque cuando enseñas, simplemente pasa algo absolutamente mágico en nuestros cerebros y aprendes mucho mejor. Ahora, viniendo a este libro, quiero mostrarles una gráfica. Es esta gráfica de aquí, 1% mejor cada día. Si te vuelves 1% mejor cada día, 1.01 a la potencia de 365, es igual a 37.78 En palabras simples, significa que si te vuelves mejor en un 1% en un año, estarás 37 veces mejor. Si te vuelves 1% mejor cada día, eso es todo. Sin embargo, si empeoras 1%, serás casi igual a cero. 0.99 a la potencia 365 equivale a 0.03, que es básicamente cero Cuando se trata de aprender, solo recuerda esto. Solo necesitas 1% de mejora todos los días durante un año y estarás absolutamente al siguiente nivel. Ahora bien, si de verdad quieres sumergirte profundo, te voy a dar un par de otros consejos también. Entonces quiero decir, definitivamente puedes leer el libro, pero voy a pasar rápidamente. Básicamente, es necesario crear un nuevo hábito de aprendizaje. Para crear un nuevo hábito de aprendizaje, hay cuatro pasos. En primer lugar, hazlo obvio. Si quieres aprender, pon recordatorios justo en toda tu casa Pon recordatorios escritos, pon tu computadora, asegúrate de que la veas visualmente y que sea obvio, como si fuera fácil de notar En segundo lugar, hazlo atractivo. Haz algo que disfrutes justo después de aprender. Si te gusta salir a caminar, entonces ve a trabajar. Si te gusta comer frutas, entonces sigue adelante y come frutas, pero asegúrate de darte un regalo para que sea atractivo para ti. Ahora, sep número tres es hacerlo fácil. En otras palabras, si no aprendes normalmente y de repente empiezas a aprender 4 horas al día, eso es un poco demasiado. Asegúrate de progresar poco a poco tan pocas mejoras. No empieces a aprender todo el día y luego tu cerebro explota y ya no quieres hacerlo. Y número cuatro, hazlo satisfactorio. Puedes realizar un seguimiento de tu progreso. Puedes marcar días, puedes marcar el número de videos, viste lo que sea que funcione para ti. Y esto es solo una descripción rápida de los cuatro pasos. En este libro, James Clear da tantos más detalles sobre cómo crear nuevos hábitos. Entonces, si quieres crear nuevos hábitos y cambiar tu vida, realmente te recomiendo este libro. Por cierto también habla cómo deshacerse de los malos hábitos. Entonces, si quieres, puedes echarle un vistazo, pero aparte de eso, empecemos a aprender. Si tiene alguna duda, házmelo saber. Aparte de eso, te veré en el siguiente video. 4. Descarga todos los archivos y recursos: Bienvenida. En este video, quiero mostrarte cómo puedes acceder a tus recursos exclusivos para estudiantes. Debajo de este video, encontrarás la sección de proyectos y recursos. Si lo abres hacia arriba y te desplazas hacia abajo, podrás ver al estudiante Recursos exclusivos y el enlace de recursos descargables Si haces clic en ese enlace, te va a llevar a Google Drive o encontrarás las plantillas, archivos de proyecto, efectos de sonido, todo lo que utilicé y todo lo que necesitas usar para completar las partituras. Si tienes alguna duda, avísame. Pero aparte de eso, voy a ver el siguiente video. 5. Por qué Apple se siente Premium: diseño visual y principios de movimiento: Bienvenida. En este video, me gustaría desglosar por qué Apple se siente premium y caro. Entendamos sus diseños visuales y principios de movimiento. Bien, tenemos una serie de ejemplos. Estos son los principios de diseño de Apple. Si le echas un vistazo a alguna de estas diapositivas que tienen, todo es minimalista Es muy claro. Todo está alineado. Muchas veces con minimalista, menos es más. Por lo que estamos tratando de utilizar lo menos posible para sacarle el máximo partido. Si echamos un vistazo a su página web, el minimalismo y cualquier cosa que se sienta cara suele tener mucho espacio Por lo que utilizan el espacio a su favor. No es como si estuviera vacío, pero es caro porque espaciar significa libertad. Por lo general, la libertad y la prima caros. Es como si estuviera todo interconectado. Entonces, si echamos un vistazo a sus sitios web, mucho espacio libre. Por cierto, también mantienen un diseño similar en todas partes. Mucho blanco, mucho espacio. Hablando de las últimas actualizaciones y específicamente del vidrio líquido, y este es el efecto que estamos aprendiendo a hacer. A algunas personas les encanta, algunas personas lo golpean. Mantienen los mismos principios. Simplemente en lugar de que sea todo colorido, ellos una vez más, tratando de hacerlo aún más minimalista para que no haya colores Todo es el mismo estilo en lugar de ser estos muchos colores, es solo un look minimalista A algunas personas les encanta, y la gente lo odia. Y de todas formas, si estás aquí, sabrás cómo hacer esto. Si echas un vistazo a los principios del movimiento, entonces todo es intencional. Una gran palabra para describirla es que se siente táctil. Si alguna vez usaste productos Apple, como, es muy diferente de cualquier otro producto que exista. Solía ser usuario de PC con Windows, y cambié el año pasado tengo Samsung, HDC, y otros teléfonos móviles, y luego en algún momento, me cambio a Apple también La atención al detalle es simplemente absolutamente siguiente nivel. Entonces, si alguna vez probaste los productos Apple y comparaste con la competencia, todo es muy táctil y es solo que todo se siente caro Al igual que, está hecho para ser caro. Incluso las cajas de Apple son absolutamente increíbles. Y esta es una de las razones por las que la gente guarda sus cajas porque las propias cajas, pesar de que es como una pieza de papel, es tan buena. Entonces, recapitulemos el minimalismo. Menos es más. Espaciamiento generoso. Todo está alineado. Las cosas se sienten intencionales y táctiles, y la última actualización de vidrio líquido Si tiene alguna duda, házmelo saber mejor que eso. Te veré en el siguiente video. 6. Preparación de una interfaz de usuario al estilo de Apple para After Effects: captura de pantalla + flujo de trabajo de Photoshop: Bienvenida. En este y en un par de próximos videos, te voy a mostrar cómo crear diseños de interfaz de usuario de antemano. Ahora, algo que puedes hacer es crearlo recto y después de los efectos. Pero me enteré, desafortunadamente, me pareció un duro que en realidad es mucho más fácil preparar las cosas con anticipación, sobre todo si lo vas a usar muchas veces. Y para este ejemplo, vamos a usar Instagram. Y además de eso, en este video, vamos a usar Screenshot más Photoshop, y en otros tres próximos videos, vamos a usar otras herramientas para crear diseños de UI. Entonces, antes que nada, tomemos una captura de pantalla. En MacBook, es Shift Command tres. Presionando eso, estoy creando una captura de pantalla, y después tengo que venir a Photoshop. Aquí voy a venir a archivar nuevo o simplemente puedo seguir adelante y presionar Comando N, y vamos a crear los 1920 por 1080 píxeles personalizados porque ese suele ser el tipo de videos que creo y podremos usar los efectos posteriores. Ahora, vamos a simplemente arrastrar nuestra captura de pantalla aquí, presione bien. Ahora vamos a tener que hacer click derecho sobre nuestra captura de pantalla y dar click en RSR Layer Si no lo hacemos, voy a mostrarte lo que pasa. Para esta tarea específica, necesitaremos una herramienta de Marquesina. Podemos activarlo presionando un atajo M, o puede presionar anuncios de acceso directo como la herramienta Mover o la herramienta de selección. Presiona M. Y si selecciono y selecciono la captura de pantalla, presiono y elimino. No podemos hacerlo porque primero necesitamos rsturizar En este punto, es una capa inteligente. Entonces, si hago doble clic en él, lo va a abrir en una nueva ventana. Sin embargo, después de rasterizar la capa, haciendo doble clic, vamos a abrir el estilo de capa Si selecciono algo aquí ahora mismo y presiono y elimino, podremos eliminar partes de la imagen, que es exactamente lo que queremos. Entonces voy a seleccionar y eliminar esta parte. Por cierto, también podemos presionar Mayús y seleccionar otras partes de la imagen, pero es más fácil para mí hacerlo pieza por pieza. Por lo tanto, elimine esta parte, seleccione y elimine esta parte. En realidad, hagamos una selección más grande. Entonces. Ahora, también lo eliminemos hasta aquí. Eliminar. Genial. Y si hago clic aquí y coloreo sobreponer el fondo, esto es lo que tenemos. Al presionar Comando cero, puedo ajustarlo a la pantalla. Por cierto, en Windows, en lugar de comando, solo tienes que presionar control. Aparte de eso todo es igual. Y para aprender atajos, puedes venir a ayudar, buscar atajos, atajos de teclado, abrirlo, y buscar, por ejemplo, por ajuste, ajuste en pantalla, Comando cero. Ahora lo siguiente que queremos hacer es querer asegurarnos de que esto esté alineado y esté en el medio. Para poder hacerlo, necesitamos cortar este espacio, este espacio desde arriba. Entonces voy a seleccionar la captura de pantalla, configurar la herramienta Marquee, hacer una Más o menos, y luego acercar presionando Option o Alt en PC, asegurándome de seleccionar exactamente lo que necesito y nada más. Y ahora voy a presionar en eliminar. En realidad, acabamos de cortar esta parte también. En realidad no me di cuenta de eso. Entonces tenemos que cortar un poco menos. Así que vamos a cortar un poco menos hasta aquí. Acercar Perfect. Presentar, suprimir. Comando zoológico. Bien, genial. Entonces ahora tenemos la parte superior cortada con precisión, tenemos la parte inferior cortada con precisión. Bueno, esta parte realmente no importa muy, muy pequeña. Y ahora necesitamos seleccionar la capa y la captura de pantalla juntas, y vamos a presionar aquí. La captura de pantalla va a alinearse verticalmente. Ahora bien, para que se alinee horizontalmente, tenemos que hacer lo mismo. Tenemos que cortarlo de la derecha y de la izquierda para que sea precisamente aquí, cortar hasta aquí. Y se corta hasta aquí. Entonces hagamos exactamente eso. Hagamos selección por aquí, mueva la selección. Por cierto, también puedes mover esta selección con las teclas. Entonces, al presionar a la derecha, va a mover a la derecha. Izquierda, se va a mover a la izquierda. Presentar eliminar. Entonces vamos a seleccionar el gráfico de pantalla, presentar eliminar, hacer exactamente lo mismo en el lado opuesto. Eliminación perfecta, comando cero. Y ahora seleccionando ambos, por cierto, asegúrate de anular la selección lo que tengas en la pantalla porque simplemente va a funcionar de manera extraña Así que asegúrate de deseleccionar o simplemente presionar en alguna parte y luego poner nuestra captura de pantalla en el medio Lo siguiente que tenemos que hacer es cortar cada pieza para que si queremos animar cada pieza, queremos asegurarnos de que tenemos acceso a cada pieza en lugar de solo una captura de pantalla enorme También lo vamos a hacer con la herramienta Marquee, señor. Presiona ahora necesitamos hacer una selección. Por ejemplo, esta parte aquí, seleccionada, y vamos a presionar Comando X o Control X. Lo sentimos, necesitamos seleccionar la captura de pantalla, Comando X. Necesitamos presionar Mayús Comando V, y vamos a pegarlo exactamente en la misma posición. Si presionamos Comando V, que es algo que podemos hacer, va a pegarlo, pero en diferente ubicación, que no es algo que queramos. Entonces Shift Command V o Shift Control V en Windows. Selecciona la captura de pantalla, y ahora tenemos que hacerlo por cada pieza que queramos animar. Entonces lo haremos por esta parte. Y esta parte. Solo asegúrate de seleccionar la captura de pantalla. Si no seleccionas la captura de pantalla y presionas en Comando X, simplemente no hay nada que pegar. Así que asegúrate de seleccionar la captura de pantalla. Bien. Y ahora, si yo ds la captura de pantalla, vamos a tener cada pieza sola. Entonces lo que podemos hacer es que realmente podemos seguir adelante y eliminar la captura de pantalla original porque ahora tenemos cada capa por separado. Lo siguiente que tenemos que hacer es cortar cada capa con precisión. Sé que es un poco tedioso, pero esto es algo que tenemos que hacer La razón de ello es porque la punta del tobillo está en el medio de cada capa. Entonces, por ejemplo, el punto ancho para este video, no va a estar en medio del círculo. Va a ser por aquí. Al igual que, va a estar en medio el corte. Y lo mismo para esta parte. Entonces va a ser por aquí. No va a estar entre estas dos letras. Y para personalizarlo a cómo debe ser, sí necesitamos cortar cada pieza. Entonces por ejemplo, con esta, una vez más, selecciona la selección de la herramienta Marquesina, selecciona selecciona **** y hazlo Ahora bien, si lo hago más grande y presionando opción, puedo escalarlo así. Se puede ver que el encapoint está justo por aquí. Sin embargo, para esta capa, el encapoint está por aquí Y para que uno esté en el medio, una vez más, tenemos que cortar cada pieza. Qué Bien, ahora que hemos hecho estos recortes, lo que sea que escalemos va a escalar Entonces es absolutamente bueno para ir. Ahora bien, una cosa importante a mencionar es que, por ejemplo, mi nombre o cualquier tipo de texto que esté en la pantalla, es una imagen. Si queremos que sea texto, necesitamos crear el texto, y necesitamos que coincida exactamente. Entonces, por ejemplo, si quiero animar este texto específicamente aquí, como mi nombre, tendré que dar click aquí, y tendré que escribir mi nombre Hagámoslo blanco. Busquemos la fuente de Instagram. ¿Qué fuente usa Instagram? Bien, entonces sí usan algún tipo de arenas, pero que es una costumbre construida para ellos. Así que vamos a elegir uno de estos. Solo queremos asegurarnos de que sea similar. No tiene que ser el ft exacto. Bien. Al igual que ahora necesitamos hacerlo ahora necesitamos hacer que el texto sea negro, y tal vez moverlo un poco más bajo. Así. Y ahora, si seleccionamos éste. Bueno, hay un par de cosas que podemos hacer con esto. Una cosa que podemos hacer es simplemente superponer el color y hacer una capa blanca de presión kay. Y luego una vez que tengamos nuestro texto, vamos a tener nuestro texto. Estamos haciendo esto es porque queremos personalizarlo más adelante en after effects. Si no queremos personalizar más adelante en after effects, solo podemos dejarlo como está. Una cosa importante a considerar también, es que si quieres reutilizar esto varias veces, es más fácil hacerlo primero en Photoshop, luego vas a tener este archivo. Serás capaz de poner en efecto después. Tendrás las capas de texto listas. O puede crear capas de texto en los efectos posteriores. Lo que sea que funcione mejor para ti. Yo diría, si usas el proyecto una vez, puedes hacer ambas cosas, pero si vas a usar un proyecto varias veces, entonces crea estos textos en Photoshop desde el principio. ¿Bien? Ahora, tenemos que guardar a esta persona del proyecto venga ad as, venga a Desktop y guarde escritorio. Ahora vamos a abrir después de los efectos. Nuevo proyecto ahora encontraremos nuestro archivo, y lo dejaremos caer por aquí. Ahora bien, estos son un par de escenarios importantes. En primer lugar, opta por composición retener tamaños de capa o composición. No uses el metraje porque si haces clic en el metraje, lo va a importar. Es una imagen grande, y no queremos eso. La razón por la que hicimos todo el trabajo en Photoshop para que tengamos muchas capas diferentes. Eso es lo más importante ahora en cuanto a las opciones de capa, opciones de capa, por ejemplo, en Photoshop, si hago doble clic, estas son tus opciones estilos de capa. Y básicamente, es a lo que se refiere. Entonces, por ejemplo, si nos fusionamos o si quieres tenerlo editable, para ser honestos, no importa en este caso, porque no estamos usando ninguna Entonces, si haces clic en Bien, lo va a importar como composición. Podemos hacer clic y abrirlo, y ahí tienes. Ahora bien, si una persona ordena a Y crear un sólido, establecer un fondo blanco colocarlo, para que podamos eliminar la capa negra y ahí vamos. Tenemos nuestra página de Instagram. Ahora, verás que Vlad Se tv, que es mi nombre, si hago clic en él, creo, convierte a texto editable Si hago clic en él y presiono en comando, puedo personalizar este texto. Esta es la razón por la que creamos este texto en Photoshop. Pero para mi mango, por ejemplo, no podemos cambiarlo porque es sólo una imagen. Una cosa que podemos hacer es simplemente escribirla, ponerla aquí, disminuir la posición de la escala más o menos así, y luego solo necesitamos en realidad, deseleccionemos Esta es la capa 13. Entonces si lo deseleccionamos, habilite este este es nuestro mango. Podemos hacerlo en ambos sentidos. Si vas a trabajar en un proyecto varias veces, entonces sí, adelante y hazlo en Photoshop desde el principio. Si no, puedes hacerlo de una vez en después de los efectos y olvidarte de esto. Bueno, así es como preparas tu diseño de UI en Photoshop. Ahora, entremos en el siguiente video, y te mostraré otra manera de hacerlo. Si tiene alguna duda, házmelo saber. Pero que eso, te veré el siguiente video. 7. Preparación de una interfaz de usuario al estilo de Apple para After Effects: captura de pantalla + flujo de trabajo de Illustrator: Bienvenida. En este video, vamos a explorar la segunda opción para crear diseño de interfaz de usuario. Y en este caso, vamos a usar una captura de pantalla plus en Illustrator. La forma en que haces esto es tomar una captura de pantalla, y luego vienes a Illustrator. También puedes presionar Comando como en Photoshop para crear un documento personalizado. 1920 por 1080, crear Illustrator sí funciona de manera ligeramente diferente en comparación con Photoshop, y te voy a mostrar en un segundo. Descargué esta imagen del sitio web de Apple, y voy a presionar por aquí al final, y voy a presionar Option y Shift para que se escala desde el medio y de manera uniforme. Algo así, selecciona la herramienta de selección, muévela un poco más abajo. Ahora, la forma en que vamos a hacer esto con Illustrator es que vamos a recrear literalmente esta cosa a mano Y para ello, vamos a crear una nueva capa presionando aquí. Y ahora vamos a recrear las cosas. En primer lugar, presionar un relleno de rectángulo. Seleccionemos algo de un color opuesto. Voy a acercar con opción, y vamos a crear algo como esto, y lo personalizaremos ahora. Así que quiero asegurarme de que se ajuste a los bordes exactamente donde se supone que debe estar. Ahora, tampoco necesitamos el trazo, así que solo voy a presionar aquí para asegurarme de que no tengamos ningún trazo. Y lo último que vamos a hacer es que podamos arrastrar estas capas para asegurarnos de que tenemos los bordes redondeados como jabón, y aquí está para que veas lo que está pasando. Ahora, también necesitamos crear este látigo al final, y vamos a crear otra capa Vamos a presionar en el pentel. Empezaremos por aquí, lo tiraremos hacia abajo, y luego lo voy a hacer, así. En realidad, hagámoslo así. Entonces, al sostener el cursor, en realidad puedo estirarlo y suavizarlo. Entonces lo haremos hasta este punto, entonces tenemos que hacerlo a por aquí. Y se puede ver que tenemos este asa viniendo del punto anterior. Entonces tenemos que presionar opción y moverla, así vamos a mover este un poco también. Y ahora sólo vamos a dar click aquí para terminar el barrido al final. Ahora, recreemos el texto pulsando T. Este es un atajo para abrir el texto Y ahora eso está justo aquí. I Apple usa la fuente SF Pro. puedes descargarla desde el sitio web oficial de Apple . Probemos con regularidad. Verde presione en el espacio de comandos para desactivar la edición del texto. Ahora, vamos a moverlo aquí y aumentemos de tamaño. Voy a presionar Shift, también para asegurarme de que escala de manera uniforme. Ahora, voy a moverlo con las teclas de flecha. Y ahora también necesitamos hacerlo gris. Perfecto. Y hagamos lo mismo con el texto inferior, también. En realidad, solo cometí un pequeño error. Lo puse en la capa uno, el texto. Pongámoslo a la capa tres, y vamos a crear nombres. Entonces, en realidad, puse el látigo aquí también. Entonces la capa dos va a ser burbuja. Esto va a ser texto. Entonces tenemos nuestro texto. Asegurémonos de que encaje perfectamente también. Y pongámoslo. Entonces también notarás que tienen diferentes variaciones, y en esta, probablemente no sea regular. Es un poco más que regular. Entonces probemos medio. En realidad, esto podría ser regular, el espaciado entre las palabras un poco más grande para que podamos aumentarlo por aquí. Para encajar perfectamente. Ahora solo tenemos que asegurarnos de que sea de un color ligeramente diferente. Entonces vengamos a llenar. Ven aquí. Hazlo gris. Perfecto. Ahora, vamos a crear la capa N. Seleccionemos nuestra herramienta de rectángulo, y vamos a crear un rectángulo enorme. Más o menos así. Ahora asegurémonos de que sea perfecto. Vamos a golpearlo hasta aquí. Esta va a ser nuestra pantalla. Bien, ahora vamos a crear nuestros bordes súper lisos así. ¿Bien? Pongámoslo también en la parte inferior para que podamos ver las cosas. Y lo llamaremos fondo iPhone. Ahora, en la misma capa, también podemos crear otra, y podemos hacerlo así. Y para ello, sólo vamos a necesitar cambiar el color a ligeramente diferente. Lo pondremos a rojo por ahora, así. Tenemos que hacer exactamente lo mismo. Ahora necesitamos arrastrarlo con opción para duplicarlo, ponerlo exactamente en la misma posición, y este no va a tener los bordes redondeados. De hecho, podemos bajarlo. Entonces ahora si cambiamos los colores, por cierto, la forma en que podemos cambiarlo es solo podemos arrastrar este hacia la izquierda. Para este, vamos a dar click aquí para otros rectángulos Vamos a hacer clic aquí. Para éste. Vamos a hacer clic aquí. Interesante, ligeramente diferente. Así que vamos a asegurarnos de que es exactamente la correcta. Perfecto. Voy a seleccionar esta. Bien, perfecto. Ahora, lo volveremos a poner exactamente en el mismo lugar. Por cierto, el rectángulo en la parte inferior, podemos bajarlo un poco. Y vamos a crear texto. Esto es lo que tenemos hasta el momento. Todo lo que estoy haciendo para esta parte es duplicar el fondo blanco para crear un contorno negro del iPhone. Bueno, ya entiendes la idea. Por el bien del tiempo, no voy a pasar por toda la recreación. Al final, lo que hacemos es eliminar la capa que no necesitamos, que es esa. Ponemos esta capa a la papelera. Ahora, si quieres personalizar cada texto, entonces necesitas crear una capa para cada texto. Así que podemos poner este aquí, y esto será, ¿puedo llamarte de nuevo? Bien, genial. Ahora en presionar Comando S y guardarlo como Adobe Illustrator. Vamos a guardarlo en el escritorio. Presiona bien. Ahora, cuando lleguemos a los efectos posteriores, vamos a arrastrar esta cosa dentro. Asegúrese de establecer el tipo de importación como composición. Una vez más, si no configuras esta composición se va a importar como una imagen grande. Entonces composición, tamaño de capa o tamaño de documento. Esto también es importante. Básicamente, si estableces el tamaño del documento, entonces cada texto, cada objeto va a ser del tamaño de la composición, que va a ser 1920 por 1080, que no es algo que queramos. Queremos que sea el tamaño porque si usamos el tamaño del documento, y te voy a mostrar rápidamente. Siempre hago clic, hoy tenemos el texto, pero básicamente, es el tamaño de la composición. Eso no es lo que queremos. Si vuelvo atrás y lo importo con tamaño de capa, ahora vamos a abrir la composición ahora puedo presionar sobre el mensaje I y puedo moverlo por ahí. Y puedo seleccionar en realidad absolutamente cualquier cosa aquí. Pero si no lo hacía, tendría que meterse con presionar P y cambiar la posición de cada cosa esta manera porque solo podríamos tocar la que está en la parte superior porque es el tamaño de la capa. Ahora, lo mejor de Illustrator es, por ejemplo, la burbuja. Puedo hacer clic derecho para crear grandes formas a partir de la capa vectorial, lo que significa que ahora es una forma en el efecto posterior. Y si quiero digamos cambiarlo, absolutamente puedo cambiarlo. El único problema con Illustrator es que cuando el texto se importa a los efectos posteriores, realidad no es texto. Déjame darte una mejor explicación. Al importar el archivo illustrator, éste importa texto y todos los objetos como formas. Si quieres personalizar el texto, necesitamos importar el archivo de Photoshop porque si importamos el archivo de Photoshop, entonces puedes convertir el texto de Photoshop en texto editable en after effect Una cosa que te mostré desde el principio es que cuando creas un archivo de Illustrator, simplemente fui a crear nuevo y crear un tamaño personalizado 1920 por 1080. Pero aquí está el gran problema. Cuando exportamos este archivo como un archivo photoshop y luego lo importamos a after effects, tenemos problema. No tenemos capas. Simplemente se está importando como imagen. Eso no queremos. Lo que queremos es que se importe tantas capas diferentes. La forma en que somos capaces de resolver este problema es si vamos a nuevo y creamos una web grande. Entonces, si vas a la web, puedes crear una web grande. Y porque está siendo tratado como un formato diferente porque cuando entramos en la exportación, por ejemplo, vamos a exportar 15 y vamos a usar Porto shop Export. Cuando usamos este modelo de color y potencialmente algunos otros ajustes. Se puede ver que se está importando y no tenemos este pop up con el que podría personalizarlo. Y ahora, lo que tenemos que hacer es que tenemos que presionar el Comando A y presionar Comando C, Comando N para crear nuevo weblarge y pegarlo aquí Ahora, verás que tenemos solo una capa, y tenemos todas nuestras cosas en una sola capa. Y lo que tenemos que hacer es que tenemos que dar click en la capa, click en esta hamburguesa, liberar a secuencia de capas. Ahora, todo es su propia capa, y tenemos que arrastrarla fuera de esta capa y podemos eliminar esta capa porque ya no la necesitábamos. Ahora bien, si entramos en la exportación de archivos como Photoshop, usa mesas de trabajo, y hagamos esto 116 ¿Bien? Ahora, vamos a importarlo a los efectos posteriores. Verás, tenemos este pop up. Somos capaces de elegirlo y presionar bien. Doble click, ahora tenemos el texto y algo donde anteriormente abofetamos es el problema con los archivos de Illustrator es que este no es un texto Se trata de un archivo SVG. Y ahora mismo, tenemos este texto. Hemos comprimiendo el Comando C, vamos al archivo SVG, y ahora podemos hacer clic derecho en Crear texto editable Ahora tenemos este texto, y podemos personalizarlo. Si tiene alguna duda, házmelo saber. Pero que eso, te veré el siguiente video. 8. Preparación de una interfaz de usuario al estilo de Apple para After Effects: flujo de trabajo de Figma e Illustrator: Bienvenida. En este video, te voy a mostrar la tercera forma de crear diseños de UI. Y en este video, vamos a usar Figma e Illustrator Figma se puede utilizar de forma gratuita. Hay algunos planes de pago, pero lo vamos a usar completamente gratis, así puedes venir a figma.com. Además, puedes descargar una app en tu computadora. Entonces va a verse algo así. Como pueden ver, es muy, muy similar. La experiencia en una aplicación es un poco más fluida que en el navegador. Entonces, si tienes una oportunidad, adelante y descárgala. Si no, puedes usarlo en el navegador. Pero en aras de la suavidad, vamos a utilizar la aplicación Entonces, si vas a Plantillas y Herramientas, podemos buscar, por ejemplo, la interfaz de usuario de Mac, y podemos seguir adelante y abrirla, y boom, déjame acercarme. Ahí vas. Un montón de cosas aquí. Que se ve exactamente igual que la página oficial de McBook. Podemos ir a buscar diferentes. Para ésta, por ejemplo, vamos a abrirla. Bien, así que un montón de cosas aquí haga clic aquí, haga clic aquí. Entonces sí parece que es de Mac. Ahora, déjame mostrarte cómo trabajar realmente con esto. Entonces, en realidad, busquemos la interfaz de usuario del iPhone. Bien, así que acabo de abrir interfaz de usuario de iPhone Los Así es como se ve desde ambos lados. Incluso puede hacer clic en iPhones especiales. De todas formas, así que lo que vamos a hacer es que vamos a hacer clic aquí, y solo nos aseguraremos que hemos seleccionado lo correcto, y vamos a hacer clic derecho en Copiar Pegar y copiar SVJ Y ahora vamos a abrir Illustrator, Command N web large, crear, y aquí sólo vamos a pagar. Comando V. Y ahí tenemos nuestro iPhone. Notarás que el fondo de pantalla desapareció. Eso está totalmente bien porque ese fondo de pantalla no es un archivo SVJ Y lo que hicimos en Figma es que copiamos específicamente SV. En uno de los futuros videos, me verás teniendo el mismo problema, y te mostraré cómo resolverlo. Ahora, también podemos abrir capas, y vamos a ver todos los objetos. Entonces de aquí para acá. Si deshabilitamos este grupo donde se encuentran todos los objetos, entonces así es como va a quedar. Lo primero que podemos hacer es seleccionar todos los objetos y sacarlos de los grupos. Así. Entonces necesitamos seleccionar nuestra capa haga clic en la secuencia de capas de liberación de Burger. Y ahora podemos seleccionar todas las capas y rastrearlas. Entonces ahora cada cosa es su propia capa. Y por cierto, podemos No estoy seguro para qué se utilizaron estos, pero por ahora podemos deshacernos de ellos. Bien, para que podamos movernos cada pedacito como queramos. Podemos seguir adelante y guardar este archivo. Entonces manda como para salvar. Vamos a guardarlo por aquí. Persona bien. Ahora vamos a las secuelas y sigamos adelante y arrastremos lo que acabamos de crear Asegúrese de establecer la composición y los tamaños de capa. Bien, haga doble clic, y ahí va. ¿Bien? Veamos cuál era este. Bien, probablemente podamos deshacernos de esta. Presionemos Comando Y para crear un sólido, ponerlo en el fondo y vamos a crear otro sólido. Vamos a hacerlo gris. Presiona Bien. Sólo voy a encontrar qué parte necesitamos para rastrear tapete. Por lo tanto, necesitamos rastrear la estera, necesitamos rastrear el grado de MD para que solo lo criara. Entonces necesitamos rastrear el grado MD a la capa 26 para básicamente cambiar el color de fondo. O podemos seguir adelante y simplemente hacer clic derecho en crear formas a partir de capas vectoriales y desactivar esta y cambiar el color de la propia capa. Así que llene, podemos cambiar su color así. Y ahí tienes. Bastante fácil, bastante rápido. Figma es realmente genial. Para ser honesto, lo descubrí no hace tanto tiempo, y absolutamente solo lo cambia todo. Es absolutamente genial. Puedes buscar cualquier tipo de interfaz de usuario. Entonces, por ejemplo, YouTube, UI, vamos a abrirlo. Y ahí tienes. Si nos acercamos, esto es lo que tenemos. Podemos simplemente seguir adelante y seleccionar este, por ejemplo, el canal. Entonces esta parte, podemos simplemente seguir adelante, seleccionarla, clic derecho, hacer lo mismo, y bueno para ir. Ahora, una cosa realmente buena los archivos SVJ es que podemos asegurarnos de que estos archivos rasterizan Lo que eso significa es, por ejemplo, presionemos y sim S y lo haremos a lo grande. Y verás que está empezando a perder calidad a medida que se va haciendo más grande. Pero si presionamos este botón aquí, pesar de que lo estamos incrementando en tamaño, se mantiene la misma calidad. Entonces esto es lo mejor de los archivos SVG y de Illustrator porque somos capaces de hacer esto. Si realmente quieres acercar, por ejemplo, o realmente aumentar el tamaño de algo, podemos hacer eso con esto, lo que ahorra solo sí, simplemente salva absolutamente el día. Entonces si quieres, puedes seguir adelante y seleccionar todo y hacer click en este botón aquí y va a hacer. Así es como lo haces con Figma y con Illustrator y con After Effects Si tienes alguna duda, avísame. Pero aparte de eso, te veré en el siguiente video. 9. Preparación de una interfaz de usuario al estilo de Apple para After Effects: flujo de trabajo PDF e Illustrator: Bienvenida. Este es el último video de creación de nuestros diseños de UI, y en este video, vamos a usar PDF en Illustrator en after effects Déjame mostrarte cómo hacer esto. Vamos a Safari, Archivo, Exportar como PDF. Y debería haber una opción similar en Crombo Browser. Pero para este, vamos a guardarlo en nuestro escritorio como YouTube. Entonces vamos a entrar en Illustrator. Hay un par de formas de abrir este archivo PDF. Puedes rect connect open con Illustrator. Y eso va a abrir la página de Illustrator, y ahí tienes. Esta es toda nuestra página de YouTube, ¿y adivina qué? Tenemos una gran cantidad de objetos aquí, y cada objeto se puede mover y personalizar, como se puede ver en la pantalla, que es exactamente lo que queremos. Otra forma en la que quizás quieras probar esto es que ya tienes un documento, y luego intentas soltar dragón nuestro YouTube aquí. Sin embargo, encontrarás que se importa como una imagen y no como objetos o capas. Y eso es un problema porque no queremos eso. Entonces, para evitar eso, quieres asegurarte de ir al archivo abierto y luego buscar TPDFPreseno, cerrar, y puedes ver que se importa de la manera que necesitamos ser importados Podemos mover las cosas. no lo hacemos, como pueden ver, podemos moverlo como una imagen grande. O podemos seguir adelante, hacer clic derecho en abrir con Illustrator. Ahora, desafortunadamente, como se puede ver en la pantalla, el texto no está en la mejor forma. Para resolver esto, tendremos que recrear cada texto que tengamos en la pantalla Afortunadamente, no necesitamos tener tantos videos, así que podemos simplemente seguir adelante y eliminarlos a, digamos de aquí, a todo. Entonces podemos presionar en Shift O y arrastrar esta cosa hacia arriba para hacerla un poco más pequeña, tal vez no tan pequeña, algo así. Entonces solo presiona sobre scape. Y un par de cosas que podemos hacer. Sí, podemos seguir adelante y editar el texto para que sea el correcto. Podemos seguir adelante y eliminar el texto, poner el texto correcto en. Por cierto, solo puedes abrir el archivo PDF hacerlo enorme. Entonces bien, es esta. Así que sólo puedo seguir adelante y copiar el texto. A partir de aquí, permítanme seleccionarlo. Control C, o comando C, ven aquí, pegarlo. Boom. Bueno para ir. Tenemos exactamente el mismo texto. A lo mejor sí necesitamos cambiar los colores, así que hagámoslo negro. Bien, ahora necesitamos entrar en archivo, guardar como sea Illustrator, guardar Luego llegamos a secuelas, jag nuestro archivo Illustrator, jag nuestro archivo Illustrator posición trobin y Doble clic? Oh, me olvidé de hacer una gran cosa. Venimos aquí, liberamos secuencia de capas. Ahora, tenemos que seleccionar todo. Arrástralo fuera de esa capa, y ahora tenemos que guardarlo. Entonces vengamos a After Effects Command Z. Y aquí, archivo, guardar como Illustrator, YouTube, sí, reemplace el anterior Presiona Bien. Ven aquí. YouTube. Ahora lo abrimos, y ahí lo tenemos. Ahora bien, si lo desplazas por la parte inferior, clic en la capa uno, y vamos a crear un sólido encima de él presionando Comando Y. Hagámoslo Y, al igual que YouTube. Y ahí tienes. Tenemos nuestra página de Facebook. Ahí tienes, tenemos nuestra página de YouTube. Y ahora, si quieres cambiar el texto, sí, podemos seguir adelante y simplemente agregar nuestro texto en la parte superior o una vez más, podemos hacerlo en Illustrator. Y entonces tendremos que exportar eso como archivo photoshop importante aquí. Una cosa que te puedo recomendar para guardar el dolor de cabeza con el texto es si lo vas a reutilizar en el futuro, realidad, sigue adelante y guarda en archivo after effects, como una plantilla. Y por lo tanto, en el futuro, cuando necesites usarlo, ya tendrás texto de after effects o de Photoshop, cualquiera que sea la opción que mejor te funcione, y podrás reutilizarla La forma en que puedes guardar una plantilla para after effect, solo guarda el archivo after effects en algún lugar que conozcas, por ejemplo, puedo guardarlo YouTube. Puedo cerrar este archivo presionando Shift Control Option Command S, luego abrir el archivo after effects, y ahí lo tienes. Esta es la plantilla. En el futuro, podrás reutilizarla. Entonces, por ejemplo, vamos a cerrar este archivo. Vamos a crear una nueva composición. Entonces básicamente, se creó un nuevo proyecto. Ahora arrastraremos y soltaremos nuestro YouTube y luego abriremos el YouTube y podrás usarlo así. Por cierto, cualesquiera que sean los cambios que hagas a esta plantilla, que fue importada, el archivo original permanece igual. Es cualquier cambio que hagas aquí, por ejemplo. Borrémoslo así y cerremos este proyecto. Ahora vamos a Bien, digamos este proyecto. YouTube. Bien, cerramos. Pero si vamos a YouTube, original, todo es igual porque realidad no estamos cambiando el archivo original, solo estamos influyendo en el archivo que se ingresó en Bien, entonces entiendo que no fue súper fácil pasar por los últimos cuatro videos. Pero ahora sabemos diseñar diseños de UI con screenshot y Photoshop, con screenshot e Illustrator, con Figma e Illustrator y con PDF e Illustrator Tienes 44 lo siento, no puedo contar. Tienes cuatro formas diferentes de crear diseños de interfaz de usuario. Lo que funcione mejor para usted, úselo con su flujo Si tiene alguna duda, házmelo saber mejor que eso. Te veré en el siguiente video. 10. Configuración del proyecto y estructura de archivos: Bienvenida. En este y durante el siguiente par de videos, podemos hablar sobre las herramientas principales para las animaciones de la interfaz de usuario de Apple. En este video, específicamente, podemos hablar sobre la configuración del proyecto y la organización de archivos. Vamos a abrir después del efecto, crear un nuevo proyecto en la esquina superior izquierda. En primer lugar, vamos a crear composición. Podemos hacer clic aquí en la parte inferior, o podemos hacer clic aquí para crear una composición. O si ya tenemos algo aquí, podemos simplemente arrastrarlo y soltarlo desde el proyecto a nuestra línea de tiempo aquí y va a crear una composición. Ahora bien, les recomiendo crear composiciones ustedes mismos con anticipación ya sea haciendo clic aquí, haciendo clic aquí y personalizando los ajustes Te recomiendo trabajar con 1080 por 1920 o 1920 por 1080, dependiendo si quieres crear videos verticales u horizontales, vamos a crear ambos. Y te recomiendo 30 fotogramas por segundo. Básicamente hay tres velocidades de fotogramas principales. Hay 24, 30 y 60. A veces se puede ver en línea, por ejemplo , en YouTube, como 50 cuadros por segundo, pero es un poco raro. La mayoría de las películas usan 24 fotogramas por segundo, por ejemplo, transformadores, son 24 fotogramas por segundo. Si usas 60 cuadros por segundo, es muy suave, pero no se siente natural. De lo más natural y claro, al decir esto, estoy compartiendo mi opinión, pero en mi opinión, 30 fotogramas por segundo es lo mejor. Así que recomiendo 30 fotogramas por segundo, 1920 por 1080 o 1080 por 1920. En la parte inferior, puedes establecer una duración de tu composición. Podemos establecer, por ejemplo, 10 segundos y pulsar en Bien. Por cierto, también se le puede dar un nombre. La composición uno funciona perfectamente bien para nosotros. En segundo lugar, te recomiendo personalizar tus espacios de trabajo. Entonces, por ejemplo, este es un espacio de trabajo horizontal, pero como puedes ver, porque estamos trabajando con video vertical, no es lo más conveniente. Lo más conveniente sería un espacio de trabajo vertical. Para hacer esto, necesitas entrar en el espacio de trabajo predeterminado, luego seguir adelante y arrastrar esta cosa en la parte superior, arrastrarla hacia la derecha, y hacerlo así. Entonces tenemos que mover esto por aquí. O sea, verás en realidad el audio que realmente no necesitamos aquí, una línea, definitivamente lo necesitamos, vista previa, realmente no lo necesitamos. Propiedades, necesitamos propiedades. Entonces pongámoslo aquí. También podemos ponerlo a la derecha. Bien, y ahí tienes. Ahí tienes la vertical, luego simplemente sigue adelante, haz clic derecho en Guardar este nuevo espacio de trabajo, dale un nombre, y se va a ubicar aquí o en la parte superior aquí. Se puede restablecer para guardar diseño y va a volver a la configuración predeterminada. En cuanto a la organización de archivos, recomiendo crear carpetas. Como quizás sepas o quizás no sepas, puedes crear carpetas. Puedes crear carpetas haciendo clic en ellas, o puedes crear carpetas arrastrando algo a la carpeta y va a crear carpeta Entonces, por ejemplo, digamos que tuvimos comp one, luego vamos a duplicar un par de veces. Seleccionemos los tres, dragón, déjalo caer aquí, dale un nombre. Comp uno, dos, tres. Y al hacer clic aquí, podrás abrirla. Mantiene las cosas más organizadas. Es más fácil acceder, especialmente cuando estamos trabajando con diseños de interfaz de usuario. Y hay cientos, si no incluso más capas a veces, y solo quiero asegurarme de que sepas dónde se encuentran las cosas. De lo contrario, va a ser un gran dolor de cabeza. Eso no quieres. Haz eso. Crea composición y estarás listo para comenzar. Si tiene alguna duda, házmelo saber. Mejor que eso, te veré en el siguiente video. 11. Capas de forma y herramientas esenciales de animación: Bienvenida. En este video, vamos a hablar forma y herramientas esenciales de animación. Presionemos Comando y para crear una nueva composición. Y por cierto, los ajustes que creamos en el video anterior siempre van a ser predeterminados para nuevas composiciones a menos que cambies la configuración. Entonces, si lo cambiamos a 1080 por 1080 y presionamos bien, la próxima vez vamos a crear nueva composición, va a ser 10801080 Hay una serie de cosas que son importantes a la hora crear animaciones de interfaz de usuario APO. En primer lugar, necesitamos crear formas, y podemos presionar Q para seleccionar la herramienta de forma. También podemos presionar Q, y vamos a seleccionar una forma con rectángulos redondeados Lo sentimos, una herramienta de rectángulo redondeado. Después vamos a seleccionar Ellipso circle, luego este polígono y una herramienta SAR Vamos a crear una herramienta de rectángulo redondeado. Y al presionar shift, voy a asegurarme de que sea un cuadrado perfecto. Pongámoslo en el medio. Por cierto, también podemos cambiar el tamaño de la composición. En medio de la edición, no es un problema. Entonces otra herramienta organizativa que usaremos es el naming. Entonces, por ejemplo, para éste, lo leeremos cuadrado rojo. Bien. También voy a presionar Comando y haciendo doble clic sobre esta herramienta de pan detrás, va a centrar el punto ancha. La razón por la que queremos centrar el punto ancho es porque si creamos animaciones y digamos animaciones de ruta, va a estar basado en el punto de anclaje. Y por lo tanto, quieres asegurarte de que está en el mismo medio, no en algún lugar de uno de los lados, lo que va a destruir por completo la animación. Ahora, vamos a crear otro rectángulo. Asegúrate de seleccionar esta. O bien puedo hacer clic aquí, pero si tengo una tonelada de capas. Aquí solo puedes presionar Mayús Comando A o Shift Control A. Y vamos a crear otro rectángulo, ponlo en el medio también, centrar el punto de anclaje. Y para éste, vamos a cambiar su color. Vamos a cambiarlo a Vamos a cambiarlo a blanco. Entonces este va a ser un pequeño cuadrado blanco. Puedes cambiar el nombre presionando Enter, y luego podrás renombrar. También puedes cambiar los colores de cada capa. Entonces, por ejemplo, para el rojo encendido, en realidad podemos seleccionar rojo, pero para el blanco no hay blanco, podemos seleccionar como rosa, amarillo, melocotón, lo que sea el más cercano. También puedes editar las etiquetas y establecer el color que quieras. Por ejemplo, en lugar de este verde oscuro que nunca uso, en realidad podemos poner blanco, y podemos llamarlo blanco. Y ahora vamos a poder poner blanco así. Perfecto. Porque en el futuro, estaremos trabajando para transformar las formas. Tenemos que asegurarnos de que sabemos cómo conectar las formas para que podamos transformarlas. Entonces, por ejemplo, si aumento la escala, sólo aumentamos la escala de uno de ellos. Por cierto, necesitamos ingresar al co punto para éste. Bien, entonces digamos que aumentamos la escala, pero la pequeña no escala. Hmm. Bueno, para escalar el pequeño, tenemos que ser padres de familia, y lo hacemos criando al pequeño a éste, solo azotándolo por aquí Si no ves el látigo, icono por alguna razón, presiona Control S o Alt S en Windows, y podrás alternar entre las herramientas aquí Entonces ahora si aumento la escala, ambos escalarán exactamente lo que queremos. Sin embargo, y esto es grande, sin embargo, digamos que queremos cambiar el rectángulo. Digamos que queremos cambiar su tamaño. Entonces por ejemplo, así o así, bien, cambiamos su posición, por ejemplo, aquí, o cambiamos la redondez. Hay alguna manera de hacer esto para que el blanco cambie igual que el derecho? Sí, absolutamente. La forma en que hacemos esto es abrimos el rectángulo, el pequeño blanco. Tenemos el tamaño, la posición, la rugosidad, exactamente lo mismo que tenemos para el rectángulo Y ahora necesitamos azotar el tamaño del rectángulo pequeño al tamaño del rectángulo grande Verás que acaba de convertirse en una talla. Y ahora podrá personalizarlo. Entonces, si pongo la opacidad de este al 50% yendo a la propiedad, por ejemplo, 50, verás que tenemos el rojo detrás y ellos lo están haciendo exactamente igual Sabemos que funciona porque estos valores son rojos. Entonces 671, seis, 71, y aquí tenemos exactamente lo mismo. Y si lo cambiamos, también cambia para el otro. Estos valores son rojos, significa que están conectados. Bueno. Tenemos las mismas cuatro posiciones. Entonces, si cambiamos la posición, también cambia. Y ahora para la redondez también, conectemos la redondez Ahora bien, si cambiamos la redondez de uno de ellos, el otro también cambia Ahora, podemos volver atrás y conectar solo la redondez por ejemplo Entonces conectemos la redondez. Y al aumentar la redondez del grande, también cambiamos las rondas de la pequeña Interesante, ¿verdad? Bien, en cuanto a la animación, tienes una serie de animaciones. Tienes tus animaciones de transformación regulares. Aquí tienes tus animaciones. Al igual que, todo lo que tiene este icono de temporizador, todo se puede animar. Y hay muy buena extensión, que es compositor de animación, que es absolutamente gratis. Y también tiene un montón de animaciones. Entonces, por ejemplo, dice transiciones, pero estas son técnicamente como animaciones también. Entonces, por ejemplo, tenemos un cuadrado rojo. Podemos echarle un vistazo a cualquiera de estos. También podemos aumentar el tamaño si queremos. Y digamos que hacemos clic aquí, animación en, y así es como funciona. Digamos que nuestro punto ancho estaba en algún lado de aquí y hacemos la animación en, y se puede ver que va desde el punto del tobillo. Por eso es importante centrar el punto enc para que cuando está en realidad sea simétrico desde el medio, las cosas estén bien. Podemos hacer la animación fuera. Podemos hacer ambas cosas. Y esto puede ahorrarnos mucho tiempo porque en lugar de animar esto a mano, en realidad podemos seguir adelante y hacerlo Por ejemplo, vamos a duplicar. Y vamos a quitar del cuadrado rojo dos. Cambiemos la posición de ambos. Bien, entonces tenemos uno creciendo y luego disminuyendo de tamaño. Bien, entonces tenemos que hacerlo con escala. Escala a una, la ponemos a cero aquí, ponemos para ver qué tan grande es. En fin, aumentemos de tamaño a aproximadamente aquí, 120, probablemente. Entonces en lugar de hacer esta animación, y por cierto, es probable que presionaron F nueve también un poco. Estamos fuera por un cuadro, pero entiendes la idea. En lugar de hacer esto manualmente cada vez, bien, podemos seguir adelante y presionar este botón aquí en, y es bueno para ir. Ahorra una increíble cantidad de tiempo. Para poder descargar el compositor de animación, solo tienes que ir a Google Animation composer. Ahí vas. Adelante y pruébalo gratis. No hay necesidad de pagar nada. Simplemente pruébalo gratis para siempre. Si tiene alguna duda, házmelo saber. Pero aparte de eso, juega con esto, y te veré en el siguiente video. 12. Editor gráfico, facilidad y atenuación de curvas: Bienvenida. En este video, vamos a explorar el editor de gráficos entrando, flexionando , y vamos a saltar Bien, entonces tenemos nuestra plaza en el medio. Vamos a crear un fotograma clave. Presionemos P para la posición, establecemos un fotograma clave, lo movemos más y luego establecemos otro fotograma clave Y tenemos una animación muy sencilla de la plaza subiendo. Ahora bien, si seleccionas ambos, podemos presionar en FN F nine, y vamos a salir fácilmente fácilmente. Entonces comienza más lento y termina más lento. Déjame ir al editor de grafos presionando este botón de aquí, o puedes crear un shroc para ti mismo, y el shro para mí es Control G. Y verás que aquí tenemos dos Si presiono FN F nueve o solo F nueve, en lugar de que sea rígido en ángulos de 80 grados, va a ser suave Entonces antes y después. Y cuando estos fotogramas clave se convierten en esta forma diferente, significa que estás usando la flexibilización, la flexibilización También puede presionar en comando y en fotograma clave, comando y en fotograma clave y volver a solo movimiento lineal Pero no queremos lineal. Queremos animaciones fluidas. Bien, así que vengamos a Graph Editor. Con estos mangos, puedes controlar qué tan suave es la animación. Entonces empieza lento, va muy rápido, y luego vuelve a ser lento . Entonces vamos a ver. Se puede ver que es un tipo diferente de animaciones en comparación con esta. Vamos a comparar una vez más. Esta es una versión más extrema de esta flexibilización y flexibilización Por cierto, quieres asegurarte de que estás editando el gráfico de velocidad, no en el gráfico de valores para poder hacer esto. Si llegamos a la gráfica de valores, es un poco más avanzada. Por lo general, el 99% de las veces uso el gráfico de velocidad. Si llegas a la gráfica de valores, se ve algo así. Y la razón por la que se ve así es porque está un poco más avanzada. Tenemos dos movimientos. Tenemos el movimiento vertical y el movimiento horizontal. Y ya ves si no tenemos ningún movimiento de derecha a izquierda. Por eso el rojo, que es la posición X, no cambia en absoluto. Pero la posición Y, sí cambia porque se mueve hacia arriba y hacia abajo. Y una cosa que puedo hacer es hacer clic derecho sobre la posición y separar las dimensiones. Por lo tanto, voy a poder personalizar este. Entonces, si voy a impresionar a F nueve, va a ser un poco más suave. Puedo arrastrar estos mangos aún más. Este solo permite más personalización. Básicamente son algo muy parecido a lo que hicimos con Let's Back. Fui demasiado atrás. En fin, pongamos la posición aquí, una posición aquí, un poco más baja. Bien, entonces va así. FNF nueve, ahora sólo va en sentido contrario. De hecho podemos moverlo de aquí también para que la animación vaya 0-1, digamos, 115, para que la animación sea un poco más larga Ahora, una cosa que también puedes hacer es seguir adelante y hacer doble clic en el fotograma clave, podrás personalizarlo con precisión Verán que cada fotograma clave tiene velocidad entrante y saliente, y el outcoming outcoming es para éste porque está fuera, y este Entonces, si hago doble clic en esta, vamos a tener básicamente, tenemos que ignorar esta parte y solo mirar la velocidad entrante para este fotograma clave Para este fotograma clave, necesitamos echar un vistazo solo a la salida y hay que ignorar este Pero, por ejemplo, si tuviéramos un tercero Algo así. Si hago clic en este fotograma clave, ahora sí tenemos que prestar atención a ambos Entonces depende si el fotograma clave tiene velocidad entrante y velocidad de salida En palabras simples, significa si hay animación en ambos lados del fotograma clave o solo en un lado del fotograma clave Básicamente, eres capaz de personalizar la suavidad. Por ejemplo, puedo poner como 65 aquí. Puedo poner doble clic y puedo poner 65 aquí también. Y verás que Tenemos diferentes tipos de animaciones. De hecho, podemos hacerlo muy similar arrastrándolo, así Ahora bien, si tienes un poco de presupuesto, hay una extensión llamada flujo. Es esta extensión aquí. Déjame mostrarte cómo instalarlo. Por lo que cuesta $35 de AE Script para seleccionar nuestra forma, haga doble clic en la animación que queramos, y se va a crear Entonces si quieres, puedes seguir adelante y personalizarlo. Pero si quieres, podemos seguir adelante y dar click en esta. Entonces, en lugar de incluso hacer clic en un botón, puedes simplemente hacer doble clic en uno de estos y estará bien para ir. Entonces así es como se crean movimientos suaves. Si tiene alguna duda, házmelo saber. Pero aparte de eso, te veré en el siguiente video. 13. Objetos nulos y configuración de la cámara: Bienvenida. En este video, vamos a hablar objetos nulos y configuraciones de cámara En realidad, no necesariamente tenemos que usar cámaras, pero con cámaras, tienes un poco más de libertad, libertad creativa a veces, y a mí me gusta usarla. También me gusta usar nos para animar las cámaras porque con nosotros, somos capaces de hacer algo que no podemos hacer solo con las cámaras Te voy a mostrar eso en un segundo. Entonces, por ejemplo, vamos a crear un fondo pulsando Comando Y. Vamos a crear un fondo. Apliquemos rampa de gradiente. Vamos a crear una forma grande aquí en la parte inferior, centrar el punto de anclaje, y vamos a crear otra forma como, así centrar el punto de anclaje y ponerlo en el medio. Y vamos a como éste, ponlo en el medio también. Bien, entonces tenemos un pequeño tango crack, tango big crack y gradiente sólido blanco. Tenemos uno y tenemos dos. Y vamos a crear una cámara, B presionando Shift option command C o shift Alt Control C en Windows. Vamos a crear una K. Y dice que las cámaras sólo afectan a tres capas D. Eso es cierto. Y ahora vamos a crear un comando null, bupressing shift option Y, o shift Alt control Y. Y vamos a conectar nuestra cámara al null Vamos a presionar en Control S para revelar otras partes. En ocasiones estos botones aparecen al azar y desaparecen al azar. No sé si hay un patrón de cuándo estos aparecen y desaparecen, así que solo presiona d o Control S para cambiar entre estos dos. Ahora, vamos a hacer nuestro nulo tres D. Vamos a hacer ambos rectángulos tres D también Y en realidad vamos a ir a horizontal. Al dar click aquí, voy a presionar en Nueva vista. Voy a buscar Nueva vista, así que ver Nueva vista. Voy a presionar este o este botón de aquí para que sea a pantalla completa. Y voy a cambiar entre las cámaras. De hecho voy a cambiar a la vista superior, y ahora somos capaces de ver las cosas. Entonces tenemos nuestros antecedentes, los cuales no se ven afectados por la cámara. Tenemos nuestro uno y dos, los cuales se ven afectados por la cámara. Tenemos la cámara y el nulo. Así podemos hacer que la cámara y el nulo un color. Hagámoslo naranja, y hagamos estos dos. Hagámoslos blancos, los dos, en realidad. Ahora, lo que estamos tratando de hacer es que estamos tratando crear un efecto de paralaje Necesitamos cambiar la posición del rectángulo grande y el rectángulo pequeño. Entonces voy a cambiar la posición del rectángulo pequeño y lo voy a volver a poner. Y la posición de un rectángulo grande, voy a ponerlo un poco al frente para que haya más espacio. Se puede ver que este es el pequeño. Este es el grande. Hay un poco de espacio entre ellos. Y por lo tanto, cuando, por ejemplo, cambiamos la posición de los nulos, se puede ver que cambian manera diferente por dentro porque si estuvieran en la misma posición y nosotros nos moviéramos arriba y abajo, ya sabes, se quedarían en la misma posición. Pero debido a que están ubicados en diferentes posiciones, volvamos a hacerlo. Somos capaces de que sepas, tenemos este interesante efecto de paralaje, igual que en la vida real, porque cuando conduces en un auto, por ejemplo, las cosas que están más lejos en la distancia cambiarán su posición menos que las cosas que están cerca de ti Bien, entonces este es un buen ejemplo. Las nubes en el fondo cambian un poco menos que el primer plano El primer plano está corriendo muy rápido, pero entonces el fondo no está cambiando Entonces este es el efecto que estábamos tratando de lograr aquí. Cambiemos la posición. Cámara. El motivo por el que conectamos la cámara al nulo es porque si queremos tener movimientos muy suaves, necesitamos controlarla con nulos, por ejemplo Si cambio la posición de la cámara y la cronometro, por ejemplo, venimos de aquí para acá, presionamos F nueve, y sí tenemos el movimiento suave. Y digamos que queríamos movernos, digamos, para que puedan ver, porque si echamos un vistazo a esta gráfica, tenemos aquí esta parte, que es como que va bajando a cero y luego tiene que ir y empezar de nuevo. Esto no es lo que estamos buscando hacer . Cancelemos todo eso. Lo que podemos hacer en cambio es tiempo la posición del nulo. Entonces va a ir más allá. Bien, genial. Abanico de nueve. Va más allá. Al mismo tiempo, podemos crear otro nulo, así que vamos a duplicar este y comparar este con el nulo número dos P y vamos a eliminar los fotogramas clave de posición para este, y vamos a hacer clic en posición y hacer clic en posición aquí también. Y un ventilador F nueve, una vez más, para suavizarlo. Ahora, el secreto para suavizar el movimiento es iniciar el siguiente movimiento antes de que termine el primer movimiento. Entonces como pueden ver exactamente lo que tenemos aquí, tenemos nuestro primer nulo todavía en proceso, y ya tenemos nuestro segundo movimiento comenzando. Y así es como puedes crear este movimiento súper suave. Entonces echemos un vistazo. Bien, abramos el flujo, y hagámoslo así. A lo mejor no tan duro así. Bien, esto ya es súper bueno. Bien, genial. Así que movimiento muy, muy suave. Y esto es algo que no pudimos lograr solo con la cámara. Y esta es exactamente la razón por la que lo estamos haciendo con null para que haya para que el movimiento sea mucho mucho más suave. Porque una vez más con cámaras, si animamos algo, tenemos que esperar hasta que ese fotograma clave esté terminado, y luego tenemos que entrar en el siguiente Sí, técnicamente, podemos hacerlo con flexibilización, flexibilización No siempre es tan fácil. Se necesita bastante de ida y vuelta, y es solo que lleva tanto tiempo. Y por una fracción del esfuerzo, esta es la forma en que puedes hacerlo. Entonces nos, cámaras, paralaje. Si tiene alguna duda, házmelo saber. Pero que eso. Te veré en el siguiente video. 14. Máscaras, Alpha Mattes: Bienvenida. En este video, exploraremos máscaras, tapetes, tapetes alfa, tapetes uma, cosas así. Puede sonar aterrador, no aterrador en absoluto. Vamos a saltar. En primer lugar, vamos a crear un fondo blanco, y vamos a crear un fondo morado, así que tal vez no púrpura sino rosa. En no crear ningún tipo de máscaras, tenemos que usar una herramienta de forma. En este caso, voy a presionar en Q o voy a presionar justo aquí, mantener presionado, y seleccionar cualquier tipo de forma. Empecemos con la herramienta rectángulo. Al seleccionar nuestro fondo sólido, solo voy a dibujar forma y puedes ver que está creando una máscara. Si tenemos una capa seleccionada y luego encima de eso estamos dibujando una máscara, vamos a dibujar una máscara. No obstante, si solo estoy dibujando una forma, sin nada seleccionado aquí, va a dibujar una forma. Selecciona dibujar forma, va a crear una máscara. Dis seleccionar cualquier cosa, crear las formas va a crear la forma. Si seleccionamos una herramienta de rectángulo redondeado, verá que tendremos nuestros ángulos redondeados. Para controlar la redondez de los bordes, hay que usar un mouse Entonces puedes desplazarte hacia arriba y hacia abajo, y puedes ver que está cambiando la redondez. Por cierto, estábamos haciendo la capa de forma. Así que vamos a desactivar, seleccionarlo, y aquí estamos haciendo exactamente lo mismo. No podemos personalizar la redondez de la máscara más adelante Sin embargo, podemos personalizar la redondez de la forma. Entonces, si entro en camino rectangular, puedo personalizar la redondez. Pero si creamos una forma, no podremos personalizar la redondez más adelante. La forma en que podemos hacerlo es que ya sabes, podemos crear forma. Tenemos que seleccionar una máscara. Tenemos que seleccionar nuestros puntos, y luego tenemos que personalizarlos así, pero no hay ningún tipo de manera de hacerlo simplemente con el slider para que afecte a todos los puntos. Si lo hacemos con un círculo directo, para asegurarnos de que el círculo es precisamente el mismo en todos los lados, basta con pulsar y desplazar. Lo va a hacer muy redondo. Para este polígono, también, como puedes ver, ahora es un triángulo, y para cambiar el número de ángulos que tiene, una vez más, podemos usar el desplazador del mouse y crear más pergaminos o menos pergaminos Y lo mismo que tenemos que ver con este Tortol. Ahora bien, esto es una máscara. ¿Qué pasa con Track Mat? Track Mat funciona de manera similar a la máscara, pero tiene más opciones para trabajar y más personalizaciones Entonces, por ejemplo, digamos que creamos un rectángulo redondeado. Va a ser negro. Y luego vamos a rastrear tapete nuestro azul sólido a la forma. Sólo voy a azotarlo a esta forma. Mm. Interesante. Entonces desactiva automáticamente el rectángulo y podemos habilitarlo. Pero lo que hace es que solo muestra lo que sea que rastree tapete dentro de la forma a la que lo rastrea. Entonces, por ejemplo, rastreamos este azul o morado enmarañado a nuestro rectángulo y solo lo está mostrando dentro del rectángulo Lo que podemos hacer es invertir el tapete presionando y va a hacer exactamente lo contrario. Sólo va a mostrar todo lo que está fuera de la plaza. Ahora mismo, en realidad tenemos un agujero en el medio. Y si fuéramos a, agreguemos algún texto. Digamos que teníamos nuestro texto debajo de esta capa, en realidad, hagamos que el texto sea mucho más grande, aumentemos el tamaño del mismo, así. Y si presiono en P, cambia la posición del texto, como pueden ver, tenemos un agujero en el medio. Ahora, también hay una manera de hacer tapete alfa. Alpha Mt es aún más interesante. Para ello, necesitamos crear un sólido. Vamos a aplicar un degradado. Gradiente vagabundo. Ahora vamos a crear una forma una vez más, ponerla en el medio. Y ahora vamos a rastrear tapete nuestra forma al degradado. Y ahora tenemos que presionar aquí. En lugar de ser solo un tapete normal, va a ser mate alfa. Ahora bien, esto es interesante. Básicamente, lo que está sucediendo es lo que sea negro en el degradado, va a ser transparente en nuestro tapete de pista, y lo que sea blanco va a ser no transparente. Entonces déjame darte un mejor ejemplo si nos movemos inicia el punto de partida del gradiente. Entonces hagámoslo así. Y hagámoslo así. Bien. Ahora voy a desactivarlo, y verán que las zonas oscuras de la alfombrilla de pista se volvieron transparentes. Entonces esta parte es realmente transparente. Si pongo algo de texto detrás, déjeme mover el texto hacia abajo. En realidad, pongámoslo como para que veas que esta parte es transparente, pero esta parte no es transparente. Y este es el tapete alfa. En realidad podemos combinar los dos. Entonces digamos que animamos el fondo, y ponemos la posición final Pongámoslo aquí, y luego pondremos esta posición aquí, así irá así, y revelará nuestra plaza de esta manera. También podemos F nueve para que sea adentro, está fuera. También podemos rastrear tapete el texto de la misma manera, ¿verdad? Así podemos rastrear tapete el texto a este tipo también, y podemos hacer el tapete alfa y vamos a hacer exactamente lo mismo. Si tienes alguna duda, avísame, por y eso. Te veré en el siguiente video. 15. Lluvia de ideas de conceptos de UI viral con ChatGPT: Bienvenida. En este video, vamos a hacer ideas virales de UI con HAGPT, específicamente ideas de video porque nuestro objetivo es crear dos videos, un video vertical, uno horizontal Y el video vertical que vamos a crear va a ser para redes sociales, el video horizontal va a ser en realidad para la introducción de las partituras. Y te voy a dar un par de consejos que me ayudan a crear las ideas. Encima de eso, impulsa mi inspiración. En primer lugar, siempre me gusta llegar a ideas en una hoja de papel. O tengo este gran trozo de papel o tengo los más pequeños, y me encanta escribir con lápiz. Es tan genial. Es algo que olvidamos cómo hacer. Muchas veces usamos nuestras computadoras. Y para mí, para sentir la inspiración y llenar las ideas, hecho, crear las ideas y poner esas ideas en una hoja de papel, esto es lo mejor. Me gusta hacer una combinación de mi creatividad con HGPT. HGPT sabe todo lo que alguna vez ha existido, pero para ser honestos, no es creativo Este es el mayor problema con la IA y por qué la IA no reemplazará a las personas porque al menos en el futuro más cercano, porque la IA no es creativa. Todo lo que hace la IA es que está entrenada en modelos que son solo ejemplos dados por las personas. Así que la IA solo sabe muchas cosas, y así es como es capaz de proporcionar las respuestas y proporcionar el tipo de creatividad, pero en realidad no es creativa. Aunque es muy bueno en muchas otras cosas, pero en creatividad, simplemente no hay ninguna. No hay creatividad con la IA. Entonces, voy a abrir CHADPT y vamos a llegar a ideas Entonces comencemos a hacer una lluvia de ideas. En primer lugar, tenemos que llegar a dos ideas, dos ideas. Uno, video vertical, segundo video de Sonto. Bien, para el video vertical, ya que estamos hablando de Apple, creo que sería en realidad, solo tuve una idea ya que empecé a escribir algo que hice en uno de mis otros cursos es que hice un video sobre Misty Beast sobre Jimmy Donaldson Y creo que ya que estamos haciendo Apple, creo que podemos crear una animación de apple hablando de Apple. Pongamos esto como una idea, video sobre la animación de la interfaz de usuario de Apple sobre Apple. De todos modos, podría parecer desordenado. No importa. El objetivo es obtener los resultados. Eso es lo más importante. Bien, para el video horizontal, tiene que ser un así que pongamos algo aquí, intro al curso Bien, entonces tenemos dos ideas, y creo que deberíamos explorar y de hecho hablar con Cha GPT sobre esto y luego obtener sus ideas porque sabe un montón de cosas, y creo que podrá ayudarme con esto Ahora bien, para obtener los mejores resultados con ja GPT, deberías platicar con él y nombrarle cualquiera que sea el experto que sea En este video, va a ser un ideador profesional y guionista o idealista de ideación. ¿Quién sabe? De todas formas. Hablaremos con él. Eres un guionista profesional al que le pagan 100.000 dólares por escribir el mejor guión del planeta El guión es para un guión va a ser para un video vertical, y un guión va a ser para video horizontal. Entonces un total de dos videos y un total de dos guiones. Necesito que me ayudes con la idea del video vertical y el guión. Y luego para el video horizontal, necesitas ayudarme con el guión y no con la idea. Quiero decir, tal vez un poco de idea, pero sobre todo el guión. Bien, déjame guiarte. El video vertical, estoy creando un curso sobre animaciones al estilo de la interfaz de usuario de Apple. Y para mostrarle a la gente cómo se hace, estoy pensando en crear una animación de video vertical al una animación de video vertical estilo de la interfaz de usuario de Apple sobre Apple. Entonces algo que hicimos contigo en el pasado es que creamos el video sobre el señor Busin cuánto gana por segundo Estoy pensando en algo en la misma línea, algo parecido, pero algo sobre Apple. Entonces eso puede ser cuánto gana Apple por segundo o cuánto gana Tim Cooks por segundo o algo sobre Apple porque está relacionado con Apple Creo que sería interesante. En segundo lugar, para el video horizontal, necesitamos crear una introducción al curso Es lo primero que ven los alumnos cuando abren el primer video. ¿Tiene que ser una sorpresa, como, algo que les va a atrapar, algo que va a querer que completen el curso, algo que va a ser súper valioso para ellos. Es decir, esta animación al estilo APPLUI es súper valiosa. Por eso van a estar tomando este curso. Ya conoces el curso, así que adelante y en realidad sigue adelante y responde. Idea VAD vertical y propósito de guión. En realidad, hicimos un trabajo bastante rápido para llegar a la idea del video. Entonces, si tienes alguna duda, avísame. Pero que eso, te veré en el siguiente video, donde vamos a escribir un guión. 16. Escritura de guiones para storytelling en Visual UI: Bienvenida. En este video, escribamos un guión para las dos ideas que acabamos de crear. Bien, tengo una idea. Antes que nada, hablemos del video vertical, y creo que deberíamos hacer algo la línea de ¿cuánto cocina el equipo o alguien a quien más le paguen en Apple? ¿Cuánto gana esa persona por segundo? Y hacemos una configuración muy similar a la que hicimos con el video de Mr. Beast. Básicamente, solo tienes que seguir adelante y copiar y pegar el guión porque funcionó bastante bien. Sí, así que adelante y hazlo de vez en cuando discutiremos sobre el video horizontal un poco más tarde. Bien, no estoy seguro de lo que pasó, pero usemos un guión muy similar al último guión que usamos con Mr . Beast. Entonces, ¿eso sería cuánto gana el Sr. Bestia por segundo? Vamos a desglosarlo. En 2024, Beast Industries ganó 473 millones de dólares Eso es como mes, semana, hora día, segundo, minuto, y así sucesivamente. Y así, usa ese script. No intentes cambiarlo mucho. Sí, sigamos adelante y veamos qué hace. Bien, todo me gusta bastante, pero quizá no. Vamos a seguir adelante y copiarlo. Entonces hagamos notas. Va a crear una nueva nota. Y entonces, en realidad, el texto que teníamos antes es, vamos a desglosarlo. Bien, entonces las estadísticas sobre Tim Cook, ¿son las estadísticas reales de, como, de dónde vienen estas estadísticas? Encuéntrame un artículo que apoye estos detalles. También quiero asegurarme de que todo esté correcto. Bien, ¿hay alguna estadística sobre 20:24 o tal vez 2025? Bien. Estoy un poco confundido. En el guión anterior, me diste una información de que si ganaba 63 millones al año, entonces eso es 6 dólares cada segundo Y ahora usted está diciendo que 74 millones de dólares 2.3 7 dólares por segundo. Cómo eso es simplemente imposible. Y ahora lo estás diciendo Bien. Por lo que el TGPT cometió un error. ¿Cuánto gana Tim Cook por segundo? Piernas se rompen en 20 2040 Quiero deshacerme del CDA. No creas que vamos a tener un CTA. Sólo estamos tratando de hacer un gran video. Bien, este es el guión. Deshazte de los tiempos, deshazte del tipo de tus comentarios, lo que sea Y asegúrate de usar los datos de 2024 sobre Tim Cook y asegúrate de duplicar todo porque antes de este mensaje, dijiste que en 2023, ganaba 6 dólares por segundo Ahora estás diciendo que gana 2 dólares por segundo. Asegúrese de que la información sea relevante y esté actualizada. Oh, de ninguna manera. Mr. Bestia hizo más que Tim Cook. Es decir, Tim Cook tiene un salario. Mr. Beast tiene toda su industria. Al igual que, el propio señor Bestia en realidad no hizo tanto. Fueron sus empresas las que hicieron tanto, pero, como, a veces se puede confundir al señor Bestia con sus empresas, de todas formas, me puede avisar, ¿por qué está cambiando el guión Te envié el guión, como, ¿Dónde están las palabras? ¿Vamos a desglosarlo? Estoy luchando por entender. ¿Por qué está cambiando tanto? Bien, genial, genial, genial. Esto es exactamente lo que necesitábamos. Copiar, Pegar. ¿Cuánto gana Tim Cook por segundo? Vamos a desglosarlo. 24 Tim Cook ganó 74.6 millones de dólares. Eso es. Bien, genial. Ahora, vamos a crear un CTA donde compartirlo con un amigo y darle una razón para compartirlo con el amigo. Dame, como, diez razones diferentes para que pueda elegir. Comparte esto con un amigo que necesita un aumento. Esta es una buena. En realidad. Bien, creo que sería muy gracioso decir por eso los iPhones cuestan Comparte esto con un amigo que necesita un aumento. Esta es una muy buena , muy buena. A mí me encanta este. Bien, entonces tenemos un guión. Esto es genial. A veces podría escribir un guión en una hoja de papel, pero como podría cambiar las cosas en el futuro, me gusta mantenerlo ahí en pantalla, solo un poco más fácil de esta manera. Ahora, para el video horizontal, trabajemos ahora en el video horizontal. Bien, genial. Entonces terminamos con esto. Ahora, trabajemos en el video horizontal y específicamente en el guión. Estoy pensando en algo parecido a la realidad, déjame revisar primero el guión que has enviado para darte algunos comentarios. Estás a punto de desbloquear el estilo exacto usa Apple. Eso me gusta. Startup mil millones de dólares suena raro porque startups. Apple es uno. ¿Por qué startups? Entonces creadores virales, sí, podemos quedarnos con eso. Esto no es solo diseño de movimiento. Sí, eso me gusta. Ya sea que seas freelance de edición o creador de contenido, el estilo de hacer que tus proyectos parezcan que salieron de Cupertino. Oh, me encanta esto. Bien, tenemos que acortar el video. Te dije lo que me gustaba, basado en lo que me gusta, crear un nuevo guión que sea la mitad del tamaño de lo que has escrito. Estás a punto de desbloquear el estilo de animación exacto utilizado por Apple y los creadores que obtienen millones de vistas. Es lo que hace que el campo Brand premium y el contenido sea imposible de desplazar más allá. Ya seas editor freelance o creador de contenido, no te preocupes, aunque después de que los efectos se acaben, antes abrumadores, aprenderás todo paso a paso. Vamos a conseguir. Creo que esto es genial. Este va a ser nuestro guión. Y hagámoslo así. ¿Por qué te gusta esto? contarte un poco de mi pericia. Entonces dice lo que va a conseguir la gente, y esto es algo que la gente quiere. Sólo estoy tratando de pensar como espectador. Esto no es solo diseño de movimiento. Cierto. Esto es diseño de movimiento. La mayoría de la gente está cansada de solo el diseño de movimiento. Nosotros Lo que estamos tratando de hacer es hacer que se sienta premium e imposible desplazarse más allá. Exactamente. Estamos hablando directamente con personas que quieran tomar este curso. Entonces, por ejemplo, freelancers, editores, creadores de contenido. Y, por supuesto, puedo dar muchas más explicaciones sobre qué tipo de personas están tratando de aprender este estilo. No obstante, también va a llevar una eternidad porque mucha gente está tratando de aprender. En su mayoría son los freelancers, editores y creadores de contenido los que quieren esto Esta línea simplemente suena única e interesante. Y esto es hablar luchas y de las razones por las gente podría no querer tomar este curso. Y una vez más, esta es una especie de creación rápida del guión. Para ser honesto, nunca se sabe qué tipo de guión funcionará hasta que realmente lo intentes. La mejor manera de probar es seguir adelante y hacerlo, ver qué tipo de resultados obtienes. Y si no obtienes buenos resultados, cámbialo y experimenta y prueba AB La prueba AB es, ya sabes, creas algo, lo pruebas con otra cosa. Cualquiera que sea el que mejor rinda gana, digamos que éste gana, sube. Entonces más alto, lo comparas con algo nuevo. Ya ves cuál funciona mejor. Todavía este, quédate con este. Pero entonces éste funciona mejor. Conserva este. Y así solo subes y subes y subes y subes, y así es como creas grandes resultados. Bueno, creamos dos guiones, lo cual es genial. Este era nuestro objetivo. Si tiene alguna duda, házmelo saber. Pero adelante que eso. Te veré en el siguiente video. 17. Planificación + voz en off: Bienvenida. En este video, vamos a crear una voz en off y planificar nuestros Cuando estoy creando mis propios videos o videos para otras personas, no trato de planificar tanto con anticipación porque si planeo mucho por adelantado, entonces no tengo mucha creatividad en el proceso. primer lugar, en segundo lugar, es algo más fácil para mí crear en el proceso que de antemano porque cada vez que empiezo a trabajar y me meto en este flujo interesante, simplemente me ayuda a hacer las cosas más fáciles. Ahora, voy a decir que a veces me quedo sin ideas, a veces no tengo ideas o quiero nuevas ideas. Pero no tengo nuevas ideas. En ese caso, voy a usar ja GPT o potencialmente ponerme en marcha algo de creatividad Muchas veces, también solo tomo una pausa, hago algo. Mientras hago otra cosa, pienso en esto y luego las ideas apenas empiezan a aparecer en mi cabeza. Ese es mi proceso. Así es como funciona. Si no te funciona de esta manera, creo que es lo mejor para ti crear tu propio tipo de flujo de trabajo creativo alrededor de esto. La mejor manera de crear tu propio flujo de trabajo es simplemente experimentar y probar. No sabes lo que va a funcionar, no sabes lo que no va a funcionar. Entonces, lo mejor para que intentes y solo trates literalmente de pensar, lo que en la Tierra te puede ayudar a lograr lo que quieras lograr. Si quieres ser más creativo, ¿qué te puede ayudar a ser más creativo? Probablemente nuevas ideas, cómo obtener nuevas ideas y, ya sabes, una especie de lluvia de ideas de esta manera Me gusta pensar en la lluvia de ideas como asociación. Así que sólo estoy tratando de asociar una cosa con la otra. Y tipo de ideas creativas para mí también se trata de asociación. Entonces si alguna vez jugaste el juego con asociaciones como, ya sabes, mesa, madera, bosque, animales, zoológico, agua, océano, puesta de sol, espacio , ya sabes, universo, partículas, ya sabes, cosas así. Entonces es algo interesante. Si nunca lo has jugado, trata de tocarlo en tu cabeza. Creo que es muy útil. Y entonces esto es una especie de parte de mi flujo de trabajo es simplemente hacer otra cosa, hacer estas pequeñas asociaciones en mi cabeza, y luego se me ocurren ideas. Así es como se me ocurren ideas y puedo planear las cosas con anticipación. Y por eso no necesariamente me gusta planificar las cosas con anticipación. La forma en que me gusta plantar es que me gusta tener, como, una visión general de lo que voy a hacer. Y Alred sabe lo que voy a hacer. Lo que vamos a hacer es que vamos a tener estas diferentes plantillas. Entonces, por ejemplo, uno va a ser como vista de buscador. El otro va a ser Safari. El otro va a ser iPhone y así. Así que sólo vamos a cambiar diferentes aplicaciones y luego hacer animaciones en diferentes aplicaciones. Y esta es una especie de visión general de mi plan general. Y luego a medida que avanzamos y en realidad empezamos a editar los videos, voy a llegar a más detalles. Ahora, también necesitamos crear las voces en off. La forma en que creo voces en off es que uso notas de voz Tengo el micrófono conectado con el que estoy grabando, y sólo voy a leer el guión. La forma en que me gusta preparar mis músculos faciales, y lo mejor es preparar tus músculos faciales porque si no preparas tus músculos faciales, podrías elegir algo de esto y no es muy bueno. Te voy a dar un par de consejos. Aprendí esto de una persona llamada Vin. Ese Vin que es como un orador profesional, puedes buscarlo en Google. Básicamente, da un par de prácticas. En primer lugar, hazte la cara pequeña, haz tu cara grande. Tan pequeño y grande. Pequeño. Y luego voy así por como 30 segundos. Entonces imagina que te estás comiendo un chicle enorme y sube así. Así que ve así por 30 segundos. Trato de mover mi mandíbula, así. Entonces estoy tratando de leer este guión como si estuviera exagerando, como cada palabra, así por ejemplo, video horizontal Estás a punto de desbloquear el estilo de animación exacto utilizado por Apple. De esta manera, obtienes mejor tu pronunciación, tus palabras suenan mejor. Y luego el último, si acabas de despertar por la mañana, tienes este tipo de, como, voz de Batman. Si quieres deshacerte de eso y conseguir este tipo de altibajos en tu voz, entonces lo mejor es hacerlo así. Eso es todo, así que ese es mi proceso de cinco pasos para preparar mis músculos faciales y los músculos mandíbula para grabar los videos. Después de que lo haya hecho. Lo cual toma alrededor de 3 minutos. Soy capaz de grabar videos. Esto es en realidad lo que hago antes de grabar estos videos para ti. Entonces cada vez que hago esto. Ahora, vamos a crear dos videos. Voy a leer un guión. No veo muy bien. Por eso voy a usar anteojos. Mm hm. Estás a punto de desbloquear el estilo de animación exacto utilizado por Apple y los creadores que obtienen millones de vistas. Es lo que hace que las marcas se sientan premium y contenido imposible de pasar por alto. Tanto si eres freelancer, editor o creador de contenido, este estilo te hace trabajar como si viniera directamente de él. Esto Oh, este estilo te hace trabajar, mira como este estilo te hace trabajar, parece que salió recto Este estilo, te hace trabajar, lucir como este estilo, este estilo, este estilo, este estilo, este estilo, te hace trabajar, parece que salió directo de Cupertino Este estilo te hace salir directo de este estilo, este estilo, este estilo. Y no te preocupes. Aunque los efectos posteriores se sintieran abrumadores antes, y no te preocupes. Aprenderás todo paso a paso. Aprenderás todo. Bien, esa es una grabación hecha. Vamos a grabar el segundo video. Además, también consigo algo de agua, y guardo el agua justo detrás de mí, a mi lado. De lo contrario, es realmente hiriente en la garganta. ¿Cuánto gana Tim Cook por segundo? Bueno, claro, los vecinos van a emitir un pitido. En 2024, Tim Cook ganó 74 millones ¿Qué están haciendo estos vecinos? Sí, eso es con lo que tengo que lidiar cada vez. Comparte esto con un amigo que necesita un aumento. Bien, eso está hecho. No estoy seguro de si voy a usar esta grabación. No me gusta cómo suena mi voz en este momento, así que podría volver a grabar esto. Pero este es el proceso. Esto es por lo que tengo que pasar. Entonces se nos ocurre una idea. Lo atravesamos con HatPT. Se nos ocurren guiones. Grabamos un audio, y después de esto, todo lo que tenemos que hacer es entrar después de los efectos y crear estas animaciones. Si tiene alguna duda, házmelo saber. Pero aparte de eso, voy a ver en el siguiente video, creamos las animaciones. Vamos. 18. ¡Felicidades!: Enhorabuena. Si estás viendo esto, significa que has llegado a la mitad del contenido del curso Sé que hemos cubierto mucho, así que enhorabuena a ti por llegar a este punto. Y pronto habrá mucho más contenido valioso. Pero antes de que lleguemos al siguiente video, simplemente quiero preguntarte si encontraste valor en este programa hasta este punto, para tomarte 60 segundos para dejarte revisión honesta. Por supuesto, esto lo voy a apreciar inmensamente. Una retroalimentación también ayudará a cientos de futuros estudiantes a decidir el mejor programa para ellos. Así que déjalo ahora mismo. Y claro, si hay algo en lo que pueda ayudarte, por favor házmelo saber en la sección Q y abajo. Lo estás haciendo genial. Sigan adelante. Y sin que se lo diga, pasemos al siguiente video. 19. Cómo configurar tu diseño de interfaz de usuario desde Figma: Bienvenida. En este video, vamos a preparar nuestros activos. Así que ya hemos creado los guiones, hemos grabado los guiones. Ahora antes de comenzar a editar, necesitamos preparar todo lo que tenemos que trabajar. Porque si no hacemos eso, va a ser un poco de cabeza hacerlo en un proceso. Entonces, copiemos este guión, y volvamos a hA GPT. Oye, ja GPT Bien, entonces para este guión, este es el guión final para el video vertical. Vamos a usar, como te dije antes, vamos a crear animaciones de Apple, y necesitamos usar diferentes diseños de interfaz de usuario de Apple. Es necesario que me des una lista de diferentes ideas posibles. Entonces, por ejemplo, uno puede ser una vista de buscador. El otro puede ser la vista del iPhone. Pueden ser notificaciones de iPhone. Pueden ser aplicaciones para iPhone. Entonces, en lugar de las notificaciones, sería el texto en lugar de los íconos como debajo de los íconos, en lugar del texto, serían nuestro texto. Dame más ideas donde pueda poner texto así. A lo mejor podemos hacer, como, un navegador. A lo mejor podemos hacer resultados de búsqueda en Google, algo así. Así que dame diferentes ideas relacionadas con la interfaz de usuario de Apple para diseños. Y si, solo dame una lista de, como, 20 ideas diferentes. Ventana del Buscador. Bien, le envío un mensaje de burbuja de sombrero. Genial. Banner de notificaciones de iPhone, notificaciones de pantalla de bloqueo, iconos de aplicaciones con etiquetas, títulos del centro de control. Mm, puede ser genial. Bien, vamos a contar cuantos tenemos. Podemos hacer esto de antemano y realmente comercializar con diferentes colores. Entonces pienso por la velocidad, porque esto va a ser muy rápido, podemos comercializar con un color, y va a ser una escena. Hagámoslo así. Uno, dos, tres, cuatro, cinco, seis. Tenemos seis escenas diferentes. Sólo por el tiempo y porque ya tengo una idea de cómo va a quedar el video , lo rompí así. Eso es. No hay una fórmula específica que estoy siguiendo. Solo estoy teniendo una idea en mi cabeza y tratando de replicarme en la vida real. Necesitamos seis escenas diferentes. Echemos un vistazo a los otros. Música de Apple. ¡Oh! Esta va a ser una. Entonces estoy pensando en notificaciones. Esta puede ser esta parte. Entonces cada notificación va a ser como, vamos a tener una animación de notificación, y luego para cada notificación, vamos a tener como mes, semana, día, hora minuto. Creo que va a ser súper genial. Estos no están en un orden particular. Esto es justo lo que necesitamos encontrar. Y para que yo entienda qué tipo de cuántos tenemos, solo cambio los números. Bien, entonces ahora intentemos ir a Figma, Finder Window. Busquemos Finder Window y veamos si podemos encontrarla. Bien, así que vamos a acercarnos, y vamos a necesitar esta parte. Bien, entonces quieres asegurarte de hacer doble clic hasta que haya, como, uno específico que hayas elegido. Y como pueden ver, este es el que necesitaba. No necesito todo el buscador número uno. No necesitamos el Encabezado. Así que solo estaba haciendo clic hasta que obtuve exactamente el que estaba buscando, y voy a hacer clic derecho a copiar como SVJ y vamos a ir a Illustrator, Newfle web, large, y Command V o Control V Ahora, aumentemos de tamaño. Al presionar Mayús y opción, voy a hacerlo más grande así. Ahora voy a abrir hasta que veamos todos los objetos. Voy a bajar y cambiar con turno, seleccionar todos los objetos. Y voy a arrastrarlo todo. Ahora, verás que algunos de estos se hicieron un poco visibles, así que solo voy a eliminarlo porque no lo necesitamos en la parte inferior. Creo que va a ser realmente genial crear texto aquí, por ejemplo, como, uno, dos, tres, cuatro, cinco. Aquí podemos tener una frase entera. Vamos a hacer clic aquí. Suelta la secuencia de dos capas, selecciona todas las capas, 150 capas. Eso es un gran número de capas y arrastrarlas fuera de la capa uno. Bien, esto es genial. Comando S para guardarlo. Y llamémoslo ventana del buscador. Bien. Voy a añadir el texto directamente en after effects, y por ahora, sólo puedo cerrarlo. De hecho puedo cerrarlo presionando Comando W o Control W, y va a cerrar la ventana. Y ahora vamos a comprobar que todo está bien. Vamos a abrirla. Boom, perfecto. Este ya está listo. Yo mensaje de chat. Bien, en realidad, esto se ve genial. Y éste es el indicado. Bien, hagamos clic derecho en Copiarlo también. Comando N para crear uno nuevo, webge Comando V. Bien, así que vamos a liberar la secuencia de dos capas Seleccionemos todo, arrastrémoslo, y ahora guardemos este. Nosotros lo vamos a llamar. Yo mensaje burbuja. Voy a guardar todo en el escritorio, y luego personalizarlo. Esta ya está hecha. Notificaciones de iPhone. Bastante como todo. Bien, así que vamos a guardar esta también. Suelte la capa, arrástrala hacia afuera. Controla como guardarla en la música de la pantalla. Entonces tenemos la música. Bien, volvamos a las notificaciones y busquemos. Todo lo que estoy haciendo aquí es pasar exactamente por el mismo proceso Figma Illustrator, guarda el archivo En lugar de aburrirte exactamente con lo mismo que ya me has visto hacer diez veces, aceleré esto. En general, me tomó aproximadamente 45 minutos completar y preparar todos los activos. Bien, genial. Entonces ahora tenemos Find view. Mensaje notificaciones de calendario, otras notificaciones, así, música y notas. Genial. En cuanto a diseños de UI, tenemos todo preparado. Ahora, podemos ponerlo en nuestro va a haber un video vertical. Así que diseños de interfaz de usuario. Podemos poner todo aquí para asegurarnos de que las cosas estén organizadas. Entonces dejémoslo ahí. Ahora, vamos a colocarlo en el video vertical y en los diseños de interfaz de usuario. Bien, así que ahora podemos empezar a trabajar el video. Tenemos nuestro audio. Tenemos nuestros diseños. Absolutamente hermoso. Tenemos todo preparado, y en el siguiente video, estamos listos para comenzar a trabajar. Entonces, si tienes alguna duda, házmelo saber. Pero aparte de eso, te veré en el siguiente video. 20. Animar las secciones principales: Introducción dinámica y texto: Bienvenida. Estoy muy entusiasmado con este video porque finalmente estamos llegando a editar. Lo hemos hecho a través de toda la preparación, el trabajo aburrido. Ahora, pongamos y practiquemos. Bien, entonces déjame mostrarte lo que he hecho aquí. No lo hice en cámara porque quiero tomarme un tiempo y no quiero que te con las cosas aburridas. Entonces esto es lo que hice. Teníamos nuestros seis diseños diferentes, diseños de interfaz de usuario. Y solo los marqué con color exactamente como hemos descripto para que yo sepa, por ejemplo, para esta parte, vamos a usar el buscador También los muevo para que sea un poco más fácil. No le eches un vistazo a estos números, así que en realidad podemos simplemente Adelante y eliminarlo. Perfecto. Entonces tenemos esto listo. Ahora, vamos a saltar al efecto después. Bien, creamos nuevo proyecto. Crearemos nueva composición. No estoy seguro de cuánto tiempo va a durar esto. Oh, en realidad, porque tenemos chicos, olvidé por completo que tenemos la grabación de audio. Entonces necesitamos crear primero el proyecto de estreno para cortar el audio y luego agregaremos los diseños y los efectos posteriores. Para eso, abre la ventana Premiere, crea la secuencia, córtala. Definitivamente puedes hacerlo en después de los efectos. Solo es un poco más fácil para mí hacerlo en premiere porque generalmente after effects es más para, como, diseño de motion graphics, y premiere es más para armar todo. Nuevo proyecto. Vamos a llamarlo video vertical. Y voy a elegir un video vertical de ubicación, bien, comando Shift y para crear una nueva carpeta, y vamos a llamarlo PR. Así, para abrir un Mojes es un espacio de comandos de control Entonces crea. Bien. Y aquí, vamos a crear un videojuego vertical. Crear el proyecto. Arrastremos nuestro audio aquí. Vamos a crear una secuencia. Podemos arrastrar y soltar el audio aquí. Pero entonces si echamos un vistazo a la configuración, como, no tenemos control sobre la configuración, así que no es algo que quiera hacer. Quiero crear una secuencia. Seleccione esto 30 fotogramas por segundo, 1920, 10800 Vaya. Lo sentimos, 1080 para 1920. El atajo para abrir la configuración, en primer lugar, podemos abrir todo tipo de atajos con atajo de teclado. El atajo es la opción Comando K en Mac, y es antiguo Control K en PC. Entonces podemos abrir estos, y luego si busco ajustes, y podemos buscar ajustes de secuencia, Comando K. Puedes buscar puedes ponerte el mismo atajo si quieres. Es el mismo atajo que se usa en los efectos posteriores. Vamos a arrastrarlo aquí. De hecho, no me gusta cómo se ve esto, así que creo el atajo para mí mismo para personalizar la línea de tiempo. Puedes butch mis otros cursos sobre cómo hacer esto. Bien, ahora sólo tenemos que cortarlo todo. ¿Cuánto gana Steam Cook cada segundo? ¿Cuánto gana Team Cook por segundo? Vamos a desglosarlo. En 2024, Team Cook ganó 74.6 millones de dólares. Eso es 6.2 millones de dólares al mes, 1.4 millones a la semana, 204 mil al día, 8 mil 500 por hora, 141 dólares por minuto Y eso es 2.3 $7 cada segundo. Eso es más de lo que la mayoría de la gente gana en una hora cada segundo. Comparte esto con un amigo que necesita un aumento. Perfecto. Vamos a crear otra carpeta llamada AE, que es después de los efectos. Y voy a poner una etiqueta también. Entonces tengo esta etiqueta púrpura, que es Control tres atajo en MacBook para crear este tipo de púrpura para que sepa que este color es solo, como, relacionado con proyectos. También podemos hacer, como, descargas. Eso también está relacionado con proyectos, y luego es simplemente más fácil para mí organizarlo. Entonces podemos hacer un enlace dinámico. Sin embargo, si hago clic derecho en reemplazar con composición después del efecto, no funciona. Para que el vínculo dinámico funcione, necesitamos tener algún tipo de visual. Ya sabes, no importa. Puede ser lo visual en sí puede ser súper corto, puede ser así largo, clic derecho, y ahora podemos hacerlo. No obstante, en lugar de hacerlo haciendo clic derecho, tengo un atajo. Así que reemplace con composición después del efecto. Para mí, el atajo es la opción A, y solo presiono. Echa un vistazo a esta opción A. Ahí tienes. Y llamémoslo video vertical. Tim Cook. Bien. Y lo pondremos en after effects. Eliminaremos el gráfico. Y ahora tenemos la composición que es exactamente la misma que creamos en estreno. Entonces tenemos el ancho, la altura, y el marco 30 segundo. Todo está bien, aunque el tiempo es el tiempo está bien porque así es como dura nuestro audio. Ver esto convertido en rojo. Podemos presionar Command set si queremos hacerlo y poder ponerlo después. Yo diría que sería mejor exportarlo primero desde After Effects porque de lo contrario va a tener que renderizarlo en tiempo real en estreno. Y en lugar de poner tanta presión sobre nuestra computadora, podemos simplemente exportarla desde After Effects más adelante. Así que solo presiono Command set. Puedo presionar Shift Command set para rehacer pero voy a presionar comando al presionar comando a para guardarlo y comando Q para salir Bien, voy a seleccionar todo el audio presiona Mayús Comando C para precomponer, y lo que llamará audio Tenemos sólidos. Bien, entonces no necesitamos sólidos. Podemos eliminarlo. Gráfico, podemos eliminar gráfico. Eliminar. Audio. Bien. Podemos ponerlo en audio, así, y podemos poner audio aquí también, porque no necesitamos personalizar el audio. Sólo podemos personalizarlo. Es decir, podemos, pero no necesariamente lo necesitamos. Entonces, ¿cuánto gana Steam Cook cada segundo? Vamos a desglosarlo. Y para ello, vamos a usar la ventana del buscador. Bien, entonces busquemos nuestros diseños de UI, y busquemos la ventana del buscador, la composición, el tamaño de la capa, presionemos noka y dejemos que haga su trabajo A veces lleva un poco de tiempo cargar todo. Vamos a abrirlo. Entonces en lo que estoy pensando es poner texto uno, dos, tres, cuatro, cinco, aquí. Entonces podemos seleccionar esto, encontrarlo, y luego busquemos una herramienta de texto. ¿Qué tipo de texto tenemos? ¿Cuánto? ¿Cuánto? Como profesional, regular. Perfecto. Esta es la fuente Apple. Recuerda, para dejar de editar el texto, presiona Command plus o Control plus y solo va a volver a la herramienta de selección. Bien. Vamos a acercarnos. Creo que mi fuente es un poco demasiado grande. Tenemos que disminuirlo. Asegurémonos de que sea la misma altura, P y H, así que tal vez 22. Bien, ahora P, vamos a cambiar su posición, ponerla por aquí, y 146, vamos a desactivarla. Bien, ahora, presionando el Comando D, voy a duplicar el texto. Lo pondremos aquí, duplicamos de nuevo el texto, P a posición abierta, lo pondremos ahí. En lugar de cuánto cuesta. Y pongámoslo, entonces. Por cierto, deshabilitemos, seleccionemos V y Does Tim Cook, deshabilitemos está muy lejos. En realidad, mantengamos todos los textos juntos. Al igual que el informe anual, éste. Bien. Entonces esto es lo que tenemos. ¿Cuánto gana Tim Cook por segundo? Y ahora, estaba pensando en poner aquí a Tim Cook, como en esta parte, como una imagen real de él. Hm. Busquemos PNG, tenemos algo. Esto se parece tanto a Steve Jobs. Bien, usemos esta . Guardar imagen. Y en realidad no lo pongamos aquí todavía. Encontremos esta capa. Bien, entonces tal vez necesitemos desactivar una serie de cosas aquí. Importemos la imagen de Tim Cook. Puedo abrir escala presionando S, y puedo abrir posición presionando P. Y si quiero que ambos estén abiertos al mismo tiempo, tengo que presionar shift entre esos. Bien, entonces hay un par de cosas que podemos hacer. O podemos rastrearlo y deberíamos darle una oportunidad. Entonces este es el indicado. ¿Podemos rastrearlo con tapete? Sí. Como tan perfecto. S&P Pongámoslo a 12. Por cierto, también debería ser visible. Perfecto. Ponlo al fondo. Como, entonces, ¿no es genial? Yo creo que esto es hermoso. Vamos al audio. ¿Cuánto gana Steam Cook cada segundo? Vamos a desglosarlo. Vamos a desglosarlo. Vamos a desglosarlo. Bien, podemos hacerlo aquí también. Entonces busquemos duplicar este. B muévelo aquí. Ahora, seleccionemos estos para copiarlos y pegarlos aquí. No importa, en realidad, probablemente deberíamos pegarlo por aquí para que podamos aquí. Ahora necesitamos animar el texto. Hay un par de formas en las que podemos hacer esto. O podemos hacerlo usando lo que tiene Adobe, y te voy a mostrar cómo hacerlo. Entonces, por ejemplo, cuánto, por cierto, probablemente me viste usar esta parte aquí. Se trata de una consola de efectos por video C palt. Para que puedas seguir adelante y descargarlo, y luego pulsando un atajo, podrás buscar diferentes efectos. Entonces solo ven a este sitio web, adelante y descárgalo, instálalo. Es absolutamente gratis, y luego podrás presionar una combinación, buscar efectos. Entonces, por ejemplo, para desvanecerse harto de palabras. Y verán que ahora vamos a tener el texto animado aquí. ¿Cuánto cuesta vapor? Entonces si te presionamos, tenemos los fotogramas clave Entonces esa es una forma en que podemos hacer esto, podemos usar un efecto de máquina de escribir como un fade up, como algo más, las animaciones de texto. Sin embargo, una de mis formas favoritas animar texto es usar un evoscript de texto Es un guión pagado por el que hay que pagar. Son $30. Entonces, si no tienes esta opción, usa lo que tengas con los efectos posteriores. Si tienes la opción de gastar $30, entonces sigue adelante y úsalo. Es absolutamente genial. Te voy a mostrar lo que hace. Voy a presionar a Shorca para mí una vez más para ejecutar guión Si no tienes el atajo, solo puedes ejecutar scripts de script y puedes ver ahí este es el atajo Comando R, y voy a ir al escritorio Scripts TextEvScript Y vamos a tener este pop up. Ahora, soy capaz de, por ejemplo, subir Se aplican palabras de opacidad Es el proceso que creé para mí mismo, y el impuesto va a subir. Va a aumentar con la opacidad porque ahora mismo los opacitos Voy a la persona U y Ok. ¿Cuánto cuesta cuánto cuesta? ¿Puedes acelerarlo un poco? ¿Cuánto cuesta cuanto cuanto propina? Al presionar L doble veces en el audio, voy a abrir las formas de onda para ver mejor las cosas Cuánto cuesta Para ver por dónde empiezan ciertas palabras. Entonces podemos moverlo así, el texto. También podemos simplemente presionar sobre un soporte. Como corchete izquierdo y básicamente va a hacer lo mismo que moverlo al moverlo aquí. También podemos presionar Option bracket y va a cortarlo. Es el equivalente a presionar Shift Command D, hacer un corte y eliminar esta parte. Entonces voy a presionar el corchete izquierdo para cortarlo. La propina. Opción soporte izquierdo, Tim C. Soporte izquierdo, en realidad no es por segundo. Es cada segundo. Comprobemos dos veces que tenemos texto con el audio. ¿Cuánto gana Steam Cook cada segundo? Vamos a desglosarlo. Perfecto. Ahora voy a volver a ejecutar el guión. En realidad, ya está aquí. Así que vamos a usar las palabras de opacidad aplican, y podemos seleccionar todas estas palabras de opacidad arriba Hace Steam Cook hace cada segundo. Prensa. Bien, entonces se supone que estos comiencen más tarde. El cocinero al vapor hace cada segundo. Entonces usaremos la misma animación aquí. Usaremos palabras de opacidad aplicar. Vamos a descomponerlo. Vamos a desglosarlo. Vamos a hacer que todo el texto se detenga aquí, así que una vez más el comando shift y luego presione y elimine o podemos presionar Opción corchete derecho. Es sólo para mí para ver dónde termina. Se abajo. ¿Cuánto gana Steam Cook cada segundo? Vamos a desglosarlo. Dejémoslo así por ahora. Ven a la ventana del buscador de proyectos. ¿Cuánto gana Steam Cook cada segundo? Vamos a desglosarlo. Genial. Bien, entonces para esta parte, tenemos todo listo, y voy a cortar esta capa hasta aquí. Entonces tenemos listos los primeros 326. Ahora, lo siguiente que tenemos que hacer es venir aquí el evento del calendario de Apple. Bien. Busquemos el calendario de Apple. Creo que usaremos calendario iPhone porque eso es lo que me gustó. Composición, tamaño de capa, importación, abierta. Entonces intentemos crear algo de texto aquí. La fuente definitivamente necesita ser más pequeña. Sepa cómo podemos frankenstein esta cosa juntos. Se va a quedar un poco feo. Bien, tal vez deberíamos ir por tal vez deberíamos ir por 15. Déjame copiar esta cosa. Póngala aquí y luego póngala aquí. Esto va a ser un poco feo, pero la gente no se dará cuenta estas pequeñas cosas porque además de eso, vamos a animar la cámara Esta parte en realidad es como, es buena. Bien, así que vamos a crear una máscara. Vamos a moverlo hacia arriba, así. Ahora, vamos a crear una máscara, así que solo seleccionamos esta herramienta y es crear para enmascarar, pero luego invertiremos la máscara. Lexual. Perfecto. Y ahora, lo que también podemos hacer es seleccionar un borrado lineal. Estableceremos -90 para que vaya de izquierda a derecha. Entonces vamos a cronometrar la transición. Y aquí va a estar completo. También puedes presionar FNF nueve para que quede suave. Bien, Project, ¿dónde estaba? Calendario iPhone. Calendario iPhone en. Ponlo aquí. En 2024. T ImCook hizo $74.6 millones Vamos a abrir el audio, copiar éste, entrar en iPhone Calendar, buscar esto, seleccionar, pegar, ir al principio. En 2024, Tim Cook hizo 74.6 millones de dólares. A lo mejor deberíamos hacerlo lineal en su lugar. En 2024, Tim Cook ganó 74.6 millones de dólares. Voy a desactivar el audio aquí porque tenemos doble audio. T cuatro. Tim Cook hizo $74.6 millones Eso son 6.2 millones de dólares. Así que ya hemos hecho los dos primeros. Le envío un mensaje a Chad Bubble. Bien. Le envío un mensaje a Bubble. Composición de trobin, tamaño de capa. ¿Qué es lo que haces? Eso es 6.2 millones de dólares al mes. 1.4 millones a la semana, 204 mil diarios, 8 mil 500 por hora, 141 dólares por minuto Y eso es 2.3. Y para copiar esto, envío un mensaje y pegarlo aquí. ¿Eso es 6.2 millones de dólares al mes? Bien, pongamos nuestro texto aquí. ¿Bien? Entonces aquí, el texto necesita ser un poco Para que se ajuste a la pantalla, tengo que presionar Mayús y línea que está de lado No sé cómo se llama exactamente, pero es este de aquí. Esta tecla, comando múltiple, esta, aquí, Shift y esa, y vuelves a esta vista. En este punto, probablemente se te ocurrió la idea. Solo necesitamos personalizar cada pieza que se va a personalizar, será animada. Y así no voy a hablar. Yo sólo voy a hacerlo. Se entiende la idea. Si tienes alguna duda, asegúrate de que esté vivo en abajo, pero aparte de eso, déjame seguir adelante y hacerlo. No te aburre con esto. Y luego una vez que nos metamos en las cosas divertidas, volveré. Bien, aquí está la parte interesante. Ahora que tengo el texto animado, tengo el efecto máquina de escribir en todo el texto. Lo que quiero hacer ahora es animar cada burbuja emergente. Para eso, podemos usar un par de cosas distintas, pero estoy pensando en usar un efecto transformador, que luego voy a poder simplemente seguir adelante y copiar en todas ellas. O oh, sí. En realidad, podemos seguir adelante y probar el compositor de animación, que tenemos frente a mí. Entonces tenemos ambos de estos. Tenemos que ser padres de uno a otro. Así que imprimí el látigo esto al final al grande, y vamos a tratar de empezar a presets tal vez este ¿Bien? Esto definitivamente es un poco demasiado, tal vez rebota cero. Me gusta todo, ¿de acuerdo? Ahora, necesitamos abrir esto para ver dónde comienza la animación. Quiero ir a, por ejemplo, aquí, y pegar. Echemos un vistazo. Eso es 6.2 millones de dólares al mes, 1.4 millones a la semana, 204 mil al día, 8 mil 500 por hora, 141 dólares 204 mil diarios, 8 mil 500 por hora, 141 dólares por minuto. Bien, genial. Ahora bien, en términos de todas estas otras cosas, ni siquiera estoy seguro. Potencialmente podríamos seguir adelante y desactivar mayoría de las cosas porque no las estamos usando. Mm hmm. Bien. Esto se ve genial. Asegúrate de guardar los proyectos. Bien, ahora vamos a ponerlo. Entonces tenemos la burbuja del mensaje I. Eso es 6.2 millones de dólares al mes. Bien, ya hicimos esta animación. Música de Apple. Bien. Vamos. Y tenemos que descomponer esta parte aquí porque ahora mismo es una capa grande. Necesitamos que sea un montón de capas pequeñas. Entonces es ésta. Vamos a sacar todo esto. Como, entonces capa Bien, ahora deberíamos poder, sí. Bien. Guarde esto. Vamos a probarlo sin cerrar primero Illustrator. Sí. Bien, ahora somos capaces personalizar cada bit, ¿de acuerdo? Así que ahora podemos cerrar el ilustrador. Deberíamos tener un icono aquí. No tenemos un icono. Mm. Deberíamos poner ahí a Tim Cook. Deberíamos. ¿No es así? Hermoso. Creo que lo es. Bien, ahora necesitamos notas. En 2024, Tim Cook ganó 74.6 millones de dólares. Eso es 6.2 millones de dólares al mes, 1.4 millones a la semana, 204 mil al día, 8 mil 500 por hora, 141 dólares por minuto, y eso es 2.3 7 dólares Eso es más de lo que la mayoría de la gente gana en una hora, cada segundo. Comparte esto con un amigo que necesita un aumento. Hermoso. ¿No es hermoso? Bien, ahora, hagamos los toques finales aquí. Entonces todo está bien. Aparte de aquí, necesitamos agregar una imagen aquí en la parte superior. Agrega un fondo aquí y agrega un fondo aquí. Bien, vamos a repasar rápidamente por todo. Vamos a crear un círculo. Ponlo en el medio. Y ahora pongamos una foto. Oh, sí, vamos a poner otra foto de Tim Cook aquí. Y seguiremos que coincidan con esta imagen. Como, entonces bien. ¿ Qué más necesitamos? Aquí necesitamos antecedentes, bien. Abramos éste. Bien, busquemos una foto. Pantalla iPhone. Solo necesitamos acertar las dimensiones. Intentemos alinear estas cosas para que encajen perfectamente. Creo que lo hace ahora. Ahora, podemos crear un esquema nosotros mismos. Vamos a crear una forma de rectángulo redondeado, deseleccionemos todo por el presente comando shift A, ahora vamos a crear uno grande y vamos a asegurarnos de que encaje vertical y horizontalmente. También voy a abrir la transformación para moverla arriba y abajo. Bien, esto es genial. Cambia la redondez para asegurarte de que encajamos. Ponlo hasta el fondo. Ahora, podemos hacer que sea el color que queramos. Podemos hacerlo blanco para que podamos ver cosas. Pero en lugar de blanco, ¿por qué no creamos? Hagamos iPhone wall, papel. Voy a presionar un atajo Shift Option Command H o G, y este es el atajo que nos permite ajustar un determinado objeto al tamaño de la pantalla, ya sea vertical u horizontalmente al tamaño de la composición. Y a partir de ahí, puedo hacerlo más grande, más pequeño, haciendo para hacerlo un poco más grande. Entonces pongámoslo a 35. Bien. Y vamos a rastrear acoplado a este tipo Mm hmm. Genial. Ahora, vamos a duplicar este iPhone, hacerlo visible. Solo hagamos el trazo, aumentemos el ancho del trazo. Como, así como vamos a hacerlo. Asegurémonos de que nuestro punto de anclaje esté en el medio. Y ahora hagámoslo un poco más pequeño, solo un poquito, y hagámoslo negro. Esto es genial. Lo único que tenemos que hacer es cambiar la posición porque no es muy recta. Entonces conectémonos a éste y P mueva este un poco a la derecha. Entonces ahora vamos a copiar esta cosa, ponla aquí. Vamos a ponerlo al fondo, P, vamos a moverlo un poco. A la izquierda. Cambiemos el fondo del iPhone por otra cosa . A mí me encanta. Bien, ahora necesitamos agregar solo un par de cosas ahí notificaciones porque vamos a verificar dos veces. Notificaciones, sí. Entonces sí tenemos algún tipo de icono ahí. Mensaje iPhone iPhone. Puedo descargar. Así que vamos a dejarlo caer, dejarlo caer aquí. Bien, hagámoslo así por ahora, y entonces podríamos cambiarlo un poco más tarde en el futuro. Veamos qué creamos. ¿Cuánto gana Team Cook por segundo? Vamos a desglosarlo. En 2024, Team Cook ganó 74.6 millones de dólares. Eso es 6.2 millones de dólares al mes, 1.4 millones a la semana, 204 mil al día, 8 mil 500 por hora, 141 dólares Y eso es 2.3 $7 cada segundo. Eso es más de lo que la mayoría de la gente gana en una hora cada segundo. Comparte esto con un amigo que necesita un aumento. Bien, me gusta todo. Definitivamente tendremos que crear algo en cuanto al fondo un poco más tarde porque no tenemos fondos para ninguna de estas cosas, pero aparte de eso, creo que se ve súper genial, súper caro. A lo mejor vamos a crear un borde redondeado aquí porque actualmente no parece un iPhone, pero sin duda podemos hacerlo. Al igual que, no es un problema. Aquí lo creamos. Súper fácil. Veremos qué podemos hacer aquí también. Aparte de eso, creo que quiero detenerme aquí, tomarme un pequeño descanso, meterme algunas ideas frescas en la cabeza, volver con una visión fresca y ver qué tipo de resultados podemos obtener aquí. Estamos haciendo un gran, gran trabajo. Gracias por ver. Si tiene alguna duda, házmelo saber. Pero aparte de eso, te veré en el siguiente video. 21. Transiciones y 3D y profundidad con cadenas cero: Han pasado alrededor de dos, 3 horas desde mi última sesión. Continúo con esta edición. Hay un par de cosas que podemos hacer. Me gustaría guiarte a través de algunas de las opciones que tienes a la hora de esto. Echemos un vistazo al calendario, por ejemplo, una composición no tiene tantas capas. Creo que fue ésta. Lo que podemos hacer es crear una cámara y podemos acercar con la cámara. Si nos acercamos con la cámara, vamos a perder calidad. ¿Por qué? Porque todo va a seguir siendo la misma calidad, básicamente. Y solo nos acercamos y nos acercamos aquí, se puede ver que la calidad es bastante mala. Sin embargo, hay una interesante alternativa en torno a esto, y tiene que ver con los archivos SVG que se crearon en Illustrator Por ejemplo, vamos a crear un nulo presionando la opción Mayús comando Y. Bien, se va a quedar en la parte inferior. Seleccionaremos todo aparte del nulo, y vamos a padre de todo al nulo. Como, así que a la vez, también vamos a dar click sobre este botón, que es Rustiz. Y por lo tanto, digamos que presionamos sobre S, y ahora aumentemos el tamaño. Puedo ver que la calidad en realidad se está volviendo mejor de lo que solía ser. Solía ser, ya sabes, echar un vistazo a esta parte o echarle un vistazo a esta parte. Lo aumentamos de tamaño, y cada vez es mejor. Entonces eso es lo que pasa cuando rasterizas. Bien, voy a volver a cancelar todo. Entonces un par de cosas que podemos hacer. Entonces sí, definitivamente podemos trabajar con la cámara para crear este efecto Boca, básicamente el desenfoque en el fondo, el primer plano, que se ve súper caro Claro. Y en realidad podemos hacer eso por el fondo. También podemos usar los mismos efectos con el desenfoque de Cashion, Al mismo tiempo, lo que también hicimos genial es que tenemos cada uno de nuestros sets, cada una de nuestras escenas en una composición diferente. Y como ya tenemos el audio aquí, en realidad podemos animar cada uno de ellos por su cuenta. Vamos a probarlo. Voy a seleccionar todo, presionar A y A para cerrarlo todo. Entonces ahora tenemos todo cerrado, y voy a cambiar la composición de esto a 1080 para 1920. Entonces vamos a hacerlo vertical. Y bien, comencemos con esta primera. Cerremos todo lo demás. Y voy a seleccionar todo comando a Oh, en realidad, está aquí. Así que rasteriza cada capa. Ahora voy a anular la selección de todo. Mayús Comando A, seleccionamos la primera capa, y aquí vamos a crear un comando nulo, opción de desplazamiento Y. Ahora, vamos a presionar Comando A para seleccionar todo, y al presionar Mayús, voy a presionar nulo para desseleccionarlo, y ahora vamos a padre de todo al nulo Entonces aunque arrastremos una cosa al nulo, seguimos siendo padres de todo al nulo. Bien, genial. Entonces ahora, podemos controlarlo todo aumentando lo nulo, hermoso. Esto en realidad van a ser los principales nulos, usa P y S. En realidad, comencemos de como esta posición aquí más o menos, pongamos dos fotogramas clave, realmente aumentemos la escala Y pongámoslo algo así como en el medio. Acabamos de aumentar este nulo, y como queremos un movimiento súper suave, voy a seleccionar este nulo y voy a crear otro nulo, y voy a conectar este nulo, el nulo principal a nulo numero tres, no importa los nombres. Y ahora, mientras estamos acercando, ya vamos a empezar a movernos hacia la izquierda, así Y eventualmente, deberíamos terminar aquí. Vamos F N F nueve, todo. ¿Cuánto gana el cocinero al vapor cada segundo? Bien, esto tiene que parar aquí. En realidad, creo que lo que podemos hacer es que podemos hacerlo así, así que empezará muy rápido en el mismo principio y disminuirá la velocidad. ¿Cuánto gana Steam Cook cada segundo? Y tal vez necesitamos acercarnos un poco menos. Entonces va a suavizar mucho este. Y mientras éste sigue moviéndose, vamos a empezar a bajar en este caso, podemos simplemente duplicar éste, luego lo padre. Al presionar P, eliminaremos estos fotogramas clave. Y así partiremos desde esta posición. Y vamos a bajar. Al igual que selecciónelo, haga doble clic. Vamos a desglosarlo. Yo voy. Vamos a desglosarlo. A lo mejor necesitamos un poco menos. ¿Qué pasa con esto? Entonces echemos un vistazo a este de aquí. ¿Cuánto gana Steam Cook cada segundo? Vamos a desglosarlo. Vamos a crear otro nulo por aquí. Así que duplica éste, P, conecta éste a éste, borra los fotogramas clave de posición y empieza Y luego y digamos aquí, lo haremos por nuestra cuenta nueve, acercaremos, y lo haremos así. Vamos a crear un marcador. Busquemos cómo dejar marcador. ¿Te acuerdas? Bien, Control ocho. Entonces pongamos aquí el marcador, Control ocho. Bien, genial. Ahora tenemos un marcador. Y vamos a desglosarlo. Bien, hermosa. Segundo. Vamos a desglosarlo. A lo mejor deberíamos empezar este un poco antes. Segundo. Vamos a desglosarlo. A lo mejor debería ir o a poco más bajo. Segundo. Vamos a desglosarlo. Tal vez incluso más bajo. Nosotros en segundo lugar. Vamos a desglosarlo. Bien, vamos a ver. ¿Cuánto gana Steam Cook cada segundo? Vamos a desglosarlo. Entonces para el primero, tenemos artículo Cook hacer cada segundo. Vamos a desglosarlo. En 22. Vamos a abrir esta. Hagámoslo 108 T para 1920. Y vamos a hacer exactamente lo mismo que hicimos anteriormente. Déjame seleccionar la capa superior, crear un nulo, seleccionar todo, seleccionar el nulo, padre todo al nulo. Y mientras tenemos todo seleccionado, daremos click en Rasterizar Ya está rasterizado K Ps renombrarlo a nulo principal. Bien, entonces teníamos nuestro iPhone aquí. Seleccionemos nuestro iPhone, este, este, este. Selecciona nuestro iPhone y tráelo al calendario iPhone y pégalo. Ahora, pongamos todo en el medio. Porque lo teníamos parentado. Por eso sucedió esto. Genial. Ahora podemos diseccionar este fondo, y ahora podemos seleccionar todo, deseleccionar el nulo, y podemos rastrear mat todo al iPhone porque ese era nuestro track Así que solo selecciona todo. Vamos a reducirlo un poco. Al igual que, entonces 99. Perfecto, para que no cortemos los bordes. Paradicemos estos dos al nulo también para que nulo conecte todo. Entonces ahora que cuando escalamos, sí tenemos nuestro iPhone así. ¿Cómo va este extremo a la derecha? Bien. Así que en realidad podemos hacer que venga. Este va a ser el fotograma clave final, y deberíamos hacerlo, como, entonces este va a ir a la izquierda Este va a venir así. En 2020? Un poco más de espacio porque literalmente no hay espacio. En 2024, Tim Cook hizo. Comprobemos cómo se ve. Descomponerlo. En 2024, Tim Cook hizo 74 punto. Bien, echemos un vistazo ahora. ¿Cuánto gana Tim Cook por segundo? Vamos a desglosarlo. En 2024, Tim Cook hizo $74.6 millones. Eso son 6.2 millones Genial. Bien, ahora necesitamos crear nuestro iPhone pensando aquí también. Tomemos nuestro iPhone, también, copiarlo, pegarlo en la burbuja del mensaje I. Es seleccionar éste, ponerlo en el medio, en el medio. Y en realidad, necesitamos cambiar el tamaño de la composición 1080 para 1920. Nuestra animación en sí misma fondo no está perfectamente en el medio porque no la pusimos en el medio en Illustrator, algo que es mejor hacer, pero no lo hicimos, y no es el fin del mundo. Vamos a crear un nulo, seleccionar todo. Vamos a anular la selección de estos. Lo haremos padre al nulo. Bien, rasterizado, encendido, y estaba pensando en seleccionar el nulo y ponerlo en el medio Bien, entonces solo podemos hacerlo con gobernantes. Entonces tenemos 1080 para 1920. Se pueden ver los números. 1080 dividido por la mitad es 540, así que me parece 540, esta va a ser la mitad. Esto va a estar en el mismo medio ahora mismo. Perfecto. Vamos a encender a estos tipos. Parece que nuestro equipo Cook no está en el medio, sino lo que sea. Bien, ahora seleccionaremos todo aparte del nulo y seguiremos tapete a nuestro iPhone. Después deseleccione todo y también podremos eliminar este iPhone Y para desactivarlo, cambiar la posición de nuestro nulo. Ahora también necesitamos encontrar la imagen de esto, y necesitamos rastrearlo loco hasta la forma xl, busquemos donde tenemos estas cosas. Quiero pasar P y cambiar su posición para que sea un poco más alto. Ahora bien, las cosas son como deberían ser. Cerremos estos porque ya terminamos con ellos. Entonces terminamos con los dos primeros. Ahora vamos a trabajar en éste. Min duplicado, padre P y S. En realidad, lo que podemos hacer es echarle un vistazo. Vamos a crear otro nulo aquí. Padre éste, P, seleccionamos la posición E, y luego empezamos a bajar rápidamente FNF nueve, abrir, también. Entonces 60 millones de dólares Bien. Y comencemos esto. Necesito un fondo porque no puedo ver lo que está pasando. Vamos a habilitar esto. Bien, entonces comencemos desde aquí. Hagámoslo, como así F nueve. Bien, ahora estamos haciendo exactamente lo mismo una vez más, solo vamos a deshacernos del fondo. Bien. Veamos lo que tenemos hasta el momento. ¿Cuánto gana Tim Cook por segundo? Vamos a desglosarlo. En 2024, Tim Cook hizo $74.6 millones. Eso es 6.2 millones. Eso es 6.2 millones de dólares al mes, 1.4 millones a la semana, 204 mil al día, 8 mil 500 por hora, 141 dólares por minuto, y eso es 2.3 7 dólares Eso es más de lo que la mayoría de la gente gana en una hora. Echemos un vistazo a todo lo armado. ¿Cuánto gana Tim Cook por segundo? Vamos a desglosarlo. En 2024, Team Cook obtuvo 74.6 millones de dólares. Eso es 6.2 millones de dólares al mes, 1.4 millones a la semana, 204 mil al día, 8 mil 500 por hora, 141 dólares por minuto, y eso es 2.3 7 dólares Eso es más de lo que la mayoría de la gente gana en una hora cada segundo. Comparte esto con un amigo que necesita un aumento. Mmm, sí, creo que en realidad todo, todo es genial Aparte de tal vez un par de zoomins como, por ejemplo, aquí, creo que puede ser un poco mejor a la hora de deshacerse de los fondos y establecer un fondo Así que vamos a tratar de hacer eso. Bien, entonces para este trasfondo, lo vamos a eliminar. Bien, definitivamente estamos llegando ahí. Bien, entonces para este trasfondo, busquemos. Esto se ve genial. Bien, ¿por qué no vamos aquí al proyecto del guardabarros, lo descargamos, lo dejamos caer , vamos al fondo y lo dejamos caer aquí Bien, así que probemos un par de cosas. Intentemos esto moviéndose con el resto de la imagen. L significativamente más grande, algo así. Si quieres que esté conectado. Oh, no, tenemos que ser aún más grandes. Bien, entonces echemos un vistazo. ¿Cuánto gana el cocinero al vapor cada segundo? Vamos a desglosarlo. Bien, el primero se ve genial. ¿Qué tenemos a continuación? A continuación, tenemos creo que para el siguiente, solo deberíamos ir por un gradiente. Entonces Comando Y para crear una rampa de gradiente sólido. Dame código de color para usar como degradado para la animación de Apple. En realidad, no deberíamos simplemente poner un gradiente. Probablemente deberíamos poner como un degradado de cuatro colores. Este es el que necesitamos. Bien, vamos en realidad, tal vez ni siquiera necesitamos ponerlo aquí. Creo que aquí podemos usar un fondo similar, así que podemos simplemente seguir adelante y copiarlo. Déjame cerrar todo estoy empezando a perder la noción de las cosas. Control C, Control V. En realidad, intentemos poner este color en el fondo aquí. Animemos la opacidad. Como todo excepto la transición aquí, creo que deberíamos hacer algo al respecto. No me gusta la forma en que termina esta. A lo mejor deberíamos cambiar la posición para ser así. Millones de dólares. Millones de dólares. Eso son seis puntos millones de dólares. Eso es 6.2 millones. Son 74.6 millones de dólares. Eso es 6.2 milli. A lo mejor este necesita comenzar más alto. Vamos a probarlo. ¿Cuánto gana Tim Cook por segundo? Vamos a desglosarlo. En 2024, Tim Cook hizo $74.6 millones. Eso es 6.2 millones de dólares al mes. Creo que es genial. Podría hacer un par de otros cambios insignificantes en el futuro. Pero en general, creo que este video está resultando ser absolutamente fantástico. Entonces ahora vamos a exportarlo. En el siguiente video, vamos a trabajar en los efectos de sonido. Vamos a exportar en TornoQ darle un nombre, guardarlo y Hermoso. Quizás también deberíamos agregar un poco de desenfoque de movimiento a todo, o tal vez no veamos, porque ahora mismo no hay desenfoque de movimiento en ningún lado Entonces echemos un vistazo al video final. ¿Cuánto gana Steam Cook cada segundo? Vamos a desglosarlo. Esto se ve genial. Creo que deberíamos agregar desenfoque de movimiento, así que selecciona todo agrega desenfoque de movimiento. Es decir, esto probablemente tomará mucho en la computadora. Podemos darle una prueba y ver qué tipo de resultados obtenemos. Especialmente en las transiciones, va a ser súper útil porque va a hacer que sea mucho más suave en las transiciones. ¿Cuánto gana Steam Cook cada segundo? Vamos a desglosarlo en 2024. Sí, la transición es mucho más suave de esta manera. Vamos a decidir el siguiente video cuál vamos a usar, un pequeño cliphanger para ti Aparte de eso, si tienes alguna duda, avísame. Pero aparte de eso, te veré en el siguiente video, así que ve en el siguiente video. 22. Diseño de sonido: audio en UI y sincronización de tiempo: Bienvenida. Bien, hasta ahora hemos hecho algunas cosas increíbles. Hemos creado el video, hemos preparado el diseño. Al igual que, estamos así a través de este video, que es genial. Y ahora tenemos que echar un vistazo a los videos, y lo organicé ayer. Entonces tenemos el de Exportar, que es sin Desenfoque de movimiento, y este es con Desenfoque de movimiento. Incluso se puede ver en la vista previa. Primero echemos un vistazo al desenfoque de movimiento, y luego echaremos un vistazo al experto y a uno, decidiremos cuál usar, y luego nos pondremos en la edición del audio y la música ¿Cuánto gana Tim Cook por segundo? Vamos a desglosarlo. En 2024, Tim Cook hizo $74.6 millones. Eso es 6.2 millones de dólares al mes, 1.4 millones a la semana, 204 mil al día, 8 mil 500 por hora, 141 dólares por minuto, y eso es 2.3 7 dólares Eso es más de lo que la mayoría de la gente gana en una hora, cada segundo. Comparte esto con un amigo que necesita un aumento. Bien, hermosa. Absolutamente. Como, súper caro. Echemos un vistazo a éste. ¿Cuánto gana Team Cook por segundo? Vamos a desglosarlo. En 2024, Team Cook hizo 74.6 Sí, como el de Motion blurr Moore. Y me gustaría echar un vistazo aquí para asegurarme de que sí teníamos desenfoque de movimiento. Interesante. Entonces este fotograma, es como si tuviéramos desenfoque de movimiento aquí, y luego este fotograma se detiene. Y entonces es así para como dos fotogramas. Todo está bien en este frente. Creo que podríamos cortar esta parte, este marco. Creo que es solo con fotogramas clave para mover el fotograma clave un poco hacia la izquierda Pero en lugar de reanimar, exportar, lo que va a tardar menos como probablemente 15, 20 minutos Entonces, en lugar de hacer eso, en realidad podemos simplemente cortar eso. Solo comprobemos que todo lo demás es bueno. Oh, creo que el mismo tema aquí. Sí. Interesante. En fin, vamos a abrirlo en Premiere. Entonces para esto, voy a crear en realidad, ya creamos nuestro proyecto de estreno, así que solo lo voy a abrir. Para abrir cualquier cosa en Mac, puedes presionar en Comando O en Windows probablemente similar, algo así como Control O, y va a abrirlo. Y luego te voy a mostrar formas interesantes de obtener el muy buen audio gratis, ¿de acuerdo? Así que exportar también. Organicemos las cosas. Así que vamos a crear una carpeta presionando Comando y este botón. Entonces comanda y asegúrate de seleccionar la carpeta del proyecto. Entonces comando y ese botón, creamos un bin. O en realidad podemos seleccionar por ejemplo, este, presionar Mayús B, y va a crear un bin de esta selección. Entonces esto se va a llamar audio crudo. Esto se va a llamar secuencias. Esto está bien, solo lo dejaremos aquí por ahora. Elimina el audio y hazlo así. ¿Cuánto gana el cocinero a vapor veamos a dónde fueron las cosas Sí, definitivamente necesitamos reexportar porque tenemos, como, uno, dos, tres, cuatro. Tenemos tres marcos congelados. Podemos eliminar esto. Y ahora vamos a abrir el proyecto After Effects. Vamos AE. Comando O, ábrelo. Reexportaremos, solo nos aseguraremos de resolver ese problema ahí Entonces, lo que creo que son los marcos clave cuando lo estamos moviendo al final deben ser este de aquí. Entonces todavía tenemos el texto, y bien, echemos un vistazo aquí ahora. Os. Eso es. Eso es 6.2. Bien, esta es buena. Puedo desplazarme entre fotogramas presionando las teclas de comando, comando y flecha. De lo contrario, si tienes algo seleccionado, lo vas a mover a derecha e izquierda. ¿Y por qué lo tenemos así? Entonces, ¿es éste? No. ¿Es éste? Sí. Bien, ¿qué pasa? ¿Qué estaba mal aquí? ¿Por qué lo hicimos? Bien, vamos a verificar cada cuadro en el medio. Exportar tres, vamos a usar el Exportar tres, y ahora vamos a renderizar. Va a llevar algún tiempo. Este proyecto es bastante pesado. Mientras tanto, mientras está exportando, permítame mostrarle cómo obtener audio de calidad profesional de forma gratuita. Es a través de un sitio web llamado Pixabay. Puedes buscar cosas diferentes. Puedes buscar imágenes, videos, regalos, tres modelos D, efectos de sonido y música. Ahora, tienen una gran biblioteca de efectos de sonido. Y si buscamos UI, Estos son sonidos de interfaz de usuario geniales. Como, para esto, no hay sonido en IOS, pero bien, para este tampoco hay sonido. Pero para las animaciones de mensajes, en realidad hay un sonido. Cuando envías un mensaje y cuando recibes, no estoy seguro de cuándo mandas, pero cuando recibes, definitivamente hay sonido. Bien, entonces para esto, solo podemos usar una máquina de escribir o como teclado súper simple Este súper simple también. Bien, así que básicamente necesito encontrar los sonidos para que me envíe un mensaje, y busquemos eso. Notificación. Estoy creando un video sobre Apple UI Design, y necesito encontrar efectos de sonido y verificar contigo sobre los efectos de sonido. Básicamente, es iPhone recibiendo mensajes y enviando los mensajes. ¿Hay algún sonido al enviar y recibir un mensaje? primer lugar, en segundo lugar, ¿dónde puedo descargarlos gratis en línea? Me suena el mensaje. Bien. Echemos un vistazo a éste. Perfecto. Esto es exactamente lo que estaba buscando. Voy a descargarla desde aquí. Acabo de copiar el enlace. Vengo a esta página web. Necesitamos solo el audio para éste, así que no lo necesitamos en buena calidad porque la buena calidad pesa, en realidad, 3.21 megabytes No importa. Entonces tenemos esta descarga. Esto es bueno. El control como comando también, para que no nos lleve la memoria. Nuestra exportación debería estar aquí. Sí, pongámoslo en esta carpeta. Bien. Exportación número tres, podemos retrasar esta porque no la estamos usando. Entonces deja caer esta. Y empecemos a trabajar de inmediato en los sonidos de iPhone. Entonces veamos cuál necesitamos. Entonces necesitamos este primero. No. Esta va a ser una. Esta va a ser otra. Y vamos a ver. Entonces esto es recibir, y esto probablemente sea Sand. Recibir arena. Bien, entonces esta va a ser la primera. Lo marcaremos. Vamos a marcarlo a naranja y este será de este color. La forma en que puedo marcar colores es que tengo que entrar en atajos opción comando K, Comando uno, así púrpura. Vamos, dos de mango. Entonces busco mango, este es el color. De hecho, puedes buscar Libelo y puedes poner diferentes atajos por ti mismo para diferentes claves Bien, entonces esta va a ser una. Vamos a colocarlo aquí. Eso son seis colores. Eso son seis Eso es seis pies. Eso es seis puntos. Voy a desactivar mi voz para que no compita. Ahora, hagamos esta. Otro éste. Soy capaz de copiar estos pulsando la opción. No, no, no. Y éste también. Entonces un arrastre, presione la opción. Yo lo pongo aproximadamente no tiene que ser perfecto porque gente por lo general la gente ni siquiera nota ninguna de estas cosas. Entonces, vaya, necesitamos usar naranja, también. Y eso es todo. Bien, entonces echemos un vistazo. No. No. L. L. Esto podría ser un poco demasiado alto, así que tenemos que bajarlo presionando G menos diez. Escuchemos con todo. Millones de dólares. Eso son millones de dólares. ¿Eso es seis puntos? Quizá no menos diez, pero pongámoslo a menos cinco. Millones de dólares. ¿Eso es seis puntos? Sí. Esto es genial. Enseguida, yo entre todas estas transiciones Zoomins rápidos necesitamos agregar swooshes Entonces voy a usar premiere composer animation composer, el mismo que usamos en after effect. Y voy a buscar swoosh. Y voy a agregarlo. ¿Cuánto cuesta? Y probablemente necesite cortarlo. Mudo, el de arriba. Bien, entonces tenemos otra transición aquí. Agreguemos otro. Bien, tal vez usemos otra diferente porque esta transición es un poco más rápida. Probablemente podamos bajarlos un poco más abajo para que mantengamos swuses en un nivel y estos chicos en el otro nivel No me gusta la forma en que este es demasiado rígido, así que intentemos usar este de aquí también. Un poco más tarde. Silenciar también a estos tipos. Comienza demasiado pronto. Bien, algo como esto. Busquemos otro momento de transición. Ahí. Por cierto, esta transición es tan fluida. El motivo es porque tenemos un fondo muy oscuro, y este también es oscuro. Entonces por eso se ve tan genial. Y usemos el último por aquí. Vamos a dejarlo caer un poco antes. Bien, echemos un vistazo a las transiciones. Bien, genial. Por cierto, aquí, lo sé enseguida, voy a usar para que podamos desactivar estos. Y vamos a trabajar en esta pista ahora mismo. Entonces voy a presionar S y sólo va a habilitar esta pista, pista número tres. Y aquí vamos a agregar un efecto de máquina de escribir. Por cierto, mantengamos esto organizado. Entonces para esto, necesitamos Sexo, y voy a buscar la carpeta SFX y dejarla caer Puedes encontrar la misma carpeta Sexo en la sección de recursos descargables, y tendrás acceso a todo el sonido En la parte inferior, aquí encontrarás una máquina de escribir o potencialmente en realidad un teclado Apple pesado, lo que podría sonar incluso más caro que la máquina de escribir. Entonces vamos a buscarlo. Y por ejemplo, vamos a seleccionar esta porción, y vamos a Y para hacer clic en esta. Entonces vamos a escuchar. Hermoso. Para esto, en realidad no estoy seguro de qué sonido deberíamos usar aquí. A lo mejor no tendremos ninguno. Pero vamos a llegar ahora mismo al principio. Y vamos a tratar de pensar qué sonido debemos usar aquí? Tal vez deberíamos usar algún tipo de sonido de interfaz de usuario como algo que queríamos hacer . A mí me gusta este sonido. Descarguemos un montón de ellos, y luego lo averiguaremos. Mm en realidad. Vamos a descargar este sonido también. Y luego veamos qué más. Esto es genial. Estoy buscando sonidos caros, y estoy buscando algo así como, no sé si hay una manera de describir un sonido como este, pero para un sonido táctil, pero para un sonido táctil, algo que se siente súper caro y como una sensación cara cuando tocas algo Entonces esto es algo que estoy buscando. En realidad, esta también era hermosa. Sí. Bien, entonces hemos descargado un par de ellos. Veamos qué tenemos. Por cada una de estas palabras que aparecen, quiero tener algún sonido de algún tipo Entonces, en realidad, abramos esto y probemos todos estos. No, aquí no. Voy a cerrar este y probémoslo todo aquí. Y vamos a escuchar. Entonces usemos estos dos primeros para ¿cómo es W? ¿Por cuánto tiempo? Bien. Apenas podemos escuchar este. Hagámoslo más fuerte. Es -20. Vamos a aumentarlo en 15. Bien. No, no se ve bien. Esto es lo que vamos a hacer. Vamos a usar este sonido para cada texto porque queremos mantener los sonidos consistentes, también. De lo contrario, no va a sonar caro. Oh, aquí deberíamos hacerlo así. Y aquí podríamos ser capaces de usar todos estos al mismo tiempo. ¿Por dónde empieza justo aquí? Sí, en realidad, creo que se ve genial, tal vez solo un poco más tarde. Bien, ahora echemos un vistazo a todo. Vamos a deshabilitarme. Genial. Bien, para este, vamos a usar un marcador, y lo podemos encontrar en carpeta de fax. Busquemos marcador. Tenemos dos marcadores diferentes. Un marcador como este. El otro es más largo. Vamos a usar una más larga porque sé que esta animación es bastante larga, así que en realidad, tenemos que tenerla más tiempo. Bien, definitivamente necesitamos hacer este -20 porque es demasiado ruidoso. Agrega una transición aquí, pero vayamos al fax y hagamos el corte centrado para que sea invisible Sí, apenas se puede oír, pero es bueno. Bien, aquí también necesitamos agregar un teclado o bien, y estoy buscando un sonido cuando escribes en un iPhone. Usemos solo un teclado que usábamos antes. Entonces veamos por dónde empieza aquí. Bien, por cada uno echemos un vistazo a lo que hemos descargado. Ooh. En realidad, este sonido podría funcionar para estas palabras que aparecen en la parte superior. ¿Algo así? Y para aquí, necesitamos, como, un interruptor de algún tipo. Creo que tenemos, como, plástico. Si lo cortamos aquí, no, en realidad, de la manera opuesta, perdón. Como, así que vamos a encontrar cuando aparece y dejarlo caer. Bien. Bien , podríamos usar esta otra vez. Aún así, se puede escuchar claramente. Bien, entonces busquemos otra cosa. En realidad, eliminemos esto y busquemos la notificación del iPhone. ¿Dónde lo usamos? Bien, veamos aquí. Oh. A veces también menos es más, y por eso definitivamente podemos usar muchos sonidos aquí, pero creo que esto va a funcionar aún mejor porque es algo simplista No estamos usando más sonidos. Creo que es simple, minimalista, y por eso funciona Bien, entonces esto es lo que tenemos en cuanto a los sonidos. Escuchemos desde todo desde el principio hasta el final sin mí, y después de eso, trabajaremos con música. Bien, enseguida, este tiene que empezar un poco más tarde, como una fracción de segundo después. Mm. Este empieza demasiado tarde. Tenemos que moverlo un poco hacia la izquierda. Bien, creo que se ve genial. Estos tres, estos definitivamente son demasiado ruidosos, por lo que deberíamos bajarlos en al menos diez. Tal vez menos cinco extra. Sí. Hm. Busquemos música. Bien, ya que estoy creando un video sobre Apple, ¿qué tipo de música usaría Apple para crear un video sobre Apple? En mi opinión, es algo así como minimalista, como sus diseños de interfaz Pero, ¿cómo puedo buscar el tipo de música en pixabay.com En realidad, tal vez deberíamos buscar solo minimalistas, lo sé Una cosa que sé certeza es que podremos usar una canción de Epidemic Sound porque Epidemic Sound, llevo usando los últimos, cinco, seis años, tal vez incluso más. Son absolutamente geniales, y tienen una increíble selección de música Si quieres consultarlos en la sección de recursos, puedes encontrar un enlace para una prueba de 30 días. Puedes probarlo si no te gusta, cancela en cualquier momento. No te preocupes por ello, pero realmente lo recomiendo. Es un precio pequeño, pero luego los videos se vuelven como, como, no solo diez, sino, como, 100% mejores. Y como pueden ver, lo que estoy buscando para estas canciones aquí no necesariamente funciona de la mejor manera. ¿Por qué? Porque, ya sabes, porque este sitio web es gratuito. Epidemic Sound tiene un poco de presupuesto. Tienen tantos artistas profesionales como, realmente se esfuerzan, y tratemos de encontrar una canción aquí bush. Mmm. Me encanta esta canción. Bien, entonces vamos a descargarlo y probarlo. Así que hemos probado las opciones gratuitas. Opciones gratuitas. Sí, hay algunas buenas opciones, pero no las que estamos buscando. Epidemic Sound, encontramos una canción, ¿qué tan rápido? Súper rápido. Entonces echemos un vistazo a la canción. Creo que la canción va a funcionar increíblemente bien. Deberíamos empezar por aquí. Así que solo voy a seleccionar una pequeña porción, arrastrarla al frente, cortarla hasta que realmente comience la música, y soltarla. Bien. Y entonces cuando empiece un ritmo más interesante, voy a usar esta parte. Esta es una especie de introducción, la primera parte. Y luego para esta parte, podemos usar un tipo diferente de canción para construir la tensión, el batir el interés. Entonces pongámoslo aquí, prueba algo como esto. Bien, tenemos que cortarlo un poco. Tal vez, como, entonces pero bien, entonces para esta parte, quiero cuando empiece la parte muy interesante de esta canción. Potencialmente aquí, vamos a dejarlo caer. Bien, transición. Y entonces también quiero tener, como, la misma acción para construir por aquí. Y luego al final, va a disminuir la velocidad a esta parte, que podemos ver aquí. En realidad, comencemos desde el final aquí porque creo que este va a ser un muy buen final para la canción a menos que sea mejor aquí. Este va a ser nuestro fin, así que lo dejaremos caer, como, así. Entonces podemos eliminar esta parte por ahora. Hermoso. Ahora bien, para esta parte, sí, vamos a usar definitivamente. No estoy seguro de cuál vamos a hacer esto, pero no estoy seguro de los resultados. Sólo estoy experimentando, viendo como funcionan las cosas o no Bien, tomemos todo sin mi voz primero. No, es increíblemente bueno. Increíblemente bueno. Ahora sólo tenemos que bajar todo en -20 decibelios, a ver si me pueden escuchar ¿Cuánto gana Team Cook por segundo? Vamos a desglosarlo. En 2024, Team Cook hizo $74.6 millones. Eso es 6.2 millones de dólares al mes, 1.4 millones a la semana, 204 mil al día, 8 mil 500 por hora, 141 dólares por minuto Y eso es 2.3 $7 cada segundo. Eso es más de lo que la mayoría de la gente gana en una hora cada segundo. Comparte esto con un amigo que necesita un aumento. Guau. Resultó ser súper genial. Ahora, puedo escuchar que los efectos de sonido aquí son un poco demasiado fuertes, así que tenemos que bajarlo. ¿Cuánto gana Steam Cook cada segundo? Vamos a desglosarlo. Entonces bajémoslo por, digamos diez y veamos qué tenemos. ¿Cuánto gana Steam Cook cada segundo? Vamos a desglosarlo. En 2024, Team Cook hizo 74.6 Este también necesita ser bajado , en 5 millones de dólares. Eso son 6.2 millones de dólares. Eso es 6.2 millones de dólares al mes. Bien, este también necesita ser bajado, por algo así como menos $5. Eso es 6.2 millones de dólares al mes. Absolutamente, increíble. Bien. Así es como haces la música. Así es como haces el efecto de sonidos. Los efectos de sonido. Si tiene alguna duda, házmelo saber. Al lado de eso. Te veré en el siguiente video. 23. Exportar y exhibir proyecto 1: Estamos a punto de terminar este video. Ya casi terminamos. Y lo último que tenemos que hacer es exportar correctamente este video. Entonces, ya sea que trabajes en el audio en after effects o lo hagas en premiere, ambas formas funcionan bien. Simplemente es mucho más fácil hacerlo en estreno que después de efectos porque imagina tener estas muchas capas en los efectos posteriores. Eso es una tonelada. Entonces, lo que tenemos que hacer es que tenemos que exportar. En primer lugar, tenemos que seleccionar I y seleccionamos O al final. Si lo haces en después de los efectos, no necesitas hacerlo. Sólo tienes que seguir adelante y exportar toda tu composición. Ahora bien, cuando vengamos a exportar, te recomiendo configurar estos ajustes. Entonces este es un preset que creé. Básicamente, esto es hacer coincidir la fuente. Después entramos en render a máxima profundidad. Utiliza la máxima calidad de renderizado. La codificación por hardware es solo para codificación de tasa de bits de exportación más rápida Establecí este y la tasa de bits objetivo en 19. Ahora, definitivamente puedes configurarlo al máximo o puedes ir por esta opción aquí. Descubrí que estos ajustes funcionan mejor para mí. Si quieres, puedes simplemente seguir adelante y copiar. Así que déjame retrocederla. Ahora, una cosa te diré, que es súper importante si quieres exportar en Premiere, hay un problema con premiere cuando exportas el video porque el video que exportas no estará tan saturado. Los colores no serán oscuros. Entonces es como si fuera como si el contraste estuviera un poco rechazado. Y si quieres evitar eso, hay una manera de hacerlo. Deberá entrar en vigor y deberá aplicar un lote de compensación QT Gamma. Este lote en realidad hace que el video esté más saturado. Y si no lo hacemos, los videos van a ser un poco menos contrastes, pero si lo haces, lo haces aquí Para que puedas seleccionarlo, encontrarlo en tu computadora. A ver donde lo tenemos. La compensación QT Gama debería estar alrededor, esta es la indicada. ¿Bien? Así que solo voy adelante y lo abro, y eso es todo. También puedes descargar esta ranura en los recursos descargables. Y luego podrás guardar tu preset. Puedes personalizar los encabezados. Puedes seguir adelante y copiar mis encabezamientos. Luego haz clic derecho en Guardar preajuste, y ya estás listo para comenzar. Ahora, sigamos adelante y pulsemos en Exportar. Y en realidad se puede ver la diferencia en la exportación. Entonces esto es con el Cuánto Tips así que esto es con el lote de compensación QT Gamma, y este es sin siquiera haciendo clic, se puede ver la diferencia en saturación. Este es mucho menos saturado o menos contraste, y este es mucho más. Y es mejor usar siempre éste de lo contrario los colores van a parecer un poco sosos Ahora, lo último que tenemos que hacer, ver el video, asegurarnos de que las cosas estén geniales. Y si es bueno, entonces podremos seguir adelante y publicarlo. A ver. ¿Cuánto gana Tim Cook por segundo? Vamos a desglosarlo. En 2024, Team Cook obtuvo 74.6 millones de dólares. Eso es 6.2 millones de dólares al mes, 1.4 millones a la semana, 204 mil al día, 8 mil 500 por hora, 141 dólares por minuto Y eso es 2.3 $7 cada segundo. Eso es más de lo que la mayoría de la gente gana en una hora, cada segundo. Compártelo con un amigo que necesite un aumento. Absolutamente hermoso. Ahora, te voy a dar un par de consejos sobre cómo publicar correctamente estos videos también. Si publicas videos verticales, es mejor publicarlos desde tu teléfono. ¿Por qué? Porque tienes un poco más personalización, sobre todo en YouTube. En YouTube, para poder seleccionar una miniatura en un video telefónico corto, actualmente, tienes que subirlo desde tu teléfono O puedes subirlo desde tu computadora, pero aún así tienes que ir a tu teléfono y luego elegirlo de tu teléfono. Por lo que sí recomendamos hacerlo desde tu teléfono. Es solo un poco más fácil, un poco más directo. Por ejemplo, Instagram tampoco te permite cambiar tu biografía o tus enlaces desde el navegador, tienes que hacerlo a través del teléfono, estúpido, pero así es como funcionan estas plataformas. En realidad, no estoy seguro de TikTok si hay alguna desventaja, pero solo es más fácil publicarlo desde tu teléfono, así que solo sigue adelante y envíalo vía, como, telegrama de WhatsApp, vía airdrop, cualquier opción que quieras elegir de tu computadora, a tu teléfono, publíquelo desde tu teléfono, y estarás listo para Entonces, este es el primer video hecho. Si tiene alguna duda, házmelo saber. Pero aparte de eso, sigamos adelante y comencemos el siguiente video. Nos vemos ahí. 24. Diseña la disposición de tu interfaz de usuario del vidrio (Figma): Bienvenida. En este y durante el siguiente par de videos, vamos a trabajar en el video horizontal. Hemos trabajado en vertical. Ahora es el momento de trabajar en la horizontal. Y específicamente, vamos a crear este nuevo IOS 2026, este efecto de cristal que es súper cool, caro, transparente Y déjame mostrarte un par de cosas. Entonces esto se descarga del sitio web oficial de Apple, y así es como se ve. Entonces es transparente pero no completamente, no 100% transparente. Algunas cosas son más transparentes que otras. Tiene una especie de efecto Gage y desenfoque. Pero en pocas palabras, la forma en que se hace este efecto es vamos a crear este efecto que va a afectar a toda la composición. Eso lo vamos a hacer con una capa de ajuste. Creamos una capa de ajuste, creamos todo tipo de efectos. Y luego básicamente rastreamos mi este efecto a una forma. Eso es. Esa es la historia corta. La historia más larga veremos en los próximos videos. Pero por ahora, solo queremos tener esto en cuenta mientras creamos nuestros diseños de UI, mientras preparamos nuestros diseños de UI. Entonces tenemos este guión. Y el guión, creo que ya está perfectamente descompuesto porque este va a ser video horizontal. En lugar de usar más iPhone, creo que deberíamos usar más MACUI porque vamos a tener más bienes raíces con los que trabajar, podremos usar más texto en la pantalla Y creo que va a jugar a nuestro favor. Y creo que la forma en que se descompone este guión es genial. Creo que deberíamos mantenerlo así. No deberíamos simplemente dividirlo, ya sabes, en más líneas. Lo tendremos en este video, tuvimos una, dos, tres, cuatro, cinco, seis escenas porque tenemos seis colores diferentes. Y aquí tendremos cuatro escenas distintas. Entonces va a ser menos menos transiciones, pero más enfocándose en entregar toda la idea y el valor. O sea, el video anterior también lo hizo, pero en este video, tendremos un poco más de tiempo para jugar con esto. Ya entré en IgM y comencé a investigar kits de UI. Y como vamos a estar trabajando con Mac, encontré esta búsqueda para Mac EY, Mac OS Big Sir UI kit. Y estaba pensando en usar mapas. Creo que los mapas serían muy interesantes. Entonces encontré este modo de luz específico, básicamente abierto cada uno de esos. Ahora, vamos a copiar copias SVJ abrir Illustrator, comando para crear nueva web laarge. Vamos a pegarlo. Veamos qué tenemos. Creo que va a haber un montón de objetos diferentes. Bien. Entonces es el mismo tema que teníamos anteriormente donde estaban las imágenes. Entonces vamos a revisar estos antecedentes. Bien. Entonces a pesar de que acabo de pegar esta imagen, sigue siendo Shi vamos a crear una nueva capa Sí, sigue siendo transparente. Bien, y si copiamos como PNG y lo pegamos en Fondo, copiamos, Illustrator, nueva capa, pegamos en. Bien, pudimos pegarlo. Lo que tendremos que hacer ahora es asegurarnos de que se ajuste correctamente al 1,000% Seleccionemos todo, saquemos todo de este grupo, lo pongamos debajo de la capa dos, y luego pondremos la capa dos en la parte inferior. A lo mejor no en el fondo. Me gusta, así que vamos a acercarnos para ver que en realidad es perfecto. Bien, esto se ve muy bonito. Comando O. Ahora, hagamos lo mismo con esta imagen. Entonces necesitamos copiar paste, S P y G, pegarlo, e intentemos ponerlo exactamente en la misma posición. Bien. Y copiemos esta imagen también. Vamos a seleccionarlo primero. Bien, ahí tienes. Copiar como Bing gi, pegarlo en. Hermoso, majestuoso Absolutamente siguiente nivel. Entonces ahora tenemos que tomar todo esto, seleccionar todo esto. En realidad, necesitamos hacer click en nuestra capa uno y dar click aquí, y ahora podemos seleccionar todo y arrastrarlo hacia afuera. Así que ahora podremos mover cada pieza por ahí. Así que solo seleccioné todo. Voy a aumentar el tamaño hasta que quedemos toda la pantalla. Shift O, y podemos cortar esta cosa por aquí y presionar hecho. Este está listo para funcionar. Comando S, y vamos a tenerlo en el escritorio y llamarlo mapas. Busquemos otra cosa. ¿Qué más tienen? ¿Nodos como este? Mm. Hermoso. Navegadores bien súper caros. Mm. Para navegador, creo que podemos poner como un texto aquí y luego bajar para tener un texto aquí para hacerlo estallar aún más. Entonces creo que el navegador funciona súper genial. Safari, modo de luz Safari. Sí, me gusta más el modo de luz. Entonces seleccionaremos éste copiar pegar SPJ, Comando N y pegándolo en Por cierto, podemos redimensionarlo desde el principio para salvarnos un par de nervios y cambiar O y cortarlo por la derecha, así Ahora necesitamos copiar la imagen. Copia como pingi, pegarlo en Comando V. Ahí está. Vamos a bajarlo. Ponlo ahí, y asegurémonos de que encaje perfectamente una vez más. Ajuste perfecto. Oh, tuvimos un par de iconos desaparecidos. Entonces necesitamos obtener estos Zooming. Este es el que necesitamos. Copiar y pegar, PNG pegarlo para asegurarse que es del mismo tamaño que los demás lo colocan en. Ahora, una cosa es que la copié como una imagen, y se puede ver que SVG está manteniendo una muy buena calidad, y PNG no está manteniendo la mejor calidad. H. Saquemos todo del grupo para escuchar a estos chicos también, así que hagamos clic en esta capa, liberemos, saquemos todo. Ahora bien, esta es la capa 22. Es todo esto con texto. Bien, tenemos que hacer algo similar aquí. Sácalo. Estos están ahí en capas ahora. Llévala al seleccionar todas las capas. Bien, ahora cada uno de estos es personalizable. Genial. ¿Qué pasa con este texto? Entonces ahora tenemos el texto por separado. Comando S. Llamémoslo Safari. Esto es bastante bueno. Vayamos a Figma y busquemos más. Para esta porción, estoy siguiendo exactamente los mismos pasos. Ve a Figma, voy a Illustrator, guardando el proyecto, y estoy preparando dos diseños más Uno es ap store. El otro son los mensajes. No hace falta que veas lo que ya has visto diez veces, así que por eso solo estoy acelerando esto. Bien, y vamos a guardar esta. Comando S, llámalo Abstoe. Genial. Entonces ahora nos tomó como una hora simplemente encontrar lo que buscábamos encontrar. Tenemos nuestras cuatro UI. Tenemos mensaje de abstore. Éste, éste, y éste. Derecha. Bueno, si tienes alguna duda, avísame. Pero aparte de eso, te veré en el siguiente video. 25. Animar las secciones principales: Introducción dinámica y texto: Bienvenida. En este video, vamos a crear nuestras capas de vidrio a partir de las capas que hemos creado. Hagamos exactamente lo mismo. Crearemos composición EPR. Bienvenido al comando de desplazamiento horizontal N, y haremos lo mismo para AE. Ahora, vamos a crear un video horizontal en PR y luego lo pondremos en after effects porque primero necesitamos cortar el Audio. Nuevo proyecto. Esta es la ubicación que elija. Podemos ponerlo aquí, video horizontal, y vamos a crear. Pongamos aquí nuestra nueva grabación. Vamos a crear la composición primero. En este caso, los ajustes de secuencia de secuencia, 1920 , 30, hagamos 30 fotogramas, segundo. Bien, genial. Lo siento, lo olvidé otra vez. 1080 para 1920 debería ser así. Entonces dejaremos caer este, seleccionaremos o para que coincida para hacerlo más fuerte. Escuchemos. Molinos. Aprendes todo paso a paso. Hermoso, hermoso, hermoso. Bien. Seleccionemos todo. Opción A, y pongámosla aquí y lo llamaremos video horizontal. Entonces podemos comandar Z, eliminar este Control S, Comando Q, y estamos aquí. Comando de Mayús C, audio. Ah, por cierto, sí, lo estamos haciendo horizontalmente. Así que también podemos usar esta vista. Entonces vamos a las notas. Bien, y tenemos una tienda, me envio mapas. Creo que Coppertino esto va a ser mapas. Entonces lo marcaremos con azul porque quiero marcar mapas con mapas azules, Safari e mensaje, Abstore Entonces esto va a ser azul, también. Creo que deberíamos comenzar con Safari. Entonces lo pondremos más alto. Entonces el primero va a ser safari. Bien. Vengamos a los efectos posteriores. Safari abierto. No necesita sólidos. No necesitamos gráfico, eliminar, audio Bien comp principal, selecciónelo así. Llámala audio. Y dejemos caer Safari, y comencemos. Tamaño de la capa de composición. Seleccionar todo, hacer clic en resto es desde el principio, anula la selección de todo y decidamos dónde poner nuestro texto Entonces tenemos uno, dos, tres, cuatro, cinco, seis, siete, 89. Bien, vamos a usar este texto aquí. Yo sólo lo escribiré así. Voy a seleccionar el texto. Este es el texto. Ahora, vamos a escribir todo. Tú. También hagamos bien nuestras fuentes. En realidad, por ahora, escribamos la palabra manzana, hazla blanca. Definitivamente no es audaz. Probablemente talla regular 14. Vamos a probar 14. Bala. Perfecto. ¿Dónde está este texto de Apple? Yo sólo quiero ponerlo aquí. Y luego pondré éste encima. Tú. Por cierto, debemos hacerlo de la manera en que debemos poner el párrafo en centro para que podamos hacer coincidir cada palabra como esta. Y luego cuando escribamos la palabra, va a empezar a escribir desde el medio. Ahora sólo podemos seguir adelante y duplicarlo. P sobre sobre sobre Genial. Estás a punto de desbloquear estás a punto de desbloquear lo exacto, el estilo de animación exacto usado creo que deberíamos ponerlo aquí, en otras palabras, también, desbloquear el estilo de animación exacto usado por Apple. Estabas a punto de desbloquear el estilo de animación exacto utilizado por Apple. La animación no está perfectamente en el medio. Vamos a moverlo un poco al estilo correcto usado por Vamos a moverlo también un poco. Mm. En realidad, tengo una idea. A lo mejor deberíamos cambiar de lugar de éste para que aquí tengamos manzana. En realidad duplicarlo. P, muévelo a la derecha. Entonces seleccionaremos tanto la capa de abajo como de arriba. Y pongámoslo tan hermoso. Se trata de la animación de Apple. Quiero poner Apple porque tenemos manzana en el medio. Entonces al final ahí. También deshabilitamos texto que estaba aquí. Vamos a verificar doble. Sí. Uno de los textos está aquí. Marquemos este otro traje de color que no olvidamos. Vamos a marcar, no, rojo no. Fuchia funciona muy bien. Sólo para identificar cuál es este y que no debemos ocultarlo. Así. Voy a utilizar texto Evo una vez más para hacer las animaciones. Voy a seleccionar todos los textos, y vamos a subir opacidad Ws aplicar Abramos U. Y por cierto, vengamos al audio. Estás a punto de desbloquear el estilo de animación exacto usado por Apple Inc. vamos a ponerlo aquí. A lo mejor deberíamos ponerlo a continuación. Acabo de recordar por qué desactivamos esto para agregar más texto ahí. En fin, lo haremos en un segundo. Estás a punto de desbloquear el estilo de animación exacto utilizado por Apple y el creador. Seleccione todo un A, el selecto. Bien, entonces esta es la única victoria para cambiar también para este texto. Bien, tenemos que copiar uno de estos, ponerlo en la parte inferior, cambiar la posición. Pon esto a la derecha por ahora. Bien, sí quiero seleccionar esta cosa. Haga clic derecho en T y haga que la opacidad sea un poco más. Al igual que, así lo pondremos en alguna parte. Estás a punto de desbloquear el estilo de animación exacto utilizado por Apple y los creadores que sacan millones de vistas. Increíble. Ahora haremos exactamente lo mismo. Safari, y luego lo lograremos. Es decir, lo cambiaremos en el futuro por ahora. Nosotros sólo queremos ponerlo aquí. Millones de visitas. Veamos dónde termina. Ahora seleccionamos la opción de texto corchete derecho para cortarlo. Ahora, vamos a encontrar dónde aquí. Perfecto. Estás a punto de desbloquear el estilo de animación exacto utilizado por Apple y los creadores que sacan millones de vistas. Esto no es solo diseño de movimiento. Esto no está bien, le envío un mensaje a Mac. Así que tendremos que jugar con éste porque tenemos un poco más de trabajo por hacer. Voy a desactivar, así que llamémoslo fotos. Voy a desactivar las imágenes aquí porque están ocupando un gran espacio para que si hago clic en cualquier parte de la pantalla, las tengamos seleccionadas , como puedes ver, así, y no queremos eso, así que voy a desactivarlas, y hagamos una serie de cortes. En primer lugar, vamos a crear una máscara aquí y vamos a enmascarar esta cosa, y vamos a invertir la máscara a exactamente lo mismo aquí. Así que invierta la máscara. Y ya veremos sobre esto aquí. Esto no es solo diseño de movimiento. Quiero ponerlo aquí, y tenemos que hacerlo gris. Este gris. Definitivamente es algo así como audaz. En realidad, hay un atajo para mover una capa a la parte superior. No recuerdo qué es, pero ¿ qué es un atajo en after effects para mover una capa hasta la parte superior o hasta la parte inferior? Desplazamiento de mando y soporte. Entonces manda turno, soporte. Bien, ahora es hasta el grado superior. Ahora podemos deshabilitarlo. Duplica el texto, P, y muévelo hacia la derecha. Introducir el texto. Bien, esta no es atrevida. Este es regular y es blanco. Y creo que es sólo un poco más grande. 15. Y también, pongamos éste a 20. Me gusta, entonces deshabilitaremos este texto, y vamos a encontrar este, deshabilitarlo, y habilitar este. No es regular. Es medio. Bien, donde lo dejaremos por ahora. Ya veremos. No se ve tan diferente, sobre todo si la gente lo ve por primera vez, van a ser como, Oh. Yo creadores sacando millones de vistas. Esto no es solo diseño de movimiento. Es lo que hace que BransfelPremium y el contenido sean imposibles Ponlo a la cima hasta el comienzo mismo. Voy a usar texto evo de nuevo y escribamos pasit plus words, aplique esto no es solo diseño de movimiento Para este, en realidad, sin embargo, usemos una máquina de escribir. Para éste. ¿Qué hace que las marcas de combustible premium y el contenido sea imposible de desplazar para diseñar? Es lo que hace que el diseño de movimiento. Es lo que hace que las marcas fuel premium y las marcas fuel premium. Entonces premium ya está terminado aquí, así que solo estoy escupiendo un poco un 5% Es lo que hace que las marcas de combustible premium y el contenido sea imposible de pasar por alto. Y acelere un poco este. Desplazarse más allá. Genial. Así que vamos a ponerlo. Esto no es solo diseño de movimiento. Es lo que hace que las marcas se sientan premium y contenido imposible de pasar por alto. ¿Si eres un fenómeno E hice exactamente lo mismo para las dos siguientes escenas, animando el texto y alineando todo en la comp principal Estás a punto de descargar el estilo de animación exacto que usaste por Apple y los creadores que sacaban millones de vistas Esto no es solo diseño de movimiento. Es lo que hace que las marcas se sientan premium y contenido imposible de pasar por alto, ya seas freelancer, editor, Bertino y no te preocupes Aunque los efectos posteriores se sintieran abrumadores antes, aprenderás todo paso a paso. Bien, entonces tenemos que enviar un texto de animación. Déjame hacer una pequeña pausa, y después de eso, crearemos nuestro aspecto de cristal. 26. Animar capas de vidrio con profundidad: Bien, ahora vamos a crear la animación de cristal líquido. Voy a crear una nueva composición para armar todo ahí, y luego la transferiremos. 1920 por 1080, 30. Al bono no importa tanto. Voy a crear una forma primero presionando cue y shape con rectángulos redondeados Ponlo así, centra el punto de anclaje. Ahora vamos a crear a Jamar. Opción Comando Y. Vamos a llamarlo vidrio. Y busquemos un efecto llamado vidrio CC. Bien, vamos a llamar a esta plaza. Y una cosa que podemos hacer es que podemos crear o podemos agregar un fondo de pantalla. Que veas lo que está pasando. Bien, vamos a ponerlo en el fondo. Para que puedas ver si esta es la diferencia. Esta es básicamente la animación del vidrio líquido. Sólo tenemos que cambiarlo. Para el cuadrado, necesitamos usar un nada para trazo y color sólido para el relleno. No importa de qué color sea. Ahora, vamos al vidrio, a la superficie, a la luz. Bien, entonces aquí tenemos que seleccionar nuestra forma. Pongamos éste a 25. Éste. Así suavidad 25 altura a 64 luz. Vamos a usar luces AE, y vamos a crear una luz, nueva opción de luz comando de cambio L. Opción Shift Comando L. Vamos a crear nueva luz. Vamos a crear una luz ambiental con intensidad 200. Y podemos ponerlo en la parte inferior. La luz solo afecta a la capa de tres D, así que hagamos nuestro cuadrado tres D y hagamos un seguimiento de nuestro vidrio a nuestra forma. Y ahí tenemos este vaso. Vamos a duplicarlo, y llamémoslo trazo. Y aquí, vamos a habilitar trazo, no trazo. Hagámoslo de color blanco, y asegurémonos de que esta capa sea visible. El ancho de trazo a algo así como dos y la opacidad a algo así como 50% Y también podemos cambiar el modo de fusión a overlay. Estamos consiguiendo vamos a duplicar nuevo este cuadrado y llamemos a este una sombra. Lo que podemos hacer, en este caso, es en un relleno negro, habilitarlo. Busquemos el efecto llamado Desenfoque rápido de Caja y aumentemos el radio a algo como esto. Y vamos a rastrear Mt nuestra sombra hasta el cuadrado y hagamos invertir mat para que tengamos este tipo de sombra. También podemos jugar con estos ajustes para asegurarnos nos gusta la forma en que se ve. Algo así. Vivamos así por ahora. Bien, también agreguemos un desenfoque de Gaon, y aumentemos este desenfoque Hagamos 15, solo para hacer números redondos. Y verás en el ejemplo que tomamos se ve muy similar. Así que ahora vamos a desplazar el trazo al cuadrado, y vamos a desplazar la sombra hacia el cuadrado. Y ahora, si lo movemos, esto es lo que tenemos. Lo importante es que, digamos que queríamos cambiar el rectángulo, como, el camino del mismo, y vamos a hacer algunos así. Como puede ver, esto no está conectado. Y es por eso que aprendimos previamente a conectar la posición de tamaño y la redondez de cada una de estas, así camino rectángulo y conectamos el tamaño al tamaño del rectángulo Entonces, hagamos talla. Hagamos posición, y hagamos en realidad, podemos sacarlo un poco, y hagamos la redondez, y podemos hacer lo mismo aquí, y podemos conectar el tamaño, la redondez, y la posición, Y así ahora, digamos que lo personalizamos para que sea más grande, más pequeño, los otros chicos también lo seguirán. Perfecto. Hagámoslo así. Ahora tenemos todos nuestros efectos. Solo tenemos que sacarlo a otras composiciones. Entonces, por ejemplo, para Safari, ¿qué va a ser realmente transparente aquí? Entonces podemos hacer esta parte transparente en la parte superior, y podemos hacer que esta parte sea transparente, también. No estoy seguro de si las notificaciones serán transparentes, pero estoy bastante seguro, sí, las notificaciones serán transparentes. Esta parte será, y luego podremos seguir adelante e intentar hacerlo en la parte inferior aquí. Potencialmente porque no va a ser visible, probablemente nos saltemos esta parte, pero ya veremos. Así que vamos a seleccionar todo y seleccionar la parte superior, y vamos a encontrarla. Y vamos a hacerlo, crear formas a partir de la capa vectorial, y vamos a ponerlo a la parte superior. Al igual que, entonces tenemos que traer nuestro vaso y venir a Safari, pegarlo, y luego necesitamos rastrearlo a nuestro para que sea como, así que vamos a bajarlo, pero tal vez no hasta el fondo, un poco más alto Bien, vamos a traerlo aún más alto. No lo sé. Pongámoslo aquí por ahora. Entonces esta va a ser nuestra forma de vidrio. Y ahora tenemos que hacer exactamente lo mismo. Tenemos que duplicarlo. Uno va a ser un derrame cerebral. Uno va a ser un derrame cerebral. Sroke así. Y otro va a ser una sombra. Cerraremos todo lo demás por ahora, aparte de en realidad, vamos a cambiar el nombre de este peine para que estemos seguros es ejemplo de vidrio. ¿Bien? Entonces para el trazo, podemos hacer exactamente lo mismo que hicimos contentos. Busquemos combustible. Bien. Para poner el trazo ambos, agregamos trazo para que podamos desactivar el relleno y habilitar el trazo, y haremos exactamente eso. Pásalo al 50% y vamos a la superposición de modo. Para seleccionar todo, agreguemos una sombra, también. Para la sombra, podemos simplemente copiar este desenfoque rápido de caja, ponerlo en la sombra, habilitarlo. Tenemos que hacerlo negro. Siente hagámoslo negro. Veremos que en realidad también está afectando esta parte, así que tenemos que bajarla un poco para arriba demasiado alta. Entonces la capa 25 es la responsable de eso. Vamos a rastrear tapete la sombra al cristal, invertirlo. Y potencialmente necesitamos disminuir también vamos a disminuir la opacidad algo muy bajo Definitivamente estamos llegando ahí. Vidrio, aumentemos el desenfoque. Un poco más. Y ahora vamos a comparar. Entonces esto es lo que tenemos la animación de vidrio, y esta no es una animación de vidrio. Vidrio, no vidrio, vidrio. En realidad, vamos a verlo aquí. Vidrio, no vidrio. Se ve interesante pero este efecto de cristal. Y ahora, todo lo que tenemos que hacer es literalmente copiar pegar lo mismo en cada cosa que queremos que parezca un vaso. Sí, consume un poco de tiempo. A ver si vamos a ser capaces de hacer esto. Y en realidad, veamos si incluso necesitamos esto porque probablemente nos acercaremos así, tal vez incluso más. Entonces no estoy seguro de si vamos a necesitar ver esta parte en absoluto. Al igual que, podemos desactivarlo por completo porque no lo vamos a usar. Mm hmm. Bien, para la sombra, también, te diré esto. Entonces tenemos esta capa 25. Quiero crear una sombra. La capa 25 la convertirá en forma. Lo pondremos al fondo, habilitaremos esta capa. Y solo copiaremos el desenfoque rápido de la caja. Aplícalo. Y no me gusta el hecho de que esté haciendo sombra en la parte superior aquí. Pero si bajamos, en realidad, podemos bajarlo un poco. ¿Bien? Entonces digamos que nos gusta esto para que todavía tengamos la sombra aquí viniendo de ésta y de abajo también, para que tengamos sombra viniendo todas direcciones a lo largo de todo. Sí, ahora es hermoso. Además, podemos intentar cambiar este texto aquí, y vamos a aplicar un efecto de sensación para que se vuelva blanco. Y hagamos lo mismo por éste. Siente, va a ser una sensación blanca solo para que sea más consistente y mejor visible. Es decir, este estilo aún no está finalizado con Apple, así que no estamos seguros de cómo van a quedar las cosas por todas partes, pero debería ser un buen contraste. Y veamos, tal vez, en realidad antes era mejor. ¿Cuáles son tus pensamientos? A lo mejor ahora es mejor. También me pregunto qué es esta línea blanca quizá sea mejor así. Creo que lo es. Entonces antes y después, definitivamente es mejor, así. Bien, entonces esta es la animación de cristal. Así es como lo haces. Sí, se ve genial. Se ve muy caro. A ver si queremos hacerlo por los demás, también. Definitivamente no quiero meterme con este porque no estoy seguro de cómo se ve realmente desde la propia manzana. Los mapas tampoco quieren tocar esto en este mismo momento. mejor deberíamos tratar de hacerlo en la cima aquí, pero aparte de eso, no deberíamos tocar nada más. Aquí, tal vez deberíamos probarlo aquí y aquí también. Bien, hagámoslo. Voy a acelerar este momento para no perderte el tiempo, pero entiendes la idea. Si quieres hacer algo como vidrio, crea formas a partir de la capa vectorial, rastrea la relación de la capa de ajuste con el efecto de vidrio a esa capa, crea un trazo y una sombra, y juega con los ajustes si quieres. Ahora bien, lo que también podemos hacer si entramos en el efecto vidrio, si entramos en sombreado, realidad podemos aumentar el brillo Entonces, por ejemplo, aquí, va a quedar así. Lo pondremos a, digamos, 100 y pondremos ambos a 100 porque necesitamos que sea más brillante. Así. Bien, me encanta la forma en que resultó este. Se ve realmente genial. Éste mira, intentemos encontrar este mapa cosita troke y éste, y vamos a moverlo hacia abajo, hacia abajo, hacia abajo, hacia abajo hasta que vayamos por debajo del Mm hmm. ¿Así que es por aquí? Sí, este es el mapa. Entonces echemos un vistazo a todo. Esto es lo que tenemos. El primero, el segundo, el tercero, el cuarto. Manzana, vidrio. Animación. Oh, sí. Echemos un vistazo a todo y veamos qué tenemos. Estás a punto de desbloquear la animación exacta. Desearía usado por Apple. Grandes creadores cagando. Esto no es solo diseño boton. Es lo que hace que las marcas se sientan premium y contenido imposible de pasar por alto. Tanto si eres freelancer, editor o creador de contenido, este estilo hace que tu trabajo parezca que salió directamente de ubertino y no te preocupes Aunque los efectos posteriores se sintieran abrumadores antes, aprenderás todo paso a paso. Bien, hagamos una pequeña pausa aquí. Si tienes alguna duda, avísame. Pero aparte de eso, voy a ver en el siguiente video, vamos a armar todo. Entonces, nos vemos. 27. Movimiento y transiciones de cámara 3D con cadenas ceras: En este video, vamos a terminar con las animaciones. Vamos a crear tres cámaras D, y vamos a animar todo En cuanto a la cámara y los movimientos, verás que vamos a usar una combinación de lo que usamos en el proyecto anterior, donde vamos a usar el null para mantener la calidad, pero además de eso, vamos a usar cámara. Empecemos con éste. Shift Option comando Y para crear un nulo, seleccionar todo excepto del nulo, padre todo al nulo. A esto le llamaremos nulo principal de Nieve. Duplica este, conecta éste a éste. Esto va a ser solo un nulo regular. S P, vamos a asegurarnos de que está subiendo. Sí. Bien, ¿dónde tenemos el texto? Bien, ahí lo tenemos. Entonces aumentemos la escala. Me gustaría empezar un poco más alto. Tal vez así. Además, voy a bajar la resolución a la mitad porque sé que la calidad va a ser buena, pero tampoco quiero destruir completamente mi computadora porque como vamos a mi computadora porque como estar usando muchas cosas aquí, sí toma mucha energía informática. En realidad, tal vez queremos bajarlo aún más. Tercero, estás a punto desbloquear el estilo de animación exacto que usa Apple. Bien, ¿entonces aquí es donde se supone que tiene que terminar? Estabas a punto de desbloquear el estilo de animación exacto utilizado por Apple. FN, F nueve. Estás a punto de desbloquear el estilo de animación exacto que usa Apple. Y Creadores que tiran de Apple crean. ¿Por qué es tan rígido aquí? Usado por Apple. Y creadores De ninguna manera. Cada uno tiene una posición. Cometí un error. Al principio, tenemos que volver al principio donde creé el primer nulo y comencé a animar las cosas porque ahí fue cuando había seleccionado todas las capas, y fue entonces cuando creé los fotogramas clave de posición ¿Bien? Entonces veamos P, P. ¿Está todo bien ahora? Bien, genial. Quién. Vamos a conectar éste con éste. Bien, P y S, escala de posición. Estás a punto de desbloquear el estilo de animación exacto utilizado por Apple y los creadores que obtienen millones de vistas. Genial. Crear un nulo, seleccionar todo, seleccionar el nulo, padre todo al nulo, y vamos a hacer Man, null, duplicar, conectar, no P y S. Y ahora vamos a animar todo Esto no es solo diseño de movimiento. Es lo que hace que Brands fuel pref. Y contenido imposible de desplazarse preguntar. Es lo que hace que las marcas de combustible premium y el contenido sea imposible de pasar por alto. En realidad, me gustaría tal vez vamos a probar fan de Ni estos fotogramas clave y ver el diseño Es lo que hace que Brands fuel premium y contenido imposible de pasar por alto. Genial. Ahora, hagamos algo similar aquí. Una vez más, estás a punto de desbloquear el estilo de animación exacto utilizado por Apple y los creadores que obtienen millones de vistas. Esto no es solo diseño de movimiento. Es lo que hace que las marcas se sientan premium y contenido imposible de pasar por alto. Tanto si eres freelancer, editor o creador de contenido, este estilo hace que tu trabajo parezca que salió directamente de Kubertino y no te preocupes Aunque los efectos posteriores se sintieran abrumadores antes, aprenderás todo paso a paso. Ah, genial. Bien. Estás a punto de desbloquear el estilo de animación exacto utilizado por Apple y los creadores que obtienen millones de vistas. Esto no es solo diseño de movimiento. Es lo que hace que las marcas se sientan premium y contenido imposible de pasar por alto, ya sea que seas freelancer, editor o seas freelancer, editor o creador de contenido, este estilo hace que tu trabajo parezca que salió directamente de Kubertino y no te preocupes Aunque los efectos posteriores se sintieran abrumadores antes, aprendes todo paso a paso. Genial. Esto me encanta absolutamente. Bien. Vamos a crear un comando de opción de desplazamiento de cámara de tres D C. Para apertura, lo pondremos a cero por ahora porque explicaré por qué en un segundo. Crea un nulo también, conecta la cámara al nulo, haz el nulo tres D. Ahora necesitamos hacer que estos chicos sean tres D porque la cámara solo afecta a tres capas D, y necesitamos acercar así, y necesitamos cambiar ligeramente la orientación y necesitamos cambiar ligeramente la orientación para que tengamos este efecto de tres D. Ahora, vamos a acercar aún más, bajarlo así. No hagamos una inclinación tan grande. Hagamos, como, cinco, tal vez diez. Veamos qué hace diez. Estás a punto de desbloquear el estilo de animación exacto utilizado por los creadores de Apple. Y aquí, así todos lo hacemos así. Yo sí quiero cambiar la orientación. Estás a punto de desbloquear el estilo de animación exacto utilizado por los creadores de Apple. Simplemente devuelva este a cero. Entonces pondremos cero aquí, F N F nueve estilo usado por Apple y creadores tirando millones de vistas. Entonces hagámoslo completo. Podemos hacer doble clic en la cámara e introducir la apertura. Hagámoslo así. Vamos a crear una segunda vista. Puedes ahí venir como antes. Busca visor, nuevo visor, vas a crear uno, o simplemente puedes hacer clic ahí. Y con la cámara, necesitamos la distancia de enfoque. Así. Ahora ya puedes ver el tipo de video que vamos a conseguir absolutamente siguiente nivel. No necesitamos apertura para ser así de grande porque queremos ver lo que sucede en la pantalla. Hagámoslo de una manera en la que volvamos a las opciones de la tercera cámara, y necesitamos animar la distancia de enfoque Entonces partimos de aquí, y luego la distancia de enfoque tiene que estar ahí. Y luego una vez que venimos aquí, necesitamos que sea así. Estás a punto de desbloquear el estilo de animación exacto utilizado por Apple y los creadores que obtienen millones de vistas. Esto no es solo diseño de movimiento. Yo sí quiero deshacerme de la cámara aquí. Pega el lleno. Estás a punto de desbloquear el estilo de animación exacto. Animaciones utilizadas por Apple Bien, la calidad es simplemente absolutamente siguiente nivel. La razón por la que tenemos estas barras negras es porque la MacBook, la relación no es de 16 por nueve. Es un ratio ligeramente diferente. Y cuando tomas una captura de pantalla en Mac si encajas para que la parte superior e inferior se conecten a los lados, entonces obtienes estos cuadrados negros, y eso es exactamente lo que tenemos aquí. Entonces sí necesitamos acercar o acercar ligeramente, que podamos, ya sabes, presionar Shift Option Command H y ajustarlo a la pantalla. En realidad, creo que podría ser lo mejor que se puede hacer. Bien, me gustaría exportarlo. Echa un vistazo a lo que tenemos, y en todo caso, siempre podemos hacer cambios. Pero por ahora, creo que el comienzo es realmente llamativo, y luego veremos qué podemos hacer, ¿de acuerdo? Entonces, vamos a exportar esto, estás a punto desbloquear el estilo de animación exacto utilizado por Apple y los creadores que sacan millones de vistas. Esto no es solo diseño de movimiento. Es lo que hace que las marcas se sientan premium y contenido imposible de pasar por alto. Tanto si eres freelancer, editor o creador de contenido, este estilo hace que tu trabajo parezca que salió directamente de Kupertino y no te preocupes Aunque los efectos posteriores se sintieran abrumadores antes, aprendes todo paso a paso. Creo que no está súper enfocado aquí, y tal vez deberíamos hacerlo así. Entonces antes y después. Sí, esto definitivamente está más enfocado. Ahora tenemos que activar el desenfoque de movimiento. Cada cuadro va a tardar como una eternidad en cargarse. Sí, cada fotograma va a tardar 2 segundos en cargarse como puedes ver aquí. Bien. Bueno, gracias por ver. Esto renderizará veremos los resultados finales en el siguiente video donde también vamos a trabajar en el audio. Voy a ver en ese video. Gracias por ver, si tienes alguna duda, avísame, pero aparte de eso, te veré ahí en el siguiente video. 28. Diseño y exportación de sonido para el proyecto 2: Bienvenida. Hoy es un día hermoso. Actualmente son las 6:45 A.M. Un sábado por la mañana, y estamos en una recta final en una línea de meta con este video donde solo necesitamos poner el audio, la música, armar todo, exportar, y el video está listo para ser usado Diré que ha sido viaje increíble llevarte conmigo en este proceso, un viaje increíble llevarte conmigo en este proceso, y realmente espero que hayas encontrado muchas cosas valiosas porque realmente estoy poniendo mucho esfuerzo en esto. Una cosa quiero decir que si estás tratando de llegar a tus sueños, estás siguiendo tu pasión, sí tienes que hacer algún extra por ejemplo, como trabajar a las 6:00 A.M. Un sábado o a las 8:00 A.M. Un viernes, estoy contigo. Sé lo que significa estacionar mucho, y es genial. Realmente deberíamos apreciar lo que tenemos. Tenemos la oportunidad de hacer esto, de aprender nuevos. Y sigamos adelante y comencemos. Así que creé la secuencia premier pro organizó las cosas por aquí. Ahora, tenemos nuestro video completo, que es absolutamente genial. Decidí usar el video con Desenfoque de movimiento porque se ve más caro. primer lugar, en segundo lugar, ya que hicimos dos exportaciones y la primera estás a punto de cargar el exp En realidad, sí, la primera exportación está un poco fuera de foco. Tenemos enfoque por aquí. Pero en la segunda versión. Estabas a punto de descargar el. Tenemos nuestro enfoque por aquí, que es perfecto. Y luego con el desenfoque de movimiento, simplemente se ve más caro. Una vez más, como este desenfoque, ¿qué tan bueno es? Increíble. Para encontrar sonidos, decidí que voy a usar sonido epidémico para este proyecto. Se utilizó el píxel B para el proyecto anterior. Usemos sonido epidémico para esto. Si entras en efectos de sonido, puedes encontrar todo tipo de efectos aquí. Podemos buscarlos, por ejemplo, como UY, derecho, y encontraremos Todo tipo de efectos O podemos seguir adelante y dar click en uno de estos, por ejemplo, Interfaz de Usuario. La mayoría de los sonidos que uso todos los días son de sonido epidémico como 90 más por ciento. A lo largo de los años, pude crear este tipo de biblioteca yo mismo. Y no es sólo sonido epidémico, sino que la mayoría de las veces sí uso este. Así que no te aburra con esto. Déjame recoger todos los sonidos, y después de eso, entraremos en Premiere y pondremos todo junto. Una vez más, si quieres prueba gratuita de 30 días para sonido epidémico en la sección de recursos, si lo deseas, puedes dar click en Enlace LCuNi bit Cuando empecé a investigar, estaba tratando de entender qué tipo de sonidos estamos buscando exactamente qué tipo de sonidos estamos buscando Y para ser honestos, aquí no necesitamos muchos sonidos. Todo lo que necesitamos es, como, música aquí porque para ser honestos, será un poco demasiado crear sonido para cada palabra. Sólo podemos hacer sonidos para Wushes y swooshes. Ejemplo, aquí y aquí, podemos agregar un teclado aquí, pero lo tenemos. Teclado aquí también, aunque no sea necesariamente teclado, pero vamos a venir aquí, busca swoosh Y voy a poner aquí el swoosh más largo. Creadores. AMBLE. Y lo vamos a poner cuando la cámara va dos D en lugar de tres D. Por cierto, aquí sí tuvimos un pequeño hipo Entonces puedes ver que esto no es desenfoque de movimiento, también. Yo solo decidí cortar este cuadro, y eso es todo. Uso. Esto no es Porque es como un fotograma. No importa en cuanto al audio. No afecta nada de esto. Entonces pongamos otro silbido como este de aquí. Esto es vistas. Esto no es sólo Un poco más tarde. Esto no es solo vistas. Esto no es solo diseño de movimiento. Es lo que hace? Creo que podemos tener este gran swoosh cuando se mueve significativamente en la pantalla, pero no la transición ¿Es lo que hace que las marcas se sientan prim? Este swoosh, también. Si eres Ya sea pasado. Si eres freelance? Podemos hacer este enorme swoosh, también. Este estilo hace creador de contenido, este Peter, este estilo hace que funcione, y no funcione. Bien, ahora, ven aquí y busquemos nuestra carpeta SFX, arrástrala dentro Y busquemos de nuevo el teclado. Oh, veamos donde podemos usarlo. Aquí no. Sí, podemos empezar a usarlo aquí. Hace que la prima de combustible de Brad y el contenido sea imposible de desplazar Pat. Creo que podemos usar una parte diferente de este sonido. Ya seas freelancer, editor o creador de contenido, voy a usar otra parte para esta parte porque solo quiero un poco de variedad con sonidos y ahora cuando comience el evento. Incluso si después de los efectos deletrear abrumador Antes, ¿de acuerdo? Antes de aprender todo paso a paso. Bien, genial. Entonces voy a bajar este a menos diez, todos estos deseos a menos diez, también. Yo creadores sacando millones de vistas. Esto es voy a buscar permiso a Q y aplicarlo a uno de los audios Haga clic en Editar y potenciador vocal. Para ver la diferencia. Estabas a punto de desbloquear el estilo de animación exacto utilizado por Apple. Voy a copiar este efecto y pegarlo en otras partes de voz. Mmm. Bien, entonces creo que en cuanto al diseño de sonido, podemos mantenerlo sencillo así. Y entonces por qué no vamos a ya que usamos Epidemic Sound la última vez, intentemos encontrar una canción en Pixel Bay. Y busquemos algo minimalismo. Esto es minimalismo, pero no estoy seguro si me gusta. Por cierto, encontré a este creador, pika este tipo. Incluso creé como marcador para mí. Música increíble. Increíble. Puedes seguir adelante y encontrarlo, también. Creo que busqué a Marimba y lo encontré. Entonces tomemos, sí. Me gustaría usar algo como Marimba de él. Bien, a pesar de que da miedo a la Ciencia Ficción, creo que podemos usar partes de la canción porque es solo que es simplemente hermosa. Así que vamos a ponerlo. Bien, estoy disfrutando de verdad esta parte inicial, así que pongámosla. A lo mejor puedo bajar, por cierto, puedo bajar y subir presionando las teclas Option y flechas. Entonces pongámoslo aquí y veamos. Estabas a punto de desbloquear lo exacto Yo cortamos el silencio al principio. Como segundo medio segundo silencio. Estás a punto de desbloquear el estilo de animación exacto utilizado por Apple y los creadores que obtienen millones de vistas. Esto no es solo diseño de movimiento. Es lo que hace que me gustaría tener esta transición pop aquí. Son vistas. Esto no es solo diseño de movimiento. Es lo que hace que las marcas se sientan premium y contenido imposible de pasar por alto, ya sea que seas freelancer, editor o tempore Así que no tenemos ninguna canción aquí, ¿verdad? Entonces voy a cortar este hacia arriba, moverlo hacia abajo presionando opción, y mover este hacia la izquierda. Y ahora solo conecta estos dos. Estás a punto de desbloquear el estilo de animación exacto que usa Apple. Mm. Podemos hacer una transición después. Entonces podemos iniciarlo de la misma manera que decidimos, pero, como, tener una transición aquí. Mm, no me gusta la forma en que está resultando ser. Vamos a lidiar con eso al final. Ahora, quiero usar este bit en algún lugar al final. Aunque después de un hecho se sintiera abrumador antes, aprenderás todo paso a paso. No estoy seguro si esta canción funciona aquí, pero creo que estos beats realmente venden las transiciones y se ve interesante. Averigüemos la parte en el medio, al principio, perdón. Mm, déjame intentar hacerlo así. Entonces veamos por dónde empieza, como, exactamente. Bien, entonces viste lo que hice. Acabo de encontrar la pieza. Básicamente, es como un bucle en el inicio de la canción. Así que acabo de encontrar donde transita, y luego solo puse esta parte final de este bucle porque es como, así que digamos que es como, uno, dos, tres. Son cuatro bucles diferentes, esta parte muy inicial porque es como, se están reproduciendo las mismas teclas y solo puedo escucharlo. Entonces así fue como pude hacer este efecto. Sólo baja todo menos diez. Estás a punto de desbloquear el estilo de animación exacto. Menos cinco y esto voy a hacer menos diez. También voy a crear otra transición aquí. Solo por Apple y los creadores sacando millones de visitas. Esto no es solo diseño de movimiento. Es lo que hace que las marcas se sientan premium y contenido imposible de pasar por alto. Tanto si eres freelancer, editor o creador de contenido, este estilo hace que tu trabajo parezca que salió directamente de Kubertino y no te preocupes Aunque los efectos posteriores se sintieran abrumadores antes, aprendes todo paso a paso. Mucho es solo el gusto personal. Me gusta mucho la forma en que está resultando ser. No creo que la canción esté funcionando mejor con el tipo de video que tenemos. Podría cambiar esto en el futuro. No obstante, creo que por ahora, específicamente, estoy muy contenta de cómo resultó. De verdad, de verdad. Bueno, creo que pararemos aquí. Si tiene alguna duda, házmelo saber. Pero aparte de eso, te veré en el siguiente video. 29. ¡Último paso!: Enhorabuena. Estás casi 100% terminado con los efectos posteriores para el curso de diseño de interfaz de usuario de Apple. Solo hay dos pequeños pasos que debes dar. En primer lugar, tomar medidas. Como dijo Kafuch, un viaje de 1,000 millas comienza con un solo paso Entonces, si aún no lo has hecho, da tu primer paso editando tu primer video. Toda la mejor información del mundo no significa nada si no actúas en consecuencia, e incluso pequeños pasos conducen a resultados masivos. Por último, si encontraras valor en este programa, realmente te agradecería que tomaras 60 segundos para dejarte comentarios honestos. Te estaré inmensamente agradecido y tus comentarios ayudarán masivamente a cientos de futuros estudiantes a elegir el mejor programa para ellos A pesar de que este curso está completo, tu viaje acaba de comenzar. Estoy emocionado de verte editar en línea, así que asegúrate de mantenerme informados a mí y a tus compañeros de estudios. Recuerda, estoy aquí para tu éxito. Entonces, si hay algo que necesites, no dudes en ponerte en contacto con nosotros en la sección QN a continuación Gracias de nuevo por elegirme como tu instructor, desearte todo lo mejor, y estoy deseando verte en futuros cursos.