Video explicativo simple en After Effects - Iconos flotantes alrededor de un teléfono | Andrew Pach ⭐ | Skillshare
Menú
Buscar

Velocidad de reproducción


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

Video explicativo simple en After Effects - Iconos flotantes alrededor de un teléfono

teacher avatar Andrew Pach ⭐, PowerPoint, Animation & Video Expert

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.

      Introducción

      0:56

    • 2.

      ¿Qué vamos a crear

      2:07

    • 3.

      Diseñando nuestro teléfono (Parte 1)

      4:12

    • 4.

      Diseñando nuestro teléfono (parte 2)

      4:51

    • 5.

      Prepara los iconos que utilizarás

      3:30

    • 6.

      Creación de la conexión de BEAM

      5:29

    • 7.

      Creación de la animación de WIGGLE

      2:54

    • 8.

      Conexión de todos los iconos

      5:32

    • 9.

      Deja una revisión, por favor

      0:32

    • 10.

      Ajuste y finalización de la composición

      5:18

    • 11.

      Añade un control de color

      4:28

    • 12.

      ¡Gracias!

      1:02

  • --
  • 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.

259

Estudiantes

3

Proyectos

Acerca de esta clase

¡En esta clase te enseñaré cómo preparar la animación que está jugando a continuación! T es una técnica súper útil y será una gran habilidad para que tengas ... y aprendes AE por cierto! :)

En caso de que quieras seguir aprendiendo After Effects conmigo, tengo un montón de otras clases que enseñan animación interesante, gráficos de movimiento y uso de After Effects. Algunos de ellos se enumeran a continuación, puedes encontrar más en mi perfil:

Conoce a tu profesor(a)

Teacher Profile Image

Andrew Pach ⭐

PowerPoint, Animation & Video Expert

Profesor(a)

Hi! My name is Andrew Pach and if you want to learn PowerPoint you are definately in the right spot! To my friends I'm known as 'Nigel'! I am an After Effects / PowerPoint / video / graphic design junkie eager to teach people how to utilize their yet uncovered raw design talent! I run a YouTube channel called "andrew pach" which I do with absolute joy and passion. Here on Skillshare, I would like to share interesting, project-based classes that will make your design workflow a greater experience. If you look below you can select any of my PowerPoint classes to learn from them! 

Ver perfil completo

