Transcripciones
1. 01.01 Introducción al curso: Bienvenido al Poder
de las Capas de Forma. Mi nombre es Jeff
Knight y te estaré guiando a través de
este emocionante curso mientras te
muestro todas las cosas
geniales que puedes hacer en after effects
con capas de forma. Soy una diseñadora gráfica en movimiento con más de una década
de experiencia. He trabajado para agencias de publicidad,
agencias de cine. He realizado trabajos para estudios
y artistas independientes. También he trabajado como contratista
independiente para clientes en
prácticamente todos los campos, incluyendo publicidad,
tecnología, banca, moda, música y cine. También he impartido cursos
a nivel universitario, y produzco un canal de Youtube llamado tutoriales de Seven Minute
AE. Si tienes poca o ninguna
experiencia con las capas de formas, te sorprenderá lo que es posible con esta
poderosa herramienta At Refix Si eres un usuario avanzado de capas de
formas, es posible que encuentres información
útil que
ni siquiera sabías que existía. Entonces, independientemente de
tu nivel de habilidad y exposición a capas de formas, te
recomiendo encarecidamente que
revises todo este curso para aprovechar al máximo
la información
que vamos a estar cubriendo. Te voy a llevar
a través de todos los aspectos de las capas de formas, incluyendo una visión general amplia ,
para qué se utilizan, qué son y cómo hacer formas simples. También pasaremos a temas
más avanzados,
como usar grupos, como usar grupos, trabajar con vértices y aplicar herramientas de animación
como el repetidor,
recortar trazados, zigzag
y mucho más Ya sea que necesites
crear iconos simples o elementos complejos de cabaña, las capas de
formas son la clave
para convertirte en un diseñador
gráfico en movimiento mejor, más redondeado y más más redondeado y más
comercializable La última sección de este curso incluye una serie de tutoriales donde tomarás
todo lo que hayas aprendido y lo aplicarás a proyectos reales. Crearás diseños intrincados
y complejos, elementos de
cabaña, iconos,
fondos y más Es muy importante
ver lo que otros diseñadores están creando. Eche un vistazo en línea en
algunos sitios para inspirarse. Algunos sitios geniales incluyen
Information Is Beautiful.net y Video Hive.net Estos sitios incluyen algunos diseñadores muy talentosos Familiarícese con el
trabajo de otras personas en su industria y vea
si puede aprender de
sus diseños. Te proporcionaré archivos de proyecto donde corresponda para que los
descargues y practiques. Siéntase libre de usar
estos archivos de proyecto de cualquier manera que le ayude. Puedes crear plantillas o simplemente
puedes colgarte de
ellas para referencia. A medida que aprendas más sobre las capas de
forma a lo largo del tiempo, siéntete libre de pasar
por este curso a tu propio ritmo. Lo he diseñado para
que cada lección se base en la anterior. Así que asegúrate de entender
los principios, los comandos y las técnicas de la lección en la
que estás antes de seguir adelante, estoy muy emocionado de ir en
este viaje contigo. Bien, hay mucho por lo
que pasar, así que vamos a sumergirnos.
2. 01.02 Creación de formas básicas: Vamos a saltar
y crear una forma usando algunas de las herramientas que
tienes a tu alcance. Vamos a hacer una
estrella, un trazo animado, usando una herramienta llamada recortar trazados, que repasaremos con mucho más detalle más adelante
en este curso. También agregaremos un
relleno y luego difuminaremos eso después de la animación de trazados de
recorte. En este punto, no
te preocupes por dónde se encuentran
los ajustes
o cómo agregar nada. Vamos a cubrir cada paso gran
detalle a
lo largo de este curso. El propósito de esto
es presentarte
a las capas de formas y
mostrarte lo poderosas que son y qué tan
rápido puedes crear animaciones usando
capas de formas. Hagámoslo. Bien, así que vamos a crear
una composición. Puedes hacer clic aquí mismo en
este icono, que es para crear
una nueva composición, o puedes ir a Composición, Nueva Composición y elegir eso. O si estás en una PC,
puedes elegir Control, y en una Mac como comando. Ahora voy a estar poniendo pulsaciones de teclas de
método abreviado a lo largo este curso para que así puedas aprender algunas de estas
y ahorrar algo de tiempo Solicius, elige
nueva composición. Todas nuestras lecciones
van a ser 1920 por 108,029.97 Vamos a hacer este
ejemplo de 10 segundos de duración. Y entonces también vamos a
estar nombrando a todos estos. Vamos a nombrar a este recorte
caminos Polystar. Y vamos a elegir bien. También hay varias formas de crear capas de formas. La forma más rápida es hacer
clic derecho en esta área aquí, esta a la izquierda de su
línea de tiempo y elegir Nuevo Y luego ve al
menú Pop out y elige Shape Layer. Ahora After Effects crea una capa Shape
automáticamente. Pero si abres esto, verás que aquí no hay nada. Todo dentro de tus capas de
forma
estará dentro de esta área de contenido. Todo lo que
necesitarás agregar
se hará con este botón de anuncio. Entonces, si haces clic en esta flecha aquí a la derecha
de la palabra anuncio, verás que tienes un montón de opciones comenzando por grupo, luego tienes tus formas, luego tienes tus rellenos y trazos, y luego tienes
tus herramientas de animación. Estaremos cubriendo cada uno de estos con gran detalle a
lo largo de este curso. Si hacemos clic en nuestro botón Anuncio, podemos acceder a él a
través de nuestra capa de forma o arriba a través de nuestro control de capa de
formas. Entonces con esta flecha seleccionada, bajemos a Polystar Y como puedes ver, Afroffx agrega en el polystar
para ti Pero no podemos verlo
si hacemos click de distancia. Y la razón por la cual
es porque no tiene
relleno ni trazo. Todas las capas de forma deben tener
un relleno o un trazo ambos. La forma en que
agregamos es que volvemos a nuestro botón Anuncio, que está aquí, o aparecemos. Y vamos a elegir Stroke. Ahora, cada vez que agrega un trazo, automáticamente
se configura por defecto un trazo de dos píxeles de ancho y por defecto es
el color blanco Si hacemos click en esta casilla
blanca aquí, podemos ver que podemos cambiar el color del trazo a lo que
quieras. Déjame salir de la cintura.
De esa manera puedes ver si quieres que sea roja. Se puede hacer azul.
Hazlo del color que quieras. Así que vamos a
elegir algo como esto. Es como
verde grisáceo Y elige bien. Y Al aumenta
nuestro ancho de trazo. Ahora solo estoy manteniendo pulsado el
botón izquierdo del ratón y me estoy desplazando hacia la derecha Entonces tu valor
comienza en cero y sube hasta donde
quieras que vaya. Una cosa a tener
en cuenta es que los anchos de
trazo son marcos clave, lo que significa que puedes
comenzar con un trazo que es muy pequeño o incluso cero, y puedes encuadrarlo con teclas hasta cualquier tamaño que quieras y retroceder Hagamos este trazo,
diremos unos 15 píxeles de ancho. Entonces volvamos
a nuestro botón Agregar y vamos a agregar un Phil. Ahora Phil siempre está
por defecto al color rojo. Si haces clic en esta caja
roja junto a Phil, podemos ver como con nuestro trazo, podemos cambiar este color
a lo que queramos. Realmente no importa
qué color elijas. El propósito de esto es
solo ilustrar
algunas de las cosas que
puedes hacer muy rápidamente. Vamos a elegir Bien. Y entonces lo último que vamos
a necesitar es un Trim Paths. Así que hagamos clic en nuestra flecha de anuncio una vez más y
escojamos Trim Paths. Si abrimos eso, veremos tenemos varios ajustes
para elegir. Nos vamos a centrar en
el escenario que dice Fin. Y como notarás, Trempass se pone por defecto a un
porcentaje final de 100 Volvamos todo
esto a cero. Y ya se puede ver como
estoy fregando a través de esto, el efecto que está teniendo Una de las cosas a
tener en cuenta es que Trempass es una animación de trazos Y puedes ver por qué, ver cómo
está afectando nuestro relleno. A medida que frotamos esto, querrás aplicar
el pase de recorte principalmente a los trazos a menos que
vayas por este
tipo de efecto, que normalmente no lo harías. Volvamos todo esto a cero y pongamos un fotograma clave en nuestro tiempo
cero para el final Y después vayamos
adelante a 1 segundo. Y vamos a
subir esto a 100
para poder sortear
este tema con nuestro relleno. Abramos nuestra configuración de relleno
en el segundo fotograma clave, que es donde termina nuestra animación
para el pase de recorte. Pongamos un fotograma clave para la opacidad y bajemos esto a cero. Una opacidad de cero es invisible y la opacidad de 100
es completamente Y puedes elegir
cualquier valor en el medio. Queremos cero. Vamos
hacia adelante otros diez cuadros. Y un atajo rápido para
hacerlo es mantener
presionado el botón Mayús
y bajar la página. Así que vamos adelante diez fotogramas y luego vamos a
hacer nuestra opacidad 100% Ahora bien, si hacemos un bucle en esto, una manera de hacerlo
es ir tal vez a aproximadamente la marca de dos
segundos golpeada en Y eso llevará
tu soporte
correcto hasta
donde está tu cabeza de reproducción Y esto es cierto para cualquier lugar en el
que pueda estar tu cabeza de reproducción. Entonces, si estoy a los 3 segundos con mi cabeza de reproducción y me
meto, se mueve con él. Vamos a la marca de dos segundos, golpeamos para dar vueltas a esta zona. Lo que eso significa es como una obra de teatro, va
a volver al principio. Una vez que llegue a este punto final, podemos golpear cero en nuestro teclado
numérico para jugar. Veremos cómo se anima, y luego la película se
enciende después de ella. Eso es solo una
introducción muy rápida a las capas de forma. Esta es una forma rápida de animar un polystar con trazados de recorte. Puedes ajustar tu
trazo y tu relleno. Puedes ajustar el color,
puedes el ancho de tu trazo, así
como la
opacidad de tu relleno Ahora bien, esto ni siquiera es apenas arañar la superficie de lo que son capaces las capas de
forma Puedes crear
personajes con esto. Puedes crear
escenas y animaciones completas, videos
enteros usando
nada más que capas de forma. Pero solo quería mostrarte
esta animación realmente rápida usando un trazo de polystar, un relleno y un recorte de trazados Vamos a dar esto un paso
a la vez para que de esa manera realmente
puedas ver qué
capas de forma son capaces de hacer.
3. 02.01 Sección 02: conceptos básicos de la capa de forma: Bienvenido al poder
de las capas de forma, sección dos, fundamentos de capas de forma. Aquí es donde comienza todo. En esta sección,
vamos a cubrir algunos de
los aspectos fundamentales de las capas
de formas Vamos a repasar
la importancia de
entender las capas jerárquicas
y de formas. Capa de forma,
propiedades de transformación y los diferentes tipos
de formas y trazados. Crearemos algunas
formas básicas y aprenderemos a aplicar rellenos y trazos
de distintas maneras. Profundizaremos en los atributos de
trazo, incluyendo cómo aplicar, cambiar
y manipular el color, la opacidad, el ancho del
trazo, la línea, el límite, la
línea, la unión y los guiones Si algunos de estos temas te suenan extraños, no te preocupes. Vamos a ir a un ritmo
razonable y cubrir todo lo que necesitas saber para entender
completamente cada tema. Comencemos echando un vistazo a la jerarquía de capas de formas.
4. 02.02 Jerarquía de capas de forma: En esta lección, quiero
repasar la jerarquía de capas de formas. La jerarquía de capas de forma
es extremadamente importante. Primero, sigamos adelante y creamos una nueva capa de forma. Y te
voy a mostrar a lo que me refiero. Vamos a escribir, haga clic en
Elegir nueva capa de forma. Y vamos a abrirla. No hay nada en nuestro contenido. Ahora bien, si vamos a nuestro
botón Anuncio y hacemos clic en él, notarás un diseño específico para las
opciones de capa de forma que tengas. En la parte superior,
tenemos grupo debajo de eso, tenemos nuestras formas rectángulo,
elipse, polystar o camino Debajo de eso tenemos nuestros rellenos. Y nuestros trazos se llenan. Y el trazo por sí mismo es un sólido. Y luego tenemos
relleno degradado y trazo. Por último, por debajo de eso, tenemos
todas nuestras herramientas de animación. Este diseño es por una razón
muy específica. En lo más alto
de nuestra jerarquía, nuestros grupos dentro de los
grupos, tenemos nuestras formas. Dentro de las formas, tenemos
nuestros rellenos y trazos. Entonces todo eso se ve afectado
por nuestras herramientas de animación. Sigamos adelante y
agreguemos un grupo y te
mostraré específicamente de
lo que estoy hablando. Ahora bien, si
abres esto, vemos que lo único dentro son
las propiedades de transformación, pero no hay contenido dentro. Volvamos a nuestro botón
Anuncio y
notarás que el siguiente grupo
contiene nuestras formas. Ahora bien, si tuviéramos que saltarnos este
grupo y simplemente agregar un relleno, por ejemplo, no pasa nada porque el relleno no tiene nada
que efectuar. Suprimir eso. Regresa a nuestro grupo y
vamos a agregar un rectángulo. Volvamos a nuestro botón Anuncio, y debajo de nuestras formas
tenemos rellenos y trazos. Entonces agreguemos un relleno. Como podemos ver, este relleno está afectando a este trazado rectangular. Ahora digamos que queremos
agregar una elipse, pero la ponemos debajo de nuestro relleno Bueno, ahora este relleno no está
afectando a esta trayectoria elipse. Déjame abrir esto y
separarlos para que veas de
lo que estoy hablando. Movemos nuestro rectángulo por aquí solo para hacer esto
más grande para que podamos ver. Lo que estamos haciendo puede hacer que esto sea de
300 píxeles por 300 píxeles. Y lo mismo con nuestra elipse. Podemos ver el contorno
de nuestra elipse, pero no tiene relleno La razón es
porque las capas de forma se ven afectadas de
abajo hacia arriba. Es decir, este relleno afecta
solo a lo que está por encima de él. Este relleno afecta a este
rectángulo dentro de este grupo. Ahora bien, si tuviéramos que agregar
un trazo y decir, movamos el trazo ahora a
debajo de nuestro camino de elipse Aumentemos el
ancho de esto. Ahora vemos que el trazo está afectando tanto a la elipse
como al rectángulo Sin embargo, el campo sigue afectando
únicamente al rectángulo. Como puede ver, la
forma en que
se ven afectadas las capas de
forma es de abajo hacia arriba. Esto también es cierto
con las herramientas de animación. Volvamos a nuestro botón Agregar
y agreguemos un repetidor. Y vamos a
repasar esto con
mayor detalle más adelante, pero esto es principalmente para
mostrarte lo que estoy hablando.
Agreguemos un repetidor Y automáticamente va
al fondo de nuestra pila aquí, porque después del efecto
cree que quieres
agregar el efecto a todo lo que está por encima de él. Como puedes ver, este repetidor está afectando ahora a nuestra elipse
y a nuestro rectángulo Sin embargo, si movemos este
repetidor por encima de nuestra trayectoria elipse, ahora solo
está afectando a
nuestra trayectoria rectangular Y puedo
extender esto un poco más para que en realidad
puedas ver
el repetidor funcionando A lo mejor movemos nuestro camino rectangular para que estén mejor separados. Es muy importante
que recuerdes la forma. Las capas se ven afectadas
por los atributos. Los agregamos de
abajo hacia arriba. Bien, con contenidos
resaltados, agreguemos un grupo. Digamos que si queremos agregar un
rectángulo a este grupo, hay
que asegurarse de que ese
grupo esté resaltado. Entonces agreguemos un rectángulo. Y como vemos, va dentro de este grupo, nuestro rectángulo. Sin embargo, si tienes contenido resaltado y
agregas un rectángulo, va por debajo del grupo. Es importante saber qué es lo que necesitas resaltar y cuándo. Si tenemos grupo
resaltado y agregamos un relleno, ahora el relleno va dentro
del grupo pero está por encima la ruta del rectángulo así que
no va a afectar
al rectángulo. Una de las cosas que
notarás a medida que pasemos por estas es que muchas veces te
diré que resaltes los contenidos y luego agregues cualquier atributo
que quieras agregar. Ya sea un grupo, a,
relleno de forma o trazo, o tus herramientas de
animación. Y la razón de ello
es asegurarse de que estos atributos se están agregando en la jerarquía correcta. Ahora con el grupo resaltado, agreguemos un rectángulo y agreguemos un relleno. Entonces abramos nuestras
propiedades transformadas para el grupo uno. Y vamos a mover esto de nuevo. A lo mejor aumentaremos
la escala de este grupo con el grupo
uno resaltado, control D para duplicar. Ahora tomemos el grupo dos, abramos nuestras propiedades transformadas y lo movemos al otro lado. Digamos que quería hacer esta trayectoria
rectangular y elipse. Bueno, con el grupo
dos resaltado, vamos a agregar elipse Y verás que esa elipse se agrega debajo de la trayectoria rectangular Y puedes ver si
acercas aquí,
que en realidad podemos
ver el contorno de la elipse y el trazado
rectangular Así que vamos a borrar la
ruta rectangular para que de esa manera nuestra elipse y luego
digamos que también queremos
que esta elipse
tenga sólo un Vamos a agregar un trazo y
luego deshacernos de nuestro relleno. Ahora nuestro trazado elipse tiene un trazo y nuestro
trazado rectangular tiene un relleno Digamos que queríamos animar esta elipse con los caminos
de recorte. Bueno, si resaltas
contenidos y eliges
unos trazados de recorte y luego dices empezamos a animar
estos trazados de recorte Bueno, ya que está por debajo tanto del
grupo uno como del grupo dos, está tratando de animar
caminos de recorte en ambos. Una de las cosas que
repasará en la sección para los trazados de
recorte es que el recorte es realmente solo una herramienta de animación de
trazos No está destinado a
ser utilizado para rellenos. Hay dos formas en las que
podemos resolver este problema. Podemos mover trazados de recorte entre el grupo uno y el grupo dos. De esa manera solo está afectando
nuestra elipse con el trazo. O mi forma preferida es poner realmente el Trempass
dentro del grupo De esa manera todos tus efectos están organizados y
no hay confusión. Siempre asegúrate de
tener tus trazos y
rellenos y tus
herramientas de animación debajo de tus formas. Di si volvemos a sacar este
Trempass al
50% para que puedas ver
la animación Si volvemos a mover este Trempass
nel por encima de la elipse,
vemos que
ya no funciona porque los efectos y los rellenos y trazos funcionan de abajo hacia arriba Ahora hay una
excepción a esto. De hecho, podrías colocar
tus herramientas de animación por encima de tus rellenos
y trazos y seguirá funcionando. Solo asegúrate de que tus formas primero siempre dan forma primero. Y luego ya sea rellenos y
trazos o herramientas de animación. Pero si estás
trabajando con grupos, obviamente tus grupos vienen
primero y luego tus formas. Si te quedas con la
jerarquía de grupos, formas, rellenos y trazos, y
luego las herramientas de animación, no
tendrás ningún problema. Pero sí quería
señalar este hecho de que
en realidad puedes poner herramientas de animación
por encima de rellenos
y trazos, y seguirá
funcionando bien.
5. 02.03 Propiedades de transformación de capa de forma: Bien, entonces en esta lección
vamos a
repasar qué son
las propiedades transformadas, así
como las diferentes formas de
crear una capa de forma. Hay algunas formas de
crear una nueva composición. Una forma es este icono aquí
para crear nueva composición. La segunda forma es subir a la composición y elegir
nueva composición. La tercera forma es usar el atajo que después de
los efectos realmente te da. Ahora estoy en una PC, así que el atajo debería estar viendo
en mi pantalla o relacionado con PC. Sin embargo, estaré poniendo teclas de
acceso directo en la
pantalla tanto para PC como para Mac Y la última forma
es simplemente hacer clic en este ícono grande que ves aquí mismo en
medio de tu comp. Ahora lo que hay que
tener en cuenta usar este icono es que
solo es visible y solo es una opción si aún no has
creado un comp. Así que cada vez que
abres un nuevo proyecto, si aún no has
empezado a trabajar, no
has creado una comp,
puedes hacer clic en este nuevo ícono de comp. Pero solo recuerda, si estás
trabajando a través de un proyecto y quieres comenzar una nueva comp y ya has
creado una comp, necesitas usar una de las otras tres opciones, la nueva comp, composición de
iconos,
nueva composición, o simplemente controlar. Sigamos adelante y solo
elijamos Nueva composición. Y este es nuestro defecto aquí, 1920 por 108-02-9907 Y dejémoslo a los
10 Y vamos a llamar a esta forma
Capas. Entonces hacemos clic bien. Ahora bien, si miras
aquí mismo este 100% esta es nuestra
relación de aumento emergente. Si hacemos clic en este menú desplegable, hay diferentes ampliaciones
que puedes elegir Escojamos el
que diga encajar de esa
manera, pondrá así
toda nuestra composición en nuestro espectador. Bien, entonces ahora
mencioné que hay varias formas de
crear capas de formas. Una forma es hacer
clic derecho en esta área aquí, a la izquierda de su línea de tiempo. Haga clic con el botón derecho, elija Nuevo. Y luego desde el menú emergente, puedes elegir Shape Layer. Otra forma de agregar una
capa de forma es subir a la capa nueva capa de forma. Entonces una tercera forma es
crear realmente una forma usando
una herramienta conformada. Si ves aquí mismo, esta
es nuestra herramienta rectangular. Ahora si haces clic en
esta pequeña flecha a la derecha de la misma y mantienes
pulsado el botón izquierdo del ratón, podrás ver tus otras opciones. Aquí tiene la herramienta de rectángulo, la herramienta rectángulo
redondeado, la
herramienta de elipse, la herramienta polígono y la herramienta de estrella Vamos a agarrar una herramienta
rectangular. Ahora solo estoy manteniendo pulsado el
botón izquierdo del ratón y arrastrando arriba y hacia abajo y hacia la izquierda y hacia la derecha hasta obtener la
forma que quiero Como puedes ver, viene automáticamente con un
trazo y un relleno. Ahora si sueltas el botón
izquierdo del ratón, verás ahora que
tienes tu forma. Y si notaste
tu punto de anclaje, que es este justo
aquí en el medio,
ajustado a la mitad
de tu capa de forma, donde se encuentra tu
punto de anclaje
es muy importante
para las capas de forma Sobre todo cuando empiezas
a animarlos, siempre
quieres saber
dónde está tu punto de anclaje Ahora bien, si quieres
llevar esto al centro de nuestra composición, vamos a nuestro
panel Alinear por aquí. Simplemente arrastra esto hacia abajo y
estas son las opciones de Alinear. Entonces queremos alinear nuestra
capa a la composición. Si eliges este
segundo aquí, eso es Alinear Horizontalmente,
si haces clic en eso, ves que lo mueve hacia la izquierda
y hacia la derecha, centrado. Si eliges tu quinta opción que la alinee verticalmente Y la forma en que puedes decir
que definitivamente está centrada es si
presionas la clave de las comillas. Nos acercamos aquí, podemos
ver que esto de
hecho está perfectamente centrado en el
centro de nuestra composición. Ahora vamos a deshacernos de
esta capa de forma, y luego vamos a crear
una de una manera diferente. Ya hicimos clic derecho y creamos uno de esta
manera, eligiendo nuevo Y luego desde el pop out,
eligiendo capa de forma. Vamos a subir a la capa
nueva capa de forma. Ahora esto lo crea de la misma
manera que hacer clic derecho en esta área lo crea donde
obtienes una capa de forma real. Pero es una forma vacía. Así que tenemos que añadir
en nuestras formas
así como nuestros campos y
trazos y herramientas de animación. Vamos a nuestro botón Agregar. Todo lo que necesitarás
agregar vendrá de este botón de
Anuncio aquí. Esta flecha a la
derecha de la palabra anuncio. Si buscas arriba junto a
nuestro Rellenar nuestro trazo, verás el
botón de anuncio aquí también. Puedes agregar todo lo que
necesites desde cualquier ubicación. Entonces, simplemente hagamos clic en
este botón de anuncio aquí, y agreguemos un rectángulo. Y luego podemos agregar un trazo, y luego también agregar un relleno. Tu trazo siempre será blanco
por defecto, dos píxeles de ancho, y tu relleno siempre será rojo
por defecto. Así que vamos a cambiar
estos colores, hacerlos un poco
más interesantes. Realmente no importa
cuál sea el color, porque esto es más
para experimentación. Y tal vez hagamos nuestro
trazo de diez píxeles de ancho. Siempre que crees una forma, ya sea desde esta
capa desplegable, o haciendo clic derecho en esta área vacía junto
a tu línea de tiempo, automáticamente
centrará tu forma en
el
centro de tu composición con el
punto de anclaje en el centro. Primero, hagamos este camino
rectangular un poco más grande. Si abres tu ruta
rectangular, en realidad
puedes aumentar esto. Repasaremos algunos de estos ajustes más adelante
en una lección posterior, pero por ahora realmente voy a
querer repasar qué son las propiedades de
transformación porque esta es la base de
todas las capas de formas y algo que es muy importante para que entiendas. Las propiedades de transformación para
cualquier capa son punto de anclaje, posición, escala,
rotación y opacidad Ahora esto va para las capas de forma, va para los videos, va para las imágenes,
para las capas de texto, cada capa va a tener
estas propiedades de transformación. Lo especial de
las capas de formas es que puede encontrar más de un conjunto
de propiedades de transformación. Es muy importante entender
cómo interactúan
los unos con los
otros y qué significan. Por ejemplo, resaltemos nuestro contenido aquí mismo en nuestra capa de
formas y vayamos a agregar. Y luego agreguemos un grupo. Vamos a agarrar todo lo que no
sea el grupo. Nuestro rectángulo, sentir y trazar, y arrastrarlo a ese grupo. Bien, ahora todo está a
la vista de este grupo. Bueno ahora te darás cuenta
dentro del grupo, has transformado al grupo uno. Si abres eso,
también ves que tienes escala de posición de punto de
anclaje y también tienes la
rotación y opacidad del eje de sesgo y sesgo Quizás se esté preguntando por qué hay dos conjuntos de
propiedades de transformación. Bueno, lo que
hay que tener en cuenta es que las propiedades de
transformación para la capa controlan toda
la capa. Entonces, a medida que mueves tu
posición alrededor, mueve todo
sobre esta capa de forma. Para que esto quede claro,
resaltemos el grupo uno
y lo dupliquemos, Control D. Ahora
tenemos dos grupos. Ahora están uno encima
del otro, así que realmente no puedes
distinguirlos. Pero así es como puedo
ilustrar esta vieja hasta nuestras
propiedades transformadas para el grupo dos y tomar nuestra
posición para eso. Y movamos esto a la izquierda. Ver este grupo
transformar propiedades afecta sólo al grupo dos. Estas propiedades de transformación bajo el grupo uno solo afectan al grupo uno. Estos pueden moverse a
su manera de forma independiente y si afectas
las propiedades de transformación de toda la capa, esto controla todo lo
que esté dentro de la capa. El grupo uno y el grupo dos están dentro de la
misma capa de forma. Las propiedades de transformación para toda
la capa
afectarán a toda la capa. Por lo que es muy importante
diferenciar entre
todos estos. Una de las cosas que
también notarás con formas como rectángulos
y también con elipses, y repasaremos esto a medida que lo encontremos , pero
si lo abres, también
tienes esta posición en tamaño para el camino
rectángulo específico Entonces mira puedes incluso
afectar la posición dentro de la trayectoria del rectángulo así
como el tamaño. Por lo tanto, es muy
importante entender cómo estos
interactúan entre sí y cuándo usar las propiedades de
transformación para el grupo versus la
propiedad transform para la capa. En realidad, hay un atributo de capa de
forma más que tiene sus propias propiedades de transformación,
y ese es el repetidor Voy a dejar esto arriba y luego voy a
ir a sumar, y vamos a
agregar un repetidor Y vamos a repasar bastante
el repetidor más adelante Solo con fines ilustrativos. Déjame mostrarte a lo que me refiero. Estoy disminuyendo la escala
de toda la capa. Entonces utilizo esta propiedad de transformación
para la escala para la capa. Entonces vamos
a mover esto de nuevo. Ahora para el repetidor, va a tener por defecto
tres copias La posición por defecto es de
100 píxeles en el eje X. A medida que desplazamos esto hacia adelante, no
verías cómo
empiezan a distanciarse. Ahora ve que se superponen, así que en realidad puedo mover el
grupo dos hacia la izquierda, tal vez incluso hacia arriba, para que así
podamos ver lo que está pasando. Más en el grupo uno, podemos mover
las propiedades de transformación hacia abajo. Vea ahora nuestro repetidor tiene su propio conjunto de propiedades de
transformación Tenemos punto de anclaje,
posición, rotación de escala, y en lugar de una sola opacidad, tenemos opacidad de inicio y final Y las
propiedades de transformación del repetidor son incluso más específicas que las propiedades de
transformación para el grupo y la capa Por ejemplo, si empezamos
a manipular la escala, podemos ver cómo esto está
afectando solo algunas de las cajas no se
agobian porque tenemos toda
una sección en el repetidor donde voy a repasar
esto en detalle Todo el propósito de
mostrarte esto está en la base misma
de las capas de forma que necesitas entender
es que hay múltiples conjuntos de propiedades de
transformación. Significa punto de anclaje, posición, escala, rotación y opacidad Tenemos las propiedades de
transformación de capa de forma, propiedades transformadas. Y también tenemos propiedades de
transformación repetidora. Y todos estos afectan tus
formas de diferentes maneras. Y hay ciertos
momentos en los que necesitas afectar solo las propiedades de transformación de un grupo en particular
o de toda la capa. Como dije, no te abrumes porque esto es
mucho para tomar Pero debes prestar atención
a tus propiedades transformadas y ser conscientes de que están ahí y que
interactuarán entre sí.
6. 02.04 Tipos de formas y caminos: Bien, sigamos adelante y
creamos nuestra composición eligiendo nuestro icono. Y vamos a
llamar a esta composición Tipos de Formas y Caminos. En esta sección,
quiero repasar los tipos de formas y trazados
que tienes disponibles, dependiendo de cómo
crees tu capa de formas. Primero, comencemos
con el método de hacer clic
derecho en
esta área aquí abajo, y elegir Nuevo, Ir
al menú emergente y
elegir Capa de Forma. Si abrimos nuestra capa Shape
aquí junto a nuestro contenido, tenemos una al lado del anuncio,
tenemos nuestro botón de anuncio. También tenemos este botón de anuncio
arriba como podemos ver. Y las mismas opciones exactas están disponibles en
ambos botones de anuncios. Veamos este diseño. El primer orden es Grupo. El grupo le permite agrupar diferentes tipos de
formas juntas. Entonces digamos por ejemplo, si
agregamos un grupo aquí, podemos agregar un rectángulo. Y luego decir que tal vez
queremos agregar otro grupo. A lo mejor queremos añadir una elipse, y queremos
poder
controlarlas independientemente una
de la otra Hemos transformado propiedades para cada uno de estos grupos. Quiero repasar los
tipos de formas y caminos que tienes disponibles para ti con los métodos de creación de formas. Si elegimos Ad aquí, esta segunda sección
aquí tenemos rectángulo,
elipse, polystar, y camino Estos son los tipos
de formas, rectángulo, elipse y polystar
que podemos crear Y entonces también tenemos un camino. La razón por la que
aquí solo
hay tres opciones es porque puedes agregar redondez a un rectángulo y también puedes hacer de
una poliestrella un polígono La razón por la que eso
es importante es recordar rectángulo, elipse, polystar, solo
estas tres opciones Si subimos a nuestra herramienta de capa de
forma, si entramos en nuestro menú desplegable, vemos que en realidad
tenemos cinco opciones Tenemos rectángulo, rectángulo
redondeado, elipse, polígono y herramienta estrella Aquí tenemos cinco opciones. Aquí tenemos tres opciones. Sin embargo, tenemos la misma
cantidad de control. Agrega un rectángulo y vamos
a darle un relleno, ¿bien? Ahora bien, si queremos que este
rectángulo tenga bordes redondeados, hay una opción debajo del trazado
rectangular para redondez y todo lo que tenemos que hacer es aumentar o disminuir esto Si subimos demasiado lejos
se convierte en círculo. Pero mira cómo podemos realmente cambiar la redondez
de este rectángulo Ahora vamos a sacar este
del camino, y usemos nuestra herramienta de capa de
formas. Y elegiremos rectángulo
redondeado. Ahora si dejamos clic y
arrastramos, podemos ver que en realidad viene
con los bordes redondeados. Y recuerden que nuestro último golpe fue en realidad bastante grande, 45. Hagamos esto más pequeño.
Bajemos a tal vez cinco. Ahora bien, si abrimos este camino, abrimos nuestro camino rectangular, podemos ver que éste
tiene una redondez de 20 De hecho, podemos afectar
la redondez de esto. Ahora bien, no mantení
presionado el botón de mayús, por
eso esto es
un rectángulo y no un cuadrado perfecto
si tuviera que hacer eso. Veamos, En un momento
agarraré nuestro rectángulo redondeado, mantendremos presionada la tecla Mayús y
lo arrastraré para que quede
perfectamente cuadrado. Después vuelve a nuestra
configuración para este rectángulo. Veremos que la redondez de la
trayectoria del rectángulo por defecto es 20 píxeles para Puedes ajustar esto
tal como podrías si
crearas la
ruta del rectángulo haciendo clic derecho, eligiendo nueva capa de forma, y luego agregando un rectángulo
y agregando una píldora, podemos ajustar la redondez de ese rectángulo de la misma manera Lo volveré a hacer. Agarraremos
una herramienta de rectángulo redondeado, mantendremos presionada la tecla Mayús
y la arrastraremos hacia afuera. Y como vemos, por defecto tiene una redondez de 20 píxeles,
que es ajustable Y ahí es como cuando creé
el rectángulo redondeado, nos dio un trazo
automáticamente. Y nuevamente, afterefx te da el último valor de trazo elegido, tanto el color como el ancho del trazo, así
como el último relleno elegido Entonces, ¿qué pasa si solo
elegimos esta herramienta rectangular? Bueno, esto mantenga pulsada la tecla
Mayús y haga clic y arrastre. No nos da
los bordes redondeados. Pero recuerde que todos los caminos rectángulos vienen con la opción de redondez. Independientemente de si
creas un rectángulo usando el botón de anuncio o
usas la herramienta de capa de forma, tienes las mismas opciones exactas, por
lo que el botón de anuncio no te da la opción
de un rectángulo redondeado, simplemente
sería redundante. Sin embargo, con la herramienta de capa de
forma, si sabes que quieres una herramienta de rectángulo
redondeado, te da esa
opción adicional para ahorrar tiempo. Así que vamos a deshacernos de
ese clic derecho. Vamos a elegir una nueva capa de forma. Elipse es solo atripx
palabra para círculo. Bien, ahora agreguemos
un relleno a eso. Y de la misma manera si
agarramos nuestra herramienta de capa de forma, agarramos tu herramienta de elipse, llenamos el botón Mayús A medida que dejó clic y arrastre lo hará círculo perfecto. Tienes exactamente las mismas opciones. Si abres elipse
uno y elipse trazado uno. Puedes ajustar el tamaño de tu trayectoria elipse y
puedes mover tu posición Estos son idénticos en lo
que eres capaz de hacer con ellos. La principal diferencia
es que cuando creas una capa de forma usando
la herramienta de capa de forma, trae tu
trazo y relleno. Mientras que si
lo creas desde cero, tienes que agregar físicamente
la elipse y el trazo Vamos a crear una nueva capa de forma. Vamos a agregar polystar. Ahora fíjate aquí que
no hay opción para polígono, así que vamos a calamar
y elegir un Y agregaremos un relleno y también subiremos a nuestra herramienta de capa de
forma. Y fíjate que tenemos
polígono y herramienta Estrella, tenemos estas dos opciones Si sabes que quieres un polígono, solo eliges polígono O si sabes que quieres
protagonizar, puedes elegir estrella. Esa es una de
las diferencias. Si lo creas usando
la herramienta de capa de forma,
vamos a trazar la herramienta de polígono
y mantendremos presionada la tecla shift,
vamos a arrastrar hacia la izquierda Es por eso que no gira y pone estos uno
al lado del otro. Entonces estos son en realidad
el mismo tipo de capa de forma como se puede ver debajo de nuestra
capa de forma aquí tenemos polystar uno es el
polígono y Y el trazado polystar es
el que recreó usando click derecho Nueva capa de
forma. Esto es vino. Abramos ambos caminos
poliestelares. Los notarás debajo del
nombre de la ruta de polystar. Tienen tipo. Ahora bajo el polígono
que creamos, obviamente está configurado en polígono, bajo estrella, está configurado Ambos tienen la opción
de ser una estrella o un polígono. Entonces ahora estamos en la
estrella por aquí. Observa lo que sucede cada vez que
elegimos polígono. Se ve idéntico
al polígono que elegimos usando
nuestra herramienta de polígono Lo mismo si
los pusimos a los dos en estrella, ambos
son
iguales, de forma idéntica. Es la misma idea. Con la creación de un rectángulo, solo
tienes una
opción para rectángulo, aunque sabes que tienes
la opción de redondez. Lo mismo, solo tienes
una opción para Polystar. Aunque sí tienes la opción de cambiar
esto a un polígono y todo lo que Effx te está
permitiendo hacer
usando la herramienta Capa de forma
es solo eludir Un paso extra, si
sabes que quieres un rectángulo redondeado o si
sabes que quieres un polígono, entonces puedes elegir eso de
la herramienta de creación de capas de formas y no tener que entrar
aquí y convertirlo Solo para recapitular rápidamente,
ir a la nueva capa de formas, ir a nuestro contenido y agregar Tenemos tres opciones para rectángulo, elipse y polystar Sin embargo, con nuestra herramienta de capa de
forma, tenemos la opción de herramienta
de rectángulo, herramienta rectángulo
redondeado,
herramienta de elipse, herramienta polígono y herramienta de estrella Tienes la misma cantidad
exacta de control con cada opción. Una de las otras
cosas que puedes ver en tu
capa de forma es que también tienes esta opción para path que está en este grupo con rectángulo,
elipse y polystar Bueno, justo al lado de nuestra herramienta de
capa de forma está la herramienta Pin. La herramienta Pin hace
lo mismo que la trayectoria. Digamos que si vamos a nuestra capa de forma
aquí y elegimos agregar ruta, podemos ver que nuestra herramienta
Pin se establece por defecto y automáticamente quiere que
creamos una ruta Nuevamente, si lo creas a mano, tienes que entrar aquí
y agregar un trazo y luego dar detalles para el
ancho del trazo y para el color Mientras que si solo agarras la herramienta pin aquí
y comienzas a dibujar, crea una forma para ti y te da el trazo
en el ancho del trazo. Trae tus reglas
eligiendo controlar todo en una PC. Ponte una regla aquí, y luego puedes
ajustarlas a la guía. Entonces abramos nuestra forma,
tengamos el camino resaltado. Y sólo lleva estos
puntos a la línea. Y ahora tenemos una línea
perfectamente recta. Entonces esos son los diferentes
tipos de formas y los diferentes tipos de caminos y las diferentes
formas en que puedes llegar a ellos ya sea
creando una capa de forma
haciendo clic derecho en nueva capa de forma
o capa, nueva capa de forma. A diferencia de ir directamente a nuestra herramienta de creación de
capas de formas. Nuevamente, hay algunas formas
de crear lo mismo. Pero tienes los mismos controles independientemente de cómo
crees una forma o un camino. Y eso es lo más
importante
que hay que sacar de esta lección.
7. 02.05 Creación de capas de formas: Bien, así que sigamos adelante y
creamos una nueva composición. Esta vez solo usaremos nuestro
icono. Haga clic en eso, y
luego vamos a cambiar el nombre de esta Creando Capas de
Forma. Escoge. Bien, ahora voy a repasar
esto una vez más. Hay tres formas de
crear capas de formas. Dos de ellos son por lo
que voy a llamar comando. Lo que significa que puede escribir,
haga clic en esta área
aquí abajo y elija Nueva capa de forma. O puedes subir a Capa de Forma que está creando una
forma por comando. Y luego otra forma es
crearlo usando la herramienta Capa de
Forma. Si subes aquí
a tu barra de herramientas, junto a tu herramienta de pluma, verás una herramienta rectangular. Puedes agarrar eso y elegir
cualquiera de estas formas. Escogeremos una elipse. Y si mantienes presionado el botón izquierdo
del ratón y arrastras, puedes comenzar a
crear una elipse Si mantienes pulsado
el botón Mayús, mientras arrastras, hará un círculo perfecto o
un cuadrado perfecto. Suéltalo y ve que nuestro
punto de anclaje va directo al medio. Ahora vamos a elegir
una herramienta rectangular, manteniendo presionado el botón
izquierdo del ratón. Vamos a hacer click y arrastrar. Y ahora vemos como el ancho y la
altura son diferentes. Pero si mantienes presionado
el botón Shift, automáticamente
va
a un cuadrado perfecto. Observe lo que le sucede
a su punto de anclaje. Una vez que agrega una segunda
forma a una forma, el punto de anclaje de la capa permanece centrado en la primera
forma que creó. No se reajusta al centro de tu capa
de forma Esto es significativo cuando
comienzas a animar
estas capas de formas, y entraremos en eso
en una lección posterior Por ahora, solo tenga en cuenta que si crea una forma usando
la herramienta de forma, punto de anclaje de
su capa se
centrará en la primera
forma que creó. Elegir la trayectoria de
rectángulo redondeado manteniendo presionada la
tecla Mayús hace lo mismo para
la herramienta de rectángulo redondeado. Puedes ver que es
igual que la herramienta rectángulo, pero tiene
bordes redondeados derribados por el botón shift y cómo
hace un cuadrado perfecto. Bien, ahora vamos a eliminar
esa capa de forma. Si eliges la
herramienta polígono y haces clic izquierdo
y arrastras mientras me desplazo hacia la
izquierda y hacia la derecha, está rotando este Y también si vas arriba y
abajo, lo está rotando. Ahora bien, si mantienes presionado
el botón de cambio, simplemente
lo mantiene donde
no rotará. Se puede hacer más grande y
más pequeño, pero no va a girar. Entonces ahora estoy soltando
el botón Shift, y de nuevo, podemos girarlo. Y esto es cierto también
para las Herramientas Star. Escojamos ese clic
izquierdo y arrastre, y como puede ver,
izquierda y derecha, arriba y abajo, está girando. Si mantienes el turno,
ya no permite girar sino que solo se
escala
hacia arriba y hacia abajo. Voy a izquierda y derecha
y luego también arriba y abajo. Así que algo a tener en
cuenta cada vez que estés creando estas formas
usando la herramienta de forma. Si mantienes presionada la tecla shift para
círculos o rectángulos, hará
que la forma sea un cuadrado o círculo
perfecto Y para los polígonos y para las estrellas, simplemente desactiva la
capacidad Entonces ahora, ¿qué método es mejor? Bueno, depende de
lo que intentes
hacer y realmente cuál es tu método
preferido. Prefiero crear formas haciendo clic
derecho en esta área, eligiendo nueva capa de forma. Y la razón por la cual es
porque no me gusta tener mis formas
para ser precargadas. Me gusta elegir
todo desde cero. Ahora eso es solo una preferencia
personal. No es algo que sea
mejor que cualquier otra cosa. Sin embargo, hay algunos beneficios e inconvenientes al hacerlo. De cualquier manera, los beneficios e inconvenientes de
crear una capa de forma, ya sea haciendo clic con el botón derecho y
eligiendo una nueva capa de forma, o yendo a la capa nueva capa de
forma, son los mismos. Pero hay algunas
diferencias entre eso y crear una capa de forma
usando la herramienta de forma. Entonces primero quiero
crear una capa de forma haciendo clic
derecho y
eligiendo una nueva capa de forma. Y luego voy a abrir nuestra capa de formas e
ir a nuestro botón Anuncio, que está al lado de la palabra Anuncio. Y sólo voy a crear
una elipse y luego le
voy a dar un
relleno y un trazo Y la razón por la que me gusta
crearla así es porque ahora tengo un control
total sobre dónde se encuentra esta. Me gusta que mis formas estén siempre en el centro de mi composición. Y nuevamente, si presionas el botón
Comillas, aparece tus guías de margen
seguro. Puedes ver que pones
tu capa de forma en el centro de tu
composición por defecto. Sin embargo, al usar este método, sí hay que agregar
la forma que desee y un relleno y un trazo cuando cree capas de forma
en este método, su trazo será
automáticamente blanco y su relleno
automáticamente será rojo. Entonces, deshagámonos de
esa capa de forma. Si creamos una forma
usando nuestra herramienta de forma, obtenemos nuestra
herramienta de elipse y dejamos
clic y arrastramos y mantenemos
presionado nuestro botón Mayús para
obtener un círculo perfecto Obtenemos un relleno. Y un trazo automáticamente precargado
dentro de él, lo cual es genial. Sin embargo, no necesariamente se centra en nuestra composición. Para centrarlo,
necesitas ir a tu panel Alinear y
centrarlo horizontalmente. Y luego alinear
el centro verticalmente. Las formas creadas con la
herramienta de creación de capas de formas se cargan previamente con el último color de
relleno y trazo, así
como el último ancho de
trazo que utilizó, por lo que no es necesario agregar
un relleno o un trazo. Esto podría ser útil si estás creando una serie de
formas que requieren los mismos colores cada
vez que creas una nueva forma usando la
herramienta de creación de capas de formas, tu forma tendrá
los mismos atributos de relleno y trazo
que lo que elijas en último lugar. También notarás que cuando uses la herramienta de creación de
capas Shape, after effect
coloca automáticamente la forma junto con su relleno y
trazo dentro de un grupo. Y nombra al grupo
cualquiera que sea la forma. En este caso, el grupo después de los efectos creados es elipse uno De lado de este grupo están la elipse así como
el relleno y el trazo Elimina esa capa de forma, toma esta herramienta de poli, haz clic
izquierdo y arrastra, y obtén el tamaño que
queramos que sea. A menos que liberemos
nuestro punto de anclaje, aparece por el medio. Vamos a
centrar esto ahora a ver si abrimos nuestra configuración de
polystar, podemos ver que vino con el trazo y el
relleno automáticamente Nos dio el trazo y
el valor que duramos. Cambiemos este valor a como un verde y haremos este
trazo tal vez como un amarillo. Bien, ahora si me deshago de eso, voy a ver si
creo otra forma. Digamos que vamos a hacer esta herramienta estrella ahora va a
ser un trazo amarillo. Con un relleno verde, tu
trazo será automáticamente blanco y tu relleno automáticamente
será rojo solo cuando lo
crees por comando. Es decir, clic derecho,
capa de forma o capa, capa de forma. Obtendrás estos valores para
tu trazo y tu relleno, e incluso el tamaño del trazo basado en los valores
que elijas. Por último, si usas la herramienta de forma, cada método toma
algunos pasos adicionales, solo depende del
método que prefieras. Solo para recapitular muy rápidamente, si haces clic derecho y
eliges nueva capa de forma, para poder agregar contenido
a tu capa de forma, tienes que usar el botón de agregar Entonces quieres agregar cualquier
forma, digamos rectángulo, y agregar un relleno y un trazo. Esto siempre por defecto será blanco
para el trazo, a dos píxeles de ancho
y rojo para el relleno. Y luego hay que redimensionarlo a cualquier tamaño
que desee Pero está en el centro
de tu composición. O si usas una herramienta de capa de
forma, obtienes el clic izquierdo y arrastras
manteniendo presionado el botón Mayús. Y aunque tu punto de
anclaje estará centrado en el medio
de tu capa de forma, como vemos, aún tienes que alinearlo con el centro
de tu composición. Si ahí es donde
quieres que esté. Obtendrás estos valores para
tu trazo en tu relleno, e incluso el tamaño del trazo basado en los valores
que elijas. Por último, si usas la herramienta de forma, cualquiera de los dos métodos está
bien, solo depende de la forma
que prefieras.
8. 02.06 Tamaño de ruta vs. escala de capas: Ahora repasemos algunas
de las diferencias entre estas formas y
algunos de sus atributos. Entonces voy a escribir haga clic en Nueva Capa de Forma.
Voy a abrir esto. Vamos a agregar un rectángulo. Agrega una elipse también. Entonces vamos a darle a esto
un relleno y un trazo. Ahora como estos están apilados, como puedes ver dentro
de nuestra composición, se le agrega el rectángulo y la elipse una encima
de la otra, tienen la misma posición
exacta Todos los rectángulos y todas las
elipses tienen por defecto el tamaño de 100
píxeles por 100 Entonces este tamaño aquí
no está en porcentajes. Recuerda de nuestras propiedades de
transformación, tenemos punto de anclaje,
posición y escala. La escala está en porcentajes. Esta escala es del 100%
Y se puede ver justo al lado del
valor de la escala, este signo porcentual. Ahora para una
trayectoria rectangular y una trayectoria de elipse, no
hay signo de porcentaje Y la razón por la cual
es porque estos son 100 píxeles por 100 píxeles de ancho. Así que en realidad podemos aumentar el tamaño de estos de forma independiente. Además, una de las
cosas que puedes hacer es que puedes desvincular el tamaño Di si desmarcamos
esto y podrás ver las restricciones,
las proporciones Ahora bien, si desplazamos nuestro valor x
para la ruta rectangular, vemos que es
más ancho que más alto. Y también podemos ajustar
la altura de la misma. Podemos ajustar esto de
forma independiente. Lo mismo es cierto para
la trayectoria de la elipse. Si desmarcamos esto, podemos hacerlo más ancho independientemente
de su altura, o más alto independientemente
de su ancho Si quiere ser
un círculo perfecto, simplemente haga que estos
valores sean iguales. Voy a hacer ancho de estos
330 y voy a volver a vincularlos para hacer este 330 y hacer este valor 330. Y
volveremos a vincular eso. Y ahora tenemos nuestro rectángulo
perfecto y nuestra elipse perfecta Una vez más, algo
a tener en cuenta es que con todos los rectángulos
y todas las elipses, la forma tendrá por defecto un tamaño de píxel de
100 por 100
9. 02.07 Formas vs. rutas: ¿Cuál es la diferencia
entre una forma y un camino? Bueno, las formas están conformadas caminos y te voy a mostrar
a lo que me refiero. Este clic derecho, nueva capa de
forma agregará un rectángulo y
agregaremos un trazo.
Vamos a incrementar esto. Si da clic derecho sobre
esta palabra de ruta rectangular aquí
mismo y elige
Convertir a ruta Bezier Esto te mostrará qué caminos componen
realmente este rectángulo. Hacemos clic. Si hacemos clic
en nuestro camino uno, en realidad
podemos ver
los segmentos que componen este camino rectangular. Ahora que hemos convertido
esto en un camino, en realidad
podemos
manipular el camino. Podemos jugar con las esquinas y crear cualquier tipo
de forma que queramos. También podemos sumar más puntos. Si eliges tu herramienta de pluma, puedes agregar un punto a
cualquiera de estos trazados de aquí. Y ahora podemos hacer una forma aún
más interesante. Otra vez, de la manera en que lo hice,
deshagamos de nuestro contenido. Voy a agregar un rectángulo y después quiero agregar un trazo. Haz que este trazo sea un
poco más grande. Y luego hago clic derecho en
la ruta Rectángulo y elijo
Convertir a ruta Bezie Ahora también se pueden crear
caminos por sí mismos. Y la forma en
que lo haces con los contenidos resaltados, haz clic en Agregar ruta. Y esto trae a
colación tu herramienta pluma, así que solo puedes hacer
dos puntos por ejemplo, y luego agregar un trazo,
y ahora tienes una línea. Entonces realmente vas
a sumar más puntos sobre eso
como te gustaría. Una forma es un conjunto
de trazados cerrados, mientras que el trazado no
está encerrado. También puedes crear este
camino de otra manera. Verás, la forma en que lo hice fue que ya tengo la capa de forma agregada. Entonces agregué un camino. Y trae a colación tu herramienta Pin. Vamos a decir, ¿y si no
quisiera hacerlo de esa manera? Bueno, solo puedes
elegir tu herramienta Pin y luego comenzar a dibujar. Al igual que con tu herramienta Shape, automáticamente
trae
tu trazo y tu relleno. A ver si abres tus contenidos. Ahora tenemos una forma y es un camino solo para enfatizar ese clic derecho
y elegir nueva capa de forma. Y luego agregamos un camino. Por defecto
será tu herramienta Pin, para que así puedas hacer cualquier ruta que
quieras hacer. Hay que
entrar físicamente y agregar un trazo. Y por defecto es
blanco de dos píxeles de ancho. Sin embargo, si
quieres crearla la misma manera que
crearías una forma usando
tu herramienta de forma, simplemente elige tu herramienta pluma
y comienza a dibujar un trazado. Incluirá el color y ancho del
trazo, así
como el relleno
del último trazo y
relleno que elijas. Si abres esto, verás debajo de tu grupo de
formas aquí. Este es, efectivamente, un camino. Lo principal que hay que quitar
de esto es que las formas
están conformadas por un conjunto
cerrado de caminos. Elimina esa
capa de forma, dibuja alguna forma. Y lo que quiero decir con
encerrado es que quiere que su último punto
sea su primer punto. Entonces vamos a hacer click sobre
esto aquí mismo, y veremos cómo se enmarca. Tenemos este relleno
y este trazo. Y no estoy seguro si
notas lo que acaba de pasar, pero vamos a deshacernos
de esto muy rápido. Si empezamos a dibujar, una vez que empezamos a obtener
algo de forma aquí, realidad sí
se pone en un relleno, pero el problema es que
no está encerrado con un borde. Entonces, técnicamente sí te da un relleno cada vez que
creas un camino como este. Pero no va a estar
encerrado por un trazo. Entonces mira que ahí es una forma de aspecto
extraño. Entonces, si quieres hacer una forma que esté encerrada por todos los lados, solo asegúrate de que
tu primer punto sea el mismo que tu último punto. Y de esa manera
quedará totalmente encerrado.
10. 02.08 Rellenos y trazos: agrega Button: Bien, entonces ahora en esta
lección vamos a
repasar lo que yo llamo Atributos de
Capa de Forma. Así que vamos a sumergirnos en eso. Vamos a crear una nueva
composición esta vez. Vamos a hacer control en para PC, vamos a llamar a esto Atributos de Capa de
Forma. Haga clic en Bien. La forma en que puedes agregar tus atributos y la
forma en que puedes
controlarlos varía dependiendo de cómo
crees tu capa de forma. Es por eso que
quería mostrarte antes las diferentes formas de
crear capas de formas. Derecha, haz clic en esta área aquí y crea una nueva capa de forma. Si hacemos clic en nuestro botón Anuncio, podemos acceder a él a
través de nuestra capa de forma o arriba a través de nuestro control de capa de
formas. Lo que quiero decir con atributos
es todo lo que
viene por debajo de
las formas y caminos reales. Así rellenar trazo, degradado,
relleno, trazo de degradado. Y luego todas estas herramientas de
animación. Y vamos a estar cubriendo
todos estos con gran
detalle
y otras lecciones. Por ahora, quiero
enfocarme en el relleno, el trazo, el relleno degradado
y el trazo degradado. Si creamos una capa de forma en
este método donde escribimos, clic y elegimos una nueva capa de
forma como la conocemos. Tenemos que
decir realmente vamos a agregar una elipse y tenemos que
agregar relleno un trazo, un relleno degradado o
un trazo de degradado Ya hemos hecho
rellenos y trazos. Y entonces podemos aumentar el
tamaño de esta trayectoria elipse, como sabemos dentro de nuestros controles de trayectoria
elipse E incluso podemos controlar
el tamaño de nuestro trazo. es bastante fácil, pero ahora hay otras
opciones que tenemos. Vamos a deshacernos de este
trazo en este relleno, y tenemos nuestro camino de elipse Agreguemos un relleno degradado. El relleno de degradado por defecto
es un degradado lineal. Lo que quiero decir con eso es que si
abrimos este relleno
degradado, aquí, podemos ver que el tipo es lineal. Tenemos dos opciones,
lineal o radial. Radial simplemente significa
que el gradiente es un gradiente radial que comienza dentro de nuestro círculo
y crece hacia afuera No me he metido con
ninguno de estos controles. Entonces lo que ves aquí mismo
es cómo Afrofx incumple. Tomaremos un
relleno degradado lineal. Vemos que nuestro punto de inicio
es 00, el punto final es 1000. Ahora estos son píxeles ubicados
dentro de nuestra capa de forma. Entonces a medida que empezamos a
moverlas, podemos ver el efecto que
está teniendo en nuestro gradiente. Si queremos que sea un gradiente
horizontal, por ejemplo, necesitamos
alterar estos ajustes. Queremos hacer nuestra X en
un punto de inicio y exxon endpoint ambos cero y ahora
podemos empezar a voltear estos Podemos hacerlos más de un gradiente o menos
de un gradiente. La forma en que puedes manipular
el degradado lineal, ya sea
horizontal o vertical, es ajustar el valor X de
tu punto inicial y final. Así que solo toma algún ajuste de estos ajustes para obtener
el aspecto que deseas. Estos colores por defecto
son blanco y negro. De negro puro a blanco puro. Y en el medio, el
gradiente es gris. Si haces clic en
este degradado de edición, ahora
puedes elegir los
colores que quieras. Así que mira nuestra
opción de extrema izquierda está establecida en blanco. Entonces tal vez hagamos
esto como un rojo y luego el color negro
que está por defecto, podemos hacer que eso sea otra cosa Entonces, como puedes ver, tus posibilidades ya
están creciendo. Puedes cambiar los
colores e incluso puedes cambiar la dirección de
tu degradado lineal. Puedes hacer todo tipo de cosas
geniales con esto. Puedes meterse con
la opacidad de la misma. Entonces, si quieres ser
un poco más ligero, quieres ser muy brillante. Entonces esos son algunos
de los ajustes para el gradiente lineal. Establezca todo esto de nuevo a
lo que era por defecto, que está todo establecido en cero con el valor de punto final x en 100. Y cambiar esto a radial. Entonces ahora tenemos este pequeño círculo dentro de un círculo más grande. Y nuevamente, apenas empezamos a meterse con algunos de
estos ajustes. Este valor y extiende el
gradiente para el punto final, y el valor x altera
donde comienza A medida que ajustas estos ajustes, podrás ver cómo va
a afectar tu degradado. Ahora, dentro de un gradiente de radio, también
tienes una longitud de luz alta. Por defecto es 0%
Puedes aumentar eso y ver cómo se
mueve dentro de tu gradiente Aquí también tienes ángulo de
resaltado. Entonces, a medida que ajusta eso, se
mueve dentro
del círculo del gradiente radial. Puedes ajustar tu
opacidad, editar degradado. Puedes ajustar tus colores. Entonces tal vez quieras que sea algo un poco diferente. Incluso puedes agregar
más puntos aquí. Entonces di que quieres una tercera o
cuarta parte de tu gradiente. Simplemente experimenta y ve todas las posibilidades que se
te ocurran. Todos estos son clave encuadrables. Hay cronómetros delante
de todos estos ajustes. Para que puedas establecer
marcos clave y moverlos y hacer todo tipo de cosas geniales con ellos. Puedes cambiar de color, las posibilidades
realmente son infinitas. Entonces ahora si
lo miras de nuevo, puedes ver algunas de las cosas
que puedes hacer con él. Y esto es solo un rudo muy
rápido
jugando con algunos
de estos ajustes. Ese es tu
relleno degradado. De nuevo, tienes radial y tienes lineal. Tienes todos estos ajustes. También tenemos trazo degradado y funciona de la misma manera. Aumentemos el tamaño de esto. Tenemos lineal y radial. Tienes tus puntos de inicio
y fin. Tienes tu
longitud de resaltado, tu ángulo de resaltado. Puedes cambiar tus colores. Hay muchas opciones que realmente
tienes
con estos gradientes. Puede agregar rellenos de degradado y trazos de
degradado a todas las formas, ya sea una elipse, una
rectangular o una poliestrella
11. Rellenos y trazos: herramienta de creación de capas de formas: En la lección anterior,
aprendimos a agregar trazos y rellenos al
crear una forma por comando. En esta lección,
vamos a
repasar cómo agregar
trazos y rellenos
al crear una capa de formas usando la herramienta de creación de
capas de formas. Vamos a agarrar esta herramienta de rectángulo
redondeado manteniendo presionado el botón
izquierdo del ratón. Vamos a
hacer clic y arrastrar cuando
crees tu forma usando
la herramienta de capa de forma, realidad
puedes subir a tu trazo y rellenar
y mantener presionada. Si haces clic,
verás que puedes tomar
algunas decisiones aquí. Mantenga presionado el
botón Alt y haga clic que lo
convierte en un trazo de
degradado lineal. Si mantenemos la tecla Alt
y volvemos a hacer clic, eso va a hacer que sea un trazo de degradado
radial. Si lo hacemos una vez más, nos
quita el trazo. Y si haces clic Alt
una vez más, lo convierte en un trazo sólido. Bien, y
lo mismo con relleno. Sostenemos el
botón Alt y hagamos clic en Relleno, y veremos que es un relleno degradado
lineal. Un clic de nuevo, es un relleno degradado
radial. Todos vuelven a hacer clic y luego
se quita el relleno. Y hazlo una vez más
y agrega relleno sólido. Tienes todos
estos accesos directos solo si creas tu forma
usando la herramienta de forma. Y te voy a mostrar si
vas Nueva capa de Forma, Si añadimos rectángulo y vamos a hacerlo un
poco más grande. Ahora si empiezo a dar clic
por aquí, da clic en Trazo. Podemos ver que
le está diciendo que lo cambie a diferentes tipos de
gradientes y que elimine el trazo
o vaya a un sólido Lo mismo con relleno. Si hacemos
clic a través es como, oh, eso es un gradiente lineal. Eso es un gradiente radial. Pero no es agregarlo
a nuestra capa de forma. Tenemos que agregarlo físicamente a la capa de forma si creamos
una capa de forma desde cero, lugar de usar
nuestra herramienta de capa de forma una vez que agregamos un trazo. Ahora mira si hacemos clic a través de él, lo cambiará a
un trazo de degradado. Lo mismo
si añades un relleno. Ahora podemos dar click en el relleno y eso
nos dará un relleno degradado. Y lo
vuelves a hacer clic y lo convierte un relleno degradado radial. Vuelva a hacer clic en
él y lo elimina. Vemos que el globo ocular desapareció por aquí. Alt, haga clic de nuevo. Ves que el globo ocular
vuelve a encenderse y lo convierte en un sólido. Esa es solo una de las
cosas a tener en cuenta es que si creas una
capa de forma desde cero, tienes que agregar
físicamente al menos un trazo o
un relleno para
alternar entre las opciones de clic
Alt en alternar entre las opciones de clic
Alt lugar de si creas una capa de forma usando
la herramienta Capa de forma. Y tiene sentido si lo
piensas de la manera en que cuando nos acercamos por primera vez a las
formas de crear capas de formas, cuando creas una capa de forma
usando la herramienta de capa de forma, automáticamente
te da un trazo y un relleno. Entonces tiene sentido que desde el principio
tengas las opciones de agregar todos estos Eso
cubre los
atributos de capa de forma de trazo de relleno, relleno
degradado, trazo ingradiente
12. 02.10 Color de trazos, opacidad, ancho: En esta lección, vamos
a repasar Atributos de trazo, enfocándonos en el color, la
opacidad y el ancho del trazo Así que sigamos adelante
y creamos una comp. Vamos a hacer clic en el icono Crear
nueva composición aquí. Y sólo vamos a llamar a
este trazo Atributos. Realmente no importa cómo
crees tu capa de
forma aquí, ya que nos estaremos enfocando
principalmente en trazos, solo
voy a crear uno de
la manera que me gusta escribir. Haga clic en Nueva capa de forma y puede ser cualquier forma. Voy a crear un rectángulo y voy a agregar un trazo. Y voy a aumentar ese ancho de
trazo a 15 píxeles. Y luego voy a
abrir el camino rectangular y aumentar el tamaño de este para que podamos echarle un
mejor vistazo. Hagamos este trazo
un poco más grande. Digamos 50 pixeles. Bien, entonces ahora si abrimos nuestro trazo uno aquí
debajo de nuestra capa de forma, podemos ver que
en realidad hay muchos controles que
tenemos para nuestro trazo. Lo primero que notarás es que nuestro color tiene un cronómetro, que significa que es clave encuadrable. Vamos a establecer un fotograma clave al
comienzo de esta capa. Adelante un
poco, cámbialo a rojo, avanza un poco más,
cámbialo a amarillo, y vas un
poco más hacia adelante, cámbialo a azul. Si terminas de bucle en esta área, presiona cero en tu
teclado para reproducirla. Ahora podemos ver cómo nuestro
color puede ser fotogramas clave, por lo que se mueve de un
color a otro. Entre estos fotogramas clave, está cambiando su valor, está cambiando los colores
entre los fotogramas clave Este fotograma clave aquí
es un rojo sólido. Este es blanco, pero en el
medio hay una mezcla de esos. Lo mismo entre el
segundo y el tercero. Este es un rojo y
va a un amarillo. En el medio, vemos
que es más como un naranja y de amarillo a azul
en el medio, un verde. Si querías que estos
cambiaran drásticamente, donde simplemente va de
blanco a rojo, amarillo, azul, una cosa que puedes hacer es si resalta todos
esos fotogramas clave, haz clic
derecho y elige
alternar Mantener fotograma clave No hace el
cambio de valor hasta que tu cabeza de reproducción llegue
al siguiente fotograma clave Si lo ves, simplemente cambia abruptamente a
los colores reales que hemos elegido controlar Haga clic de nuevo en el, cámbielos de
nuevo a fotogramas clave lineales. Si golpeas nueve, los
hace más bezier. Quite estos
fotogramas clave. Simplemente mantendremos esta blanca para
esta siguiente sección. Vamos a la opacidad. Haz que tu trazo sea cero. La opacidad es transparente. La capacidad 100 es la
más brillante que puede ser. Nuevamente, esto es keyframable, querrías que
lo haga flash Por ejemplo, vaya 0-100 apagado y encendido así Resalta esos,
mantén presionado el fotograma clave y reproducirlo. Y vemos cómo podemos crear un flash si no alternas los
sostienes y juegas,
ves que se desvanece entre sí y
se desvanece entre sí Eso lo dejaremos a 100 trazos de
ancho, lo dijimos a los 50. Esto es clave marco, se
puede cambiar el ancho Es el mismo principio que con nuestro color y nuestra opacidad Puede cambiar lentamente el ancho
del trazo. O si resalta todos estos fotogramas clave con clic derecho,
alternar y mantener, saltará a los
diferentes tamaños. Depende de lo que vayas a
buscar en tu animación.
13. 02.11 Unición de líneas y límite de líneas: Si nota que tenemos tapa de línea, y si hace clic en el menú desplegable, hay tres opciones, pero tapa, tapa
redonda y tapa de proyección. Estas diferencias son
más notorias en los caminos. Así que sigamos adelante y
creamos un camino muy rápido. Vamos a crear sólo
dos puntos aquí. Voy a hacer zoom en esto. Centrémonos en este
camino con tope trasero, que es lo que por defecto tiene El trazo termina
al final del camino, lo que significa que estos dos vértices
son la longitud del camino Elegir culata solo
significa que se va a cuadrar en
cada extremo del camino Si elegimos tapa redonda, se extiende más allá de
ella, pero con un semicírculo redondeado proyecta Simplemente se extiende
ligeramente más allá de ella Con una línea de remate cuadrada, la unión
afectará a las formas y trazados con
más de dos vértices Ahora mismo tenemos lo que
se llama mitor join, y eso es solo una conexión
puntiaguda Tapa redonda y
unión redonda, tienen el mismo efecto en lo
que están afectando. Mientras que el camino, un extremo redondeado, unión
redonda, hace que las esquinas de nuestro rectángulo tengan
una esquina redondeada. Entonces la otra opción
es unión biselada, y eso nos da
un borde biselado Es como una conexión
cuadrada. Está en algún lugar entre una conexión puntiaguda
y una conexión redonda. Si elegimos unión biselada, vemos cómo cuadra la
desconexión. Recuerde, el límite de línea va a afectar sus trazados que
están en segmentos de línea. Entonces podemos sumar más
puntos aquí y se puede ver el
efecto que tiene sobre esto. Entonces, si nos gusta un zig zag, podemos ver cómo solo
afecta a los extremos de ellos. Pero ahora si elegimos
la unión redonda, va a redondear estos segmentos que están
entre los extremos del camino. límite de línea solo afecta los extremos de tu camino,
y tiene sentido. Eso no va a afectar realmente
a una forma. Porque si el límite de línea afecta
los extremos de un camino, bueno, una forma
realmente tiene un final de un camino porque está
todo conectado. Una buena manera de
recordar esto es que el límite de
línea afectará a los trazados, solo la unión de líneas
afectará a las formas. Y caminos con
más de dos vértices. Dependiendo de cuán extremos sean
tus vértices, va a ser más notorio como si estos estuvieran más
cerca entre sí, puede
que no sea tan
notorio como si nos gusta una unión redonda
y una gorra redonda Ver, estos son en realidad redondeados. Aunque realmente no puedes
decir hasta que empiezas a
salir un poco más extremo
para notar la diferencia.
14. 02.12 guiones de trazos: Bienvenido de nuevo a nuestras lecciones
sobre atributos de trazo. Hasta ahora, hemos cubierto el color, la
opacidad, el ancho del trazo, la línea, límite y la combinación de líneas En esta lección, nos
vamos a centrar en guiones, que se encuentra
debajo de la unión de líneas Así que vamos a hacer clic en
Agregado Grupo Dasher. De inmediato, ya vemos
el efecto que esto tiene. Si no
lo eliminas, simplemente presiona el botón menos
y se lo quita. Ahora bien, la razón por la que esto está
afectando tanto al rectángulo como al camino es porque
dentro de mi capa de forma, he agregado la forma que es esta ruta que he dibujado y
esta ruta rectangular. Entonces me voy a adelantar
y simplemente deshacerme de esta forma con el
camino para que así podamos enfocarnos solo en nuestro
rectángulo por ahora mismo. Bien, sigamos adelante y volvamos a
agregar nuestros guiones. Lo primero que hay que tomar nota es este número al lado de nuestro. Si aumentas, el número
de guiones disminuye. Y si disminuye este número, el número de guiones aumenta Se acercan más
y aumentan de tamaño. A medida que el número se hace
más grande, se ven más espacios entre ellos
y menos. Verás, podemos subir todo el
camino muy alto. Al 854, sólo hay dos guiones. Aquí es realmente donde quieres
trabajar en conjunto
con tu ancho de trazo. Bien, así que hagamos el
trazo con un poco más delgado para ver cómo
afecta a la línea de trazos. Y luego vamos a
darle una unión redonda y aquí se
encuentra
un desplazamiento de tapa redonda. A medida que ajusta la
configuración del desplazamiento, puede ver cómo mueve los guiones alrededor de la trayectoria
del trazo Ambos son clave encuadrables. Establezca un fotograma clave para el
desplazamiento en cero y
avance y tal vez muévalo
solo a algún número aleatorio. Y si lo miras, así es como puedes conseguir
que tus guiones se
muevan por la plaza Al alterar este desplazamiento
aquí, guiones de fotogramas clave. A lo mejor hagamos este 35
y veamos qué pasa. Una animación interesante. El punto es, es
que tienes muchas opciones con guiones
y con el offset Si resaltas guión
y vuelves a golpear plus, obtienes una opción llamada gap. La brecha por defecto es de diez. Cuanto mayor sea la brecha que hagas, más distancia
va a haber entre cada uno. Esto es clave encuadrable, por lo que puedes animarlo
de muchas maneras Se pueden sumar hasta tres. Y controles de gap, Highlight ,
dash, plus, nuevamente
obtenemos dos plus, nuevamente obtenemos gap two plus, nuevamente obtenemos tres plus, nuevamente obtenemos gap tres. Observe que ya no
tenemos la opción de agregar más
guiones o huecos A medida que empiezas a jugar
con algunos de estos ajustes, puedes hacer algunas
cosas muy interesantes con tu trazo. Ahora puedes tener tres controles
diferentes para tus guiones y tus brechas y cómo
interactúan entre sí El jugador en este offset realmente
consigue algunas miradas interesantes. Estas brechas se ven afectadas por
los guiones y brechas anteriores. Lo que quiero decir con eso
es esto. poner todo esto de nuevo en diez. Este dos se ve afectado por uno. Esto es interactuar con
uno como lo es esta brecha aquí. Gap tres ahora está interactuando
con todo lo anterior. Esto de aquí se está viendo afectado por 2.1 Lo mismo con nuestra brecha. A medida que aumentamos eso
y lo disminuimos, está afectando la brecha
uno y la brecha dos. Si quieres deshacerte de
alguno de estos guiones o huecos, simplemente pulsa el
botón restar y va a eliminarlos de la posición más
baja No importa cuál. Ha resaltado
avisos con un valor de 27. Si golpeas restar,
sigue ahí. El atributo que
estaba en la
posición inferior fue el hueco tres. Entonces ese es el que
se quitó al golpear restar. Se retiran en el mismo
orden en que se agregaron. Siempre puedes volver a agregarlos, pero volverán a caer a
su original, que son diez. Y si quieres deshacerte
de tus guiones por completo, solo presiona el
botón menos aquí y tu trazo
volverá a una línea sólida Los atributos son
trazo de opacidad
de color con fotograma clave con su Sin embargo, tu unión de línea no
es sino tu trazo de
opacidad de color con, si agregas guiones, el guión
en el desplazamiento y la brecha, si agregas un hueco son todos
fotogramas clave Si quieres
tener algo que esté parpadeando o si quieres que los colores
salgan y se enciendan, quieres resaltar
todos estos clic derecho mantén presionado el fotograma clave para
que salgan
y se enciendan De lo contrario,
se mezclarán entre sí e incluirán valores
entre los fotogramas clave, Eso es atributos de trazo.
15. 02.13 Revisión de la sección 02: Esta sección estaba repleta de información
muy detallada y
densa, pero te proporciona
una base muy sólida para entender
cómo trabajar con capas de
formas y también cuáles son los aspectos técnicos de las capas de forma. Si hay algo de lo que no
estás seguro o no sientes que entiendes
completamente un concepto, te
recomiendo que
vuelvas a verlo de nuevo, esa manera lo
entiendes completamente. Antes de continuar,
en la siguiente sección, estaremos repasando
vértices y grupos Comprender los tipos de
vértices en un camino y cómo manipularlos te dará más control sobre tus diseños Agrupar y formar capas mantiene
tu diseño aerodinámico, pero también
te da más control sobre todas las formas
dentro de tu diseño. En algunos casos, la
agrupación es necesaria. En otros casos, la agrupación no proporcionará el efecto
deseado, y en otros casos, la
agrupación es opcional. No te preocupes, cubriremos todas estas situaciones a
lo largo del curso. Espero
volver a verle en la siguiente sección.
16. 03.01 Sección 03: propiedades de capa de forma: Bienvenido de nuevo al
Poder de las Capas de Forma, sección tres, Propiedades de
Capa de Forma. Me alegra ver que
estás progresando este curso Ahora que has aprendido todo sobre la jerarquía de capas de
formas Los diferentes tipos de propiedades de
transformación, las diferencias entre
caminos y formas. Y cómo agregar billetes y trazos y todos los componentes
que componen los trazos. Hablemos de
vértices y agrupación. El plural de
vértice es vértices. Entonces cada vez que estoy
hablando de vértices, simplemente
me refiero a
más de un vértice Piénsalo como un punto de
parada para un camino. Una línea recta tiene dos vértices y un rectángulo tiene cuatro Existen diferentes tipos de vértices y diferentes
formas en las que
puedes manipularlos para sacar
el máximo provecho a tus diseños También vamos a
repasar la agrupación. Agrupar se refiere a organizar una forma en su propio
compartimento donde tiene sus propios trazos de relleno y herramientas de
animación que
son específicas de sí misma. Solo puedes
agrupar completamente una forma en todos
sus atributos, o puedes agrupar una forma
en algunos de sus atributos. Como siempre que
tenga un relleno, un trazo y una herramienta de animación
debajo de más de un grupo. Cubriremos todo esto
en las próximas lecciones. Hay mucho por lo que pasar. Vamos a sumergirnos directamente en.
17. 03.02 Entrenamiento básico de vértices: En esta sección
vamos a repasar vértices. Vértices es el
plural de vértice. Cada forma tiene vértices y
cada camino tiene al menos dos. Profundicemos en esto. Primero, vamos a crear
una composición. Simplemente haremos clic en nuestro icono de
composición aquí y nombraremos este comp
vértices elegir. Bien. Entonces hagamos que nuestra ampliación se ajuste
al tamaño de nuestra comp Ahora la forma en que puedes
controlar los vértices difiere dependiendo de lo que quieras hacer con ellos y de cómo los
crees. En primer lugar, vamos a
crear una nueva capa de forma. Y vamos a
agregar en un rectángulo. Y le daremos un trazo a esto, haremos este rectángulo
un poco más grande, haremos que el trazo sea
un poco más grueso. Ahora mirando este rectángulo, podemos ver que tiene
todos estos puntos. Puede parecer que estos son vértices, pero
realmente no lo son No se pueden manipular
estos puntos. Simplemente hace que tu
rectángulo sea más grande o más pequeño si quieres
convertir estos puntos
en vértices. La forma de hacerlo
es hacer clic derecho en la ruta rectangular
y ver que tenemos esta opción para convertir
a ruta Bezier Una vez que hacemos eso, ahora
tenemos un camino que realmente
puedes manipular. Voy a deshacer eso, así realmente
puedo llevar
este punto a casa. Mira donde dice camino uno. Cuando lo deshago, vea que
dice camino rectangular. Si ves trazado rectangular o trazado elipse o trazado poliestrella, no
tienes vértices que realmente
puedas manipular Esto tiene que ser un camino bezie,
no un camino rectangular o
un camino elíptico, o
algo Tiene que ser un camino Bezie. Vamos a hacer clic en Path,
y ahora podemos ver cada esquina tiene estos vértices. Ahora, esto se ha
convertido en un camino Bezier. Podemos mover estos vértices de
la manera que queramos. Estos también son fotogramas clave. Pongamos un fotograma clave
en nuestro camino aquí. Avanzamos un poco. Podemos mover esto aquí, e ir un
poco más adelante. Podemos mover eso ahí. Y luego si lo vemos reproducir, podemos ver cómo
podemos mover este camino. Si esto es solo un rectángulo
planol, no
hay manera de hacerlo Nuevamente, voy a añadir de nuevo
en nuestro rectángulo. Ir a un nuevo rectángulo. Esta vez es un campo,
así podemos verlo más fácil. Y solo volveremos a aumentar
el tamaño de la misma. A ver no podemos manipular
estos puntos. Solo hace que el rectángulo sea
más delgado o más gordo, o más alto o más corto Para manipular vértices, esta ruta rectangular tiene que ser
convertida a una ruta bezier Haré lo mismo
por otras formas. Vamos a agregar una elipse. Le daremos un relleno a eso. Ahora ve con claridad tenemos
estos cuatro puntos. Si los juntamos, solo
cambian el ancho
y la altura de nuestra forma. Sin embargo, si hacemos
clic derecho y convertimos el trazado
de elipse en un trazado bezier, ahora todos estos
puntos se vuelven Y puedes hacer todo tipo
de cosas geniales con esto. Y de nuevo, estos son todos claves enmarcables, lo que significa que puedes
idear todo tipo de diseños y hacer que hagan todo
tipo de cosas geniales Lo más importante a
recordar con esto es que si quiere manipular
los vértices de una forma, se tiene
que convertir
a un camino bezier ¿Bien? Y esto
es cierto incluso si creas una forma usando
tu herramienta de capa de formas. Entonces usemos una herramienta de polígono y vamos a crear un polígono
aquí, polígono y poliestrella Se
nota aún más porque aquí
no vemos los puntos de
esquina, pero no podemos volver a hacer
nada con él. Simplemente lo hace
más corto, más alto, más ancho. Sin embargo, hacemos clic derecho en
nuestro camino polystar aquí mismo, convertimos a ruta Bezier Ahora vamos a tener
nuestros cinco puntos que podamos manipular y hacer
algunas cosas geniales con ellos.
18. 03.03 Vértices lineales contra Bézier: Ahora repasemos
las diferencias entre los
vértices em lineales, Bezier. Voy a agarrar
mi herramienta pluma y solo
voy a
dibujar una forma aleatoria. Todos estos vértices por defecto son
lo que se llama un vértice lineal, lo que significa que no hay
asas para tirar de esto, no
podemos redondear las esquinas Eso es en lo que está establecido nuestro
valor predeterminado. Hay dos tipos de vértices. Tenemos lineal E bezier. Bezier simplemente significa que
puedes redondear las esquinas,
darte asas, puedes hacer cosas
más creativas
con tu Un vértice lineal no
te permite hacer esos tipos, por lo que todos estos
vértices son Entonces, deshagámonos de esto. Quiero mostrarte la
diferencia entre eso y un camino de vértice Bezier Con nuestro lápiz, vamos
a hacer click izquierdo y arrastrar, Clic
izquierdo y arrastrar, click
izquierdo y arrastrar. Entonces tenemos estos mangos, ¿de acuerdo? Nuestro último texto será
nuestro primer vértice. Si damos click alrededor, todos estos
tienen asas como podemos ver. Si escribes, da clic
en cualquiera de estos y luego da clic
en roto bezier Perdemos nuestras asas, Ver no tenemos más asas. Cualquiera que sea la redondez que
teníamos ahí antes es la redondez con la
que estamos atrapados Sin embargo, podemos volver
atrás si escribimos clic y desmarcamos roto bezier Ahora todos nuestros mangos están de vuelta. Ahora bien esto no
funciona a la inversa. Lo que quiero decir con eso es
deshacernos de esa capa de forma. Y solo voy a crear una forma usando vértices lineales Mira no estoy arrastrando, solo
estoy haciendo puntos. Ahora si escribo, haga clic en
decir en este vértice y elijo roto
bezier, No importa en
cuáles haga clic, nunca
obtengo esas asas. Esto realmente solo
funciona si comienzas con un camino de vértice bezier Hay momentos en los que
vas a querer que estos mangos
estén aquí. Depende de lo
que estés creando, ya sea solo una forma
o tal vez un personaje. A veces querrás
estos y luego hay momentos en los que quieres
ser un vértice lineal Pero ten en cuenta que hay algunas diferencias en
lo que eres capaz de hacer con sea o no
un vértice lineal
o un vértice bezier Ahora entremos aquí y
creamos una nueva capa de forma. Y luego agreguemos una elipse. Aquí vamos a hacer un derrame cerebral. Hagamos clic derecho en nuestro trazado
elipse y convertiremos a trazado bezier con Estos automáticamente
van a ser vértices
bezier por razones obvias
porque es un círculo. Ahora bien, si agregamos un rectángulo, y luego
lo convertimos en un trazado Bezier, estos son lineales porque
es una esquina dura,
es una esquina de 90 grados Siempre que conviertas un
rectángulo a una ruta de bezier, va a tener vértices
lineales Para elipses, va
a tener vértices bezier. Lo mismo va a ser cierto para algunas de
nuestras otras formas. Consigamos nuestra
herramienta de forma y vamos a crear un rectángulo redondeado. Bien, entonces si creamos eso, obviamente hay algo de
redondez pasando aquí Si escribimos, pulsamos sobre
nuestro trazado rectangular, convertimos a trazado Bezier, y ahora podemos ver
que estos son vértices
bezier porque
tiene que crear algo de redondez para ello tiene que crear algo de redondez para Cualquier forma que sea redondeada, una vez que la conviertas
en un camino bezier,
tendremos vértices bezier Cualquier forma que tenga esquinas duras como un cuadrado o un polígono, o una poliestrella, esas siempre tendrán por defecto vértices lineales Sin embargo, si los
creas a mano, agarra la herramienta pluma y dibujas
alguna forma. A menos que hagas clic y arrastre, van a ser vértices
lineales Entonces como por ejemplo, esto es
un lineal, esto es lineal. Este hago clic y
arrastre, así que eso es un bezier.
19. 03.04 Conversión de formas a rutas de Bézier: Vamos a crear un rectángulo y
luego vamos a darle un trazo. Los rectángulos y elipses
son especiales ya que tienen estos ajustes separados
para la posición y Para los rectángulos, también tienes
esta redondez. Una vez que conviertas esta
ruta rectangular en una ruta Bezier, pierdes esas funciones Ahora ya no
tienes el tamaño y posición y la
función de redondez que tenías antes Eso es algo que
en realidad es muy importante. Al igual que si quieres
hacer esto más amplio ahora y es posible que no te quedes en
un camino perfectamente recto, puedes irte así. Uno de los beneficios de trabajar
con formas a diferencia caminos es que tendrás estos controles extra
como con el tamaño, podrás cambiar muy fácilmente tamaño de las mismas o
la posición de las mismas,
la redondez de las mismas,
y perderás toda esa funcionalidad cada vez
que conviertes a un camino bezier Y verás, te voy a mostrar de la
misma manera con una elipse. Siempre que tuvieras una elipse,
solo dale un trazo. La trayectoria de elipse tiene este tamaño y tiene estas
opciones de posición aquí Puedes desmarcar
eso. Bueno, una vez que conviertes eso a un camino más bezier, ya no
tienes Ahora es solo un camino
así que no tienes esos controles para la
posición y para el tamaño. Así que algo a tener en
cuenta a medida que comienzas a adentrarte en
formas y animaciones más complejas. Hay veces en las que realmente
quieres tener una ruta rectangular o
una ruta elipse en lugar
de solo una ruta bezier en plan
20. 03.05 Cómo establecer un primer vértice: Hay otra cosa que
quería tocar cuando se trata de vértices, y es establecer
un primer vértice Así que vamos a crear una forma. Vamos a agregar un rectángulo
y darle un trazo, y tal vez
aumentarlo un poco. Ahora hagamos clic derecho sobre una ruta rectangular y luego
convertiremos a ruta bezier. Siempre que tengas un camino más bezier, siempre va
a
haber un Es más grueso que los demás en este caso es este
superior derecho de aquí. Ahora la razón por la que
esto es importante es, y entraremos en esto con
más detalle más adelante. Si agregas algo
así como un Trempass, este porcentaje final va a controlar la animación por
cómo comienza y termina Como puedes ver mientras
recorrimos esto, está comenzando y terminando
con ese primer vértice ¿Y si tu animación lo
requiere para comenzar de nuevo en este
vértice de aquí Siempre puedes compensarlo con este porcentaje de compensación aquí, pero es un poco engorroso
y no son tiempos exactos Es posible que obtenga como
la mitad de un grado en el
que necesite comenzar
su animación. Esto puede ser un poco confuso, pero entraremos en Tripas más tarde y tendrá
mucho más sentido El punto que estoy tratando de
hacer es si quieres
controlar dónde comienza y termina tu
animación, cada vez que añades un pase de recorte, necesitas poder
establecer tu primer vértice Y la forma en que
lo haces es decir que
queremos que comience desde
esta esquina aquí, bueno simplemente da clic en ese vértice, clic
derecho en la máscara de forma y trayectoria, y elija establecer primer vértice Cuando hagas clic en eso,
tu animación comenzará y terminará a partir de ahí. Una de las cosas a tener en cuenta es que cuando
tienes un camino, siempre
puedes sumar más puntos. Elige tu
herramienta de pluma. Solo
agreguemos algunos puntos más aquí ahora. Digamos que queremos que nuestra animación comience y termine
desde este vértice Clic derecho, forma de masa y trazado establecen primer vértice
y ahí vamos
21. 03.06 Entrenamiento básico para grupos: Bien, en esta lección,
vamos a repasar grupos. Primero, vamos a crear
nuestra composición. Simplemente golpearemos este ícono aquí
para crear una nueva composición, y llamaremos a esto Grupos. Haga clic. Bien, sigamos adelante
y creamos una Capa de Forma. Haremos clic derecho
en esta área aquí, esto a la izquierda de
nuestra Línea de Tiempo, Nuevo. Y desde el menú pop out, vamos a elegir la
capa Shape como hemos visto antes. Obtenemos una capa
de forma de after effects, pero nada en nuestro contenido. Entonces tenemos que entrar
y agregar nuestros contenidos. Entonces lo primero que
voy a hacer es ir a agregar. Vamos a agregar un grupo. Los grupos son
importantes porque hay una manera de controlar cada forma
dentro de su capa de forma. Querrás usar grupos
cuando necesites controlar las propiedades de transformación de algunas o todas tus
formas de forma independiente. Pasemos por un ejemplo. Bien, entonces dentro de
este primer grupo, agreguemos una elipse Y le daremos a esa elipse
un relleno y un trazo. Y como podemos ver desde nuestro panel de capas de
formas aquí arriba, obtenemos nuestro trazo
blanco predeterminado que tiene dos píxeles de ancho y nuestra píldora roja
predeterminada. Entonces solo voy a cambiar esto
a tal vez un azul Haz el
trazo, diremos naranja