Transcripciones
1. Introducción: Hola, Mi nombre es Sonya. Soy diseñador de gráficos Emotion. Animo entretenidos videos educativos, encuentro anuncios y toda una gama de contenido de video en forma corta en línea atractivo. Si pasas algún tiempo en YouTube, podrías haber visto parte de mi trabajo. Esta clase forma parte de una trilogía que se construye una sobre la otra. Consulta las otras clases de la serie que puedes seguir a lo largo de toda la serie. Oh, sólo toma una clase por su cuenta. Cada clase tiene un resultado único y se puede tomar independientemente de la serie. Si has seguido las partes uno y dos de la serie, puedes usar la animación de esas clases en esta. Si estás empezando con esta clase sin seguir los Siri's, puedes usar los activos que he proporcionado en la galería de proyectos o usar tu propia esencia en esta clase. Te estaré enseñando cómo exportar animación U como pegatinas transparentes para usar para
redes sociales y la Web. Te llevaré por el proceso de configurar tu animación con gráficos esenciales dentro de after effects, convirtiendo tu animación en un regalo con transparencia en photoshop sobre exportar un PNG
animado con la ayuda, a menudo un convertidor PNG que necesitarás after effects photo shop y un PNG animado convertido para completar esta clase, consulta la Galería de Proyectos para un enlace a la A P y G. Con Veta. Estoy usando esta clase es perfecta para estudiantes intermedios. Algunos conocimientos previos de efectos posteriores y Photoshopped podrían ser necesarios. No se necesita ningún conocimiento previo de crear regalos o P y G animados, sin embargo . Estaré enfocando en optimizar tu proyecto y exportar las pegatinas, así que prepara tus activos. Al final de esta clase, tendrás una sólida comprensión off crear plantillas de animación en after effects con gráficos
esenciales, sabrás exportar pegatinas animadas con transparencia. Utilizando dos métodos diferentes, podrás subir a tus invitados a sitios como Giffey y usar tus A, P y G's en la Web. También puedes usar este conocimiento para crear pegatinas para chat móvil popular APS like I message Ready, Comencemos
2. PROYECTO DE CLASE: Hola. Bienvenidos a mi clase. Déjame contarte sobre el proyecto de clase que vas a estar abordando hoy. El proyecto para esta clase será crear una pegatina transparente de tu animación sobre exportada como regalo. Andan animado PNG. He creado este tipo de paz para el podcast artista esforzado en el que produzco. Yo quisiera llevarles a través del proceso de creación de este paso a paso para un
proyecto exitoso . Deberías tener una animación creada y después de efectos exportados como regalo y como A P y G con transparencia, siéntete libre de usar los activos que proporcioné en la galería de proyectos. Por favor, comparta el regalo o el A, P y G en la galería de proyectos. Me encantaría ver lo que se te ocurre. Saltemos a la clase.
3. Agrega un controlador de colores: primero comenzaremos agregando un controlador para nuestra textura de grano. Si has seguido esta clase, de
Siri desde el principio, recordarás que hemos configurado algunos controladores para los colores en la primera parte y algunos controladores para los bordes rugosos en la segunda parte. Para aquellos de ustedes que están empezando con esta clase, pasaré por agregar un controlador más. Todos los demás pueden seguir fuera de curso y estaremos vinculando una propiedad a ella. Usando el pick con te quitará el concepto, agregando controladores y vinculando propiedades a ellos. Y luego podrás agregar cualquier controlador que te falte. Alternativamente, puedes descargar y utilizar el archivo de proyecto listo hecho que he subido a la galería de Project para utilizarlo en esta clase. Tengo un control nulo aquí que estoy usando para retener todos mis controladores. Se puede crear un no control presionando control Todo turno y por qué Primero, voy a conmutar al espectador, bloquear mi capa de controlador donde están sentados todos mis controladores. Voy a abrir el menú de efectos y presets. Si no tienes esto abierto ya, puedes golpear el control cinco y eso activará que abra Onda Wonder Search for Control y quiero un control de color para esto Eso está aquí. Puedo hacer doble clic en este efecto con mi capa, donde quiero que se aplique el efecto a resaltado. Y luego le agregará este color a eso en Lo que quiero hacer es escoger el color de la migraña . Puedo resaltar el grupo de etiquetas haciendo clic en el pequeño cuadrado de color, y todas las capas con el mismo color se resaltarán al hacer clic en Seleccionar grupo Etiqueta . Y como todas mis texturas de grano son formas y todas mis formas forman parte del grupo de
etiquetas Brown , todas se
resaltarán. Ahora puedo ir a la ventana de búsqueda y escribir color, y luego se resaltará todo el color de ese grupo. Todas las demás capas se mantendrán cerca. Eso es exactamente lo que quiero. Lo primero que quiero hacer es sacar el color de mi lluvia existente mediante el uso de la
herramienta cuentagotas . Entonces este el color que quería ser al final. Andi, voy a sostener sal y dar clic en cronómetro en el color y luego usar el látigo de púa. También estoy sosteniendo a Ault para obtener una expresión universalizada. Cuando suelte, este relleno de color estará replicando cualquier cosa que esté aquí Ahora también quiero renombrar esto. Yo estoy pegando. Entra Andi, voy a decir es color de lluvia. Ahora quiero volver a esto. Rellena el color sobre el clic derecho y elige sólo la expresión de copia. Voy a volver al grupo de la etiqueta. Seleccione el grupo de etiquetas. En realidad, no, no quiero hacer eso. Te mostraré por qué. Si solo pego la expresión en el resto de las capas manteniendo el control V, solo
agregará un segundo grupo con otro Phil, en realidad no queremos eso. Por lo que no queremos resaltar el grupo de etiquetas. Simplemente queremos resaltar el color en cada una de nuestras capas de grano y queremos pegar la expresión. Ahora si colapso todo golpeándote a veces tienes que golpearlo varias veces
para que realmente surta efecto. Puedo ir al control de color aquí y puedo cambiar el color. Andi, eso ahora entrará en vigor en mi diseño porque todos los colores están controlados por el único controlador. Todos cambian al mismo tiempo, y no tengo que cambiar el color de cada uno de ellos. Si quiero elegir una isla de color diferente, haz eso y esto será útil para el siguiente paso. A continuación se agregarán todos nuestros controladores al panel gráfico esencial y escribirán una expresión para activar y desactivar ciertas capas.
4. Crear una plantilla de animación: Ahora comenzaremos agregando nuestros controladores al panel gráfico esencial, E g p para abreviar para crear una plantilla de animación fuera de nuestro visto, como éste. A lo que me refiero con plantilla de animación es que vamos a hacer propiedades dentro de nuestra composición como colores en el sexo fuente accesibles fuera de nuestra comp vía master properties. Esto permite crear múltiples instancias de nuestra escena con diferentes textos y colores sin cambiar la composición original y sin tener que duplicar la comp para realizar cambios. Si no creáramos esta plantilla usando el IGP, cada iteración que tendríamos de nuestra com mostraría los cambios que realizamos dentro de ella. El viene simplemente serían duplicados, pero de esta manera son plantillas, y podemos crear una animación y usuario varias veces y simplemente cambiar las propiedades en el exterior. Quieres abrir tu escena con tu animación en el interior. Esta debe ser la composición A donde tus animadas tres letras D están dentro. Andi. El escenario principal es la escena tres D ahora en la escena tres D en la que desea hacer clic derecho y elegir abierta en gráficos esenciales. El panel gráfico esencial se abrirá en DWI puede nombrarlo algo así como
plantillas de animación . Ahora podemos ir dentro de nuestro sub comp debilitar, alternar los efectos abiertos en nuestra capa de efectos. También puedes hacer eso golpeándote dos veces. Y ahora queremos arrastrar estos controladores al panel encendido. Queremos renombrarlos porque todos estos sólo van a tener el nombre de las propiedades . Todos estos son de color. El grupo se llama Lado y Frente, Así que para poder distinguir las propiedades y las propiedades maestras más adelante, queremos darles nombres. Esta es mi portada. Este es mi color de lado. ¿ Por qué no debilitarse ante esto? No sé si quiero hacer cambios de esto más adelante, pero es mejor volver sobre preparado que no tener algo configurado y luego necesitar hacer cambios más adelante. Entonces, solo sumémoslos todos. Mantengamos los colores por completo. Este es el color del grano. Ahora queremos de seleccionar todo, no hay capas para ser seleccionadas y en el dicho panel tal para el texto fuente onda. Específicamente queremos agregar el texto de cualquier capa no animada que tengamos. Entonces para mí, ese es el B y relájese. Por lo que quiero agregar eso a las Panelas. Bueno, quieres agarrar el texto fuente y arrastrarlo y nombrarlo algo para mí ahí en tres líneas, hijo Gary para nombrar este texto superior en las garrapatas inferiores. Pero puedes nombrarlo de acuerdo a cómo tengas tu texto arreglado. Ahora quiero cerrar este campamento, volver a nuestro comp visto y queremos agarrar el color del fondo. Te puedo golpear intentos que revelarán el color en eso. Por aquí, BG es la abreviatura de fondo Así que ese es mi color de fondo. También quiero el color fuera de la sombra gota, que está aquí. No puedo arrastrar propiedades desde el panel de control de efectos. Tengo que arrastrarlos de la línea de tiempo. Entonces necesito abrir esto y luego puedo arrastrar mi color aquí. También puedes reorganizarlos colores de sombra. Genial. Ahora queremos agregar algunos controladores más
5. Escribir una expresión de caja de verificación: Ahora queremos agregar algunos controladores más, y para eso voy a crear un objeto nulo. Voy a llamarlo expresiones de control porque vamos a crear una expresión para agregar al fondo para que cuando tenga un control de casilla de verificación, pueda encender y apagar el fondo. Entonces eso es lo que voy a llamarlo. Antecedentes on off ¿Ya tienes todo gorras? Lo que quiero hacer es cuando tome esto, quiero ver el fondo. Cuando desacato esto, quiero que desaparezcan los antecedentes. Entonces hagámoslo. Abramos la opacidad. Voy a viejo click en el pase A ITI, y voy a escribir una expresión aquí, y voy a incluir el documento de texto con la expresión en la galería del proyecto. Entonces si quieres copiar, pegar la expresión o simplemente tenerla guardada en tu recurso es, entonces puedes descargarla desde ahí. Entonces primero voy a llamar a la casilla de verificación. Voy a decir que esta es mi casilla de verificación Primero, quiero cambiar el bloqueo de vista en mi control de expresión para poder ver mis controles por aquí voy a nombrar esta casilla de verificación en esta capa con una variable. Andi, también
voy a sostener a Ault mientras estoy dando clic y arrastrando para que se convierta en una expresión
universalizada Voy a terminar esto con un punto y coma. Entonces ahora, en cualquier momento que use la palabra chick box, sabrá la expresión sabrá que quiero decir, en esta comp en las expresiones de control de capa es un efecto llamado BG On off. Y esas son nuestras chequeras. Por lo que cada vez que uso la casilla de verificación de la palabra, esta es una variable. Lo hará No, me refiero a esto. Ahora lo que vamos a hacer es si abrir corchetes y de inmediato cierra el soporte. Aftereffects te ayuda con esto. Ahora queremos decir si la casilla de verificación es igual a on para iguales que necesita usar a signos iguales igual a uno. Si las casillas marcadas, eso significa que las casillas de verificación Uno si la chequera esta untech, significa que cero. Entonces si la casilla de verificación es una, quiere abrir el soporte rizado y presionar Enter. Entra en tu teclado principal, no en tu tecla numérica, pero el teclado numérico cerrará la expresión. Ahora si la casilla de verificación es igual a una, queremos que la a pass ity de esta capa sea 100 lo que significa que queremos ver la capa más. Entonces cualquier otra condición y no necesitamos corchetes ahora. Sólo necesitamos los corchetes Kelly. Entonces si algo más sucede en nuestro caso, solo
hay dos opciones está encendida o apagada así que si no es una. En nuestro caso, si es cero, será cero. Por lo que la capacidad de la Cazadora será cero. Eso es genial. Eso es lo que queremos Ahora. Conbatimos que al apagar esta caja así sucesivamente significa que la opacidad de nuestra capa es 100% de descuento la capacidad de Alá cero Perfecto. Ahora podemos ver aún la textura del grano, por lo que queremos aplicar eso a esta textura del grano. Pero tenemos que estar conscientes de que cuando está encendido, no
es del 100%. Es sólo el 50%. Por lo que voy a dar click derecho en la expresión A pass ity copy only. Destaca la A pass ity de nuestra capa de grano. Voy a pegar aquí, pero ahora voy a cambiar. Puedo abrir la expresión golpeando e dos veces, y puedo arrastrarme hasta aquí hasta que vea el ratón y lo arrastre hacia abajo y en lugar de 100
quería tener 15. O sin embargo, sea cual sea el número para tu textura de grano si tienes uno. Entonces si está encendido, quiero que la textura verde sea 50 y el fondo 100. Si está apagado, quiero que ambos sean cero. Perfecto. Ahora voy a cerrar esto pegándote. Andi, en realidad voy a copiar la expresión desde el fondo. También voy a agregar a la capacidad de efecto de sombra de gota. Entonces voy a resaltar la propiedad, no sólo una capa, sino la propiedad. Yo quiero que esta expresión siga. Voy a golpear control V. Voy a añadir esto un pastie. Pero ahora mismo, cuando apague el fondo, la sombra de gota desaparecerá. No quiero eso. Yo quiero un control separado. Por lo que voy a golpear control de con mis antecedentes on off checkbooks resaltado. Voy a hacer una nueva casilla de verificación. Voy a llamarlo soltar Sadow on off y luego todo lo que necesito hacer es resaltar el camino usado pick, látigo, y de nuevo, voy a aguantar todo para que sea una expresión universal, y voy a arrastrar a este drop shadow on off casilla de verificación. Y ahora tenemos una casilla de verificación separada para la sombra de caída, y queremos que ambos estén en nuestro panel. Entonces voy a hacer clic en la capa de expresiones y te estoy pegando dos veces, pero no está reaccionando. Entonces solo voy a hablar de esto abierto y voy a arrastrar estas capas aquí. Puedes ponerlos en cualquier lugar que quieras. Yo sólo los voy a poner en la parte inferior para que pueda sólo escribiré estos nombres en. Puedo entrar en la expresión hit, entrar control,
ver, ver, y luego controlar V para obtener el mismo nombre de la Así que este e g p ahora reacciona de la misma manera son nuestros controles de
efectos. Esto es exactamente lo que queremos. Entonces al igual que el IGP, los controles de efectos hacen lo mismo. Excelente. Ahora voy a entrar a mi escena principal Y si no tienes un principal visto si has usado tus propios activos, me gusta que esté en su propia especie de composición de alto nivel. Y yo llamo a eso la composición principal. Por lo que de las clases anteriores. Ya tengo un remapeo de tiempo con fotogramas clave y una expresión de bucle. Andi. Ahora puedo ver que las propiedades maestras están aquí porque las hemos agregado a nuestra escena . Por lo que ahora la capa dentro de otra composición padre tendrá estas propiedades musculares. Por lo que probablemente lo veas aparecer así. Se desea activar esta abierta y ahí están sus propiedades maestras. Podrás solista Golpeando s dos veces con las propiedades musculares resaltadas. Por lo que te deshaces de cualquier otra cosa que aparezca al hablar abre los contenidos fuera del layup , y ahora puedes cambiar los colores. Ahora, vamos a hacer algo loco sólo por el bien. Off explicación. Andi, voy a apagar esto. Ahora Puedes ver que las cosas han cambiado. Pero si entro, todo es igual que lo que teníamos antes. Nada ha cambiado. Entonces este es el propósito de crear esa plantilla. No obstante, si cambiamos algo en el IGP como, reiniciemos esto. Esta es nuestra composición normal. Andi, voy a cambiar algo aquí. Saquemos la sombra de gota y el fondo al entrar. Eso también ha cambiado. Entonces si quieres usar una composición de plantilla dentro de After efectos. Una vez configurada la GPU ya no quieres tocar el IGP. Ese es un enlace directo a tus propiedades dentro de tu composición. Eso cambiará en toda la composición que hayas creado. Ésas no son las propiedades que quieres estar usando en tus plantillas. Entonces vamos a deshacer eso y las propiedades que quieres estar usando en tus plantillas solo para cambiar la apariencia de tu composición pero no las propiedades originales son las propiedades maestras , que puedas cambiar todas estas a las de tu corazón contenido. Pero no quieres tocar eso. E g p. Si quieres exportar esto como plantilla de gráficos en movimiento o un mo gert M o G R T, puedes usar eso dentro de Premiere Pro. Entonces ese es otro uso fuera del IGP, los gráficos esenciales. Ahora bien, si quieres cambiar el texto, quieres pasar el cursor sobre el cronómetro fuera de tu propiedad de texto. Quieres golpear a Ault y hacer clic, y luego quieres escribir cualquier tipo de texto dentro de dos citas puedes escribir lo
que quieras en DIT se ajustará y Ahora puedes cambiar algunas de las letras. Podrías en teoría, hacer lo mismo para tu texto animado también. Pero como tengo mi texto animado dividido en circuito de una sola letra, animado más fácil, es un poco complicado, sobre todo para las letras que necesitan menos espacio que otras letras. Entonces si fuera a quitarle el ojo del tipo y ponerlo aquí y luego
cambiarlo a algo grande, como una O, grande,
como una O,se queda en la misma posición y no empuja el otro texto. Es posible tener eso ajustado, y es posible acceder a parte de este texto aunque esté dividido. Pero la forma en que lo hemos configurado ahora, no
es posible. Entonces por eso no estoy agregando el texto animado. Solo estoy agregando texto estático acosando aquí. A continuación, prepararemos nuestro venidero para la exportación. Crearemos un múltiplo instancias de nuestra composición con algunas de las propiedades cambiadas y optimizaremos el dedo del pie poli, exportarlas como pegatinas
6. Crear múltiples plantillas: festival. Ajustar el tamaño de nuestro Compton minimizó la cantidad de espacio en blanco el espacio alrededor de nuestro diseño ya que hará nuestro archivo más pequeño y más fácil de manejar en la Web, así
como sitios web de regalos y redes sociales. Por lo que queremos o bien hacer clic derecho e ir a la configuración de composición. También en la ventana del proyecto. Se puede hacer lo mismo. Destaca tu comp, regula la configuración de la composición. O bien puedes presionar el control K para ingresar a la configuración de composición en. Ahora quiero sólo el ancho y la altura. Andi. Quiero acercarme lo más posible a mi diseño, dejando un poco fuera de espacio. Vamos a ver vamos 700 Puedo usar Tab o hacer clic fuera de esta ventana para aplicar sin dejar la configuración de composición encendida. Esto se ve un poco bien, así que quizá vayamos 700. El top todo toma eso por ahora, pero quiero asegurarme de que funcione para el punto más alto de mi animación, que probablemente está por aquí en alguna parte. Entonces ese es probablemente el punto más alto de mi animación. Pero tengo mucho espacio aquí, así que puedo ahora solo esto para ir un poco más bajo, probablemente o ajustado. Entonces es como algo así en el centro. Y entonces puedo cortar un poco más esta composición. Algo así como 600 que se ve bien en dykan cortó un poco de los lados también . En eso fue, se
puede ver lo estamos mirando con ah razón de magnificación de 186. Por lo que si quieres ver cómo se ve al 100% puedes presionar hacia adelante en la parte inferior derecha de
tu teclado justo al lado de tu botón de turno encendido, y la ventana de vista previa se encogerá para mostrarte un 100% de descuento en este fotograma en lugar de llenar tu ventana de vista previa. Eso es acerca de lo correcto. Estoy animando a 60 fotogramas por segundo porque son realmente agradables dos para bucles y para especie de dividido en más pequeños en números de fotogramas más pequeños. Pero para un regalo, queremos una tasa de fotogramas más pequeña para que el tamaño fuera del archivo exportado sea más pequeño también, y quiero apegarme a una fracción de 60 amigos. Voy a ir por 15 amigos, 30 puntos por segundo. También podría ir al 15 pero luego la animación empieza a parecer un poco demasiado entrecortada porque faltan demasiados fotogramas. Entonces voy a bajar a 30 amigos por segundo. Se puede, en teoría, degradar a cualquier número fuera de fotogramas, pero he visto errores. Andi errores con bucles cuando el número de fotograma no es una fracción del original, así que voy a ir por 30. Andi, mi bucle termina en dos segundos. Entonces si tienes tu bucle, continúa. Si tienes, por ejemplo, en primera clase, hemos creado un remapeo de tiempo y hemos añadido un loop out, que significa que nuestra animación continuará reproduciéndose después de que su primer ciclo de animación haya terminado. Ahora quieres ignorar eso. Puede quitar el bucle hacia fuera o simplemente recortar su área de trabajo hasta donde
termina el primer ciclo , que debe ser de dos segundos. Entonces quieres hacer eso en Vamos a traer de vuelta las propiedades maestras y quiero recortar mi
área de trabajo aquí, y quiero apagar el fondo por ahora. Ya que queríamos ser transparentes, no
queremos un fondo para nuestras exportaciones Ahora, esta es la composición principal. En realidad, ya
he agregado Texas. Voy a quitar que Este es el original. Eso obviamente no funciona. Debí realmente haber esperado para cambiar el tamaño de la composición antes de hacer eso y tal vez golpear esto hasta 700. Entonces, en realidad, quiero que mi talla más pequeña sea ésta para mi plantilla original. Ahora quiero crear duplicados y quiero hacer cambios, pero me gusta mantener un original de todo lo que estoy haciendo. Además, si estoy importando activos a mis after effects, estaba deseando crear un duplicado de la composición. Porque si quiero volver al original o no me gustan los cambios que he hecho, siempre
tengo un original para copiar pegar las propiedades. Entonces voy a mantener que voy a duplicar pegando control D. Voy a renombrar esto por algo apropiado. En primer lugar, quiero exportarlo exactamente como está. Entonces esta va a ser mi versión sea amable, Andi, quiero que sea transparente. Entonces sé que los fondos realmente transparentes y quiero mantener la sombra de gota para una versión. Haré un duplicado y quiero apagar la sombra de gota para otra versión. Ahora estamos creando dos versión fuera de esta comp dentro sin soltar Drop Shadow, porque estaremos exportando dos archivos diferentes de esta animación. Un archivo será un archivo de regalo, que no maneja bien las sombras de gota. El otro archivo será un PNG animado, que puede renderizar sombras de gota. De ser posible, estaríamos usando un P y G animados de P y G en todas partes en Internet. Ya sabes, si es mejor que un regalo, ¿por qué no lo estamos usando en todas partes? Pero eso es más pequeño. Se hace más limpio. Tiene más información y detalle, luego regalos. Pero desafortunadamente, la mayoría de los lados de las redes sociales no admiten una carga PNG. Entonces esta es la razón por la que seguimos usando regalos. Interiores como iffy o instagram. Se puede, sin embargo, utilizar un archivos PNG en sitios web e incluso crear apple I mensaje stickers con ellos. Entonces por eso te estoy llevando a través de cómo puedes crearlos porque en realidad hay lugares donde puedes usarlos Ahora. También quiero abrir esto y en realidad apagar la sombra de caída para posterior exportación. A continuación, quiero cambiar el texto
7. Notas sobre el texto de fuente de cambio: Entonces voy a crear un duplicado de ambos y voy a cambiar el nombre. Entonces de nuevo, quiero uno con sombra de gota y quiero uno sin uno. Así que lo nombra. Lo que sea que tenga sentido para ti. Yo también voy a cambiar los tanques. Haz cosas amables. Entonces lo voy a llamar, hacer las cosas transparentes Drop with drop shadow on sin. Entonces este voy a cambiar el texto superior a hacer. En realidad no necesitamos capitalizar la primera letra si estás usando todos los mayúsculas y ahora porque quiero que el mismo texto esté en la otra comp solo puedo hacer clic derecho en este
texto superior Y como es la expresión puedo copiar la expresión solamente y puedo ir a el otro. Resalta la propiedad y simplemente pega esa expresión en. Y debido a que el tamaño ahora es más pequeño, puedo ajustar. Quieres asegurarte de que no tienes demasiados espacios en blanco, básicamente. Pero tampoco quieres que tu animación esté justo en los bordes para que puedas dejar un
poco fuera el espacio de respiración un poco fuera del espacio en blanco. También va a copiar las propiedades. Simplemente voy a resaltar la posición fuera de los primeros cambios que hice control. Ver al café. Voy a ir en la segunda composición. ¿ Va a cambiar? Creo que dije 706 100 por esto. Y luego solo voy a resaltar la capa y copiar pegar la posición. Y ahora ambos están en la misma posición, uno con sombra gota uno sin. Entonces así es como puedes crear múltiples instancias fuera de la misma composición con diferentes valores de
propiedad. En este, también
puedes cambiar los colores, el texto o incluso volver después de exportar en. Apague el grano. Si no te gusta el aspecto de la misma, especialmente en la exportación GIF, el grano puede verse un poco diferente a en tu animación. El cambio es bastante y pierde un poco de detalle, como mencioné antes. Entonces eso somos nosotros terminados con crear diferentes versiones de nuestras pegatinas. Adelante y crea todos los que quieras. Diviértete con tus propiedades maestras, y a continuación exportaremos nuestras animaciones y crearemos regalos y unos archivos PNG de ellas.
8. Exportar un GIF transparente: abordaremos primero la exportación de regalos. Se pueden exportar regalos directamente desde el codificador de medios. Pero estos no son transparentes. Queremos crear regalos transparentes que puedas utilizar en lugares como las historias de Instagram. Este es un proceso de dos pasos. En primer lugar tenemos que exportar nuestra animación como una película de tiempo rápido con Alfa Channel. Esto sólo es posible a través de la cola de render after effects. Ahora quiero agarrar las composiciones que no tienen la sombra de gota sobre ellas. Entonces ese es éste y éste Esos son los que quiero exportar como regalos. Yo quiero conseguir el control y n así exportarlo fuera del codificador de medios, usted mantendría el control todo a em. Y la cola de render dentro de after effects es control. Y Andi, ya
tengo un preset para que esto renderice es un tiempo rápido, Alfa. Lo que quieres elegir está en el formato. Bajar. Se desea elegir el tiempo rápido y en la salida de video se quiere elegir RGB más Alfa Andi para las muertes. No tienes opción,
Andi, Andi, puedes elegir recto, sin monitorizar o pre multiplicado importado. Ahora hay muchas razones para usar una sobre la otra, pero en nuestro caso, eso en realidad no importa. Pero si te interesa, puedes leer sobre el artículo de Rich Young Alfa Channels pre multiplicado versus recto. Podrás saber más sobre eso. He incluido el enlace a su artículo, pero básicamente canales rectos o no monitoreados. información de transparencia almacenada sólo en el Canal Alfa on no lo hacen en ninguno de los versos de
colores visibles , canales
pre multiplicados. La información de transparencia se almacena en el Canal Alfa y también en los canales RGB visibles . Existen diferencias dependiendo del medio que utilices. Andi. Si tu fondo transparente es de un color o si pasaba algo más, depende completamente. No obstante, en nuestro caso, casi no
hace diferencia qué canal de color utilizamos, ya que solo queremos renderizar fondo transparente sin las variedades complejas que ofrecen las dos opciones. Pero todo lo que necesitas saber por ahora es que he elegido pre multiplicado Andi, está bien. Entonces ahora también quiero elegir la salida para asegurarme de que la guardes en algún lugar que tenga sentido para ti. Por lo general tengo un stand final. Puedo renderizarlo en mi video Pero en realidad, no
voy a estar usando esto. Entonces solo voy a crear una carpeta de render temporal porque esta no es nuestra ayuda final. Ponga Rojo. Solo estamos creando esto con el fin de crear un GIF transparente. Solo voy a renderizarlo aquí solo para mostrarte automáticamente. Crea una carpeta de render junto a tu después, si es archivo de proyecto. Entonces ahí es donde naturalmente lo renderizaría. Y eso está bien. se puede hacer. Especialmente ahora que solo estamos creando un archivo temporal que, sí, me gusta crear una carpeta de render separada y renderizar en es el Ahora de nuevo, quiero recordarte que tu animación está configurada en un solo bucle. Cuanto más corta sea
la animación, mejor. Los regalos no se cargan bien si son demasiado pesados. Algunos sitios no permiten que los regalos sean más grandes que un cierto tamaño de megabyte. Así que ten en cuenta eso e intenta que tu grupo de animación sea lo más pequeño posible. Y ahora voy a dar a conocer esto sobre esto podría tomar un momento, así que vamos a tener que ser pacientes para eso. A continuación desea abrir la ubicación de archivos de su Renda. En también tienda de fotos abierta, no
tienes que crear un nuevo proyecto. Simplemente quieres arrastrar tu archivo a la tienda de fotos. Creará un nuevo archivo el cual no tienes que guardarlo todo. Pero lo que queremos hacer es exportar como guardar para legado Web. También puedes golpear viejo control de turno s. Se abrirá una ventana de exportación. Ahora quieres elegir GIF como tu explotado full met. Se quiere dejar este desplegable tal como está, se quiere elegir sin transparencia de garrapata de postre. El asunto debe establecerse en ninguno y los colores se pueden establecer en 256 en el bucle. Se debe decir opción para siempre. El motivo por el que elegí no div er es que no es esencial para el arte de
color plano con una paleta de colores limitada tener dither o no, ¿los regalos tenían una paleta de colores limitada fuera de hasta 256 colores. Dither utilizará un color alternativo cercano al original cuando un color no esté disponible en una paleta de colores
limitada. Esto es esencial a la hora de crear un regalo a partir de un video de formatos similares. Pero no En nuestro caso. He probado la exportación fuera de esta animación con y sin dither. Andi, no
puedo ver ninguna diferencia entre ambas, razón por la cual he optado por no dither para este tipo de exportaciones. Al elegir ninguno del menú desplegable, tu regalo no tendrá contorno blanco ni negro. Entonces si waas para elegir el blanco una vez que exporté, los gráficos tendrían un pequeño contorno alrededor donde lo separa del color
al transparente. Esto obviamente funciona. Si has rentado esto con una estera y tu fondo es blanco, quieres elegir blanco y cancelará el blanco y creará transparencia. Pero como ya lo hemos rendido con transparencia, podemos elegir ninguno. Ahora quieres golpear,
salva a Andi. Quieres guardar esto en tus ubicaciones finales, así que suelo tener una carpeta de finales,
una carpeta de regalos encendida. Yo quiero guardarlo aquí. Una vez que se guarde, puedo abrirla sobre ella va a jugar. También puedo arrastrarlo a la prensa, una ventana y ahora el regalo ya está. Ahora puedo subir este regalo a un sitio como Giffey y usarlo y mis redes sociales como historias de
instagram. A continuación exportaremos un PNG animado.
9. Exportar un PNG animado: ya que no podemos exportar P y G animados directamente desde programas de adobe. Primero crearemos una secuencia PNG de nuestra animación y luego convertiremos esta secuencia PNG en un PNG usando un convertidor A P y G. Asegúrate de descargar un convertidor A P y G. Si no tienes uno, estaré usando un ensamblador PNG. He incluido un enlace en la galería de proyectos. Por esto. Voy a usar las composiciones con las sombras de gota para exportarlas. Puedo exportar secuencias PNG de directamente fuera de arte después de efectos fuera de la cola de render o fuera del codificador de medios. Entonces si quieres renderizarlos fuera de la mediana de control de golpe frío viejo M, tomará un momento antes de que el codificador de medios se esté ejecutando. Ahora tengo un preset para la secuencia PNG con Alfa. Lo que necesitas para esto es que necesitas elegir en formato P y G, y luego quieres que el tamaño diga lo mismo. Por lo que todo se queda marcado. Pero una diferencia entre una secuencia PNG regular Andi, un segmentos PNG con transparencia, es que se quiere incluir el Canal Alfa. Se puede renderizar la secuencia PNG desde codificador de medios o desde efectos posteriores. Si optas por exportarlo directamente desde after effects, tienes la opción adicional de tomar save in sub folder al exportar la secuencia. Esto podría ser una buena idea, ya que no vamos a necesitar esta secuencia para nada más. Aparte de combinarlo en un singular P y G animado, puedes hacer lo mismo a través del codificador de medios también. Simplemente puedes crear tu propia carpeta para guardarla en ella no hace diferencia solo
que aquí automáticamente la nombrará después de la secuencia. Andi. También incluirá los números de fotogramas en el nombre de la secuencia. Por lo que estos aire a las dos diferencias entre renderizar fuera del renderizado kun después de efectos en fuera del codificador de medios. Por lo que voy a ir a través de los efectos posteriores de ruta. Voy a tomar la carpeta guardar y asunto encendido y quieres asegurarte de que en tu
configuración de exportación tengas seleccionada secuencia PNG y de nuevo tus canales son RGB y Alfa. Incluso puedes apagar el número de fotograma en la secuencia. Si no quieres eso en nuestro caso, realmente no importa, ya que no estamos usando la secuencia para nada más aparte de combinarla. Entonces ahora quiero renderizarlo en mi carpeta de render temporal otra vez, este gatito toma un momento. Ahora voy a abrir mi un convertidor PNG Onda. Lo que quiero hacer. Quieres resaltar todos tus P y G's. Puedes hacer eso haciendo clic en el 1er 1 manteniendo el turno y haciendo clic en el último. O bien, si estás en una carpeta separada sin nada dentro de ella, hit control comando un resalte todos ellos y luego los arrastró al convertidor A PNG . Ahora desea crear un archivo de salida. Si no cambias nada, solo creará un punto animado P y G en la misma carpeta. Entonces, solo hagamos eso. También puedes seleccionar una carpeta diferente, pero vamos a seguir con esto. De esa manera podemos ver que está ahí. Esto tomará un momento antes de que termine. Por lo que si abres el archivo en tu computadora, es posible que no lo veas. Animal, dependiendo de qué software use para previsualizar esto. Pero puedes arrastrar el archivo a tu navegador y dejarlo abrir dentro de tu navegador, y puedes ver la animación aquí. Se puede ver lo bien que ha renderizado el grano y lo bien que se renderiza la sombra de gota . Y puedes usar este PNG en tu página web en tu banner. O bien puedes empezar a crear pegatinas para Apple. Ahora le hago un mensaje. Si miramos la diferencia entre el regalo que puedes ver, es un poco áspero alrededor de los bordes y el PNG es mucho más suave. También anima más lento que podría deberse a mi configuración de composición. A lo mejor necesitas jugar con eso. Si no te gusta la velocidad de la animación, probablemente
puedas ajustarla a Onda más baja o incluso más alta. Además, solo para comparar este PNG animado es de cuatro megabytes grandes. Andi, el regalo que creé es de tres megabytes, así que el regalo es más pequeño, pero tampoco se ve del todo tan bonito. Entonces esas son las dos diferencias
10. Conclusión: Ese es el final de nuestra clase hoy, aprendió a configurar una plantilla de animación y después de efectos, cómo exportar un regalo transparente con photoshop y cómo exportar un PNG Kong
grads animados bien hecho al completar esta clase. Me alegra poder enseñarte algo nuevo. Obtener el cuello del menú gráfico esencial y exportar puede ser complicado. Siéntete libre de dejar preguntas y comentarios en el foro de discusiones, y haré todo lo posible para ayudar. También te agradecería que pudieras dejar una reseña para esta clase. Me ayuda a retocar mi contenido futuro, así que saca el máximo provecho de ello. También ayuda a otros alumnos a ver la clase. Tengo muchas ganas de ver tus proyectos en la galería de Project utilizando las técnicas que
aprendió en esta clase. Sígueme en instagram, Facebook, Twitter y toma plática para obtener consejos y trucos sobre animación y motion graphics. Consulta mis historias para las próximas clases. Gracias por tomar esta clase y nos vemos la próxima vez
Sonja Geracsek, Motion Designer | Video Editor