Level: Beginner

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. Introducción: Hola y bienvenidos a esta clase después de efectos aquí. Yo quiero enseñarte cómo puedes hacer este proyecto de animación. Entonces con eso me refiero a diseñar el objeto, hacer que las líneas salgan de él y poder moverlas, cambiar sus colores y en general hacer ajustes a este proyecto. Diseñaremos todo dentro de aftereffect. Al principio diseñaremos el teléfono y te mostraré algunos trucos cómo puedes trabajar con los jugadores de Shea , cómo puedes recordarlos y cómo puedes usar máscaras para crear una animación dentro del propio teléfono . Entonces vamos lentamente a los iconos a su alrededor lo conectaremos con un efecto bien, en algunas expresiones de mudanza a ella. Y paso a paso, finalizaremos este producto. Se trata de un proyecto súper encontrado a seguir y saber cómo hacerlo Inscribirse ahora, abrimos después de efectos y empecemos el trabajo 2. Qué vamos a crear: Hola y bienvenidos. Espero que lo estés. Bueno, me gustaría pasarles hoy a través de un pequeño proyecto. Tengo una pregunta sobre cómo se podría hacer algo así. Se inicia en las 1 35 36 Echa un vistazo. Entonces el video va y tenemos una animación como esa. Puedo Sapir líneas están conectadas a ellos. Entonces como puedes ver, puedo Sapir, las líneas se conectan automáticamente a ellas y puedo flotar alrededor. Me gustaría mostrarles un ejemplo rápido de cómo se podría hacer un proyecto similar a ese. Me enfocaré en un área como esa e intentaré crear algo similar. No perdamos tiempo alguno. Por favor, vaya directo a efectos posteriores. Haga clic en este botón para crear una nueva composición. Yo puedo empeñarme. El nombre puede quedarse así. Por favor hazlo en tamaño Full HD. Por lo que tenemos algo para trabajar con 30 cuadros en generación, 10 segundos. Creo que esto estará bien para este proyecto. Por lo que tenemos nuestra composición vacía. Por lo que necesitamos empezar con un fondo por favor. Haga clic derecho, Seleccione nuevo y seleccione un nuevo sólido. También puedes presionar control o comentar por qué en tu teclado crearé el sólido y veo que tengo un fondo verde seleccionado, y creo que esto se verá muy bien para este producto. Entonces tenemos el fondo verde y lo cerraré, así que no pincharé accidentalmente sobre él. Si no tienes ninguna idea de colores, también puedes usar el esquema de colores y simplemente ir con eso. usaré un esquema de colores para poder ir aquí en mi adobe after effects. Tengo equipos de color de adobe puedo dar click en explorar, y puedo ir ya sea a todos los equipos o como los más populares, y buscaré los colores. Podemos escoger un esquema de color e intentar seguir este colorista. Por ejemplo, veo que tengo un Greenman como aquí, una corrida verde similar para que los colores restantes también funcionen bien con la pantalla. De todas formas, si tienes preparado tu proyecto, si tienes el fondo preferido en segundo plano, se hace este bloqueo que el primer paso, vamos a pasar a la siguiente lección donde diseñaré algo en el medio el cual nos permitirá hacer una animación como esa 3. Diseño de nuestro teléfono (parte 1): Está bien. Bienvenido de nuevo. Por lo que tengo la idea de que podríamos seleccionar un teléfono aquí. Podríamos crear un teléfono y desde el teléfono porque tengo iconos de redes sociales apareciendo en el sitio porque algo está pasando en nuestro feed de noticias o se estaban deslizando por una aplicación. Entonces déjame crear un teléfono muy sencillo aquí en el medio. Yo lo haré por eso. Simplemente selecciona mis labios taburete. Doy clic aquí y sostén pulsado porque me gustaría empezar con un rectángulo redondeado a bien, y déjame también abrir título acción segura. Entonces sé dónde está el medio y crearé un teléfono así. Está bien, este es mi teléfono. Ahora. Necesito ir de pie a línea. Yo quiero alinearlo en el medio, alinearlo en el medio una vez más. Y me gustaría poner también el punto de anclaje. Perfectamente en el medio. Para eso, puedo seleccionar mi control viejo y clave de inicio. Esto colocará este punto de anclaje perfeccionado aquí. Está bien. No creo que debamos tener un teléfono azul. Hagámoslo al menos blanco o gris o como un amarillento, uno más oscuro. Está bien. El teléfono puede quedarse así ahora al tener todavía seleccionado al jugador callejero. Sólo necesitamos unas cuantas formas más, así que hagamos nuestra pantalla para eso. Voy a dar clic aquí e ir a mi herramienta de rectángulo normal y solo hacer lo mismo. Haz un teléfono así. Simplemente crea una pantalla para ello. De acuerdo, bueno, fuera de curso, la pantalla necesita ser blanca. Entonces vemos algo. Y este rectángulo número dos, ¿verdad? Sí. Y muy similar a eso también presionaré control son para poder abrir mis lineamientos y tomaré una nueva pauta. Ponlo en el medio para que sepa dónde está el medio y voy a ir al lado inferior. Yo llevaré aquí. Tomaré la herramienta Elipse y haré un círculo así, empezando desde el centro con mi tecla de turno y tecla de control izquierda. Haré un fondo como este para que sea como un iPhone o algo parecido. De acuerdo, ahora hace un poco de elementos aquí. Esto no volvería a ser problema. A lo mejor esta vez, la herramienta de rectángulo redondeado Y mi error fue aquí que esta elipse se creó al no tener seleccionada la capa de forma. Entonces, ¿qué voy a hacer? Sólo lo copiaré. Colóquelo aquí y controle. Vite! Nadie vio eso. ¿ De acuerdo? Y tenemos la Elipse aquí atrás. De repente está en la parte de atrás, así que tendría que cerrar esto. Necesito poner la elipse por encima de ángulos directos. Ahora necesito justicia elipse, así que abriré el camino de la elipse y tenemos la posición fuera de esta elipse. Colóquelo aquí. Lugares al lado derecho. Está bien, eso es perfecto. Ahora el último objeto al tener seleccionada la capa de forma, no cometeré el error dos veces. De acuerdo, al tener seleccionada la capa de forma, asegúrate de que ahora tienes rectángulo redondeado y simplemente crea alrededor del ángulo directo tal vez uno más pequeño como este, y uno más grande como este. Ahora bien, me gustaría asegurarme de que esos objetos estén en el medio. Para eso, necesito presionar mi wiki, que es la herramienta de selección, y abriré la herramienta de selección y quiero tener su puntera de selección abierta. Y haces click en este rectángulo. Ya ves, verás el medio exacto. Ya veo que estoy un poco apagado, así que me lo llevaré un poco al lado derecho si quiero ser súper preciso. Yo también un punto de anclaje de la justicia. Pero no vamos a utilizar este objeto. Entonces está bien ahora, este rectángulo número cuatro. Bueno, está bastante Bien, Un poco a la izquierda y perfecto. Tenemos todo alineado a la línea media. Ahora el último cheque sería Oh, ya veo. La línea real está un poco apagada. Eso no importa. No tiene que ser 1 millon% preciso. De acuerdo, Estos estos estos elípse, está bien? Está bien. Por lo que ahora tenemos nuestro teléfono creado. Ahora, veo que este rectángulo es un poco demasiado grande, pero por favor no les importa que esto sea sólo un ejemplo muy. Teléfono. Esta será la primera parte del diseño. Por favor, siga la siguiente lección donde haremos un ajuste más fresco para que este producto de gráficos en movimiento sea más realista y realmente mejor 4. Diseño de nuestro teléfono (parte 2): De acuerdo, bienvenidos a la segunda parte donde haremos ajustes muy sorprendentes. Por favor manténgase organizado. Y esta capa de forma, lo llamaré teléfono. Por lo que automáticamente sabremos que todo este objeto es el teléfono. Ahora bien, no me gusta esta caloría amarilla seleccionada. Era el rectángulo uno, ¿ no? Sí. Siempre puedes ir a este rectángulo uno y puedes cambiar su relleno. A lo mejor usaremos los colores que tenía aquí. Vamos a ver cómo se vería esto. No hemos llamado al teléfono. Déjame cerrar eso y déjame mostrarte algo increíble que puedes hacer. A mí me gustaría que aquí estuvieran pasando alguna fuente de noticias, y pero esta fuente de noticias sólo debería revelarse en este rubro. Esto es para lo que podemos usar un mate de pista. Entonces toma este teléfono y presiona el control D en tu teclado. Ahora abre Este segundo teléfono nuevo abrió su contenido y quieres asegurarte de que sólo la pantalla estará visible aquí. Por lo que la pantalla era el rectángulo número dos. Incluso voy a renombrarlo aquí, pantalla esta prensa, entrar y renombrarlo pantalla, y eliminaré todo lo demás. Por lo que esta pequeña pantalla será nuestro trackman. También lo llamo Track Matte. Sí, Trek End. Eso es perfectamente legal. Y cambiaré su color para que sepas que esto es otra cosa. De acuerdo, Ahora puedo divertirme un poco y crear el noticiero. Y luego ya ves, será algo súper sencillo. Sólo tienes que ir a tu herramienta de rectángulo, Tener todo de seleccionado. Por lo que crearás un nuevo objeto y crearás un rectángulo así. Debería estar en medio de la pantalla. Ya veo. Soy casi preciso. Por lo que voy a ir un poco a la derecha con ello. Y perfecto. Ahora este rectángulo, éste será Superfondo. Ya sea puedo crear un nuevo rectángulos aquí. Son pueden controlar de este rectángulo lo puedo abrir abierto una almohadilla y simplemente cambiar su posición. Hazlo aquí en la parte inferior. Bueno, voy a diferencia de la talla porque quiero que ésta sea más pequeña y discreta. Algunos objetos como este no tienes que ser súper preciso si quieres. Simplemente puedes hacer click en este rectángulo, dar click en el jugador recto y crear unos cuantos objetos como beso así. Voy a tratar de ser preciso, pero no tengo que ser exactamente perfecto aquí. De acuerdo, hagamos unos cuantos objetos. Pocos objetos así. Y esto es sólo tu imaginación. ¿ Cuántos objetos queremos? Realmente no importa. Vamos a crear así. Yo solo quiero quedarme, al menos en las tallas que estamos usando. De acuerdo, creo que es suficiente, ¿no? Está bien, ahora déjame mostrarte el truco genial. Por lo que tenemos nuestro feed de noticias realmente mucho rectángulos aquí, como 13. Y poner esta capa de forma debajo de la pista met y en las opciones de tratamiento. Si no los ves, por favor selecciona el segundo botón aquí en la pista. Opciones mate seleccionar. También se reunió rastreado. Empta lo que esto hará. Mostrará este feed de noticias de capa. Llamaré a esta música de capa. Mostrará la capa de noticias en Lee dentro de este rectángulo. Por lo que dondequiera que esté el feed de noticias, sólo será visible en esta zona. Perfecto. Entonces lo que necesito hacer ahora es presionar Pete en mi teclado justo al principio, crearé un marco de teclas como este. Voy a ir como, ocho segundos adelante y sólo trabajar con el segundo valor. Puedes presionar la tecla Mayús para que sea más rápido, ¿de acuerdo? Y dependiendo de cuánto diseñaras, tendrá realmente un sencillo feed de noticias pasando por teléfono. Ya ves, esta es la animación que quería lograr. Entonces el teléfono no es tan aburrido. Y ya ves, estoy un poco fuera aquí, así que debería seleccionar una nueva suite, y debería ir a la izquierda aquí. Está bien. Bueno, ahora veo por qué me voy. Porque no era preciso. No estaba copiando este objeto. Tenemos una animación así. Y eso es todo lo que queríamos. Queríamos un teléfono sencillo. Y mientras el ajuste de noticias está pasando aquí, tal vez los colores, lo oscuro se puede, por supuesto, trabajar con el color. Te vendría bien algo gris o cualquier cosa que quisieras. Y mientras esta animación está pasando, me gustaría que aparecieran los iconos. A mí me gustaría que los iconos se conectaran aquí al teléfono, y me gustaría que flotaran por ahí. En este punto, debes tener tu teléfono diseñado o cualquier objeto que te gustaría tener aquí. Por favor haga clic aquí y deshágase de la acción del título seguro porque en este momento ya no lo necesitaremos . También me desharé de los chicos. Puedes hacerlo haciendo click aquí y estarás perfectamente listo para trabajar junto con este diseño. Entonces tenemos nuestro primer objeto inicial y ahora podemos enfocarnos en lo real. Quería mostrarte cuál será la creación de los objetos que flotarán alrededor. 5. Preparar iconos que utilizarás: Hey otra vez en la siguiente lección donde decidí que trabajo en los colores cuando termine con el proyecto, porque ahora mismo perdería tiempo en tratar de ajustar el color de los teléfonos el color de este medio de la fuente de noticias, mientras yo todavía no tienen todos los objetos que usaré en este producto. Entonces esta es la razón por la que Quizás esta vez trabajaremos en los colores al final mismo. Entonces, por fin empecemos a diseñar. Podrías usar iconos que podrías importar como iconos de Facebook, Pinterest y Twitter y colocarlos dentro del diseño. Pero simplemente lo haré simplemente, o simplemente daré clic aquí. Iré a mi siguiente herramienta y crearé círculos aquí con mi tecla de turno. Hago un círculo perfecto, o al sostener también la tecla de control. Yo me aseguro de que el punto de anclaje esté en el medio y esto es muy importante. Mira, ahora tengo que decir, Player, Player, déjame alabar el wiki y la capa de forma sí puso este punto de anclaje en medio de la pantalla. Yo sí quiero que este punto de anclaje esté en medio del círculo y en el medio, fuera del ícono que tendremos, porque esto será muy importante en términos de conectar el efecto de línea real. Entonces, ¿qué puedo hacer? Yo puedo presionar. Por qué en mi teclado y puedo colocar t aquí en el medio. Aftereffect me está ayudando con eso. O si no lo haces así, también puedes presionar el control izquierdo izquierdo, viejo y honky. Esto es un problema porque las versiones anteriores off aftereffects no tenían esto como CS six no tenían este atajo, pero ahora mismo, es simplemente un trabajo de remolque. Pero aún puedes usar algunos enchufes de terceros como solo por ejemplo. Hay muchos enchufes. Yo, por ejemplo, tengo el compositor de animación para after effects y animación. Compositor viene con mover punto de anclaje. Este movimiento de punto de anclaje, como pueden ver, me permite mover el punto de anclaje como quiero con un solo clic. Entonces si tienes efectos after, ve tus seis, puedes usar algo así. De acuerdo, este será mi primer ícono, y finjamos que he importado un Facebook que puedo escuchar. Lo haré azul para que sea mejor visible para nosotros. Tratemos de seleccionar el azul. Está bien, es un Debería estar bien. Sería algo así y lo llamaré F B. Ahora por favor crea todo lo que pueda ver me gustaría tener en este proyecto. Digamos que crearé para no puedo así que solo controlaré D en otra capa. Lo pondré aquí y lo llamaré como y Nick name para Twitter y voy a ir a la película e intentaré captar la llamada que se debe usar aquí como Twitter. Hagamos uno para Pinterest uno rojizo. Y qué más tenemos como Snapchat es re popular como ahora. Entonces vamos con esto. Tiene un color amarillo vibrante realmente bonito y bien, estos serían mis iconos de ejemplo que usaré para este producto. Por favor, crearlos también. Tu búsqueda de esta lección antes de que sigas adelante, es crear los iconos o dedo del pie importar un iconos PNG que te gustaría usar con un efecto after y para asegurarte de que el punto de anclaje esté en el medio. Esto será muy importante para nuestro diseño. Esto será muy importante para nuestro diseño. Una vez que tengas esos iconos. Se podría, por ejemplo, recordar eso a otra cosa. Por lo que aún podemos diferenciar entre las cosas anteriores que hemos hecho, y ahora podemos ir hacia adelante y crear la animación de línea real. 6. Creación de la conexión a la BEAM: Hola ahí. Bienvenido de nuevo. Por lo que tengo todo preparado en ajustado. Y ahora vamos a crear un objeto más en el medio porque las líneas tienen que estar conectadas a algo. Podría conectarlo al teléfono. Pero si resulta que moveremos el teléfono más tarde, estropearía nuestro diseño. Por lo que solo hago clic derecho, selecciono Nuevo y selecciono un nuevo objeto nulo. Objeto clavo aparecerá en el medio. Es una capa vacía, pero necesitamos que esta capa esté perfectamente aquí en medio. ¿ De acuerdo? Y lo llamaremos Conexión media. Y eso es todo lo que necesitamos hacer. Ahora déjame mostrarte cómo crear las líneas. Por favor, Correcto. Haga clic en Seleccionar Nuevo y seleccione Una nueva capa de alma hizo. Puede ser de cualquier color como el blanco. OK, y OK, ahora ve a tu panel de efectos haciendo clic en control y cinco en tu teclado. Se abrirá efecto y seleccionará haz. Dean es una gran característica y ya ves, tenemos, como, una línea láser aquí. Simplemente ve a la tierra y hazla al 100%. Entonces, ¿ves qué está pasando aquí? Este es el punto de partida, y este es el punto final, por lo que esos puntos siempre estarán conectados. Ahora necesitamos hacer algo para conectar este pequeño punto. Entonces al medio este ícono y así es como funcionará toda nuestra conexión. OK, entonces tenemos esos a menudo aquí vamos a trabajar con ellos más tarde. Al principio, necesitamos presionar bajo conexión intermedia. Llamémoslo tal vez haz uno. Entonces sabremos qué está pasando o mejor aún ser FB porque bien conectado al potencial Facebook puedo. De acuerdo, tenemos el haz FB y en este efecto, tenemos el punto de partida y punto final. Policiaca Presionan en el conector medio y en el FBI pueden y presionan P toe, abren sus posiciones ahora seleccionan la viga y en el punto de inicio y final a la izquierda, tecla vieja y dan clic en el cronómetro. Esto abrirá una expresión por lo que vincularemos un valor a otro valor con una expresión. Las expresiones son un lenguaje de programación que funciona y opera dentro de los efectos posteriores. De acuerdo, puedes No tienes que entender este lenguaje de programación. Simplemente puedes usar las características que tenemos. Tenemos que hacer clic en un látigo de pic y dejarme desplazar hacia abajo. Entonces veo la posición. El conector medio sería el primero. Déjame hacerlo más grande. Podemos usar el Pickwick y escoger la posición así. Entonces puedes hacer click de distancia. Y ves que esta línea se está ajustando perfectamente a este pequeño objeto. Ahora, no importa dónde pongas este nuevo objeto, estas líneas lo seguirán. ¿ De acuerdo? Pero queríamos estar en el medio detrás del teléfono y el segundo valor. Vuelve a la viga, o simplemente haz clic aquí. Espesor final, no espesor. Perdón. Punto final izquierdo antiguas expresiones de clic han aparecido. Y hay que escoger esto este valor y vincularlo con la posición fuera de la f b. Ok, podemos verlo. Actores lo vinculan así. De seleccionado y wola, lo tenemos perfectamente preferido. Ahora podemos hacer los ajustes. Déjame cerrar todo y cerrar este conector medio. Entonces sí quiero el rayo y el facebook. Puedo estar detrás del teléfono para que sean invisibles una vez que haga algo y quiero que tengan el mismo color, como tal vez verde. De acuerdo, Ahora sé que este es el Aiken de Facebook tenemos esta animación. Y durante la animación, donde quiera prensa ya tenemos la posición. De acuerdo, entonces toma esto, Aiken, tómalo aquí detrás del teléfono. Y ya ves, tienes el valor de la posición. Haga clic en la puntera del cronómetro, entra en un marco clave, avanza un poco y haz esto. Puedo salir donde quieras. Entonces tendrías una animación así. Boom. De acuerdo, ahora es muy estático, pero no importa. Esta es nuestra información inicial. En unos segundos más tarde, quieres colocar otro fotograma clave aquí, o lo que me gusta hacer es apuntar solo intentándolo un poco lejos. Porque ahora llegará a este punto. Flotará un poco alrededor, y luego volverá a reaparecer. Por lo que el pop back se puede hacer así. Haga clic en el F B y vuelva con él. Esta será tu primera animación conectada. Si desea hacerlo mejor, por favor seleccione este fotogramas clave, derecho Haga clic en clave del asistente Eazy e los van al editor de gráficos. Está bien. Después de todo, no me gusta este marco clave. No me gusta que se mueva así. Entonces podría ajustarlo, o simplemente podría tomar un cuadro de esquí gigantesco. El liguero, éste coloca este aquí y ahora se quedaría en su lugar. Boom. Se queda en su lugar, y luego vuelve. Ahora, déjame ir otra vez aquí, ¿de acuerdo? Puedo hacerlo un poco más rápido. Así también. Boom. Bueno, tal vez un poco demasiado rápido. Más lento aquí. Ah, está bien. De verdad, muy agradable. Tenemos una animación de estudio lento entrando y saliendo. Esta fue la primera cosa inicial que quieres que el dedo del pie haya hecho dentro de este proyecto. Por favor, dirígete a la siguiente lección y continuaremos con el trabajo ahí. 7. Creación de la animación WIGGLE: Bienvenido de nuevo al producto. Actualmente, tenemos algo así. Por favor haga click en la viga y me gustaría que el color sea el mismo. Y mira lo que puedes hacer con la viga. No solo puedes usar el grosor de inicio y final así, sino que también puedes trabajar con el curso. Y me gustaría que tuviera el mismo color que el ícono. Y no me gusta la suavidad aquí, así que se llama suavidad y puedes seleccionar la suavidad para ser 0%. Y sí me gusta esto. Esto puedo más ahora. Y si quieres una línea recta aquí, eso no es problema. Sólo tienes que ir a partir de técnicas como aquí a, y tienes una línea normal. Por favor recuerda eso. Aún así, aquí en la viga Facebook. Todavía puedes agregar más efecto para ajustar los looks. Por ejemplo, podría hacer clic derecho en estilos de capa y podría seleccionar como trazo. Aquí aparecería una nueva opción de trazo, y podría tener un color diferente fuera de mi trazo por aquí como un trazo blanco fuera de curso . Ahora esto puedo debería estar en primer lugar. El rayo debe estar detrás de él. Entonces el blanco es invisible, pero esto es sólo un ejemplo. En realidad no quiero el blanco. De acuerdo, entonces tenemos este ícono, pero esto es un poco aburrido. Es que no se está moviendo lo que se puede hacer aquí. Puedes agregar una expresión de movimiento a este pequeño ícono. Déjame mostrarte cómo tenemos este Facebook Aiken. Está aquí, y tenemos la posición. Tenemos fotogramas clave de posición, pero todavía podemos agregar una expresión adicionalmente a los amigos clave para abrir el panel de expresiones. Una vez más, selecciona tu vieja tecla izquierda y haz clic en el cronómetro y ves que ha aparecido posición transformada , pero queremos una expresión muy, muy sencilla. Simplemente escribe wiggle, abre las teclas de soporte y selecciona una y, como 30. Por lo que durante un segundo se moverá una vez por 30 píxeles en el valor X e y. Entonces así es como se vería. Este icono se mueve alrededor, y si esto es demasiado para ti, selecciona 10. Si esto es demasiado lento para ti, selecciona tres wiggles por segundo. Por lo que tres se mueven por un segundo por 10 píxeles. Sería un poco más rápido. Ya ves, me gustan los más lentos con esos. A lo mejor en este tipo de tesis de animación. Entonces seleccionaré un movimiento para 30 fotogramas como teníamos inicialmente, y esto es todo No, esta es la animación y el Eiken Pope vuelve a la pantalla ahora. Esto será un asunto ajeno, copiando todo a su alrededor, haciendo ajustes y haciendo que este producto luzca bonito, sencillo y fluido en su composición general. De acuerdo, sigamos a la siguiente lección donde intentaremos mover este efecto sobre el otro de nuestros Aiken. 8. Conexión todos todos los iconos: hola y bienvenidos de nuevo en la siguiente lección. Por lo que ya sabemos que el rayo se afecta a sí mismo. Y el movimiento X efectivo en sí mismo es lo más importante en esta animación. Tengo el rayo de mí y me voy a duplicar. Lo pondré aquí y llamémoslo, por ejemplo, Lo siento he entrado en esta capa. Llamémoslo el Twitter. De acuerdo, Tenemos que estar en Twitter, y sabemos que los puntos de inicio y final están conectados de alguna manera. Pero esta sería la misma línea. El punto de partida puede quedarse. Es porque usamos el conector medio para conectar las cuatro líneas. Y por supuesto, también debe ser bajo el teléfono. Y el Twitter debería estar bajo el teléfono así. Hagamos una llamada similar para ellos. Al igual que el morado. Está bien. Y ahora en el rayo Twitter, necesitas ajustar el punto final. Puedes abrirlo aquí. Puedes hacer que toda esta pantalla sea más grande abierta el efecto abrió un frijol, y necesitas trabajar con el punto final. Tenemos el Twitter en alguna parte. OK, está aquí. Abre Twitter o simplemente persona, mira dedo del pie abre su posición y elige de nuevo el punto final. con mi izquierda, voluminoso y haga clic en l eliminar expresiones. Abriré expresiones una vez más, y sólo escogeré con eso. Vamos a recoger este click de distancia y tenemos otra conexión, compañero. Ahora esta conexión debe ser para un color diferente. Boom como este puede ser de un espesor diferente. Si te gustaría eso, podemos ajustarlo más adelante. Ahora podemos tomar el F B. Podemos presionarte, y podemos copiar esos fotogramas clave sobre. Por favor avísame si puedes seguir porque se pone un poco complicado. Ahora da click en este Twitter, ponlo. Aquí están los marcos clave son y sólo controlar Vida. Y digamos que ese Twitter aparecerá de ello más tarde. Ahora el Twitter aparecería en el mismo lugar, pero no queremos eso. Entonces el segundo marco clave aquí, que Twitter me dejó dar click en él. Twitter. De acuerdo, va a ser más pequeño otra vez. Twitter debería aparecer en algún lugar aquí, y se ve la información loca que está sucediendo en este momento. ¡ Boom! Es porque el segundo fotograma clave se debe copiar sobre Copy control V y boom! Hermosa. Ahora lo pondré un poco más tarde. Hasta puedo cerrarlo aquí abajo en el principio. Y vamos a previsualizar. ¿ Qué tenemos? El primero tenemos el segundo. Y si quieres ser un poco más elegante, también puedes abrir esto. Tenemos esta expresión y hagamos sólo una mirada diferente. Al igual que 1.2 wiggles para 15 fotogramas, por lo que serán un poco diferentes. Ya ves, aparecen ambos iconos y el movimiento en este objeto es un poco más loco que en éste. Ah, yo hice no debería hacerlo 1.2. Por lo que esto sería diferente. Está bien. Sólo recuerda fijar un punto aquí. Se puede hacer exactamente lo mismo para el objeto restante. Por favor, no vayas más allá hasta que lo tengas. Y si tiene algún problema, por favor hágamelo saber. Haré lo mismo tomando esos objetos, colocándolos en el lado inferior. Y copiaré la viga dos veces más. Control de control de haz. Paso debajo de él. Y el segundo será pasador de viga y estará debajo de él. Como probablemente recuerden, necesario ajustar el punto final. Haré esto ahora mismo, así que tengo mi chasquido de haz y mi instantánea aquí. Echemos un vistazo a la viga. Ajustar punto final viejo click, pick látigo y seleccionar el snap Haga clic de distancia. Ah, lo siento. Tengo algunos problemas aquí. Punto final una vez más. ¡ Boom! Conecta la posición, Haz clic de distancia y deberías tener la posición así. Ahora veo que aquí tenemos un error. ¿ Por qué es eso? Lo hizo en el Snapchat. Y ya ves, por eso el punto de anclaje era tan importante. Puedes seleccionar un plan detrás de con tu llave y y simplemente colocar punto de anclaje en el medio o en cualquier lugar que quieras. También puedes conectar este punto. No es problema. Pero yo estaba conectando el medio porque creo que esto se ve realmente genial. Ahora es cuestión de copiar los fotogramas clave a este objeto y tendrá otro snap. De acuerdo, vamos a revisar el último cerca para chasquear cerca a manera de snap tener pin y estar anclado. Yo lo abriré. Abriré los efectos. Abriré la viga. Tenemos el punto final una vez más. Izquierda viejo click izquierdo, viejo click y conecta el muro de posición. Whoa! Está bien. Gracias. After efectos. Esto fue genial. Una vez más, Posición haga clic de distancia y deberías tenerlo así. Fuera de curso. Veo que el Pinterest tiene también el punto de anclaje. Extraño. No sé por qué. Porque acabo de copiar este objeto. Pero digamos que este es el nombre del juego. Y ahora sólo necesitamos copiar sobre el puesto. Los fotogramas clave crean nuevas animaciones para eso y estaríamos listos. 9. Deja una revisión, por favor: Oye, sería de gran ayuda para esta clase si vas a la pestaña de Opinión y haces clic en dejar una reseña y escribir algo ahí. Si aún no ves este botón, necesitas ver algunas conferencias más y estará disponible. La escultura ahora requiere que las clases tengan reseñas recientes sobre ellas. Entonces me ayudaría muchísimo. Simplemente haces clic aquí, dices si quieres ir a clase o no, y escribes una vista más simple y haces clic en Enviar. Yo estaría muy obligado si usted puede hacer esto ahora mismo. Muchas gracias y hasta pronto. 10. Ajustar y finalizar la composición: Está bien. Bienvenido de nuevo. Ahora necesitamos dedo por fin organizar el proyecto porque se puso un poco caótico porque teníamos muchas cosas que hacer. He establecido el grosor final en todas esas capas en 10. Y esta es nuestra entrada inicial. Vieja. Me gusta mucho la animación. Están apareciendo los iconos, y luego van a volver. Presionaré control A y l a prensa usted. Veo a muchos amigos clave, pero en realidad, pero en realidad, estos son solo fotogramas clave de posición aquí. A lo que me gustaría hacer, me gustaría recortar esas capas con mi vieja e izquierda llave de corchete al lugar donde empieza Dicky frame así. Al igual que esto. Y el último como éste. Ahora quiero seleccionar todas las capas con marcos clave y crear un color. Fordham. Vamos a quedarnos con el morado y déjame tratar de colocarlos cerca de sí mismos. ¿ De acuerdo? Tú. Entonces este es el momento donde aparecen los iconos. Las capas moradas serán nuestras capas de ajuste para que los iconos aparezcan tarde o temprano. De acuerdo, Ahora quiero ajustar las vigas. Las vigas están bastante bien. Están cerca uno del otro y también deberían tener una persona que llama Déjame seleccionar a gente CIA. De acuerdo, no sé que sean vigas. Estos iconos aéreos y éstos determinan cuándo aparecen los iconos. Pero esos determinaron cómo se ve la línea atreve Así que tenemos un espesor final de 10. Tenemos conjunto colorista como este y hermoso Si quisiera cambiar algo, puedo ir al icono según por ejemplo creo que el Facebook que puedo debería estar más lejos. Te presiono voy a este marco clave. Lo coloco más lejos Control Ver control VDs marco clave para que no floten por ahí. Y así resulta la animación. El nuevo traje está pasando y los iconos uno tras otro están apareciendo y desapareciendo. Si quieres colocar los iconos más adelante presionarte aquí, toma todos esos fotogramas clave y colócalos más tarde. A mí me gustaría, por ejemplo, por ejemplo,que desaparezcan en un momento Así tomo el marco clave Colocarlo más cerca, colocarlo más cerca. Están un poco escalonados ahora Colóquelo más cerca. OK, así es como lo tenemos. Y si quieres que la animación tenga un poco más swing un poco más de movimiento. Puede habilitar el desenfoque de movimiento para esos movimientos. Entonces habilita el desenfoque de movimiento para todas esas capas y habilitaré Déjame mostrártelo. Habilitaré el desenfoque de movimiento para toda esta composición. Boom. Ya ves lo que pasa cuando habilito el desenfoque de movimiento. Nos queda un poco borrosa aquí. Será más pesado para tu PC, pero se ve realmente genial. Entonces esta sería la animación que será ahora, por supuesto, de su más lento. Será que debería ser sólo un poquito mejor. Y ahora todos esos iconos recuerdan están conectados a este conector medio. Por lo que dondequiera que esté este conector medio, este es el lugar donde todo está conectado. Si te gustaría tener cada Aiken por separado, como la instantánea aquí si te interesa aquí el Twitter aquí, el Facebook aquí necesitarías dedo duplicar este objeto cuatro veces. Y cada vez que el punto de inicio del haz de acuerdo debe estar conectado a la posición del conector medio según . Tendría que renombrarlos como conector medio FB conector medio Twitter . Y todo depende de cómo sí quiero que sea el proyecto. Por ahora, los eliminaré porque sí me gusta esto, esta única conexión desde el medio, porque hace que la animación los ojos verdes. Todos los iconos son algo similares, pero siguen siendo diferentes. Y ahora sería cuestión de colorear este proyecto, haciendo algunos ajustes menos para que esté listo para su publicación. Con esta lección, les expliqué a los pasos más importantes Tenemos todo muy bien organizado, y el resto todavía puedo ser de un color como marrón. De acuerdo, y ahora el proyecto se ve mucho mejor porque vemos lo que está pasando aquí, y es muy fácil para nosotros ajustarnos. Quiero recordar que esas capas son capas con marcos clave, y solo para que esto sea más visible, podría ir capa de dedo al marcador, y notaré que las capas con los marcadores son las capas donde puedo ajustar la tecla marcos. Si voy más tarde a este producto y lo olvidaría, también puedes presionar tu número en el boom Starkey, y el marcador es editar. Si fuera más preciso, lo añadiría a la posición donde aparecen y desaparecen los fotogramas clave. Eso sería mucho trabajo que no necesariamente quiero tener ahora. Entonces cerraría esta capa y este sería ahora trabajo súper profesional. En este punto, este sería un proyecto muy limpio. Tenemos los marcadores, por lo que sabemos cuándo desaparecen los iconos. Alimentos. Por favor, dé seguimiento a la siguiente lección donde te mostraré cómo el dedo del pie empaqueta, todo arriba, cómo renderizarlo y cómo tenerlo adecuado para exhibir o para nuestros productos. 11. Añade un capa de control del color de la capa: Me gustaría poder explorar mis opciones para los colores para poder hacer una rápida capa global de control de color y dejarme mostrarles cómo se hace esto. Tienes la derecha, click. Seleccionas nuevo a medida que seleccionas un nuevo objeto nil, que llamas como control de color. Este es el nombre más común que puedes ir a efecto y también hacer clic en control y seleccionar control de color . Quiero un control de color para el teléfono, para los pies de noticias y para el fondo por lo menos puedo llamarlo como rodillas BG, pies, noticias feed y amigos Todo en este momento, no necesito llamarla esos objetos ni llevarme su color. Pero como tenemos aquí en el feed de noticias tantos artículos, sólo voy a recoger a Phil y voy a aplicar relleno a los pies de noticias. Entonces aplicaré a Phil a nuestros antecedentes. No, no quiero ver este rojo, pero es un mal necesario. OK, van los efectos. Abre el BG y este color debería estar conectado ahora a este color. Entonces iré a efecto. Voy a la película y ya ves donde las calorías acaban de nuevo. Viejo click sobre él. Y la expresión debe vincularse con este color BG. Por lo que vinculé esto con el color BG. Y dondequiera que cambies este color, ese fondo funcionará en consecuencia a eso. Y haré lo mismo por el teléfono y por el feed de noticias para el teléfono. Necesitas abrir el teléfono, necesitas abrir el contenido. Y recuerdo ese rectángulo número uno era el rectángulo que establecía el color para todo el teléfono. Así que abre, Rectángulo uno naufragó. No, no, es Phil. De acuerdo, dentro de la película tenemos llamante. Entonces una vez más, teníamos el teléfono aquí, viejo color click y conectado al auto telefónico. Perfecto. Ahora este rojo empeora aún más. Pero quiero explorar mis opciones para los pies de noticias. Abre los pies de noticias y en lugar de contenidos, tenemos efectos. Tenemos que llenar un viejo clic y conectado con el color del noticiero. De acuerdo, tenemos al viejo clicado. Esta expresión debe vincularse aquí. El seleccionado Angela, tenemos nuestro control de llamadas. Todo está conectado entre sí. Y ahora si quieres explorar rápidamente tus opciones, solo tienes que seleccionar el esquema de color donde tienes algunos esquemas de color y como el fondo. Esta noticia pies así de bien? Se ve mal. Y el teléfono, como de Louis uno. Y esta sería una forma muy rápida de cambiar todo tu proyecto. No, no, no, pero no así. Pero esto es sólo un ejemplo. Podrías hacer lo mismo por esos objetos. También podrías conectarte a la capa de control del núcleo. Más opciones de control de núcleo aquí, más efecto de control de color y seleccionar. Podría una línea uno Aiken a la línea dos y tú tendrías varios de esos aquí. Todo estará conectado sobre carrete. Y esta sería una salida perfecta. Ser capaz de ajustar tu proyecto en una madre fuera de unos pocos clics. Esto se puede hacer un poco más rápido seleccionando capas viejas fuera y en el cuadro de búsqueda escribiendo color. Porque sabemos que aquí tenemos un color justo. Entonces de esta manera he actuado el color bastante rápido, así que solo pude seleccionar ese control de color ahora y donde tengo puedo uno. Se abrirá automáticamente aquí. Y puedo seleccionar mi tecla tilde en mi teclado. Ah, lo siento. Aquí no. Puedo seleccionar la caja. Suerte hacerlo a pantalla completa. Ahora sé que puedo ser el número uno. ¿ Dónde lo tengo? Facebook y el campo viejo clic conectado llamador que puedo, también. Vuelve a abrir Twitter. Old click connected Boom mi país Y esto sería una manera un poco más rápida. Después seleccionas hasta suerte. De esa manera, puedes recitar todo para estar a pantalla completa exactamente donde apunta tu ratón. Se extenderá toda la pantalla, por lo que tienes un poco más de espacio para trabajar, y esta sería una forma rápida de vincularla. 12. ¡Gracias!: Está bien. Llegamos al final. Como puedes ver, tenía el control de color conectado a todos los colores. También puse unos fotogramas clave en el propio teléfono. Por lo que tendrá una bonita entrada y bonito cierre. Y esta es toda la animación que preparamos. Ahora podemos ajustarlo muy libremente. Podríamos incluso cambiar las líneas reales conectándolas a diferentes conectores intermedios. Y este producto podría ser casi cualquier cosa que quisiéramos ser. Muchas gracias por seguir a través. Y espero que hayas podido crear el mismo tipo de proyecto. Si te encuentras con algún problema, por favor avísame. Intento ayudarte y asegurarme de que realmente crees este proyecto si quieres. Creo que eso es algo muy divertido de hacer. Y muchas gracias, Karen, por hacer la pregunta sobre cómo posiblemente hacer esto. Fue muy divertido grabar al respecto. Si crees que este material merece una buena revisión, por favor déjame un pulgar arriba. Una revisión positiva. Esto será lo más grande. Gracias me pueden dar una vez más. Espero que lo hayas disfrutado y te veo en el siguiente.