Transcripciones
1. Introducción del curso: Hola, amigos.
Bienvenidos a mi curso. En mi curso anterior, hicimos una animación para
el logotipo de Skillshare En este curso,
crearemos un logotipo simple, y luego haremos una animación de logotipo
mínima. También, como pueden ver, les
mostraré cómo hacer versiones
tanto en color como en blanco
y negro. Quiero que elijas
la versión en blanco y negro
o la versión en color, y la subas como proyecto
de curso. Puedes descargar los materiales del
curso desde la pestaña de descarga de Recursos. También me gustaría
mencionar que subiré mis cursos
tanto sobre animaciones de logotipos como sobre tanto sobre animaciones de logotipos como diferentes temas
con after effects, por lo que les recomiendo que
estén atentos. Gracias por ver.
2. Introducción: Hola, amigos. En este curso, voy a tocar algunos temas relacionados con los
motion graphics generales. Permítanme señalar que
este curso no es un curso de motion graphics muy completo y
detallado. Se trata de un curso donde
solo toco algunos temas importantes
relacionados con los gráficos en movimiento. Al finalizar el curso,
habrás aprendido a hacer la intro que
ves en la introducción Mi próximo curso será un curso muy detallado e
integral. Entonces, si me sigues
, no perderás ese curso. En primer lugar, creé una nueva composición de 60 FPS porque es importante para
mí obtener una imagen más fluida. Yo creo un círculo con la
ayuda del panel de arriba. Voy a hacer una
animación de posición simple con este círculo. Por cierto, debo mencionar que la proporción es muy
importante en la composición. Es por eso que las formas necesitas saber que están
en las posiciones correctas. ¿Cómo podemos saber
esto? Al presionar el botón seguro de acción de título, esta manera, el punto
central exacto y los lados de la composición
quedarán claros. Ahora vamos a crear una animación de
posición simple. Como puedes ver, cuando
ajustamos solo la primera
y última posición, obtenemos un movimiento rápido constante. Cuando seleccionamos los fotogramas clave haga clic derecho
y haga clic en Facilidad Ahora podemos editar la gráfica de esta animación
como queramos. Esta animación se ve mucho
mejor que la primera. Voy a añadir eco y efecto rampa. Echo es como una versión
más pronunciada efecto
de desenfoque de movimiento. El efecto rampa es un efecto
que utilizamos en las transiciones de color. Elegimos los colores
y sus posiciones. El programa crea la transición
de color para nosotros. Eso es todo lo que hay para ello. Cuando la forma llega a
la derecha, se ve azul. Cuando se trata de la
izquierda, se ve verde. Por último,
hablaré sobre el fotograma clave de toggle hold en nuestra lección
introductoria También hay un fotograma clave. ¿Cuáles son los tipos de fotogramas clave? El primero es un marco clave
fijo. El segundo es un
fotograma clave acelerado que podemos editar, y el tercero
es un fotograma clave donde no se crea
la animación
intermedia Llamamos a este último fotograma clave
un fotograma clave de toggle hold. Si en el primer segundo, nuestra forma está a la izquierda, y en el segundo segundo,
nuestra forma está a la derecha. En el último fotograma clave, la forma se mueve hacia la derecha. No hay transición
en el medio. Sí, amigos, eso es todo. Después de esta lección, ingresaremos al proyecto del curso.
Gracias por ver.
3. Proyecto del curso - diseño de logotipos: Hola, amigos. En esta lección, vamos a crear
un logotipo mínimo. En primer lugar, voy a crear una
composición en después de los efectos. Nombre de la composición, animación
del logotipo. Full HD 60 FPS, color de
fondo blanco. Ahora abro Illustrator
para crear el logo. Primero, creo un rectángulo
y configuro el color en azul. Después copio el rectángulo con la tecla C y presiono la tecla F. De esta manera, yo la copia en
la forma que he copiado. Yo giro la forma
presionando R. Hagamos una rotación de 270
grados. Arrastre la forma a la esquina de la primera forma
para hacer una forma de L. Ahora voy a crear
una forma cuadrada
comenzando por la
esquina derecha y presionando shift. Voy a suavizar un poco
la forma
tirando de las esquinas.
Creo que eso es bastante bueno. Envía esta forma directamente
a los efectos posteriores. Utilizo el enchufe de sobrecarga
para empujar la selección a AE. Si no está utilizando sobrecarga, puede guardarlo como
un archivo de ilustrador y arrastrarlo a efectos posteriores, o puede guardar el logotipo como transparente e
importarlo a efectos posteriores. Voy a tomar los
rectángulos en forma de L y ponerlos en una composición diferente,
primera, segunda parte Ahora, creo un cuadrado
que cubre esta forma. Esto es fácil de hacer
en los efectos posteriores. Mueve la selección a A E.
Vuelvo a poner la primera forma en una composición para que las dos formas no se mezclen. Redimensiono ambas formas al 60%. Nos vemos en la siguiente lección.
4. Animación de eco y posición: I. Hola, amigos.
En esta lección, crearemos
animaciones de
rotación de movimiento y rebote en orden. En primer lugar, quiero que una forma cuadrada crezca hasta
el centro de la pantalla. Entonces crearé
otra forma y la forma golpeará
la forma cuadrada en el centro de la pantalla. La forma cuadrada se convertirá
entonces en nuestro logotipo, y de manera realista, aparecerá
nuestro logotipo, que girará y caerá La misma plaza que creamos en el ilustrador y la
estamos creando. El color debe ser el mismo. Ahora es el momento de
una animación de tamaño. Traemos la talla 0-100 y suavizamos el movimiento con
la ayuda de un editor gráfico Ahora crea el mismo cuadrado
con efectos posteriores. En lugar de que la forma
venga en línea recta, seguimos el
camino en espiral hasta la posición. Será una
vista más agradable verla. Podría seguir un camino
diferente. Pero el final de la carretera está justo en la plaza
debería terminar sobre ella. El movimiento tiene que ser suave, así que hago clic en el centro de
la gráfica y marca la casilla. Esto evitará que el
movimiento se entrecorte. Yo haré lo mismo con
la segunda parte. Las curvas así que sean
exactamente así. Sí. La animación está lista. Ahora, voy a
añadir un efecto eco. Hablé de ello en los tutoriales
introductorios. Este efecto da una más dinámica para lograr
la animación. Puedes probar diferentes
efectos si quieres. Todo se trata de tu creatividad. Cuando esta forma golpee, el logo se elevará
y luego caerá. La animación se trata de agregar un poco de diversión a las leyes
de la física, ¿no? Los movimientos que se ven
hermosos a nuestros ojos son realmente hermosos en la medida en que pueden
confundir nuestro cerebro En fin,
volvamos al tema. Crearemos movimientos de posición
y rotación. Entonces, ¿por qué la
gráfica de posición es así? Porque al principio es rápido. Quiero que se mueva a una
velocidad muy cercana a cero en el pico y luego acelere de
nuevo a medida que cae. Entonces eso es todo para esta lección. Estaremos usando mucho la tecla F nine y el editor gráfico. Si eres nuevo en la animación, necesitarás tener una
buena comprensión de estos. Muy importante. Gracias
por ver. Mantente a salvo.
5. Animación de rebotes: Hola, amigos. En
la lección anterior, la forma cuadrada golpeó nuestro logo, y luego nuestro logotipo se elevó y
luego cayó al suelo. Quería que el movimiento
sucediera un poco más rápido, así que los tenía fotogramas clave entre
sí. Yo la acerqué. Está bien, pero como puedes ver, el logo no está en el
centro de la composición. Quiero mover el logo. Lo estoy arrastrando hacia abajo. Crearé una
animación de rebote después de que caiga. El logo sólo está en la
posición donde cae. Si se queda y el
logo no se estira, la animación no se
ve lo suficientemente buena. Hay diferentes
formas de crear esto, pero creo que lo más fácil es
crear un objeto vacío, agregar la animación a
este objeto vacío y luego conectar el logotipo
al objeto vacío. Puede utilizar esta técnica en animaciones de posición complejas. También lo usamos para animaciones. Creé un objeto nulo. El punto central
del objeto nulo debe estar justo en el
medio del borde inferior. Tan pronto como el logo complete
el movimiento de posición, crearemos una escala
con el objeto nulo. Crearemos la animación. 100%, 100%. 120%, 90%. 90%, 120%. 100%, 100%. Selecciono los fotogramas clave
y presiono F nueve. Estoy moviendo los fotogramas clave
un poco hacia la izquierda para que suceda
un poco antes Eso es todo. Nos vemos
en la siguiente lección.
6. Transición de logotipos: Hola, amigos. En esta lección, vamos a
convertir el cuadrado en el centro de la
composición en un logotipo. Primero, cambiaremos el color al mismo
color que nuestro logotipo. Echemos un
vistazo a la animación. Sí, exactamente. Cuando ocurre la
colisión, tiene
que convertirse en un logotipo. De lo contrario, como saben, estas animaciones
carecen de sentido Colisión, y en ese momento, presiono control shift y D para dividir el logo
en dos partes. Y el logo debería aparecer
exactamente de este marco. También dividí la
capa del logotipo en dos partes. Esta vez, estoy borrando la
primera parte del logo. Sí, creo que eso es bueno. Nos vemos en la siguiente lección.
7. Rampa: Hola, amigos. En esta lección, agregaremos el efecto rampa. El efecto rampa fue mencionado
en las primeras lecciones. Usamos el
efecto rampa cuando queremos dos colores diferentes y
queremos una transición suave. En este efecto,
necesitamos seleccionar dos colores y las
coordenadas iniciales de estos colores. Quiero que el cuadrado pequeño sea del mismo color que el cuadrado grande cuando llegue al último fotograma. A la derecha, será
un tono más cercano al rojo. A la izquierda, será de color azul. Y eso es todo.
Gracias por ver.
8. Animación de texto: Hola, amigos.
Bienvenida. Estoy haciendo algunos cambios menores a
la primera animación. Ha funcionado bastante bien. En este tutorial,
crearemos una animación de texto. Utilizaremos un código para
crear esta animación. Puedes descargar este código desde la sección de
recursos de descarga. También me gustaría señalar
que aquí se pueden hacer
muchas
animaciones de texto diferentes. En realidad no
necesitamos estos códigos, pero los códigos nos permiten crear animaciones de
texto de una manera
más práctica. Quiero que el texto superior salga de la parte inferior
de la composición. También quiero que el texto inferior baje de la parte superior
de la composición. Para ello, establece el valor de posición en
el primer fotograma dos, lo
tiramos hacia arriba y hacia abajo. I. Está bien, pero los textos aparecen en la
composición antes del logotipo. Quiero que esto no suceda. Entonces cambio la capa de estos
dos textos hacia la derecha, y eso es todo.
Gracias por ver.
9. Blanco y negro: Hola, amigos. En este tutorial, voy a explicar cómo hacer una versión en blanco y negro de la
animación de logotipo en color que creamos. En primer lugar, selecciono
todas las capas y hago clic en precomponer Es decir, creo otra composición
dentro de la composición. Es más fácil agregarlos todos
a una composición y colorear la composición en lugar de seleccionarlos y
colorearlos individualmente. Agrego el efecto de relleno a la capa y luego
elijo el color negro. Quiero que el logo sea
negro al principio, blanco al impacto, y
luego negro al final. Puedo hacerlas individualmente
con el efecto de relleno. Pero como el blanco y negro
son colores contrastantes, será mucho más fácil
aplicar el efecto invertido. Agrego una capa de ajuste
a la composición. Agrego el efecto invertido
a la capa de ajuste. Entonces creo esta animación
cambiando los valores aquí.
Gracias por mirar.
10. Animación de líneas: Hola, amigos. En esta lección, agregaremos una
animación de línea a la animación. Para ello, copie el
cuadrado pequeño y redimensione el cuadrado. Cuando es lo suficientemente pequeño, se ve como un punto, y gracias al efecto de eco que
aplicamos antes,
parece una línea. Sí, hemos completado
nuestro proyecto de animación, y puedes subirlo en blanco y
negro o color. Como mencioné, puedes usar diferentes formas que quieras
con tu propia imaginación. Gracias por ver.
Nos vemos en mi próximo curso.
Libra Studio / Batuhan, Motion Designer
