Animación de interfaz - curso 31.900 rublos. de Uprock, entrenamiento 4 meses, fecha 28 de noviembre de 2023.
Miscelánea / / November 30, 2023
Comienza en cualquier momento y aprende a una velocidad cómoda.
El inicio de la formación no está ligado a la fecha de compra del curso. Comience en cualquier momento que le resulte conveniente y aprenda a un ritmo cómodo. La mejor opción es dedicar 2 horas al día a estudiar. Si puedes dedicar de 4 a 8 horas al curso, lo terminarás de 2 a 4 veces más rápido.
Consistencia y tiempo para adaptarse
La complejidad de las tareas que realizas aumenta desde las más simples, que duran hasta 30 minutos, hasta las más complejas y que requieren más tiempo. De esta forma te incorporas poco a poco al proceso de aprendizaje.
Tutoriales en vídeo amplios pero informativos.
Primero hicimos un guión de varios cientos de páginas, luego le dimos voz, lo editamos, lo llenamos de gráficos y creamos para ti lecciones cortas “sin agua” que son fáciles de aprender y cómodas para volver a buscar algo recordar.
Nuestros curadores dan las respuestas más rápidas y detalladas. Existen regulaciones estrictas: recibirás al menos 2 análisis de video por día, en cada respuesta el curador anotará tus errores y te dirá cómo corregirlos.
El programa del curso cubre todos los temas de animación de interfaces. Todas las lecciones se imparten de forma constante e intensiva, con gran capacidad y sin agua.
TEORÍA
Introducción
En esta lección tendrás una idea de qué es la animación web, qué funciones realiza en el diseño de interfaces y en qué casos se utiliza. Aprenderá qué dos tipos de animaciones se utilizan en sitios web reales. Obtenga consejos clave sobre cómo crear animaciones fluidas, sin esfuerzo y siempre relevantes. Aprenderá qué técnicas es mejor no utilizar en animaciones realistas y por qué. Analizaremos las acciones básicas de animación y las veremos con ejemplos. Averigüemos qué programas deben instalarse para capacitarse y trabajar cómodamente. Dónde y cómo registrarse, qué plan tarifario elegir. Recibirá dos complementos útiles: AEUX y Motion Tool, que le permitirán optimizar algunos procesos de trabajo clave. en Adobe After Effects y facilitar enormemente el proceso de creación de animaciones y familiarizarse con el programa After. Efectos.
- Introducción a la animación web
- Teoría
- Instalación de programas
- Interfaz y configuración de After Effects
PRÁCTICA
Animación de apariencia
En esta lección aprenderá las animaciones más básicas y populares: la animación de apariencia y la propiedad Opacidad. Este práctico tutorial está estructurado de tal manera que recibirás instrucciones detalladas sobre cómo crear una animación de apariencia paso a paso. Hablaremos sobre qué es el renderizado y por qué es necesario. Veamos la función Track Matte y su primera propiedad: Alpha Matte (máscara alfa). Como resultado, obtendrás la habilidad básica de trabajar con las propiedades de Opacidad, Alpha Matte (máscara alfa) y crearás una toma con una hermosa animación de apariencia.
PRÁCTICA
Escena de apariencia complicada.
Veamos una combinación que consta de dos animaciones: apariencia (ya estás familiarizado con ella) y movimiento (este es un nuevo tipo de animación para ti). Nos detendremos en este último con más detalle. Para animar el movimiento, utilizará el parámetro Posición, que determina la posición del objeto en la composición. También se familiarizará con la opción de capa Punto de anclaje y aprenderá a utilizarla correctamente. En última instancia, animarás una toma y aprenderás a crear animaciones impresionantes a partir de diferentes tipos de animaciones.
PRÁCTICA
Trabajar con herramientas de movimiento
En la lección estudiarás en detalle el script de Motion Tools. En la práctica, vea lo conveniente que es esta herramienta. De hecho, acelera significativamente el proceso de trabajo. Obtendrá una comprensión profunda de qué es Velocity Graph, Easing, cómo funcionan las curvas de Bézier en After Effects y cómo afectan la animación. Finalmente, aprenderá en detalle cómo personalizar su animación usando Motion Tools, lo que optimizará en gran medida su experiencia de animación.
- Conceptos generales
- Herramientas de movimiento v2.0
PRÁCTICA
Animación de zoom (usando máscara alfa)
Aprenderás cómo puedes mostrar animaciones de las fotos que aparecen. La propiedad clave que aprenderá en este tutorial es el parámetro Escala de la capa. Con su ayuda puedes cambiar el tamaño de un objeto. Esta animación se llama animación de escala (usando Alpha Matte). Escalaremos el Alpha Matte (máscara alfa) y la imagen que contiene junto con la animación de apariencia que ya has estudiado. Como resultado, aprenderá a animar fotografías de forma eficaz.
PRÁCTICA
Animación de paralaje
Obtendrá una comprensión profunda de cómo aplicar uno de los efectos más populares: el paralaje. Para implementarlo, necesitará 3 elementos de diseño y la ya familiar propiedad Posición. Después de crear el efecto de paralaje, descubrirás cómo aplicar una animación inversa para que se repita. Finalmente, aprenderá a crear tomas que utilicen el efecto de paralaje para crear una sensación de profundidad y dimensión que deje una poderosa impresión en los espectadores.
PRÁCTICA
Escena compleja con paralaje, movimiento y aplicación de máscara.
En este tutorial aprenderá a crear animaciones complejas que incorporan las animaciones que aprendió en capítulos anteriores. sprints, a saber: Apariencia - Opacidad, Movimiento - Posición, Escalado - Escala, aplicación de Alpha Matte (máscara alfa) y Efecto paralaje. Un nuevo tipo de animación para ti será la aparición del título en el área de la máscara. Aprenderá a crear escenas complejas con transiciones utilizando todos estos tipos de animación, lo que ayudará a que sus tomas se destaquen del resto.
PRÁCTICA
Animación adaptativa
Analizaremos el concepto de animación adaptativa. Esta es la ya familiar animación de zoom que utilizará para demostrar las versiones responsivas del sitio, cuando el diseño del escritorio se transforma suavemente en un diseño de teléfono móvil. Para crearlo, utilizará propiedades aprendidas previamente, como Movimiento – Posición, Escala – Escala, Desaparición/Apariencia – Opacidad, Animación inversa – Herramientas de movimiento 2/Clonar. Saber cómo implementar correctamente la animación adaptativa te permitirá presentar tus proyectos de manera efectiva.
PRÁCTICA
Animación de rotación
Aprenderá animaciones simples: rotaciones y la propiedad del objeto Rotación, que es responsable de rotar una capa alrededor de su punto de anclaje. Veremos tres parámetros de Rotación: el número de revoluciones, la cantidad que queremos rotar el elemento (en grados), rotación en el sentido de las agujas del reloj/antihorario. Después de pasar por cada uno de los ciclos de animación repetidos paso a paso, eventualmente dominarás la habilidad de trabajar con la propiedad Rotación y crearás una toma con una animación de rotación que atraerá la atención de los espectadores.
PRÁCTICA
Animación compleja que consta de todas las animaciones básicas.
Veamos una combinación más compleja, que consta de todas las animaciones básicas con las que está familiarizado. En esta lección tocaremos el tema de crear el efecto de simular un clic en una imagen usando una animación de escala y desaparición del círculo (Herramienta Elipse). Como resultado, aprenderá la secuencia de diferentes animaciones, lo que le permitirá crear animaciones más complejas e impresionantes.
PRÁCTICA
Trabajar con escenas
Esta lección es un ciclo que consta de 3 sprints. Se centra en transiciones de escenas alternativas. Primero, analizaremos más de cerca el concepto de "escena" y discutiremos qué transiciones entre escenas existen. Aprenderá a utilizar 3 opciones no estándar para cambiar de escena: cambio de máscara, cambio de cortina y cambio de diapositivas. Para crear una transición de “cambio de máscara”, comprenderá y aprenderá a trabajar con el nuevo parámetro Track Matte: Alpha Inverted Matte o Inverted Alpha Mask. Y aprenda a importar videos a una composición de animación.
PRÁCTICA
Animación de cambio de color.
En este tutorial aprenderá cómo trabajar con animaciones en color y la propiedad de capa de color. Una animación sencilla que se puede utilizar para demostrar el desplazamiento de botones o enlaces. Pero veremos una opción más interesante: cómo puede presentar bellamente su proyecto utilizando una animación que cambia de color.
PRÁCTICA
Animación de ruta (recorte)
Aprenderá el nuevo parámetro Recortar trazado, que se puede utilizar para crear efectos de movimiento de trazado muy interesantes o, en otras palabras, efectos de recorte de trazado. Por ejemplo, cuando quieren mostrar un precargador, una barra de progreso en un reproductor de vídeo, etc.
PRÁCTICA
Animación compleja
En esta lección volverás a trabajar con animaciones complejas, consolidarás habilidades previamente adquiridas y crearás una animación de toma con nuevos efectos utilizando todos las mismas propiedades básicas de animación: apariencia, movimiento, máscara, escala, transición entre la escena 1 (cambio de máscara), transición entre la escena 2 (cambio cortina).
PRÁCTICA
Animación de texto decorativo (fallo)
Esta lección inicia otro pequeño ciclo, que consta de 3 lecciones sobre animación de textos decorativos. En esta lección aprenderá cómo crear un efecto tan extraordinario como Glitch, el efecto de una imagen "rota" o una interferencia televisiva. Este efecto en animación parece bastante moderno y produce un efecto sorpresa. Es bastante fácil de crear.
PRÁCTICA
Animación de texto decorativo (guión)
En esta lección aprenderá cómo crear una animación que simule texto en mayúscula. Esta técnica se utiliza a menudo para colocar acentos en un sitio web y parece bastante agradable desde el punto de vista estético. Para esta animación utilizarás la nueva herramienta Pluma. Esté preparado para el trabajo duro y tenga paciencia. Como resultado, obtendrás una hermosa animación que podrás utilizar para presentar tus proyectos.
PRÁCTICA
Animación de texto creativo.
En esta lección volverás a encontrar animación de texto, pero más creativa e inusual. Su interesante efecto implica una combinación de diferentes animaciones utilizando dos máscaras alfa: simple e inversa. Como resultado, creará una toma genial y podrá utilizar este método en sus proyectos para obtener presentaciones efectivas.
PRÁCTICA
Animación compleja
En este tutorial usaremos los tipos de animaciones con los que ya estás familiarizado, pero usaremos algunas de ellas para crear efectos más complejos y no estándar. Como resultado, obtenemos una animación compleja y compleja, que consta de tres escenas con transiciones, desplazamiento y cambios de diapositivas.
PRÁCTICA
Animación usando Luma Matte
En lecciones anteriores analizamos los parámetros de Track Matte y ya tiene una buena idea del principio de funcionamiento de Alpha Matte y Alpha Inverted Matte. En este tutorial exploraremos las siguientes dos opciones de Track Matte: Luma Matte y Luma Inverted Matte y aprenderemos cómo aplicarlas a nuestros proyectos.
PRÁCTICA
Animación usando desplazamiento turbulento
Estudiemos la animación utilizando el efecto de distorsión fotográfica. Turbulent Displace es una de las herramientas del parámetro Distorsionar. Técnicamente, es un ligero desplazamiento de píxeles lo que ayuda a crear un efecto de onda y se utiliza a menudo para el efecto en fotografías.
PRÁCTICA
Animación compleja compleja.
La última lección de capacitación, donde crearemos animaciones complejas y complejas, utilizando lo aprendido previamente. tipos de animaciones y uno nuevo: el parámetro Texto y su propiedad “Texto fuente”, que le permite cambiar el contenido del texto capa. Una parte práctica independiente, donde crearás y crearás animaciones para tu toma desde cero, así como varias lecciones en vídeo adicionales interesantes y útiles.
PRÁCTICA
Creando animación desde cero.
Determinar el estilo, buscar referencias, crear un guión. El principio de crear ideas para escenas y transiciones entre ellas, preparar el código fuente, crear animación de 1 escena y publicar la toma en las redes.
PRÁCTICA
Gestión y promoción de cuentas de Dribbble.
Gestión y promoción de cuentas de Dribbble. Animación para presentaciones y Behance. Utilizando animación de After Effects en el sitio web.