Opener de título mínimo en After Effects

1. Introducción: Hola y bienvenidos al mínimo abridor de título en aftereffect. Quiero mostrarte y enseñarte un flujo de trabajo divertido donde puedas preparar una animación así. Trabajaremos con un elemento de forma fresco, telefoneado , adecuado marco clave y animarlos. Revelarlos con máscaras y muchas, muchas cosas más todas no dentro de aftereffect. Es un proyecto realmente divertido. No importa si eres un principiante total o conoces tu camino al final de esta clase, podrás crear este tipo de animación por tu cuenta desde cero un aftereffect. Sinceramente te invito a que te lleves la clase conmigo y te diviertas diseñando y rodando ahora, y te veré dentro. 2. Lla primera lectura 1: hola a ustedes hoy en este hermoso tutorial. Ahora iniciaremos los trabajos de inmediato. Al principio, me gustaría seleccionar algunos colores. Se puede seleccionar un sitio web como las personas que llaman, no CEO, y usar el color. O si tienes la versión de Adobe CC, no estoy seguro si las versiones anteriores también la tenían, pero el C C en las extensiones de ventana. Contamos con equipos de color de adobe. Podemos abrir equipos de color adobe y buscar. Eso serán cuatro esquemas de color de inmediato. También me gusta explorar aquí, y me inclinaré ante los más populares porque estoy seguro de que habrá coches realmente buenos. Y solo necesitarás dos colores para este porque trabajaremos con el fondo. Podríamos usar el enmascaramiento para revelar todo, pero usaremos los colores fuera del fondo. Entonces déjame navegar un poco. Creo que mi selección será esta beige, amarilla y esta azulada. Una vez estoy seguro de los colores que usaré, y usaré este azul encendido y este amarillo lo tendré más y crearé una nueva composición. Que cree una nueva composición. Full HD, 30 fotogramas y siete segundos de duración apagado. Muy bien, tenemos siete segundos de duración. El primero que quieres hacer es presionar el control. Por qué o simplemente derecho Haga clic en nuevo y cree un nuevo sólido porque este será su fondo. Por lo que seleccionaré el color para el fondo y quieres o bien usar uno ya. Otro color. Esta vez usaré el azul porque creo que el fondo más oscuro funcionará mejor. Y una vez que tenga mis antecedentes, lo cerraré. Necesitaré crear algo en el medio. Por eso quiero usar mi título de acción segura para ver dónde está el medio. Abriré título acción segura. Abriré el 1er boom 1, y ahora puedo ver mejor toda la composición. Siempre te ayuda a posicionar las cosas porque debes, por ejemplo, quedarte dentro de esos radio y empezaremos a poblar este ítem. Al principio desea seleccionar el objeto que desea seleccionar alrededor de la herramienta de ángulo directo, por lo que no ángulo directo. Basta con hacer clic y mantener pulsado y seleccionar el 2do 1 la pluma de herramienta de rectángulo redondeado. Tengo que redondear el ángulo directo y con mi tecla de turno haré un círculo aquí en un momento . Esto será un círculo porque quiero cambiar eso. ¿ Qué? Tienes que quedarte, jugador. A lo mejor llamémoslo Círculo Principal. Puedes presionar, entrar y simplemente renombrarlo. Goto este goteo principal Ir al contenido rectángulo una trayectoria de rectángulo Acércate un poco más cerca, a diferencia del tamaño porque más adelante trabajaremos con el tamaño y haremos que los rounders a la cantidad máxima . Voy a hacer que sólo 1000. No importa. Solo quieres este objeto, Toby redondeado así. Está bien, ya veo. Debería ponerlo un poco más al lado derecho de mi derecha. Se puede ir también al panel de alineación y seleccionar centro. De acuerdo, Ahora veo que el punto de anclaje no está contento adecuadamente. Puedo cambiar eso rápidamente seleccionando la cacerola detrás del dedo del pie y colocando el punto de anclaje en el medio. De acuerdo, solo para estar seguro para el futuro Ahora, también me gustaría importar y puedo escuchar, y ya he preparado mi ícono. Usaré el Facebook. Yo puedo, pero puede ser realmente un logo o puedo o cualquier cosa que te gustaría poner aquí porque esto es algo bueno revelar, así que solo importaré este archivo. Pondré este archivo en medio de la pantalla. Ah, pasa. Eso es muy grande. Por lo que necesitas tomar el dedo del pie de selección, presionar la tecla Mayús, clic aquí para un turno y ahora hacerlo más pequeño. Está bien. Y el gran truco Curioso. Yo quiero que sea del mismo color que el fondo. Estos Así selecciono el Facebook en mi línea de tiempo. Haga clic derecho en estilos de capa y color. Extrasamente. Esos estilos son igual que en la tienda de fotos. Tienes sombra de gota tienen nivel. Iré con la superposición de color porque quiero superponer el color exacto que tenemos aquí. Ya ves, color excesivamente ha aparecido aquí lo abriré. Simplemente seleccionaré Pickwick Boom, y tenemos el color. Y lo hermoso aquí es que si haces animación, por ejemplo, hacemos volar. Ahora es invisible porque es del mismo color que el fondo. Al entrar vuela, se hace visible. Entonces esto es lo genial. Haré control Z por lo que se remonta y este es el diseño inicial que queríamos preparar. Cierro mi título acción segura. Cerraré el Facebook cuando un en el círculo principal. Yo quiero quedarme con el tamaño y la posición porque vamos a trabajar con esos dos marcos clave . En este punto, se debe tener el mismo usado para tener dos colores seleccionados. Deberías tener antecedentes. Deberías tener tu segundo color, y debes tener un icono en el medio. Digamos que también tienes un Facebook. Yo puedo y hacer el icono de Facebook o el icono que usas del mismo color que el fondo. Esto ver en la siguiente lección, donde finalmente hará la animación animará el círculo y este objeto para que vuele en la pantalla. Nos vemos en un rato. 3. Lla conferencia 2: bienvenidos en la segunda lección fueron, seguiremos nuestra aventura. Ahora. Empecemos de inmediato con la animación. Entonces finalmente, la parte divertida. Seleccionaré el círculo principal, el círculo que tenemos aquí en el medio. Y quería trabajar con la talla y con la posición que ¿por qué desvincular la talla? Porque en este diseño, en aproximadamente un segundo y 10 marcos, por favor vaya a este punto. Si puedes seleccionarlo, solo hazlo más pequeño. Un segundo en 10 cuadros o un segundo y 15 cuadros. Hagámoslo una vez. Este debería ser el resultado final. Por lo que debería quedarse así. Pero al principio, quiero que la posición esté en la parte inferior. Por lo que seleccionaré mi valor Y el segundo valor, y lo colocaré debajo de la pantalla. Sí. Se puede ir aún más lejos. No tiene que estar exactamente aquí porque la animación tiene que suceder en este periodo de tiempo. De acuerdo, Ya ves, viene la posición. También quiero trabajar con la báscula porque el tamaño aquí es 202 100 y al principio debe ser cero. Por lo que este pequeño objeto crece a medida que entra en la pantalla. Está bien, en este punto, se queda en la pantalla por un rato, y la posición ya no cambiará. Pero el tamaño cambiará un segundo más tarde a dos segundos o dos segundos y a 10 fotogramas. Yo quiero que esta animación sea finalizada debido a fin. Entonces este será el interés viejo, y el resultado final debería verse así. Tomarás el primer valor, y el primer valor debería ser lo suficientemente grande. Por lo que cubre el texto en el medio y el pequeño círculo en el lado izquierdo. Entonces digamos que esta sería mi animación finalista. También me llevaré el de Facebook. Y trabajemos también con la posición. Tan sólo para que se vea un poco más interesante porque en este momento sólo el destino en este verde. Ah, lo siento. Yo presioné. Encaja en la pantalla, y se revela el Facebook. Pero el Facebook también podría venir, venir de la parte superior. Por eso quieres una disposición? Sí. El Facebook debería estar aquí, pero aquí, Facebook debería estar más alto así. Boom. Está bien. El Facebook se une con él. Boom. Y desde aquí, el Facebook se desvanecerá de la pantalla. Entonces boom así. Y quiero también que el Facebook lo escribiera un poco. Digamos que ahora está debajo de la pantalla, así que tenemos una animación como esa. Boom. Hagamos esto quizá más tarde. Y como este crecimiento que Facebook desaparece, presentemos también Facebook y turno de prensa son para abrir la rotación. Y yo solo haré una ligera rotación, como unos pocos grados, tal vez 45 al menos aquí después. Entonces tendremos una animación así. Boom, boom. Entra el Facebook, se queda en este verde, y me gusta su posición. Por eso me gustaría Toa Control. Vea este este marco clave, colóquelo hacia adelante y tenga esta llave desde aquí porque quiero que el Facebook se quede en la pantalla un rato. También muevo la rotación, está bien. Y esto ahora se ve genial. El único ajuste que necesitas hacer es seleccionar todos los fotogramas clave, ¿ verdad? Haga clic exactamente en el marco clave, obtenga de Assistant y easy east porque la animación puede ser tan aburrida como lo es ahora. Está bien. ¿ Ves el Facebook? Bueno, tal vez esto no fue buena idea con la posición. Perdón con la rotación. Sí, eso se ve un poco mejor, pero aún podemos entrar al editor de gráficos, seleccionar unos fotogramas clave y hacerlos así. Por lo que toda la animación se ve un poco más dinámica. Un poco más interesante. Selectivo morado un boom. Perfecto. Ahora la animación se verá lentamente como una animación como los gráficos en movimiento. De acuerdo, seleccionaré a todos esos amigos clave a la vez. ¡ Boom! Al lado derecho. Ah, lo siento. Hice demasiado lejos a la derecha a la izquierda. También el verde. Es la talla que debo seleccionar una talla de alguna manera. Está bien, es esta perilla. Perfecto. Ahora creo que esta animación está completa hasta donde va la primera animación Boom, ves ahora todo es perfectamente fluido, y entra a la pantalla, dejando hacer click en el Facebook juntos en el Facebook. El Facebook se desvanece lentamente bajo el diseño, y luego va girando lentamente y boca fuera, y hace espacio para lo que sea que venga aquí. Entonces creo que esta moción es realmente buena y, bueno, quédate con esto así, y seguiremos con la animación en la siguiente lección. En la siguiente lección se hará en la prueba en el pequeño círculo. Por lo que esto será realmente importante y divertido de hacer. Si tienes esta animación, has seleccionado todos los fotogramas clave en los que Eastham. Entraste en el dedo del editor de gráficos. Ajusta la animación para que sea un poco más fluida. Y si está en este punto, por favor continúe con la siguiente lección. Y si tiene algún problema, por favor hágamelo saber. Voy a tratar de ayudarte. 4. Lectura 3: hola atrás y bienvenidos en esta lección Hasta el momento tenemos este boom de la animación y en este punto, quiero que el impuesto vuele y un pequeño círculo para volar desde el lado izquierdo. Entonces, ¿cómo hacer esto? Será sencillo. Permítanme extender un poco esto y empezaremos con el texto. Por supuesto, necesitamos dedo como empezar desde el final. Entonces el texto debería estar aquí más abridor de título y parece que me tengo que ir y y en realidad se ve muy bien. Por lo que me quedaré con este teléfono. Yo me quedaré con este boom de fondos, selecciona el color de la fila de atrás porque si te gustaría enmascararlo, podríamos usar también enmascarar con el fin de revelar este texto si te gustaría tener otro color, pero lo haremos así aquí. Debería parecer que debería estar aquí, así que presionaré P bajo contaminación do y el poco animador. Debería estar fuera de la pantalla. Yo quiero hacerlo del lado derecho, quien eso es tal vez extender esos marcos clave. Y vamos a previsualizar, ¿ qué tenemos? Deberíamos tener animación como esa se ve lentamente como este destino de Facebook fuera al lado inferior . ¿ Quieres que empiece a aparecer el texto? Está bien, eso es demasiado tarde. Acércate más. Texto, por favor. Y también texto. Eres un poco aburrido. Mantenlo asistente. Voy a más fácil en. Voy a dar clic en el gráfico it o Y quiero que este dedo del pie de animación suceda más rápido al principio y luego ralentizar. Entonces quiero una animación así. Está bien. Ya ves, es demasiado tarde. Hazlo más cerca. Está bien. Todavía es demasiado tarde. Está bien. A lo mejor lo exageré con la animación. Casi perfecto un poco más tarde. Y puedes cambiar los fotogramas clave porque esos marcos clave están exactamente aquí. Entonces esta es la clave del número uno y el número dos, y puedo trabajar con ella aquí siempre y cuando no lo vea todavía. Esto se ve bien. Creo que ahora poco a poco llega al punto donde finalmente se ve bien y lo siento. Demasiado tarde. Demasiado tarde. Demasiado tiempo. Digamos que esto ahora es óptimo. Por lo que quiero que aparezca el círculo correcto y que el círculo correcto funcione con el Aiken de Facebook . Entonces al principio volveré. Yo quiero un círculo. Deja que aparezca en el lado derecho, así que solo seleccionaré aquí voy a dar clic. Selecciono un taburete labial y crearé una elipse. Ah, lo siento. Esa es una máscara porque tenía el texto seleccionado y crearé una elipse. Y esta elipse debería tener el Phil usó un color de fondo. Pero quiero un derrame cerebral. Tenía un derrame cerebral. Haga clic en el trazo, haga clic en el quip grande y haga clic aquí, por lo que debe ser amarillo en el ADN. Veo que todo este círculo debería estar aquí y debería ser un poquito más pequeño. Puedes, por ejemplo, Y si puedes seleccionarlo, solo tienes que presionar s como escala o hacer doble clic en ella para que puedas trabajar con la forma real y hacer la forma más pequeña y simplemente tratar de ajustarla. Por lo que tienes un objeto perfecto aquí. Creo que éste es realmente bueno. Parece un pen drive ahora, pero eso no importa. Y quieres animar a este pequeño círculo porque este círculo también debería jugar en la pantalla ahora mismo. Este es el resultado final. Haga clic en el jugador recto. Incluso cambiaré el color para arreglar tu Así que ya ves lo que estoy editando actualmente. Ves esto es este pequeño círculo. Esto parecía un círculo. En caso de tener la posición P haga clic en la posición. Vuelve atrás y rodar fuera Fuera de la pantalla. A la izquierda, A la izquierda. No soy Beyonce. Un título de libro. Todavía lo dices. De acuerdo, tenemos que simple animación. Y como de costumbre, tienes la tecla de click derecho del dedo del pie desde asistente. Fácil ¿es? Acude a la clave del asistente al editor de gráficos y haz la animación, por ejemplo, así. Esto debería ser mucho mejor. ¿ De acuerdo? Se desvanece demasiado rápido para mi gusto. Mejor. Mejor. También podría tomar un poco más de tiempo para que se desarrollara toda la admisión. Entonces hagámoslo así. Perfecto. Ahora entra lentamente a la pantalla y no molesta a nadie porque sólo se ve bien . Este es el final de esta lección. Creo que deberíamos hacer los últimos ajustes en el siguiente porque no quiero mostrarte demasiado a la vez. Por ahora. Déjenme cerrar todo. Deberías tener tal animación. Debe tener el objeto desvaneciéndose dentro y fuera. Deberías en el texto y este pequeño círculo desvaneciéndose desde el lado izquierdo. Por lo que el resultado final actualmente se ve así haremos un pequeño retoque en la siguiente lección, y luego mirarás todo el diseño y verás si esto realmente se ve bien. 5. Lectura 4: Hola y bienvenidos de nuevo a la lección de finalización. Por lo menos espero que concluyamos esto. Ahora trabajaremos en la animación de Facebook y tenemos este Facebook. Aiken, no es problema. Puedes arrastrarlo de nuevo a la composición. Puedes usarlo tantas veces como quieras. Un efecto after. Ahora presiona s dedo del pie. Abre la báscula y hazla más pequeña. O puedes simplemente con tener abierta la herramienta de selección, puedes hacer clic aquí y puedes redimensionarla. Si pulsa la tecla Mayús, permanecerá en proporciones perfectas. OK, se debe poner aquí. Debería ser más pequeño. Y ya estás adivinando qué debes hacer. Debes usar este color para este ciclo. Por lo que hago clic derecho en estilos de capa y usaré el color excesivamente. Tenemos color excesivamente seleccionado, seleccionado y seleccionamos este color amarillo. De acuerdo, tenemos este Aiken de Facebook apareciendo en la pantalla. Ahora esto no se ve bien para nada porque me gustaría la animación. La animación a partir de esto parece comenzar ya que empieza a ser visible. Por eso una persona s y yo presionamos turno. Nuestro voy a hacer dos fotogramas clave y l hago la escala cero y yendo un poco hacia adelante. Yo quiero la báscula. Fue 8% algo alrededor de 8% en la rotación. Hagámosme hacer una rotación completa como jugar cero aquí y uno en el lado izquierdo si no sabes cómo funciona esto. Una vez que hago 363 163 160 cuenta las rotaciones. Pero sólo quiero una rotación. Cero grados. A ver. ¿ Cómo se ve esto? Entra. Y este pequeño Aiken? Ah, es un lento ¡Déjame hacerlo más temprano y boom! Ya ves que esta animación debe ser finalizada. Zona. Guárdelo asistente. Oriente fácil. ¿ De acuerdo? Y vamos a previsualizarlo. Eso es algo alrededor de los resultados que quería, pero creo que la rotación es demasiado fuerte. Debería ser al final. Debe ser cero, Pero en el primer fotograma clave, debe ser como negativo 90 grados negativos o algo así, porque toda esta animación waas al hardcore. ¿ Ves a lo que me refiero? Ahora es solo una animación agradable que se desvanece en la pantalla, y se ve mucho, mucho mejor Si quieres ajustarla. Siempre ve al editor de gráficos y solo tienes que hacer clic en los fotogramas clave a tan solo en un poquito. De acuerdo, la animación no será más interesante. También pinchemos en la báscula. Boom, boom. De acuerdo, vamos a previsualizarlo ahora. Es el rápido en realidad otro control z para volver atrás, y sé lo que está pasando. Haré esos fotogramas clave un poco más tarde. Sí, ahora por fin podemos ver. OK, este es todo el diseño. No estoy completamente seguro del fondo. Todavía podemos cambiar el teléfono a otra Mary, ser algo que se vea un poco más intacto con el Facebook que puedo ser. Por eso necesitas hacer de la semana pasada Déjame buscar un fondo. En realidad, éste se ve bastante guay. Y déjame mostrarte un consejo rápido si quieres otro color para el teléfono. Si deseas otro color para el fondo, necesitarías seleccionar este círculo principal. Es necesario presionar control de para duplicarlo. Necesitas ponerlo sobre el texto, y este texto debe tener la pista, Matte dijo Tau alfa mate círculo principal. Ahora puedo seleccionar el texto, y puedo hacerlo a un color diferente, por ejemplo, a uno rojo, y ahora el texto no es visible hasta que entra en pantalla. Ya ves, si no lo enmascarara como me quedaría sin esta era la tira, borraría. Y esto peor ataca ese exceso aquí, el texto no tendría mate de pista. Simplemente sería visible en la pantalla porque no hay nada que ocultara este texto . Estábamos usando el mismo color fuera del fondo para ocultar el palo. Entonces estamos haciendo un poco de trabajo, y es más fácil de esa manera porque no tenemos que usar máscara. No tenemos que cambiar tantas cosas. Simplemente tomamos el color, usamos el color del fondo y boom, es pared invisible son Wow, somos magos. Entonces así es como podemos acercarnos a esta pequeña animación de título, y sí espero que aprendas algo y te estés divirtiendo trabajando con esos amigos clave . Por favor avísame si tienes algún problema o si esto está bien para ti. Y en esta lección, preferimos una animación como esa, un abridor de títulos limpio y sencillo que revelara un icono social o, por ejemplo, su logotipo. Todo depende de lo que quieras poner aquí del lado izquierdo. Si te gusta esta clase, realmente agradecería un buen intento de revisión. Esto realmente me ayuda, y voy a ver que de esto sale algo positivo y voy a grabar más esas gafas porque es extremadamente divertido para mí. Creo que esos abridores de títulos mínimos son algo útil para aprender su gráfico de movimiento básico , cual puedes usar un nunca trabajo. Son palabras para aprender, y siempre es divertido prepararse. Por lo que muchas gracias por escuchar esas lecciones. Si te gustaría tener más, por favor avísame si quieres más. Por favor házmelo saber compartiendo comentarios. Nos vemos y está bien, eso es todo. Ver aquí en los próximos