Transcripciones
1. Avance de la clase: Motion Graphics en la interfaz de usuario de Apple: Estás a punto de desbloquear el estilo de animación
exacto utilizado por Apple y los creadores
que obtienen millones de vistas. Esto no es solo diseño de movimiento. Es lo que hace que
las marcas se sientan premium y contenido imposible de
pasar por alto. Tanto si eres freelancer, editor o creador de contenido, este estilo hace que tu
trabajo parezca que salió directamente de Cupertino.
Y no te preocupes. Aunque los efectos posteriores
se sintieran abrumadores antes, aprendes todo
paso a paso. Este no es solo otro curso
después de los efectos. Aquí es donde
aprendes a diseñar y animar gráficos animados de interfaz de usuario pulidos,
minimalistas y estilo
Apple
que se sienten intencionales, elegantes e
innegablemente Sí, estamos usando after effects, pero lo estamos usando como lo hacen
los mejores creadores de contenido y diseñadores visuales. En esta clase,
aprenderás a deconstruir el ADN del diseño de Apple,
claridad, espaciado, estratificación
y principios de movimiento Cree un diseño de
interfaz de usuario limpio y estructurado usando Figma,
Photoshop, Illustrator
o incluso capturas Anima con guiño anidado, elegante flexibilización y
sutiles movimientos de cámara para crear un efecto de cristal
líquido natural, capas
transparentes y movimiento basado en interacción realista Usa desenfoque, enmascaramiento, diseño de sonido y luz para elevar
tus imágenes. Empaque todo en animaciones
cortas
listas para Tik Tok, carretes, cortos de YouTube
o incluso trabajo con clientes. Este curso es para cualquiera que quiera dominar esta estética, aunque estés
empezando de cero. Te guiaré a través de
todo paso a paso, desde la preparación del diseño hasta la
animación final y Exportación. Construiremos dos animaciones completas de
UI juntas. Uno inspirado en la función real de
Apple revela. Uno enfocado en el diseño
de estilo vidrio transparente con tres movimientos de cámara D. Y si te preguntas quién soy he pasado más de una
década editando videos, administrando dos de los canales de
YouTube más grandes en sus nichos y construyendo
sistemas creativos que impulsen resultados He construido sistemas de edición que generan millones de vistas, y ahora te estoy mostrando cómo
llevar el mismo nivel de artesanía y pulido a
tus propias animaciones. Este curso es todo lo
que me gustaría tener cuando
empiezo a diseñar motion graphics
con borde profesional. Si quieres dominar la
estética Appletyle , impresionar a los clientes y crear un diseño de movimiento
que hable por sí mismo, este es el curso para hacerlo
. Te veré dentro.
2. ¡Hola! Comienza aquí: Bienvenido al
último curso de
maestría después de efectos para Apple
UI Motion Graphics Mi nombre es Vlad
y estoy emocionado de
guiarte a través
de uno de los estilos de animación más refinados, reconocibles y
demandados en mundo del motion design hoy
en día, creando
animaciones de interfaz de usuario de estilo Apple en After effect Este curso está
diseñado para creadores que desean que sus imágenes se sientan premium con transiciones
minimalistas suaves, diseños
elegantes y
gráficos en movimiento ultra limpios que imitan la estética elegante y
moderna que
ves en los anuncios de Apple, estética elegante y
moderna que
ves en los anuncios de Apple vitrinas de
beneficios y las Profundizaremos en lo que hace que estas animaciones
se sientan tan pulidas, y te mostraré cómo crearlas paso
a
paso usando flujos de trabajo reales
y proyectos reales. Esta es la cuarta clase en mi serie de edición en redes sociales. Si has tomado mis cursos
anteriores, master short from video
editing, after effects, motion graphics, mastery y premium viral motion
graphics y after effects, ya
has sentado
las bases En esta clase, llevamos
las cosas al siguiente nivel. No necesitas ninguna
experiencia previa con After Effects, diseño de
interfaz de usuario o gráficos en movimiento. Todo está
desglosado en un
formato claro y
estructurado paso a paso que puedes seguir desde cero y en realidad terminar
con resultados de nivel profesional, caminaremos hasta las construcciones
completas de videos cortos, comenzando con animaciones estáticas, luego convirtiéndolas en
animaciones pulidas con movimiento. Aprenderás a idear los conceptos visuales usando HIGPT, cómo estructurar tu flujo y cómo exportar tus
proyectos para TikTok,
carretes, cortos o
entrega a carretes, cortos o Recomiendo ver
todos los videos en orden. Cada lección se construye
en la anterior, dándote una
curva suave y natural que se complica a medida que avanzas. También puedes controlar
el volumen y la velocidad de reproducción de cada video para aprender a tu propio ritmo. Y si te quedas atascado,
tienes alguna duda, asegúrate de dejarlas caer en
la sección de preguntas y respuestas a continuación Asegúrate de revisar
primero
la sección de preguntas y respuestas porque es
muy probable que la pregunta que
quieres hacer ya
haya sido
respondida en detalle En algún momento, se te pedirá que dejes una reseña
del curso del s. Te pido que esperes
hasta que hayas tenido oportunidad de
experimentar realmente el material. Sus comentarios honestos me
ayudan a mejorar el curso y
servirle mejor a usted y a los futuros estudiantes. Gracias de nuevo por
unirse a este curso. Estoy realmente emocionado de
ayudarte a desarrollar las
habilidades para crear hermosos gráficos en
movimiento profesionales y darte la confianza para
usarlos en proyectos reales, ya sean personales
o basados en clientes. Vamos a saltar al primer video.
3. Domina la mentalidad para el diseño de movimiento: En este video,
quiero hablar la mentalidad a la hora de
aprender motion graphics
o para ser honesto, cualquier cosa Voy a cubrir algunas de las mejores
prácticas que uso
así como algunas de las
prácticas de este libro. Es un gran libro
de James Clear, pero vamos a
hablar de ello en un segundo. Ahora, las tres
fases de aprender cualquier cosa es aprender,
practicar y enseñar. Primero, vas
a aprender de mí. Esto es sencillo. En segundo lugar, es importante
practicar porque si aprendes y no
practicas, entonces confía en mí. No trae resultados. Lo importante es
que practiques. Entonces una vez que
practiques, una vez tengas proyectos
que hayas creado, aunque sea la réplica absolutamente exacta de
lo que he creado, seguiré recomendando
compartirlo con otros alumnos y contar qué es lo que has aprendido, qué
es lo que has hecho. Porque cuando enseñas, simplemente
pasa
algo
absolutamente mágico en nuestros cerebros y
aprendes mucho mejor. Ahora, viniendo a este libro, quiero mostrarles una gráfica. Es esta gráfica de aquí,
1% mejor cada día. Si te vuelves 1%
mejor cada día, 1.01 a la potencia de 365, es igual a 37.78 En palabras simples,
significa que si te vuelves mejor en un 1% en un año, estarás 37 veces mejor. Si te vuelves 1% mejor
cada día, eso es todo. Sin embargo, si
empeoras 1%, serás casi igual a cero. 0.99 a la potencia
365 equivale a 0.03, que es básicamente cero Cuando se trata de aprender,
solo recuerda esto. Solo necesitas 1% de
mejora todos los días durante un año y estarás
absolutamente al siguiente nivel. Ahora bien, si de verdad
quieres sumergirte profundo, te
voy a dar un par
de otros consejos también. Entonces quiero decir,
definitivamente puedes leer el libro, pero voy a pasar rápidamente. Básicamente, es necesario crear
un nuevo hábito de aprendizaje. Para crear un nuevo hábito de aprendizaje,
hay cuatro pasos. En primer lugar, hazlo obvio. Si quieres aprender, pon recordatorios justo
en toda tu casa Pon recordatorios escritos,
pon tu computadora, asegúrate de que la
veas visualmente y que sea obvio, como si fuera fácil de notar En segundo lugar, hazlo atractivo. Haz algo que disfrutes
justo después de aprender. Si te gusta salir a
caminar, entonces ve a trabajar. Si te gusta comer frutas, entonces sigue adelante y come frutas, pero asegúrate de
darte un regalo para que
sea atractivo para ti. Ahora, sep número tres
es hacerlo fácil. En otras palabras, si
no aprendes normalmente y de
repente
empiezas a aprender 4 horas al día, eso es
un poco demasiado. Asegúrate de progresar poco a
poco tan pocas mejoras. No empieces a aprender todo
el día y luego tu cerebro explota y ya
no quieres hacerlo. Y número cuatro,
hazlo satisfactorio. Puedes realizar un seguimiento de tu progreso. Puedes marcar días, puedes marcar el
número de videos, viste lo que sea que
funcione para ti. Y esto es solo una
descripción rápida de los cuatro pasos. En este libro, James Clear da tantos más detalles sobre
cómo crear nuevos hábitos. Entonces, si quieres crear nuevos
hábitos y cambiar tu vida, realmente te recomiendo este libro. Por cierto también habla cómo deshacerse de los malos hábitos. Entonces, si quieres,
puedes echarle un vistazo, pero aparte de eso,
empecemos a aprender. Si tiene alguna
duda, házmelo saber. Aparte de eso,
te veré en el siguiente video.
4. Descarga todos los archivos y recursos: Bienvenida. En este video,
quiero mostrarte cómo puedes acceder a tus recursos
exclusivos para estudiantes. Debajo de este video, encontrarás la sección de proyectos y
recursos. Si lo abres hacia arriba
y
te desplazas hacia abajo, podrás ver al
estudiante Recursos exclusivos y el enlace de
recursos descargables Si haces clic en ese enlace, te
va a llevar a Google Drive o
encontrarás las plantillas, archivos de
proyecto, efectos de sonido, todo lo que utilicé
y todo lo que necesitas usar para
completar las partituras. Si tienes alguna
duda, avísame. Pero aparte de eso, voy a
ver el siguiente video.
5. Por qué Apple se siente Premium: diseño visual y principios de movimiento: Bienvenida. En este video,
me gustaría desglosar por qué Apple se siente
premium y caro. Entendamos
sus diseños visuales y principios de movimiento. Bien, tenemos una
serie de ejemplos. Estos son los
principios de diseño de Apple. Si le echas un vistazo a
alguna de estas diapositivas que tienen, todo
es minimalista Es muy claro.
Todo está alineado. Muchas veces con
minimalista, menos es más. Por lo que estamos
tratando de utilizar lo menos
posible para
sacarle el máximo partido. Si echamos un
vistazo a su página web, el minimalismo y
cualquier cosa que se sienta cara suele tener
mucho espacio Por lo que utilizan el espacio
a su favor. No es como si estuviera vacío, pero es caro porque
espaciar significa libertad. Por lo general, la libertad y la
prima caros. Es como si estuviera todo
interconectado. Entonces, si echamos un
vistazo a sus sitios web, mucho espacio libre. Por cierto, también mantienen un diseño
similar en todas partes. Mucho blanco, mucho espacio. Hablando de las últimas actualizaciones y específicamente
del vidrio líquido, y este es el efecto que
estamos aprendiendo a hacer. A algunas personas les encanta,
algunas personas lo golpean. Mantienen los mismos principios. Simplemente en lugar de que sea todo
colorido, ellos una vez más, tratando de hacerlo aún más minimalista para que no
haya colores Todo es el mismo
estilo en lugar de
ser estos muchos colores, es solo un look minimalista A algunas personas les encanta,
y la gente lo odia. Y de todas formas, si
estás aquí, sabrás cómo hacer esto. Si echas un vistazo a los principios
del movimiento, entonces todo es intencional. Una gran palabra para describirla
es que se siente táctil. Si alguna vez usaste productos
Apple, como, es muy diferente de cualquier
otro producto que exista. Solía ser usuario de PC con Windows, y cambié el
año pasado tengo Samsung, HDC, y otros teléfonos móviles, y luego en algún momento, me
cambio a Apple también La atención al detalle es
simplemente absolutamente siguiente nivel. Entonces, si alguna vez probaste los productos
Apple y
comparaste con la competencia, todo es muy táctil y es solo que todo
se siente caro Al igual que, está hecho para ser caro. Incluso las cajas de Apple son
absolutamente increíbles. Y esta es una de las
razones por las que la gente guarda sus cajas porque
las propias cajas, pesar de que es como una
pieza de papel, es tan buena. Entonces, recapitulemos el minimalismo. Menos es más. Espaciamiento generoso.
Todo está alineado. Las cosas se sienten intencionales
y táctiles, y la última
actualización de vidrio líquido Si tiene alguna duda,
házmelo saber mejor que eso. Te veré en el siguiente video.
6. Preparación de una interfaz de usuario al estilo de Apple para After Effects: captura de pantalla + flujo de trabajo de Photoshop: Bienvenida. En este y en un
par de próximos videos, te
voy a mostrar cómo crear diseños de
interfaz de usuario de antemano. Ahora, algo que puedes hacer es crearlo recto
y después de los efectos. Pero me enteré, desafortunadamente, me pareció un duro que en realidad
es
mucho más fácil preparar
las cosas con anticipación, sobre todo si lo vas a
usar muchas veces. Y para este ejemplo,
vamos a usar Instagram. Y además de eso,
en este video, vamos a usar
Screenshot más Photoshop, y en otros tres
próximos videos, vamos a usar otras
herramientas para crear diseños de UI. Entonces, antes que nada,
tomemos una captura de pantalla. En MacBook, es
Shift Command tres. Presionando eso, estoy
creando una captura de pantalla, y después tengo que
venir a Photoshop. Aquí voy a venir a archivar nuevo o simplemente puedo seguir adelante
y presionar Comando N, y vamos a crear
los 1920 por 1080
píxeles personalizados porque ese
suele ser el tipo de videos que creo y
podremos usar los efectos posteriores. Ahora, vamos a simplemente arrastrar nuestra captura de pantalla aquí, presione bien. Ahora vamos a tener que
hacer click derecho sobre nuestra captura de pantalla
y dar click en RSR Layer Si no lo hacemos, voy
a mostrarte lo que pasa. Para esta tarea específica,
necesitaremos una herramienta de Marquesina. Podemos activarlo
presionando un atajo M, o puede presionar anuncios de acceso directo como la herramienta Mover
o la herramienta de selección. Presiona M.
Y si selecciono y selecciono la
captura de pantalla, presiono y elimino. No podemos
hacerlo porque primero
necesitamos rsturizar En este punto, es
una capa inteligente. Entonces, si hago doble clic en
él, lo va a abrir
en una nueva ventana. Sin embargo, después de
rasterizar la capa, haciendo doble clic,
vamos a abrir el estilo de capa Si selecciono algo aquí
ahora mismo y presiono y elimino, podremos eliminar
partes de la imagen, que es exactamente lo que queremos. Entonces voy a seleccionar
y eliminar esta parte. Por cierto,
también podemos presionar Mayús y seleccionar otras
partes de la imagen, pero es más fácil
para mí hacerlo pieza por pieza. Por lo tanto, elimine esta parte, seleccione y elimine esta parte. En realidad, hagamos
una selección más grande. Entonces. Ahora, también lo eliminemos hasta aquí. Eliminar. Genial. Y si hago clic aquí y coloreo sobreponer el fondo,
esto es lo que tenemos. Al presionar Comando cero, puedo
ajustarlo a la pantalla. Por cierto, en Windows,
en lugar de comando, solo
tienes que presionar control. Aparte de eso
todo es igual. Y para aprender atajos, puedes venir a ayudar, buscar atajos, atajos de
teclado, abrirlo, y buscar, por
ejemplo,
por ajuste, ajuste en
pantalla, Comando cero. Ahora lo siguiente que queremos
hacer es querer asegurarnos de que
esto esté alineado y
esté en el medio. Para poder hacerlo,
necesitamos cortar este espacio, este espacio desde arriba. Entonces voy a seleccionar
la captura de pantalla, configurar la herramienta Marquee,
hacer una Más o menos, y luego acercar
presionando Option o Alt en PC, asegurándome de
seleccionar exactamente lo que necesito y nada más. Y ahora voy
a presionar en eliminar. En realidad, acabamos de cortar
esta parte también. En realidad no me di cuenta de eso. Entonces tenemos que cortar un poco menos. Así que vamos a cortar un poco menos hasta aquí. Acercar Perfect. Presentar, suprimir. Comando
zoológico. Bien, genial. Entonces ahora tenemos la
parte superior cortada con precisión, tenemos la
parte inferior cortada con precisión. Bueno, esta parte realmente no
importa muy, muy pequeña. Y ahora necesitamos
seleccionar la capa y la
captura de pantalla juntas, y vamos a presionar aquí. La captura de pantalla va
a alinearse verticalmente. Ahora bien, para que se alinee horizontalmente, tenemos que
hacer lo mismo. Tenemos que cortarlo de la
derecha y de la izquierda para que sea precisamente
aquí, cortar hasta aquí. Y se corta hasta aquí. Entonces hagamos exactamente eso. Hagamos selección por
aquí, mueva la selección. Por cierto, también
puedes mover esta selección con las teclas. Entonces, al presionar a la derecha,
va a mover a la derecha. Izquierda, se va a
mover a la izquierda. Presentar eliminar. Entonces vamos a seleccionar
el gráfico de pantalla, presentar eliminar, hacer exactamente lo mismo en
el lado opuesto. Eliminación perfecta, comando cero. Y ahora seleccionando ambos, por cierto,
asegúrate
de anular la selección lo que tengas en
la pantalla
porque simplemente va a funcionar de manera extraña Así que asegúrate de
deseleccionar o simplemente presionar en alguna parte y luego poner nuestra
captura de pantalla en el medio Lo siguiente que tenemos que
hacer es cortar
cada pieza para que si queremos animar
cada pieza, queremos asegurarnos de
que
tenemos acceso a cada pieza en lugar de solo una captura
de pantalla enorme También lo vamos a hacer con la herramienta
Marquee, señor. Presiona ahora necesitamos
hacer una selección. Por ejemplo, esta
parte aquí, seleccionada, y vamos a presionar
Comando X o Control X. Lo sentimos, necesitamos seleccionar
la captura de pantalla, Comando X. Necesitamos presionar
Mayús Comando V, y vamos a pegarlo exactamente
en la misma posición. Si presionamos Comando V, que
es algo que podemos hacer, va a pegarlo, pero en diferente ubicación, que no
es algo que queramos. Entonces Shift Command V o Shift
Control V en Windows. Selecciona la captura de pantalla,
y ahora tenemos que hacerlo por cada pieza
que queramos animar. Entonces lo haremos por esta parte. Y esta parte. Solo asegúrate de
seleccionar la captura de pantalla. Si no seleccionas la captura de pantalla y
presionas en Comando X, simplemente no
hay nada que pegar. Así que asegúrate de seleccionar
la captura de pantalla. Bien. Y ahora, si yo ds la captura de pantalla, vamos a tener cada pieza
sola. Entonces lo que podemos hacer es que
realmente podemos seguir adelante y eliminar la
captura de pantalla original porque ahora tenemos cada
capa por separado. Lo siguiente que tenemos que
hacer es cortar cada
capa con precisión. Sé que es un poco tedioso, pero esto es algo que
tenemos que hacer La razón de ello es
porque la punta del tobillo está en el medio de cada capa. Entonces, por ejemplo, el
punto ancho para este video, no
va a estar en medio
del círculo. Va a ser por aquí. Al igual que, va a estar en medio
el corte. Y lo mismo para esta parte. Entonces va a ser por aquí. No va a estar
entre estas dos letras. Y para
personalizarlo a cómo debe ser, sí
necesitamos cortar
cada pieza. Entonces por ejemplo, con
esta, una vez más, selecciona la selección de la
herramienta Marquesina, selecciona selecciona **** y hazlo Ahora bien, si lo hago más grande
y presionando opción, puedo escalarlo así. Se puede ver que el encapoint
está justo por aquí. Sin embargo, para esta capa, el encapoint está por aquí Y para que uno esté en
el medio, una vez más, tenemos que cortar
cada pieza. Qué Bien, ahora que hemos
hecho estos recortes, lo que sea que escalemos
va a escalar Entonces es absolutamente bueno para ir. Ahora bien, una cosa importante a
mencionar es que, por ejemplo, mi nombre o cualquier tipo de texto que esté en la
pantalla, es una imagen. Si queremos que sea texto, necesitamos crear el texto, y necesitamos que coincida exactamente. Entonces, por ejemplo, si quiero animar este texto específicamente
aquí, como mi nombre, tendré que dar click aquí, y tendré que
escribir mi nombre Hagámoslo blanco.
Busquemos la fuente de Instagram. ¿Qué fuente usa Instagram? Bien, entonces sí usan
algún tipo de arenas, pero que es una costumbre
construida para ellos. Así que vamos a elegir
uno de estos. Solo queremos
asegurarnos de que sea similar. No tiene que ser
el ft exacto. Bien. Al igual que ahora necesitamos
hacerlo ahora necesitamos
hacer que el texto sea negro, y tal vez moverlo un
poco más bajo. Así. Y ahora, si seleccionamos éste. Bueno, hay un par de
cosas que podemos hacer con esto. Una cosa que podemos hacer
es simplemente superponer el color y hacer una
capa blanca de presión kay. Y luego una vez que tengamos nuestro texto, vamos
a tener nuestro texto. Estamos haciendo esto es porque
queremos personalizarlo
más adelante en after effects. Si no queremos personalizar
más adelante en after effects, solo
podemos dejarlo como está. Una cosa importante
a considerar también, es que si quieres reutilizar
esto varias veces, es más fácil hacerlo primero
en Photoshop, luego vas
a tener este archivo. Serás capaz de
poner en efecto después. Tendrás las capas de
texto listas. O puede crear
capas de texto en los efectos posteriores. Lo que sea que funcione mejor para ti. Yo diría, si
usas el proyecto una vez, puedes hacer ambas cosas, pero si vas a usar
un proyecto varias veces, entonces crea estos textos en Photoshop desde
el principio. ¿Bien? Ahora, tenemos que guardar a esta
persona del proyecto venga ad as, venga a Desktop
y guarde escritorio. Ahora vamos a abrir después de los efectos. Nuevo proyecto ahora
encontraremos nuestro archivo, y lo dejaremos caer por aquí. Ahora bien, estos son un par
de escenarios importantes. En primer lugar, opta por
composición retener tamaños de capa o composición. No uses el metraje porque si haces clic en el metraje,
lo va a importar. Es una imagen grande, y no
queremos eso. La razón por la que
hicimos todo el trabajo en Photoshop para que tengamos
muchas capas diferentes. Eso es lo más importante
ahora en cuanto a
las opciones de capa, opciones de
capa, por ejemplo, en Photoshop, si hago doble clic, estas son tus
opciones estilos de capa. Y básicamente, es a
lo que se refiere. Entonces, por ejemplo, si nos fusionamos o si quieres
tenerlo editable, para ser honestos, no importa en este caso, porque no
estamos usando ninguna Entonces, si haces clic en Bien, lo va a importar
como composición. Podemos hacer clic y abrirlo, y ahí tienes. Ahora bien, si una persona ordena a
Y crear un sólido, establecer un fondo blanco colocarlo, para que podamos eliminar la
capa negra y ahí vamos. Tenemos nuestra página de Instagram. Ahora, verás que Vlad
Se tv, que es mi nombre, si hago clic en él,
creo, convierte
a texto editable Si hago clic en él y
presiono en comando, puedo personalizar este texto. Esta es la razón por la que
creamos este texto en Photoshop. Pero para mi mango, por ejemplo, no
podemos
cambiarlo porque es sólo una imagen. Una cosa que podemos hacer es
simplemente escribirla, ponerla aquí, disminuir la posición de la escala
más o menos así, y luego solo necesitamos
en realidad, deseleccionemos Esta es la capa 13. Entonces si lo deseleccionamos, habilite este este
es nuestro mango.
Podemos hacerlo en ambos sentidos. Si vas a trabajar en un
proyecto varias veces, entonces sí, adelante y hazlo en Photoshop desde
el principio. Si no, puedes hacerlo de una vez en después de los efectos y
olvidarte de esto. Bueno, así es como preparas tu diseño de UI en Photoshop. Ahora, entremos en
el siguiente video, y te mostraré
otra manera de hacerlo. Si tiene alguna
duda, házmelo saber. Pero que eso, te
veré el siguiente video.
7. Preparación de una interfaz de usuario al estilo de Apple para After Effects: captura de pantalla + flujo de trabajo de Illustrator: Bienvenida. En este video, vamos a explorar
la segunda opción para crear diseño de interfaz de usuario. Y en este caso,
vamos a usar una captura de pantalla plus
en Illustrator. La forma en que haces esto es
tomar una captura de pantalla, y luego vienes
a Illustrator. También puedes presionar
Comando como en Photoshop para crear
un documento personalizado. 1920 por 1080, crear Illustrator sí funciona de
manera ligeramente diferente en comparación con
Photoshop, y
te voy a mostrar en un segundo. Descargué esta imagen
del sitio web de Apple, y voy a presionar
por aquí al final, y voy a presionar
Option y Shift para que se escala desde el
medio y de manera uniforme. Algo así,
selecciona la herramienta de selección, muévela un poco más abajo. Ahora, la forma en que
vamos a hacer esto con Illustrator es que vamos a recrear
literalmente
esta cosa a mano Y para ello,
vamos a crear una nueva capa presionando aquí. Y ahora vamos a recrear las cosas. En primer lugar, presionar
un relleno de rectángulo. Seleccionemos algo
de un color opuesto. Voy a acercar
con opción, y vamos a crear
algo como esto, y lo personalizaremos ahora. Así que quiero asegurarme de que se ajuste a los bordes exactamente donde
se supone que debe estar. Ahora, tampoco
necesitamos el trazo, así que solo voy
a presionar aquí para
asegurarme de que no
tengamos ningún trazo. Y lo último que
vamos a hacer es que podamos arrastrar estas capas para asegurarnos de que
tenemos los
bordes redondeados como jabón, y aquí está para que
veas lo que está pasando. Ahora, también necesitamos crear
este látigo al final, y vamos a
crear otra capa Vamos a presionar
en el pentel. Empezaremos por aquí, lo
tiraremos hacia abajo, y luego lo
voy a hacer, así. En realidad, hagámoslo así. Entonces, al sostener el cursor, en realidad
puedo
estirarlo y suavizarlo. Entonces lo haremos hasta este punto, entonces tenemos que
hacerlo a por aquí. Y se puede ver que
tenemos este asa viniendo del punto anterior. Entonces tenemos que presionar
opción y moverla, así vamos a mover este
un poco también. Y ahora sólo
vamos a dar click aquí para terminar el barrido
al final. Ahora, recreemos el texto
pulsando T. Este es un
atajo para abrir el texto Y ahora eso está justo aquí. I Apple usa la fuente SF Pro. puedes
descargarla desde el sitio web oficial
de Apple . Probemos con regularidad. Verde presione en el espacio de comandos para desactivar la edición del texto. Ahora, vamos a moverlo aquí
y aumentemos de tamaño. Voy a presionar
Shift, también para asegurarme de que escala de manera uniforme. Ahora, voy a
moverlo con las teclas de flecha. Y ahora también necesitamos
hacerlo gris. Perfecto. Y hagamos lo mismo con el texto
inferior, también. En realidad, solo cometí
un pequeño error. Lo puse en la capa
uno, el texto. Pongámoslo a la capa tres, y vamos a crear nombres. Entonces, en realidad, puse el
látigo aquí también. Entonces la capa dos
va a ser burbuja. Esto va a ser texto.
Entonces tenemos nuestro texto. Asegurémonos de que encaje
perfectamente también. Y pongámoslo. Entonces también notarás que tienen diferentes variaciones, y en esta,
probablemente no sea regular. Es un poco más que regular. Entonces probemos medio. En realidad, esto podría ser regular, el espaciado entre las
palabras un poco más grande para que
podamos aumentarlo por aquí. Para encajar perfectamente. Ahora
solo tenemos que asegurarnos de que sea de un
color ligeramente diferente. Entonces vengamos a llenar. Ven aquí. Hazlo gris. Perfecto. Ahora, vamos a
crear la capa N. Seleccionemos nuestra herramienta de rectángulo, y vamos a crear
un rectángulo enorme. Más o menos así. Ahora
asegurémonos de que sea perfecto. Vamos a golpearlo hasta aquí. Esta va a ser nuestra pantalla. Bien, ahora vamos a crear nuestros bordes
súper lisos así. ¿Bien? Pongámoslo también en la parte inferior para que
podamos ver las cosas. Y lo llamaremos fondo
iPhone. Ahora, en la misma capa, también
podemos crear otra, y podemos hacerlo así. Y para ello,
sólo vamos a necesitar cambiar el color a
ligeramente diferente. Lo pondremos a rojo
por ahora, así. Tenemos que hacer exactamente
lo mismo. Ahora necesitamos arrastrarlo con
opción para duplicarlo, ponerlo exactamente en
la misma posición, y este no va
a tener los bordes redondeados. De
hecho, podemos bajarlo. Entonces ahora si cambiamos los
colores, por cierto, la forma en que podemos
cambiarlo es
solo podemos arrastrar este hacia la izquierda. Para este,
vamos a dar click aquí
para otros rectángulos Vamos a hacer clic aquí. Para éste. Vamos a
hacer clic aquí. Interesante, ligeramente diferente. Así que vamos a asegurarnos de que es
exactamente la correcta. Perfecto. Voy
a seleccionar esta. Bien, perfecto. Ahora, lo volveremos a poner exactamente en
el mismo lugar. Por cierto, el
rectángulo en la parte inferior, podemos bajarlo un
poco. Y vamos a crear texto. Esto es lo que tenemos hasta el
momento. Todo lo que estoy haciendo para esta parte es duplicar
el fondo blanco para crear un contorno negro del iPhone. Bueno,
ya entiendes la idea. Por el bien del tiempo, no
voy a
pasar por toda la recreación. Al final, lo que hacemos es eliminar la capa que no
necesitamos, que es esa. Ponemos esta capa a la papelera. Ahora, si quieres
personalizar cada texto, entonces necesitas crear una
capa para cada texto. Así que podemos poner este
aquí, y esto será, ¿puedo llamarte de
nuevo? Bien, genial. Ahora en presionar Comando S y guardarlo como
Adobe Illustrator. Vamos a guardarlo en el
escritorio. Presiona bien. Ahora, cuando lleguemos
a los efectos posteriores, vamos a arrastrar esta cosa dentro. Asegúrese de establecer el
tipo de importación como composición. Una vez más, si no configuras esta composición se va a importar como una imagen grande. Entonces composición,
tamaño de capa o tamaño de documento. Esto también es importante. Básicamente, si estableces
el tamaño del documento, entonces cada texto, cada objeto
va a ser del tamaño
de la composición, que va a ser 1920 por 1080, que no es
algo que queramos. Queremos que sea el tamaño porque si usamos
el tamaño del documento, y te voy a
mostrar rápidamente. Siempre hago clic, hoy
tenemos el texto, pero básicamente, es el tamaño de la composición. Eso
no es lo que queremos. Si vuelvo atrás y
lo importo con tamaño de capa, ahora vamos a abrir
la composición ahora
puedo presionar sobre el mensaje
I y puedo moverlo por ahí. Y puedo seleccionar en realidad
absolutamente cualquier cosa aquí. Pero si no
lo hacía, tendría que
meterse con
presionar P y cambiar la posición de
cada cosa esta manera porque solo
podríamos tocar la que está
en la parte superior porque
es el tamaño de la capa. Ahora, lo mejor
de Illustrator es, por ejemplo, la burbuja. Puedo hacer clic derecho para crear grandes
formas a partir de la capa vectorial, lo
que significa que ahora es
una forma en el efecto posterior. Y si quiero
digamos cambiarlo, absolutamente
puedo cambiarlo. El único problema
con Illustrator es que cuando el texto se
importa a los efectos posteriores, realidad no
es texto. Déjame darte una
mejor explicación. Al importar el archivo
illustrator, éste importa texto y
todos los objetos como formas. Si quieres
personalizar el texto, necesitamos importar
el archivo de Photoshop
porque si importamos
el archivo de Photoshop, entonces puedes convertir
el texto de Photoshop
en texto editable
en after effect Una cosa que te
mostré desde el principio es que cuando creas
un archivo de Illustrator, simplemente
fui a crear
nuevo y crear un tamaño personalizado 1920 por 1080. Pero aquí está el gran problema. Cuando exportamos este archivo como un archivo photoshop y luego lo
importamos a after effects, tenemos problema.
No tenemos capas. Simplemente se está importando
como imagen. Eso no queremos. Lo que queremos es que se importe tantas capas
diferentes. La forma en que somos capaces de resolver
este problema es si vamos a nuevo y creamos una web grande. Entonces, si vas a la web, puedes crear una web grande. Y porque está
siendo tratado como un formato diferente porque cuando entramos en la exportación, por ejemplo, vamos a exportar 15 y vamos a
usar Porto shop Export. Cuando usamos este modelo de color y potencialmente algunos
otros ajustes. Se puede ver que se está
importando y no tenemos este pop up con el que
podría personalizarlo. Y ahora, lo que tenemos que
hacer es que tenemos que presionar el Comando A
y presionar Comando C,
Comando N para crear nuevo
weblarge y pegarlo aquí Ahora, verás que
tenemos solo una capa, y tenemos todas nuestras
cosas en una sola capa. Y lo que tenemos que hacer es
que tenemos que dar click en la capa, click en esta hamburguesa, liberar a secuencia de capas. Ahora, todo
es su propia capa, y tenemos que arrastrarla
fuera de esta capa y podemos eliminar esta capa porque ya no la
necesitábamos. Ahora bien, si entramos en la
exportación de archivos como Photoshop, usa mesas de trabajo, y
hagamos esto 116 ¿Bien? Ahora, vamos a
importarlo a los efectos posteriores. Verás, tenemos este pop up. Somos capaces de
elegirlo y presionar bien. Doble click, ahora
tenemos el texto y algo donde
anteriormente abofetamos es el problema con los archivos de
Illustrator es que este no es un texto Se trata de un archivo SVG. Y ahora mismo,
tenemos este texto. Hemos comprimiendo el Comando C, vamos al archivo SVG, y ahora podemos hacer clic derecho en
Crear texto editable Ahora tenemos este texto, y
podemos personalizarlo. Si tiene alguna
duda, házmelo saber. Pero que eso, te
veré el siguiente video.
8. Preparación de una interfaz de usuario al estilo de Apple para After Effects: flujo de trabajo de Figma e Illustrator: Bienvenida. En este video, te
voy a mostrar la tercera forma de
crear diseños de UI. Y en este video,
vamos a usar Figma e Illustrator Figma se puede utilizar de forma gratuita. Hay algunos planes de pago, pero lo
vamos a usar
completamente gratis, así puedes venir a figma.com. Además, puedes descargar
una app en tu computadora. Entonces va a verse
algo así. Como pueden ver, es
muy, muy similar. La experiencia en una aplicación es un poco
más fluida que en el navegador. Entonces, si tienes una oportunidad,
adelante y descárgala. Si no, puedes
usarlo en el navegador. Pero en aras de la suavidad, vamos a utilizar
la aplicación Entonces, si vas a
Plantillas y Herramientas, podemos buscar, por
ejemplo, la interfaz de usuario de Mac, y podemos
seguir adelante y abrirla, y boom, déjame acercarme. Ahí vas. Un
montón de cosas aquí. Que se ve exactamente igual que
la página oficial de McBook. Podemos ir a
buscar diferentes. Para ésta, por ejemplo, vamos a abrirla. Bien, así que un montón de cosas
aquí haga clic aquí, haga clic aquí. Entonces sí parece
que es de Mac. Ahora, déjame mostrarte cómo trabajar
realmente con esto. Entonces, en realidad,
busquemos la interfaz de usuario del iPhone. Bien, así que acabo de abrir interfaz de usuario de
iPhone Los Así es como
se ve desde ambos lados. Incluso puede hacer clic en iPhones
especiales. De todas formas, así que lo que vamos a hacer es que vamos
a hacer clic aquí, y solo nos aseguraremos que hemos seleccionado
lo correcto, y vamos a hacer clic derecho en
Copiar Pegar y copiar SVJ Y ahora vamos
a abrir Illustrator, Command N web large, crear, y aquí
sólo vamos a pagar. Comando V. Y ahí
tenemos nuestro iPhone. Notarás que el
fondo de pantalla desapareció. Eso está totalmente bien
porque ese fondo de pantalla no
es un archivo SVJ Y lo que hicimos en Figma es
que copiamos específicamente SV. En uno de los futuros videos, me
verás teniendo
el mismo problema, y te mostraré
cómo resolverlo. Ahora, también podemos abrir capas, y vamos a
ver todos los objetos. Entonces de aquí para acá. Si deshabilitamos este grupo donde se encuentran todos
los objetos, entonces así
es como va a quedar. Lo primero que podemos
hacer es seleccionar todos los objetos y
sacarlos de los grupos. Así. Entonces necesitamos
seleccionar nuestra capa haga clic en la secuencia de capas de
liberación de Burger. Y ahora podemos seleccionar todas las
capas y rastrearlas. Entonces ahora cada
cosa es su propia capa. Y por cierto, podemos
No estoy seguro para qué
se utilizaron estos, pero por ahora podemos deshacernos
de ellos. Bien, para que podamos movernos
cada pedacito como queramos. Podemos seguir adelante y
guardar este archivo. Entonces manda como para salvar. Vamos a guardarlo por
aquí. Persona bien. Ahora vamos a las secuelas y
sigamos adelante y arrastremos
lo que acabamos de crear Asegúrese de establecer la composición
y los tamaños de capa. Bien, haga doble clic, y
ahí va. ¿Bien? Veamos cuál era este. Bien, probablemente podamos
deshacernos de esta. Presionemos Comando
Y para crear un sólido, ponerlo en el fondo y
vamos a crear otro sólido. Vamos a hacerlo gris. Presiona Bien. Sólo voy a encontrar qué parte
necesitamos para rastrear tapete. Por lo tanto, necesitamos rastrear la
estera, necesitamos rastrear el grado de
MD para que solo lo criara. Entonces necesitamos rastrear el
grado MD a la capa 26 para básicamente cambiar
el color de fondo. O podemos seguir adelante y simplemente hacer clic derecho en
crear formas a partir de capas
vectoriales y desactivar esta y cambiar el
color de la propia capa. Así que llene, podemos cambiar
su color así. Y ahí tienes. Bastante
fácil, bastante rápido. Figma es realmente genial. Para ser honesto,
lo descubrí no hace tanto tiempo, y absolutamente solo lo
cambia todo. Es absolutamente genial. Puedes
buscar cualquier tipo de interfaz de usuario. Entonces, por ejemplo, YouTube, UI, vamos a abrirlo. Y ahí tienes. Si nos
acercamos, esto es lo que tenemos. Podemos simplemente seguir adelante y seleccionar este, por
ejemplo, el canal. Entonces esta parte, podemos simplemente seguir
adelante, seleccionarla, clic
derecho, hacer lo mismo, y bueno para ir. Ahora, una cosa realmente
buena los archivos SVJ es que podemos asegurarnos de que estos
archivos rasterizan Lo que eso significa es, por ejemplo, presionemos y sim S
y lo haremos a lo grande. Y verás
que está empezando a
perder calidad a medida que se va
haciendo más grande. Pero si presionamos
este botón aquí, pesar de que lo estamos
incrementando en tamaño, se mantiene la misma calidad. Entonces esto es lo mejor de los archivos
SVG y de Illustrator porque
somos capaces de hacer esto. Si realmente quieres acercar, por
ejemplo, o realmente aumentar
el tamaño de algo, podemos hacer eso con esto, lo que ahorra solo sí, simplemente
salva absolutamente el día. Entonces si quieres, puedes seguir
adelante y seleccionar todo y hacer click en este botón aquí y
va a hacer. Así es como lo
haces con Figma
y con Illustrator
y con After Effects Si tienes alguna
duda, avísame. Pero aparte de eso, te
veré en el siguiente video.
9. Preparación de una interfaz de usuario al estilo de Apple para After Effects: flujo de trabajo PDF e Illustrator: Bienvenida. Este es
el último video de creación de nuestros diseños de UI,
y en este video, vamos a usar PDF en Illustrator
en after effects Déjame mostrarte cómo hacer esto. Vamos a Safari, Archivo, Exportar como PDF. Y debería haber una
opción similar en Crombo Browser. Pero para este,
vamos a
guardarlo en nuestro escritorio como YouTube. Entonces vamos a
entrar en Illustrator. Hay un par de formas de
abrir este archivo PDF. Puedes rect connect
open con Illustrator. Y eso va a abrir la página de Illustrator,
y ahí tienes. Esta es toda nuestra
página de YouTube, ¿y adivina qué? Tenemos una gran cantidad
de objetos aquí, y cada objeto se
puede mover y personalizar, como se puede ver en la pantalla, que es exactamente lo que queremos. Otra forma en la
que quizás quieras probar esto es que ya
tienes un documento, y luego intentas
soltar dragón nuestro YouTube aquí. Sin embargo, encontrarás
que se importa como una imagen y no
como objetos o capas. Y eso es un problema
porque no queremos eso. Entonces, para evitar eso, quieres
asegurarte de ir al archivo abierto y luego buscar TPDFPreseno,
cerrar, y puedes ver que se importa de la manera que necesitamos ser
importados Podemos mover las cosas. no lo hacemos, como pueden ver, podemos moverlo como una imagen grande. O podemos seguir adelante, hacer clic
derecho en abrir
con Illustrator. Ahora, desafortunadamente, como
se puede ver en la pantalla, el texto no está en
la mejor forma. Para resolver
esto, tendremos que
recrear cada texto
que tengamos en la pantalla Afortunadamente, no necesitamos
tener tantos videos, así que podemos simplemente seguir adelante
y eliminarlos a, digamos de
aquí, a todo. Entonces podemos presionar en Shift O y arrastrar esta cosa hacia arriba para
hacerla un poco más pequeña, tal vez no tan pequeña,
algo así. Entonces solo presiona sobre scape. Y un par de
cosas que podemos hacer. Sí, podemos seguir adelante y editar el texto para que
sea el correcto. Podemos seguir adelante y eliminar el texto, poner el texto correcto en. Por cierto, solo puedes abrir
el archivo PDF hacerlo enorme. Entonces bien, es esta. Así que sólo puedo seguir adelante
y copiar el texto. A partir de aquí,
permítanme seleccionarlo. Control C, o comando C, ven aquí, pegarlo. Boom. Bueno para ir. Tenemos
exactamente el mismo texto. A lo mejor sí necesitamos
cambiar los colores, así que hagámoslo negro. Bien, ahora necesitamos
entrar en archivo, guardar como sea Illustrator, guardar Luego llegamos
a secuelas,
jag nuestro archivo Illustrator, jag nuestro archivo Illustrator posición
trobin y Doble clic? Oh, me
olvidé de hacer una gran cosa. Venimos aquí, liberamos secuencia de
capas. Ahora, tenemos que
seleccionar todo. Arrástralo fuera de esa capa, y ahora tenemos que guardarlo. Entonces vengamos a After
Effects Command Z. Y aquí, archivo, guardar
como Illustrator, YouTube, sí, reemplace
el anterior Presiona Bien. Ven aquí. YouTube. Ahora lo abrimos,
y ahí lo tenemos. Ahora bien, si lo
desplazas por la parte inferior, clic en la capa uno, y vamos a crear un sólido encima de
él presionando Comando Y. Hagámoslo Y, al
igual que YouTube. Y ahí tienes.
Tenemos nuestra página de Facebook. Ahí tienes, tenemos
nuestra página de YouTube. Y ahora, si quieres
cambiar el texto, sí, podemos seguir adelante y simplemente agregar nuestro texto en la
parte superior o una vez más, podemos hacerlo en Illustrator. Y entonces tendremos
que exportar eso como
archivo photoshop importante aquí. Una cosa que te puedo recomendar
para guardar el dolor de cabeza con el texto es si lo vas
a reutilizar en el futuro, realidad, sigue adelante y guarda en
archivo after effects, como una plantilla. Y por lo tanto, en el futuro,
cuando necesites usarlo, ya
tendrás texto de
after effects o de Photoshop, cualquiera que sea la opción que mejor te
funcione, y podrás reutilizarla La forma en que puedes guardar una
plantilla para after effect, solo guarda el
archivo after effects en algún lugar que conozcas, por ejemplo, puedo
guardarlo YouTube. Puedo cerrar este
archivo presionando Shift Control Option Command S, luego abrir el archivo after
effects, y ahí lo tienes.
Esta es la plantilla. En el futuro,
podrás reutilizarla. Entonces, por ejemplo, vamos a
cerrar este archivo. Vamos a crear una nueva composición. Entonces básicamente, se creó un nuevo
proyecto. Ahora arrastraremos y
soltaremos nuestro YouTube y luego abriremos el YouTube y podrás
usarlo así. Por cierto, cualesquiera que sean los cambios que
hagas a esta plantilla, que fue importada, el archivo
original permanece igual. Es cualquier cambio que
hagas aquí, por ejemplo. Borrémoslo así
y cerremos este proyecto. Ahora vamos a Bien, digamos este proyecto. YouTube. Bien, cerramos. Pero si
vamos a YouTube, original, todo es igual porque realidad no
estamos cambiando
el archivo original, solo
estamos influyendo en el archivo que se
ingresó en Bien, entonces entiendo que no fue súper fácil pasar por
los últimos cuatro videos. Pero ahora sabemos diseñar diseños de
UI con
screenshot y Photoshop, con screenshot e Illustrator, con Figma e Illustrator y con PDF
e Illustrator Tienes 44 lo siento, no puedo contar. Tienes cuatro
formas diferentes de crear diseños de interfaz de usuario. Lo que funcione mejor para usted,
úselo con su flujo Si tiene alguna
duda, házmelo saber mejor que eso. Te
veré en el siguiente video.
10. Configuración del proyecto y estructura de archivos: Bienvenida. En este y durante
el siguiente par de videos, podemos hablar sobre las
herramientas principales para las animaciones de la interfaz de usuario de Apple. En este video, específicamente, podemos hablar sobre
la configuración del proyecto y la organización de archivos. Vamos a abrir después del efecto, crear un nuevo proyecto
en la esquina superior izquierda. En primer lugar, vamos a
crear composición. Podemos hacer clic
aquí en la parte inferior, o podemos hacer clic aquí para
crear una composición. O si
ya tenemos algo aquí, podemos simplemente arrastrarlo y
soltarlo desde el proyecto a nuestra línea de tiempo aquí y
va a crear una composición. Ahora bien, les recomiendo crear composiciones
ustedes mismos con anticipación ya sea
haciendo clic aquí, haciendo clic aquí y
personalizando los ajustes Te recomiendo trabajar con
1080 por 1920 o 1920 por 1080, dependiendo si quieres crear videos
verticales u horizontales, vamos a crear ambos. Y te recomiendo 30
fotogramas por segundo. Básicamente hay
tres velocidades de fotogramas principales. Hay 24, 30 y 60. A veces se puede ver
en línea, por ejemplo ,
en YouTube, como 50
cuadros por segundo, pero es un poco raro. La mayoría de las películas usan 24
fotogramas
por segundo, por ejemplo, transformadores,
son 24 fotogramas por segundo. Si usas 60 cuadros por segundo, es muy suave, pero no se siente natural. De lo más natural y
claro, al decir esto, estoy compartiendo mi opinión,
pero en mi opinión, 30 fotogramas por segundo
es lo mejor. Así que recomiendo 30
fotogramas por segundo, 1920 por 1080 o 1080 por 1920. En la parte inferior, puedes establecer una duración de
tu composición. Podemos establecer, por ejemplo, 10 segundos y pulsar en Bien. Por cierto,
también se le puede dar un nombre. La composición uno funciona
perfectamente bien para nosotros. En segundo lugar, te recomiendo
personalizar tus espacios de trabajo. Entonces, por ejemplo, este es
un espacio de trabajo horizontal, pero como puedes ver, porque estamos trabajando con video
vertical, no es
lo más conveniente. Lo más conveniente
sería un espacio de trabajo vertical. Para hacer esto, necesitas entrar en el espacio de trabajo predeterminado, luego seguir adelante y arrastrar
esta cosa en la parte superior, arrastrarla hacia la derecha,
y hacerlo así. Entonces tenemos que mover
esto por aquí. O sea, verás en realidad el audio que realmente
no necesitamos aquí, una línea, definitivamente lo necesitamos, vista previa, realmente no lo necesitamos. Propiedades,
necesitamos propiedades. Entonces pongámoslo aquí.
También podemos ponerlo a la derecha. Bien, y ahí
tienes. Ahí tienes la vertical,
luego simplemente sigue adelante, haz clic
derecho en Guardar este nuevo
espacio de trabajo, dale un nombre, y se va a ubicar
aquí o en la parte superior aquí. Se puede restablecer para guardar diseño y va
a volver a la configuración predeterminada. En cuanto a la organización de archivos, recomiendo crear carpetas. Como quizás sepas o quizás no sepas,
puedes crear carpetas. Puedes crear carpetas
haciendo clic en ellas, o puedes crear
carpetas arrastrando algo a la carpeta y va a crear carpeta Entonces, por ejemplo,
digamos que tuvimos comp one, luego vamos a duplicar
un par de veces. Seleccionemos los tres, dragón, déjalo caer aquí, dale un nombre. Comp uno, dos, tres. Y al hacer clic aquí,
podrás abrirla. Mantiene las cosas más organizadas. Es más fácil acceder, especialmente cuando estamos
trabajando con diseños de interfaz de usuario. Y hay cientos, si no incluso más capas a veces, y solo quiero asegurarme de que sepas dónde se encuentran
las cosas. De lo contrario, va
a ser un gran dolor de cabeza. Eso no quieres. Haz eso. Crea composición y
estarás listo para comenzar. Si tiene alguna
duda, házmelo saber. Mejor que eso,
te veré en el siguiente video.
11. Capas de forma y herramientas esenciales de animación: Bienvenida. En este video,
vamos a hablar forma y herramientas esenciales de
animación. Presionemos Comando y para
crear una nueva composición. Y por cierto, los
ajustes que
creamos en el
video anterior siempre
van a ser predeterminados para nuevas composiciones a menos
que cambies la configuración. Entonces, si lo cambiamos a 1080
por 1080 y presionamos bien, la
próxima vez vamos a
crear nueva composición, va a ser 10801080 Hay una serie de cosas
que son importantes a la hora crear animaciones de interfaz de usuario APO. En primer lugar, necesitamos
crear formas, y podemos presionar Q para
seleccionar la herramienta de forma. También podemos presionar Q,
y vamos a seleccionar una forma con rectángulos
redondeados Lo sentimos, una herramienta de rectángulo redondeado. Después vamos a
seleccionar Ellipso circle, luego este polígono
y una herramienta SAR Vamos a crear una herramienta de
rectángulo redondeado. Y al presionar shift, voy a asegurarme de
que sea un cuadrado perfecto. Pongámoslo en el medio. Por cierto, también podemos cambiar el tamaño de la composición. En medio de la edición, no
es un problema. Entonces otra
herramienta organizativa que usaremos es el naming. Entonces, por ejemplo, para éste, lo
leeremos cuadrado rojo. Bien. También voy
a presionar Comando y haciendo doble clic sobre
esta herramienta de pan detrás, va a centrar
el punto ancha. La razón por la que queremos centrar el punto ancho es porque si creamos animaciones y
digamos animaciones de ruta, va a estar
basado en el punto de anclaje. Y por lo tanto, quieres
asegurarte de que está en el mismo medio, no en algún lugar de
uno de los lados, lo que va a
destruir por completo la animación. Ahora, vamos a crear
otro rectángulo. Asegúrate de seleccionar esta. O bien puedo hacer clic aquí, pero si tengo una tonelada de capas. Aquí solo puedes
presionar Mayús Comando A o Shift Control A. Y vamos a crear
otro rectángulo, ponlo en el medio también, centrar el punto de anclaje. Y para éste,
vamos a cambiar su color. Vamos a cambiarlo a Vamos a
cambiarlo a blanco. Entonces este va a ser
un pequeño cuadrado blanco. Puedes cambiar el nombre
presionando Enter, y luego
podrás renombrar. También puedes cambiar los
colores de cada capa. Entonces, por ejemplo, para el rojo encendido, en realidad
podemos seleccionar rojo, pero para el blanco no
hay blanco, podemos
seleccionar como rosa,
amarillo, melocotón, lo que
sea el más cercano. También puedes editar las etiquetas y establecer el color que quieras. Por ejemplo, en lugar
de este
verde oscuro que nunca uso, en realidad
podemos poner blanco, y podemos llamarlo blanco. Y ahora vamos
a poder poner blanco así. Perfecto. Porque en el futuro, estaremos trabajando para
transformar las formas. Tenemos que
asegurarnos de que sabemos cómo
conectar las formas para que
podamos transformarlas. Entonces, por ejemplo, si
aumento la escala, sólo
aumentamos la
escala de uno de ellos. Por cierto, necesitamos ingresar
al co punto para éste. Bien, entonces digamos que
aumentamos la escala, pero la pequeña no escala. Hmm. Bueno, para escalar el pequeño,
tenemos que ser padres de familia, y lo hacemos criando
al pequeño a éste, solo azotándolo por aquí Si no ves el látigo,
icono por alguna razón, presiona Control S
o Alt S en Windows, y podrás alternar
entre las herramientas aquí Entonces ahora si aumento la escala, ambos escalarán
exactamente lo que queremos. Sin embargo, y esto
es grande, sin embargo, digamos que queremos
cambiar el rectángulo. Digamos que queremos
cambiar su tamaño. Entonces por ejemplo, así
o así, bien, cambiamos su posición, por
ejemplo, aquí, o
cambiamos la redondez. Hay alguna manera de hacer
esto para que el blanco cambie igual que el
derecho? Sí, absolutamente. La forma en que hacemos esto es abrimos el rectángulo, el
pequeño blanco. Tenemos el tamaño, la
posición, la rugosidad, exactamente lo mismo que
tenemos para el rectángulo Y ahora necesitamos
azotar el tamaño
del rectángulo pequeño al
tamaño del rectángulo grande Verás que acaba de
convertirse en una talla. Y ahora podrá
personalizarlo. Entonces, si pongo la opacidad de este al 50% yendo a
la propiedad, por ejemplo, 50, verás que
tenemos el rojo detrás y ellos
lo están haciendo exactamente igual Sabemos que funciona porque
estos valores son rojos. Entonces 671, seis, 71, y aquí tenemos exactamente lo
mismo. Y si lo cambiamos, también
cambia para el otro. Estos valores son rojos, significa
que están conectados. Bueno. Tenemos las
mismas cuatro posiciones. Entonces, si cambiamos la
posición, también cambia. Y ahora para la redondez también, conectemos
la redondez Ahora bien, si cambiamos la
redondez de uno de ellos, el otro también cambia Ahora, podemos volver atrás y conectar solo la
redondez por ejemplo Entonces conectemos la redondez. Y al aumentar la
redondez del grande, también
cambiamos las
rondas de la pequeña Interesante, ¿verdad? Bien,
en cuanto a la animación, tienes una serie de animaciones. Tienes tus animaciones de
transformación regulares. Aquí tienes tus animaciones. Al igual que, todo lo que
tiene este icono de temporizador, todo se puede animar. Y hay muy
buena extensión, que es compositor de animación, que es absolutamente gratis. Y también tiene un montón de
animaciones. Entonces, por ejemplo,
dice transiciones, pero estas son técnicamente
como animaciones también. Entonces, por ejemplo,
tenemos un cuadrado rojo. Podemos echarle un
vistazo a cualquiera de estos. También podemos aumentar
el tamaño si queremos. Y digamos que hacemos clic aquí, animación en, y
así es como funciona. Digamos que nuestro
punto ancho estaba en
algún lado de aquí y
hacemos la animación en, y se puede ver que
va desde el punto del tobillo. Por eso es
importante centrar
el punto enc para que cuando está
en realidad sea simétrico desde el medio,
las cosas estén bien. Podemos hacer la animación
fuera. Podemos hacer ambas cosas. Y esto puede
ahorrarnos
mucho tiempo porque en lugar de
animar esto a mano, en realidad
podemos
seguir adelante y hacerlo Por ejemplo, vamos a duplicar. Y vamos a quitar
del cuadrado rojo dos. Cambiemos la
posición de ambos. Bien, entonces tenemos uno creciendo
y luego disminuyendo de tamaño. Bien, entonces tenemos que
hacerlo con escala. Escala a una, la ponemos
a cero aquí, ponemos para
ver qué tan grande es. En fin,
aumentemos de tamaño a aproximadamente aquí, 120, probablemente. Entonces en lugar de hacer esta
animación, y por cierto, es probable que presionaron F
nueve también un poco. Estamos fuera por un cuadro, pero entiendes la idea. En lugar de hacer esto manualmente
cada vez, bien, podemos seguir adelante y presionar este botón aquí en,
y es bueno para ir. Ahorra una increíble
cantidad de tiempo. Para poder descargar
el compositor de animación, solo tienes que ir a Google
Animation composer. Ahí vas. Adelante
y pruébalo gratis. No hay necesidad de pagar nada. Simplemente pruébalo gratis
para siempre. Si tiene alguna
duda, házmelo saber. Pero aparte de eso,
juega con esto, y te veré
en el siguiente video.
12. Editor gráfico, facilidad y atenuación de curvas: Bienvenida. En este video, vamos a explorar el
editor de gráficos entrando,
flexionando , y vamos a saltar Bien, entonces tenemos nuestra
plaza en el medio. Vamos a crear un fotograma clave. Presionemos P para la posición, establecemos un fotograma clave, lo movemos más y luego establecemos otro fotograma clave Y tenemos una animación muy
sencilla de la plaza subiendo. Ahora bien, si seleccionas
ambos, podemos presionar en FN F nine, y vamos
a salir fácilmente fácilmente. Entonces comienza más lento
y termina más lento. Déjame ir al editor de grafos presionando este botón de aquí, o puedes crear un
shroc para ti mismo, y el shro para
mí es Control G. Y verás que aquí
tenemos dos Si presiono FN F nueve
o solo F nueve, en lugar de que sea rígido en ángulos de 80 grados,
va a ser suave Entonces antes y después. Y cuando estos fotogramas clave
se convierten en esta forma diferente, significa que estás usando la
flexibilización, la flexibilización También puede presionar en
comando y en fotograma clave, comando y en fotograma clave
y
volver a solo movimiento lineal Pero no queremos lineal. Queremos animaciones fluidas. Bien, así que vengamos
a Graph Editor. Con estos mangos,
puedes
controlar qué tan suave es
la animación. Entonces empieza lento, va muy rápido, y luego vuelve a ser lento
. Entonces vamos a ver. Se puede ver que es
un tipo diferente de animaciones
en comparación con esta. Vamos a comparar una vez más. Esta es una versión más
extrema de esta flexibilización
y flexibilización Por cierto, quieres
asegurarte de que estás editando el gráfico de velocidad, no en el gráfico
de valores para poder hacer esto. Si llegamos a la gráfica de valores, es un poco más avanzada. Por lo general, el 99% de las veces
uso el gráfico de velocidad. Si llegas a la gráfica de valores, se ve algo así. Y la razón por la que
se ve así es porque está un
poco más avanzada. Tenemos dos movimientos. Tenemos el movimiento vertical
y el movimiento horizontal. Y ya ves si no tenemos
ningún movimiento de derecha a izquierda. Por eso el rojo,
que es la posición X,
no cambia en absoluto. Pero la posición Y, sí cambia porque
se mueve hacia arriba y hacia abajo. Y una cosa que puedo
hacer es hacer
clic derecho sobre la posición y
separar las dimensiones. Por lo tanto, voy
a poder personalizar este. Entonces, si voy a
impresionar a F nueve, va a ser
un poco más suave. Puedo arrastrar estos
mangos aún más. Este solo permite
más personalización. Básicamente son algo muy
parecido a lo que hicimos
con Let's Back. Fui demasiado atrás. En fin, pongamos
la posición aquí, una posición aquí, un
poco más baja. Bien, entonces va así. FNF nueve, ahora sólo va
en sentido contrario. De hecho podemos moverlo
de aquí también para que la animación vaya 0-1, digamos, 115, para que la animación sea
un poco más larga Ahora, una cosa que
también puedes hacer es
seguir adelante y hacer doble clic
en el fotograma clave, podrás
personalizarlo con precisión Verán que cada fotograma clave tiene velocidad entrante y
saliente, y el outcoming outcoming es para
éste porque está fuera, y este Entonces, si hago doble
clic en esta, vamos a tener básicamente, tenemos que ignorar esta parte y solo mirar la
velocidad entrante para este fotograma clave Para este fotograma clave,
necesitamos echar un vistazo solo a la salida y
hay que ignorar este Pero, por ejemplo, si tuviéramos
un tercero Algo así. Si hago clic en este fotograma clave, ahora sí tenemos que prestar
atención a ambos Entonces depende si
el fotograma clave tiene velocidad
entrante y velocidad de
salida En palabras simples, significa
si hay animación en ambos lados del fotograma clave o solo en un lado
del fotograma clave Básicamente, eres capaz de
personalizar la suavidad. Por ejemplo, puedo
poner como 65 aquí. Puedo poner doble clic y
puedo poner 65 aquí también. Y verás que
Tenemos diferentes tipos
de animaciones. De hecho, podemos
hacerlo muy similar arrastrándolo, así Ahora bien, si tienes
un poco de presupuesto, hay una extensión
llamada flujo. Es esta extensión aquí. Déjame mostrarte
cómo instalarlo. Por lo que cuesta $35 de AE
Script para seleccionar nuestra forma, haga
doble clic en la
animación que queramos, y se va a crear Entonces si quieres, puedes seguir
adelante y personalizarlo. Pero si quieres, podemos
seguir adelante y dar click en esta. Entonces, en lugar de incluso
hacer clic en un botón, puedes simplemente
hacer doble clic en uno de estos y estará bien para ir. Entonces así es como se
crean movimientos suaves. Si tiene alguna
duda, házmelo saber. Pero aparte de eso, te
veré en el siguiente video.
13. Objetos nulos y configuración de la cámara: Bienvenida. En este video,
vamos a hablar objetos
nulos y configuraciones de cámara En realidad, no
necesariamente tenemos que usar cámaras,
pero con cámaras, tienes un poco más de libertad, libertad creativa a veces,
y a mí me gusta usarla. También me gusta usar nos para animar las cámaras
porque con
nosotros, somos capaces de hacer algo que
no podemos hacer solo con
las cámaras Te voy a mostrar
eso en un segundo. Entonces, por ejemplo, vamos a crear un fondo
pulsando Comando Y. Vamos a
crear un fondo. Apliquemos rampa de gradiente. Vamos a crear una forma grande
aquí en la parte inferior, centrar el punto de anclaje, y vamos a crear
otra forma como, así centrar el punto de anclaje
y ponerlo en el medio. Y vamos a como éste,
ponlo en el medio también. Bien, entonces tenemos un
pequeño tango crack, tango big crack y gradiente sólido
blanco. Tenemos uno y tenemos dos. Y vamos a crear una cámara, B presionando Shift
option command C o shift Alt Control
C en Windows. Vamos a crear una K.
Y dice que las cámaras sólo afectan a
tres capas D. Eso es cierto. Y ahora vamos
a crear un comando null, bupressing shift
option Y, o shift Alt control Y. Y vamos a conectar
nuestra cámara al null Vamos a presionar en Control
S para revelar otras partes. En ocasiones estos botones aparecen al azar y desaparecen al azar. No sé si
hay un patrón de cuándo estos aparecen
y desaparecen, así que solo presiona d o Control S
para cambiar entre estos dos. Ahora, vamos a hacer
nuestro nulo tres D.
Vamos a hacer ambos
rectángulos tres D también Y en realidad vamos a
ir a horizontal. Al dar click aquí, voy
a presionar en Nueva vista. Voy a
buscar Nueva vista, así que ver Nueva vista. Voy a presionar este o
este botón de aquí para
que sea a pantalla completa. Y voy a cambiar
entre las cámaras. De hecho voy a
cambiar a la vista superior, y ahora somos capaces de
ver las cosas. Entonces tenemos nuestros
antecedentes, los cuales
no se ven afectados por la cámara. Tenemos nuestro uno y dos, los
cuales se ven afectados
por la cámara. Tenemos la cámara y el nulo. Así podemos hacer que la cámara
y el nulo un color. Hagámoslo naranja, y
hagamos estos dos. Hagámoslos blancos, los
dos, en realidad. Ahora, lo que estamos tratando de
hacer es que estamos tratando crear un efecto de paralaje Necesitamos cambiar la posición del rectángulo grande y
el rectángulo pequeño. Entonces voy a cambiar
la posición
del rectángulo pequeño y
lo voy a volver a poner. Y la posición de
un rectángulo grande, voy a ponerlo un poco al frente para que
haya más espacio. Se puede ver que este
es el pequeño. Este es el grande. Hay
un poco de espacio entre ellos. Y por lo tanto,
cuando, por ejemplo, cambiamos la
posición de los nulos, se
puede ver que cambian manera diferente por dentro porque si estuvieran en la misma posición y nosotros nos moviéramos arriba y abajo, ya
sabes, se quedarían
en la misma posición. Pero debido a que están ubicados
en diferentes posiciones, volvamos a hacerlo. Somos capaces de que sepas, tenemos este interesante efecto de
paralaje, igual que en la vida real, porque cuando conduces
en un auto, por ejemplo, las cosas que están más lejos en
la distancia cambiarán su posición menos
que las cosas que están cerca de ti Bien, entonces este es un buen ejemplo. Las nubes en el fondo cambian un poco
menos que el primer plano El primer plano está
corriendo muy rápido, pero entonces el fondo no
está cambiando Entonces este es el efecto que estábamos tratando de lograr aquí. Cambiemos la posición. Cámara. El motivo por
el que conectamos la cámara al nulo es porque si queremos tener movimientos
muy suaves, necesitamos controlarla
con nulos, por ejemplo Si cambio la posición de la cámara y la
cronometro, por ejemplo, venimos de aquí para acá, presionamos F nueve, y sí
tenemos el movimiento suave. Y digamos que queríamos movernos, digamos,
para que puedan ver, porque si echamos un
vistazo a esta gráfica, tenemos aquí esta parte, que es como que va bajando a cero y luego tiene que
ir y empezar de nuevo. Esto no es lo que
estamos buscando
hacer . Cancelemos todo eso. Lo que podemos hacer en cambio es tiempo
la posición del nulo. Entonces va a ir más allá. Bien, genial. Abanico de nueve. Va más allá.
Al mismo tiempo, podemos crear otro nulo, así que vamos a
duplicar este y comparar este con el nulo número dos P y vamos a eliminar los
fotogramas clave de posición para este, y vamos a hacer clic en posición y hacer clic en
posición aquí también. Y un ventilador F nueve, una
vez más, para suavizarlo. Ahora, el secreto para
suavizar el movimiento es
iniciar el siguiente movimiento antes de que termine el primer
movimiento. Entonces como pueden ver exactamente
lo que tenemos aquí, tenemos nuestro primer nulo
todavía en proceso, y ya tenemos nuestro segundo
movimiento comenzando. Y así es como puedes crear este movimiento súper suave.
Entonces echemos un vistazo. Bien, abramos el flujo, y hagámoslo así. A lo mejor no tan duro así. Bien, esto
ya es súper bueno. Bien, genial. Así que movimiento
muy, muy suave. Y esto es algo que
no pudimos lograr solo
con la cámara. Y esta es exactamente la razón por la que lo estamos
haciendo con null para que haya para que el movimiento sea
mucho mucho más suave. Porque una vez más con cámaras, si animamos algo, tenemos que esperar hasta que ese
fotograma clave esté terminado, y luego tenemos que
entrar en el siguiente Sí, técnicamente, podemos
hacerlo con flexibilización, flexibilización No siempre es tan fácil. Se necesita bastante
de ida y vuelta, y es solo que
lleva tanto tiempo. Y por una fracción
del esfuerzo, esta es la forma en que puedes hacerlo. Entonces nos, cámaras, paralaje. Si tiene alguna
duda, házmelo saber. Pero que eso.
Te veré en el siguiente video.
14. Máscaras, Alpha Mattes: Bienvenida. En este video,
exploraremos máscaras, tapetes, tapetes alfa,
tapetes uma, cosas así. Puede sonar aterrador, no aterrador
en absoluto. Vamos a saltar. En primer lugar, vamos a crear
un fondo blanco, y vamos a crear un fondo
morado, así que tal vez no púrpura sino rosa. En no crear
ningún tipo de máscaras, tenemos que usar una herramienta de forma. En este caso,
voy a presionar en Q o voy a presionar justo aquí, mantener presionado, y seleccionar
cualquier tipo de forma. Empecemos con
la herramienta rectángulo. Al seleccionar nuestro fondo
sólido, solo
voy a dibujar forma y puedes ver
que está creando una máscara. Si tenemos una capa seleccionada
y luego encima de eso estamos dibujando una máscara,
vamos a dibujar una máscara. No obstante, si solo estoy
dibujando una forma, sin nada seleccionado aquí, va
a dibujar una forma. Selecciona dibujar forma,
va a crear una máscara. Dis seleccionar cualquier cosa, crear las formas va a
crear la forma. Si seleccionamos una herramienta de
rectángulo redondeado, verá que
tendremos nuestros ángulos redondeados. Para controlar la
redondez de los bordes, hay
que usar un mouse Entonces puedes desplazarte hacia arriba y hacia abajo, y puedes ver que está
cambiando la redondez. Por cierto, estábamos
haciendo la capa de forma. Así que vamos a desactivar, seleccionarlo, y aquí estamos haciendo exactamente
lo mismo. No podemos personalizar
la redondez de
la máscara más adelante Sin embargo, podemos personalizar
la redondez de la forma. Entonces, si entro en camino rectangular, puedo personalizar la redondez. Pero si creamos una forma, no
podremos personalizar
la redondez más adelante. La forma en que podemos hacerlo es que
ya sabes, podemos crear forma. Tenemos que seleccionar una máscara. Tenemos que seleccionar nuestros puntos, y luego tenemos que
personalizarlos así, pero no hay ningún tipo
de manera de hacerlo simplemente con el slider para que
afecte a todos los puntos. Si lo hacemos con un
círculo directo, para asegurarnos de que el círculo es precisamente el mismo en todos los
lados, basta con pulsar y desplazar. Lo va a hacer
muy redondo. Para este polígono, también, como puedes ver, ahora es
un triángulo, y para cambiar el número de ángulos
que tiene, una vez más,
podemos usar el desplazador del mouse
y crear más pergaminos o menos pergaminos Y lo mismo que
tenemos que ver con este Tortol. Ahora bien,
esto es una máscara. ¿Qué pasa con Track Mat? Track Mat funciona de manera similar a la máscara, pero tiene más opciones para trabajar y
más personalizaciones Entonces, por ejemplo,
digamos que creamos un rectángulo redondeado.
Va a ser negro. Y luego
vamos a rastrear tapete nuestro azul sólido a la forma. Sólo voy a
azotarlo a esta forma. Mm. Interesante. Entonces desactiva automáticamente el rectángulo
y podemos habilitarlo. Pero lo que hace es que
solo muestra lo que sea
que rastree tapete dentro de la forma a la
que lo rastrea. Entonces, por ejemplo, rastreamos este azul o morado
enmarañado a nuestro rectángulo y
solo lo está mostrando
dentro del rectángulo Lo que podemos hacer es invertir el tapete
presionando y va a
hacer exactamente lo contrario. Sólo va a mostrar todo lo que está
fuera de la plaza. Ahora mismo, en realidad
tenemos un agujero en el medio. Y si fuéramos a, agreguemos algún texto. Digamos que teníamos nuestro
texto debajo de esta capa, en realidad, hagamos que
el texto sea mucho más grande, aumentemos el tamaño
del mismo, así. Y si presiono en P, cambia la
posición del texto, como pueden ver, tenemos
un agujero en el medio. Ahora, también hay una
manera de hacer tapete alfa. Alpha Mt es aún
más interesante. Para ello, necesitamos
crear un sólido. Vamos a aplicar un degradado. Gradiente vagabundo. Ahora vamos a crear una forma una vez más,
ponerla en el medio. Y ahora vamos a rastrear tapete
nuestra forma al degradado. Y ahora tenemos que presionar aquí. En lugar de ser
solo un tapete normal, va a ser mate alfa. Ahora bien, esto es interesante. Básicamente, lo que está
sucediendo
es lo que sea negro en el degradado, va a ser transparente
en nuestro tapete de pista, y lo que sea blanco
va a ser no transparente. Entonces déjame darte un
mejor ejemplo si nos
movemos inicia el
punto de partida del gradiente. Entonces hagámoslo así. Y hagámoslo así. Bien. Ahora voy
a desactivarlo, y verán
que las zonas oscuras de la alfombrilla
de pista
se volvieron transparentes. Entonces esta parte es
realmente transparente. Si pongo algo de texto detrás, déjeme mover el texto hacia abajo. En realidad, pongámoslo como para que
veas que esta
parte es transparente, pero esta parte
no es transparente. Y este es el tapete alfa. En realidad podemos combinar los dos. Entonces digamos que animamos
el fondo, y ponemos la posición final Pongámoslo aquí, y luego
pondremos esta posición aquí, así irá así, y revelará nuestra
plaza de esta manera. También podemos F nueve para
que sea adentro, está fuera. También podemos rastrear tapete el
texto de la misma manera, ¿verdad? Así podemos rastrear tapete el
texto a este tipo también, y podemos hacer el tapete alfa y vamos a hacer
exactamente lo mismo. Si tienes alguna
duda, avísame, por y eso.
Te veré en el siguiente video.
15. Lluvia de ideas de conceptos de UI viral con ChatGPT: Bienvenida. En este
video, vamos a hacer ideas virales de UI con HAGPT, específicamente ideas de video porque nuestro objetivo es
crear dos videos, un video vertical,
uno horizontal Y el video vertical que vamos a crear
va a ser para redes sociales, el video horizontal
va a ser en realidad para la
introducción de las partituras. Y te voy a dar
un par de consejos que me ayudan a crear las ideas. Encima de eso, impulsa
mi inspiración. En primer lugar, siempre me
gusta llegar
a ideas en una hoja de papel. O tengo este gran trozo de papel o tengo los más pequeños, y me encanta
escribir con lápiz. Es tan genial. Es algo
que olvidamos cómo hacer. Muchas veces usamos nuestras computadoras. Y para mí, para sentir la inspiración
y llenar las ideas, hecho, crear
las ideas y poner esas ideas en una hoja
de papel, esto es lo mejor. Me gusta hacer una combinación
de mi creatividad con HGPT. HGPT sabe todo lo
que alguna vez ha existido, pero para ser honestos, no
es creativo Este es el mayor problema
con la IA y por qué la IA
no reemplazará a las personas porque al
menos en el futuro más cercano, porque la IA no es creativa. Todo lo que hace la IA
es que está entrenada en modelos que son solo
ejemplos dados por las personas. Así que la IA solo sabe muchas cosas, y así es como es capaz de
proporcionar las respuestas y proporcionar
el tipo de creatividad, pero en realidad no es creativa. Aunque es muy bueno
en muchas otras cosas, pero en creatividad, simplemente no
hay ninguna. No hay creatividad con la IA. Entonces, voy a abrir CHADPT y vamos a
llegar a ideas Entonces comencemos a hacer una lluvia de ideas. En primer lugar,
tenemos que llegar a dos ideas, dos ideas. Uno, video vertical,
segundo video de Sonto. Bien, para el video vertical, ya que estamos hablando de Apple, creo que sería en realidad, solo
tuve una idea ya que empecé a
escribir algo que hice en uno de mis otros cursos es que hice un video sobre Misty Beast
sobre Jimmy Donaldson Y creo que ya que
estamos haciendo Apple, creo que podemos crear una animación de apple
hablando de Apple. Pongamos esto como una idea, video sobre la
animación de la interfaz de usuario de Apple sobre Apple. De todos modos, podría parecer
desordenado. No importa. El objetivo es obtener los resultados. Eso es lo más importante. Bien, para el video horizontal, tiene
que ser un así que
pongamos algo aquí, intro al curso Bien, entonces tenemos dos ideas, y creo que deberíamos explorar y de hecho
hablar con Cha GPT sobre esto y luego obtener sus ideas porque sabe un montón de cosas, y creo
que podrá ayudarme con esto Ahora bien, para obtener los
mejores resultados con ja GPT, deberías platicar con él y
nombrarle cualquiera que sea el experto que sea En este video, va a ser un ideador profesional y
guionista o idealista de
ideación. ¿Quién sabe? De todas formas.
Hablaremos con él. Eres un
guionista profesional al que le pagan
100.000 dólares por escribir el mejor
guión del planeta El guión es para un guión va a
ser para un video vertical, y un guión va a
ser para video horizontal. Entonces un total de dos videos
y un total de dos guiones. Necesito que me ayudes con la
idea del video vertical y el guión. Y luego para el video
horizontal, necesitas ayudarme con el
guión y no con la idea. Quiero decir, tal vez un
poco de idea, pero
sobre todo el guión. Bien, déjame guiarte. El video vertical,
estoy creando un curso sobre animaciones al estilo de la interfaz de usuario de Apple. Y para mostrarle a la
gente cómo se hace, estoy pensando en crear
una animación
de video vertical al una animación
de video vertical estilo de la interfaz de usuario de Apple sobre Apple. Entonces algo que hicimos contigo en el pasado es que creamos el video sobre el señor Busin
cuánto gana por segundo Estoy pensando en algo
en la misma línea, algo parecido, pero
algo sobre Apple. Entonces eso puede ser cuánto
gana Apple por segundo o
cuánto
gana Tim Cooks por segundo o algo sobre Apple
porque está relacionado con Apple Creo que sería interesante. En segundo lugar, para el video
horizontal, necesitamos crear una
introducción al curso Es lo
primero que
ven los alumnos cuando abren
el primer video. ¿Tiene que ser una sorpresa,
como, algo que les
va a atrapar, algo que va a querer
que completen el curso, algo que va a
ser súper valioso para ellos. Es decir, esta
animación al estilo APPLUI es súper valiosa. Por eso van a estar
tomando este curso. Ya
conoces el curso, así que adelante y en realidad sigue
adelante y responde. Idea VAD vertical
y propósito de guión. En realidad, hicimos un trabajo
bastante rápido para
llegar a la idea del video. Entonces, si tienes alguna
duda, avísame. Pero que eso, te
veré en el siguiente video, donde vamos
a escribir un guión.
16. Escritura de guiones para storytelling en Visual UI: Bienvenida. En este
video, escribamos un guión para las dos ideas
que acabamos de crear. Bien, tengo una idea. Antes que nada,
hablemos del video vertical, y creo que
deberíamos hacer algo la
línea de ¿cuánto cocina el
equipo o alguien a quien más
le paguen en Apple? ¿Cuánto gana esa
persona por segundo? Y hacemos una configuración muy similar a la que hicimos con
el video de Mr. Beast. Básicamente, solo tienes que
seguir adelante y copiar y pegar el guión
porque funcionó bastante bien. Sí, así
que adelante y hazlo de vez en cuando
discutiremos sobre el
video horizontal un poco más tarde. Bien, no estoy seguro de lo que pasó, pero usemos un guión
muy similar al último guión
que usamos con Mr .
Beast. Entonces, ¿eso sería cuánto gana el Sr. Bestia por segundo? Vamos a desglosarlo. En 2024, Beast Industries
ganó 473 millones de dólares Eso es como mes, semana, hora día, segundo,
minuto, y así sucesivamente. Y así, usa ese script. No intentes cambiarlo mucho. Sí, sigamos adelante
y veamos qué hace. Bien,
todo me gusta bastante, pero quizá no. Vamos a seguir adelante y copiarlo. Entonces hagamos notas. Va a crear una nueva nota. Y entonces, en realidad, el
texto que teníamos antes es, vamos a desglosarlo. Bien, entonces las estadísticas
sobre Tim Cook, ¿son las estadísticas reales de, como, de dónde vienen estas
estadísticas? Encuéntrame un artículo que
apoye estos detalles. También quiero asegurarme de
que todo esté correcto. Bien, ¿hay alguna estadística
sobre 20:24 o tal vez 2025? Bien. Estoy un poco confundido. En el guión anterior, me
diste una
información de que si ganaba 63 millones al año, entonces eso es 6 dólares cada segundo Y ahora usted está diciendo
que 74 millones
de dólares 2.3 7 dólares por segundo. Cómo eso es simplemente imposible. Y ahora lo estás
diciendo Bien. Por lo que el TGPT cometió un error. ¿Cuánto gana Tim
Cook por segundo? Piernas se rompen en 20 2040
Quiero deshacerme del CDA. No creas que
vamos a tener un CTA. Sólo estamos tratando de
hacer un gran video. Bien, este es el guión. Deshazte de los tiempos, deshazte del tipo de
tus comentarios, lo que sea Y asegúrate de usar
los datos de 2024 sobre Tim Cook y asegúrate de duplicar todo porque
antes de este mensaje, dijiste que en 2023,
ganaba 6 dólares por segundo Ahora estás diciendo que
gana 2 dólares por segundo. Asegúrese de que la información
sea relevante y esté actualizada. Oh, de ninguna manera. Mr. Bestia
hizo más que Tim Cook. Es decir, Tim Cook tiene un salario. Mr. Beast tiene toda su
industria. Al igual que, el propio señor
Bestia
en realidad no hizo tanto. Fueron sus empresas las
que hicieron tanto,
pero, como, a veces se
puede confundir al señor Bestia con sus
empresas, de todas formas, me
puede avisar, ¿por qué está
cambiando el guión Te envié el guión,
como, ¿Dónde están las palabras? ¿Vamos a desglosarlo? Estoy
luchando por entender. ¿Por qué está cambiando tanto? Bien, genial,
genial, genial. Esto es exactamente lo que necesitábamos. Copiar, Pegar. ¿Cuánto gana
Tim Cook por segundo? Vamos a desglosarlo. 24 Tim
Cook ganó 74.6 millones de dólares. Eso es. Bien, genial. Ahora, vamos a crear un CTA
donde compartirlo con un amigo y darle una razón
para compartirlo con el amigo. Dame, como, diez razones
diferentes para que pueda elegir. Comparte esto con un amigo que necesita un aumento. Esta
es una buena. En realidad. Bien,
creo que sería muy gracioso decir por
eso los iPhones cuestan Comparte esto con un amigo
que necesita un aumento. Esta es una muy buena
, muy buena. A mí me encanta este. Bien, entonces tenemos un
guión. Esto es genial. A veces podría escribir un
guión en una hoja de papel, pero como podría cambiar
las cosas en el futuro, me gusta mantenerlo ahí
en pantalla, solo un poco
más fácil de esta manera. Ahora, para el video horizontal, trabajemos ahora en el video
horizontal. Bien, genial. Entonces
terminamos con esto. Ahora, trabajemos en el video horizontal y
específicamente en el guión. Estoy pensando en algo parecido a
la realidad, déjame revisar primero el guión que has enviado para
darte algunos comentarios. Estás a punto de desbloquear
el estilo exacto usa Apple. Eso me gusta. Startup mil millones de dólares suena raro porque startups. Apple es uno. ¿Por qué startups? Entonces creadores
virales, sí, podemos quedarnos con eso. Esto no es solo
diseño de movimiento. Sí, eso me gusta. Ya sea que seas freelance de
edición o creador de contenido, el estilo de hacer que tus proyectos
parezcan que salieron de Cupertino. Oh, me encanta esto. Bien, tenemos que
acortar el video. Te dije lo que me gustaba,
basado en lo que me gusta, crear un nuevo guión que sea la
mitad del tamaño de
lo que has escrito. Estás a punto de desbloquear el estilo de animación
exacto utilizado por Apple y los creadores que
obtienen millones de vistas. Es lo que hace que
el campo Brand premium y el contenido sea
imposible de desplazar más allá. Ya seas editor
freelance o creador de
contenido, no te preocupes, aunque después de que los efectos se acaben, antes
abrumadores, aprenderás todo
paso a paso. Vamos a conseguir. Creo que
esto es genial. Este va a ser nuestro guión. Y hagámoslo así. ¿Por qué te gusta esto? contarte un poco de mi pericia. Entonces dice lo que va a conseguir la
gente, y esto es algo
que la gente quiere. Sólo estoy tratando de
pensar como espectador. Esto no es solo diseño de movimiento. Cierto. Esto es diseño de movimiento. La mayoría de la gente está cansada
de solo el diseño de movimiento. Nosotros Lo que estamos tratando de hacer
es hacer que se sienta premium e
imposible desplazarse más allá. Exactamente. Estamos hablando directamente con personas que quieran
tomar este curso. Entonces, por ejemplo, freelancers,
editores, creadores de contenido. Y, por supuesto, puedo dar muchas más explicaciones sobre qué tipo de personas están
tratando de aprender este estilo. No obstante, también va a llevar una eternidad porque mucha
gente está tratando de aprender. En su mayoría son los freelancers, editores y
creadores de contenido los que quieren esto Esta línea simplemente suena
única e interesante. Y esto es hablar luchas y de las razones por las gente podría no
querer tomar este curso. Y una vez más, esta es una
especie de
creación rápida del guión. Para ser honesto, nunca se sabe qué tipo de guión
funcionará hasta que realmente lo intentes. La mejor manera de probar es
seguir adelante y hacerlo, ver qué tipo de
resultados obtienes. Y si no
obtienes buenos resultados,
cámbialo y experimenta
y prueba AB La prueba AB es, ya
sabes, creas algo, lo pruebas con otra cosa. Cualquiera que sea el que mejor rinda gana, digamos que éste
gana, sube. Entonces más alto,
lo comparas con algo nuevo. Ya ves cuál funciona mejor. Todavía este, quédate con este. Pero entonces éste funciona
mejor. Conserva este. Y así solo subes
y subes y subes y subes, y así es como
creas grandes resultados. Bueno, creamos dos
guiones, lo cual es genial. Este era nuestro objetivo. Si tiene alguna duda, házmelo saber. Pero adelante que eso. Te
veré en el siguiente video.
17. Planificación + voz en off: Bienvenida. En este video, vamos a crear una voz en
off y planificar nuestros Cuando estoy creando mis propios videos o videos para otras personas, no trato de planificar tanto
con anticipación porque si
planeo mucho por adelantado, entonces no tengo mucha
creatividad en el proceso. primer lugar, en segundo lugar, es algo más fácil
para mí crear en el proceso que de
antemano porque cada vez que empiezo a trabajar y me meto en
este flujo
interesante, simplemente me ayuda a hacer
las cosas más fáciles. Ahora, voy a decir que a veces
me quedo sin ideas, a veces no tengo
ideas o quiero nuevas ideas. Pero no tengo nuevas ideas. En ese caso,
voy a usar ja GPT o potencialmente ponerme en marcha
algo de creatividad Muchas veces, también solo
tomo una pausa, hago algo. Mientras hago otra cosa, pienso en esto y luego las ideas apenas empiezan a aparecer en mi cabeza. Ese es mi proceso. Así es como funciona. Si no te
funciona de esta manera, creo que es lo mejor
para ti crear tu propio tipo de
flujo de trabajo creativo alrededor de esto. La mejor manera de crear
tu propio flujo de trabajo es simplemente experimentar y probar. No sabes lo que
va a funcionar, no
sabes lo que no va a funcionar. Entonces, lo mejor para que intentes y solo
trates literalmente de pensar, lo que en la Tierra te puede ayudar a
lograr lo que
quieras lograr. Si quieres ser más creativo, ¿qué te puede ayudar a ser más
creativo? Probablemente nuevas ideas, cómo
obtener nuevas ideas y, ya
sabes, una especie de
lluvia de ideas de esta manera Me gusta pensar en la
lluvia de ideas como asociación. Así que sólo estoy tratando de asociar
una cosa con la otra. Y tipo de ideas creativas para mí también se
trata de asociación. Entonces si alguna vez jugaste el juego con asociaciones
como, ya sabes, mesa, madera, bosque,
animales, zoológico, agua, océano, puesta de sol, espacio , ya
sabes, universo, partículas, ya
sabes, cosas así. Entonces es algo interesante. Si nunca lo has jugado,
trata de tocarlo en tu cabeza. Creo que es muy útil. Y entonces esto es una
especie de parte de mi flujo de trabajo es simplemente
hacer otra cosa, hacer estas pequeñas
asociaciones en mi cabeza, y luego se me
ocurren ideas. Así es como se
me ocurren ideas y puedo planear las
cosas con anticipación. Y por eso
no necesariamente me gusta planificar las cosas con anticipación. La forma en que me gusta plantar
es que me gusta tener, como, una visión general de
lo que voy a hacer. Y Alred sabe lo
que voy a hacer. Lo que vamos a
hacer es que vamos a tener estas diferentes plantillas. Entonces, por ejemplo, uno va
a ser como vista de buscador. El otro
va a ser Safari. El otro va a
ser iPhone y así. Así que sólo vamos a cambiar diferentes aplicaciones y luego hacer animaciones en
diferentes aplicaciones. Y esta es una especie de visión
general de mi plan general. Y luego a medida que avanzamos y en realidad
empezamos a editar los videos, voy a llegar
a más detalles. Ahora, también necesitamos
crear las voces en off. La forma en que creo voces en off es que uso notas de voz Tengo el micrófono conectado con el
que estoy grabando, y sólo voy
a leer el guión. La forma en que me gusta
preparar mis músculos faciales, y lo mejor es preparar tus músculos faciales porque si no preparas tus músculos faciales, podrías elegir algo de esto
y no es muy bueno. Te voy a dar un par de consejos. Aprendí esto de
una persona llamada Vin. Ese Vin que es como un orador profesional,
puedes buscarlo en Google. Básicamente, da un
par de prácticas. En primer lugar, hazte la cara
pequeña, haz tu cara grande. Tan pequeño y grande. Pequeño. Y luego voy así
por como 30 segundos. Entonces imagina que te estás comiendo un chicle enorme y
sube así. Así que ve así por 30 segundos. Trato de mover mi mandíbula, así. Entonces estoy tratando de
leer este guión como si estuviera exagerando, como cada palabra, así por ejemplo, video
horizontal Estás a punto de desbloquear el
estilo de animación exacto utilizado por Apple. De esta manera, obtienes mejor tu
pronunciación, tus palabras suenan mejor. Y luego el último, si acabas de despertar por la mañana, tienes este tipo de,
como, voz de Batman. Si quieres
deshacerte de eso y conseguir este tipo de
altibajos en tu voz, entonces lo mejor es hacerlo así. Eso es todo, así que ese es mi proceso de cinco
pasos para preparar mis músculos faciales y los músculos mandíbula para grabar los
videos. Después de que lo haya hecho. Lo cual toma alrededor de 3 minutos. Soy capaz de grabar videos. Esto es en realidad
lo que hago antes de grabar estos videos para ti. Entonces cada vez que hago esto. Ahora, vamos a crear dos videos. Voy a leer un guión. No veo muy
bien. Por eso voy a usar anteojos. Mm hm. Estás a punto de desbloquear
el estilo de animación exacto utilizado por Apple y los creadores
que obtienen millones de vistas. Es lo que hace que
las marcas se sientan premium y contenido imposible de
pasar por alto. Tanto si eres freelancer, editor o creador de contenido, este estilo te hace trabajar
como si viniera directamente de él. Esto Oh, este estilo te
hace trabajar, mira como este estilo te
hace trabajar, parece que salió
recto Este estilo, te
hace trabajar, lucir
como este estilo, este estilo, este estilo, este estilo, este
estilo, te hace trabajar, parece que
salió directo de Cupertino Este estilo te hace salir
directo de este estilo, este estilo, este estilo.
Y no te preocupes. Aunque los efectos posteriores se
sintieran abrumadores antes,
y no te preocupes. Aprenderás todo paso a paso.
Aprenderás todo. Bien, esa es una grabación hecha. Vamos a grabar el segundo video. Además, también consigo algo de agua, y guardo el agua justo
detrás de mí, a mi lado. De lo contrario, es realmente
hiriente en la garganta. ¿Cuánto gana Tim
Cook por segundo? Bueno, claro, los
vecinos van a emitir un pitido. En 2024, Tim Cook ganó 74 millones ¿Qué están haciendo
estos vecinos? Sí, eso es con lo que tengo que
lidiar cada vez. Comparte esto con un amigo
que necesita un aumento. Bien, eso está hecho. No estoy seguro de si voy a
usar esta grabación. No me gusta cómo suena mi
voz en este momento, así que podría volver a grabar esto. Pero este es el proceso. Esto es por lo
que tengo que pasar. Entonces se nos ocurre una idea. Lo atravesamos con HatPT. Se nos ocurren guiones. Grabamos un audio,
y después de esto, todo lo que tenemos que hacer es
entrar después de los efectos y
crear estas animaciones. Si tiene alguna
duda, házmelo saber. Pero aparte de eso,
voy a ver en el siguiente video, creamos las
animaciones. Vamos.
18. ¡Felicidades!: Enhorabuena. Si
estás viendo esto, significa
que has llegado a la
mitad del contenido del
curso Sé que hemos cubierto mucho, así que enhorabuena a ti
por llegar a este punto. Y pronto habrá mucho más contenido
valioso. Pero antes de que lleguemos
al siguiente video, simplemente
quiero
preguntarte si encontraste valor en este programa
hasta este punto, para tomarte 60 segundos para
dejarte revisión honesta. Por supuesto, esto lo voy a apreciar
inmensamente. Una retroalimentación también
ayudará a cientos de futuros estudiantes a decidir
el mejor programa para ellos. Así que déjalo ahora mismo. Y claro, si hay
algo en lo que pueda ayudarte, por favor házmelo saber en la
sección Q y abajo.
Lo estás haciendo genial. Sigan adelante. Y
sin que se lo diga, pasemos al siguiente video.
19. Cómo configurar tu diseño de interfaz de usuario desde Figma: Bienvenida. En este video, vamos a preparar nuestros activos. Así que ya hemos
creado los guiones, hemos grabado los guiones. Ahora antes de comenzar a editar, necesitamos preparar todo lo que
tenemos que trabajar. Porque si no hacemos eso, va a ser un poco de cabeza
hacerlo en un proceso. Entonces, copiemos este guión, y volvamos a
hA GPT. Oye, ja GPT Bien, entonces para este guión, este es el guión final
para el video vertical. Vamos a usar,
como te dije antes, vamos a crear animaciones de
Apple, y necesitamos usar
diferentes diseños de interfaz de usuario de Apple. Es necesario que me des una lista
de diferentes ideas posibles. Entonces, por ejemplo, uno
puede ser una vista de buscador. El otro puede
ser la vista del iPhone. Pueden ser notificaciones de iPhone. Pueden ser aplicaciones para iPhone. Entonces, en lugar de las notificaciones, sería el texto en lugar de los íconos como debajo de los íconos, en lugar del texto,
serían nuestro texto. Dame más ideas donde
pueda poner texto así. A lo mejor podemos hacer,
como, un navegador. A lo mejor podemos hacer
resultados de búsqueda en Google,
algo así. Así que dame diferentes ideas
relacionadas con la interfaz de usuario de Apple para diseños. Y si, solo
dame una lista de, como, 20 ideas diferentes. Ventana del Buscador. Bien,
le envío un mensaje de burbuja de sombrero. Genial. Banner de
notificaciones de iPhone, notificaciones de pantalla de
bloqueo, iconos de
aplicaciones con etiquetas, títulos del centro de control. Mm, puede ser genial. Bien, vamos a contar
cuantos tenemos. Podemos hacer esto de antemano y realmente comercializar
con diferentes colores. Entonces pienso por la velocidad, porque esto va
a ser muy rápido, podemos comercializar con un color, y va a ser una escena. Hagámoslo así. Uno, dos, tres, cuatro, cinco, seis. Tenemos seis escenas diferentes. Sólo por el tiempo
y porque ya
tengo una idea de
cómo
va a quedar el video , lo
rompí así. Eso es. No hay una
fórmula específica que estoy siguiendo. Solo estoy
teniendo una idea en mi cabeza y tratando de
replicarme en la vida real. Necesitamos seis escenas diferentes. Echemos un vistazo a los
otros. Música de Apple. ¡Oh! Esta va a ser una. Entonces estoy
pensando en notificaciones. Esta puede ser esta parte. Entonces cada notificación
va a ser como, vamos a tener una animación de
notificación, y luego para cada notificación, vamos a tener como mes, semana, día, hora minuto. Creo que va
a ser súper genial. Estos no están en un orden
particular. Esto es justo lo que
necesitamos encontrar. Y para que yo entienda qué tipo
de cuántos tenemos, solo cambio los números. Bien, entonces ahora intentemos
ir a Figma, Finder Window. Busquemos Finder Window
y veamos si podemos encontrarla. Bien, así que vamos a acercarnos, y vamos
a necesitar esta parte. Bien, entonces
quieres asegurarte de hacer doble clic hasta que haya, como,
uno específico que hayas elegido. Y como pueden ver, este
es el que necesitaba. No necesito todo el
buscador número uno. No necesitamos el Encabezado. Así que solo estaba haciendo clic hasta que
obtuve exactamente el
que estaba buscando, y voy a hacer clic
derecho a copiar como SVJ y vamos a ir
a Illustrator,
Newfle web, large, y Command
V o Control V Ahora, aumentemos de tamaño. Al presionar Mayús y opción, voy a
hacerlo más grande así. Ahora voy a abrir hasta que
veamos todos los objetos. Voy a bajar
y cambiar con turno, seleccionar todos los objetos. Y voy a
arrastrarlo todo. Ahora, verás que algunos de estos se hicieron un
poco visibles, así que solo voy a
eliminarlo porque no lo
necesitamos en la parte inferior. Creo que va a ser realmente genial
crear texto aquí, por
ejemplo, como, uno,
dos, tres, cuatro, cinco. Aquí podemos tener una
frase entera. Vamos a hacer clic aquí. Suelta la secuencia de dos capas, selecciona todas las
capas, 150 capas. Eso es un gran número de capas y arrastrarlas fuera de la capa uno. Bien,
esto es genial. Comando S para guardarlo. Y llamémoslo ventana del
buscador. Bien. Voy a añadir el texto
directamente en after effects, y por ahora,
sólo puedo cerrarlo. De hecho puedo cerrarlo
presionando Comando W o Control W, y va a
cerrar la ventana. Y ahora vamos a
comprobar que todo está bien. Vamos a
abrirla. Boom, perfecto. Este ya está listo.
Yo mensaje de chat. Bien, en realidad,
esto se ve genial. Y éste es el indicado. Bien, hagamos
clic derecho en Copiarlo también. Comando N para crear uno nuevo, webge Comando V. Bien, así que vamos a liberar la secuencia de dos
capas Seleccionemos todo,
arrastrémoslo, y ahora guardemos este.
Nosotros lo vamos a llamar. Yo mensaje burbuja. Voy a guardar
todo en el escritorio, y luego personalizarlo.
Esta ya está hecha. Notificaciones de iPhone.
Bastante como todo. Bien, así que vamos a guardar
esta también. Suelte la capa, arrástrala hacia afuera. Controla como guardarla
en la música de la pantalla. Entonces tenemos la música. Bien, volvamos a las notificaciones y
busquemos. Todo lo que estoy haciendo aquí
es pasar
exactamente por el mismo proceso Figma Illustrator,
guarda el archivo En lugar de aburrirte
exactamente con lo mismo que ya me has visto
hacer diez veces, aceleré esto. En general, me tomó
aproximadamente 45 minutos completar y preparar
todos los activos. Bien, genial. Entonces ahora
tenemos Find view. Mensaje
notificaciones de calendario, otras notificaciones,
así, música y notas. Genial. En cuanto a diseños de UI, tenemos todo preparado. Ahora, podemos ponerlo en nuestro va
a haber un video vertical. Así que diseños de interfaz de usuario. Podemos poner todo aquí para asegurarnos de que las cosas
estén organizadas. Entonces dejémoslo ahí. Ahora, vamos a colocarlo en el video vertical
y en los diseños de interfaz de usuario. Bien, así que ahora podemos
empezar a trabajar el video. Tenemos nuestro audio. Tenemos nuestros diseños. Absolutamente hermoso. Tenemos todo preparado, y en el siguiente video, estamos
listos para comenzar a trabajar. Entonces, si tienes alguna
duda, házmelo saber. Pero aparte de eso, te
veré en el siguiente video.
20. Animar las secciones principales: Introducción dinámica y texto: Bienvenida. Estoy muy entusiasmado con este video porque
finalmente estamos llegando a editar. Lo hemos hecho a través de toda la
preparación, el trabajo aburrido. Ahora, pongamos y practiquemos. Bien, entonces déjame mostrarte
lo que he hecho aquí. No lo hice en cámara porque
quiero tomarme un tiempo y no quiero que te con las cosas aburridas.
Entonces esto es lo que hice. Teníamos nuestros seis
diseños diferentes, diseños de interfaz de usuario. Y solo
los marqué con color exactamente como hemos
descripto
para que yo sepa, por ejemplo, para
esta parte,
vamos a usar el buscador También los muevo para
que sea un poco más fácil. No le eches un
vistazo a estos números, así que en realidad podemos simplemente
Adelante y eliminarlo. Perfecto. Entonces tenemos esto listo. Ahora, vamos a
saltar al efecto después. Bien, creamos nuevo proyecto. Crearemos nueva composición. No estoy seguro de cuánto
tiempo va a durar esto. Oh, en realidad, porque
tenemos chicos, olvidé por completo que
tenemos la grabación de audio. Entonces necesitamos crear
primero
el proyecto de estreno para cortar el audio y luego agregaremos los
diseños y los efectos posteriores. Para eso, abre la ventana Premiere, crea la secuencia, córtala. Definitivamente puedes
hacerlo en después de los efectos. Solo es un poco
más fácil para mí hacerlo en premiere porque generalmente
after effects es más para,
como, diseño de motion graphics, y premiere es más para
armar todo. Nuevo proyecto. Vamos a
llamarlo video vertical. Y voy a elegir un video vertical de
ubicación,
bien, comando Shift y
para crear una nueva carpeta, y vamos a llamarlo PR. Así, para abrir un Mojes es un espacio de
comandos de control Entonces crea. Bien. Y aquí, vamos a
crear un videojuego vertical. Crear el proyecto. Arrastremos nuestro audio aquí. Vamos a crear una secuencia. Podemos arrastrar y
soltar el audio aquí. Pero entonces si echamos un
vistazo a la configuración, como, no
tenemos control
sobre la configuración, así que no es algo que
quiera hacer. Quiero crear una secuencia. Seleccione esto 30 fotogramas por
segundo, 1920, 10800 Vaya. Lo sentimos, 1080 para 1920. El atajo para abrir la
configuración, en primer lugar, podemos abrir todo tipo de atajos
con atajo de teclado. El atajo es la opción
Comando K en Mac, y es antiguo Control K en PC. Entonces podemos abrir estos, y luego
si busco ajustes, y podemos buscar ajustes de
secuencia, Comando K. Puedes
buscar puedes ponerte el
mismo
atajo si quieres. Es el mismo atajo que
se usa en los efectos posteriores. Vamos a arrastrarlo aquí. De hecho, no me gusta
cómo se ve esto, así que creo el atajo para
mí mismo para personalizar
la línea de tiempo. Puedes butch mis otros
cursos sobre cómo hacer esto. Bien, ahora sólo tenemos que
cortarlo todo. ¿Cuánto gana Steam
Cook cada segundo? ¿Cuánto gana Team Cook por segundo? Vamos a
desglosarlo. En 2024, Team Cook
ganó 74.6 millones de dólares. Eso es 6.2 millones de
dólares al mes, 1.4 millones a la semana, 204 mil al día, 8 mil 500 por
hora, 141 dólares por minuto Y eso es 2.3 $7
cada segundo. Eso es más de lo que
la mayoría de la gente gana
en una hora cada segundo. Comparte esto con un amigo
que necesita un aumento. Perfecto. Vamos a crear
otra carpeta llamada AE, que es después de los efectos. Y voy a
poner una etiqueta también. Entonces tengo esta etiqueta púrpura, que es Control tres
atajo en MacBook para crear este tipo de púrpura
para que sepa que este color es solo,
como, relacionado con proyectos. También podemos hacer, como, descargas. Eso también está relacionado con proyectos, y luego es simplemente más fácil
para mí organizarlo. Entonces podemos hacer un enlace dinámico. Sin embargo, si hago
clic derecho en reemplazar con composición
después del efecto, no
funciona. Para que el
vínculo dinámico funcione, necesitamos tener algún
tipo de visual. Ya sabes, no importa. Puede ser lo visual
en sí puede ser súper corto, puede ser así largo,
clic derecho, y ahora podemos hacerlo. No obstante, en lugar de
hacerlo haciendo clic derecho,
tengo un atajo. Así que reemplace con composición después
del efecto. Para mí, el atajo
es la opción A, y solo presiono. Echa un vistazo a esta
opción A. Ahí tienes. Y llamémoslo video
vertical. Tim Cook. Bien. Y lo pondremos
en after effects. Eliminaremos el gráfico. Y ahora tenemos la composición que es exactamente la misma
que creamos en estreno. Entonces tenemos el
ancho, la altura, y el marco 30 segundo. Todo está bien,
aunque el tiempo es el tiempo está bien porque
así es como dura nuestro audio. Ver esto convertido en rojo. Podemos presionar Command
set si queremos hacerlo y
poder ponerlo después. Yo diría que sería mejor exportarlo primero desde
After Effects porque de lo contrario va a tener que renderizarlo en tiempo
real en estreno. Y en lugar de poner tanta
presión sobre nuestra computadora, podemos simplemente exportarla
desde After Effects más adelante. Así que solo presiono Command set. Puedo presionar Shift Command set para rehacer pero voy a presionar comando al presionar
comando a para
guardarlo y comando Q para salir Bien, voy a seleccionar todo el audio presiona Mayús
Comando C para precomponer, y lo que llamará audio Tenemos sólidos. Bien, entonces no
necesitamos sólidos. Podemos eliminarlo. Gráfico,
podemos eliminar gráfico. Eliminar. Audio. Bien. Podemos ponerlo en
audio, así, y podemos poner
audio aquí también, porque no necesitamos
personalizar el audio. Sólo
podemos personalizarlo. Es decir, podemos, pero
no necesariamente lo necesitamos. Entonces, ¿cuánto gana Steam
Cook cada segundo? Vamos a
desglosarlo. Y para ello, vamos a usar
la ventana del buscador. Bien, entonces busquemos nuestros diseños de UI,
y
busquemos la
ventana del buscador, la composición, el tamaño de la
capa, presionemos noka
y dejemos que haga su trabajo A veces
lleva un poco de tiempo cargar todo. Vamos a abrirlo. Entonces en lo que estoy pensando
es poner texto uno, dos, tres, cuatro, cinco, aquí. Entonces podemos seleccionar esto, encontrarlo, y luego busquemos una herramienta de texto. ¿Qué tipo de texto tenemos? ¿Cuánto? ¿Cuánto? Como profesional, regular. Perfecto. Esta es la fuente Apple. Recuerda, para
dejar de editar el texto, presiona Command plus o Control plus y solo va
a volver a la herramienta de selección. Bien. Vamos a acercarnos. Creo que mi fuente es un
poco demasiado grande. Tenemos que disminuirlo. Asegurémonos de que sea
la misma altura, P y H, así que tal vez 22. Bien, ahora P, vamos a
cambiar su posición, ponerla por aquí, y 146, vamos
a desactivarla. Bien, ahora,
presionando el Comando D, voy a duplicar el texto. Lo pondremos aquí,
duplicamos de nuevo el texto, P a posición abierta, lo
pondremos ahí. En lugar de cuánto cuesta. Y pongámoslo, entonces. Por cierto,
deshabilitemos, seleccionemos V
y Does Tim Cook, deshabilitemos está muy lejos. En realidad, mantengamos
todos los textos juntos. Al igual que el informe anual, éste. Bien. Entonces esto es lo que tenemos. ¿Cuánto gana Tim
Cook por segundo? Y ahora, estaba
pensando en poner aquí a Tim Cook, como en esta parte, como una imagen real de él. Hm. Busquemos PNG,
tenemos algo. Esto se parece tanto
a Steve Jobs. Bien, usemos esta
. Guardar imagen. Y en realidad
no lo pongamos aquí todavía. Encontremos esta capa. Bien, entonces tal vez necesitemos desactivar una serie de cosas aquí. Importemos la imagen de Tim Cook. Puedo abrir escala presionando S, y puedo abrir
posición presionando P. Y si quiero que
ambos estén abiertos al mismo tiempo, tengo que presionar shift
entre esos. Bien, entonces hay un par
de cosas que podemos hacer. O podemos rastrearlo
y deberíamos darle una oportunidad. Entonces este es el indicado.
¿Podemos rastrearlo con tapete? Sí. Como tan perfecto. S&P Pongámoslo a 12. Por cierto, también debería
ser visible. Perfecto. Ponlo al fondo. Como, entonces, ¿no es genial? Yo creo que esto es hermoso. Vamos al audio. ¿Cuánto gana Steam Cook cada segundo? Vamos a
desglosarlo. Vamos a desglosarlo. Vamos a desglosarlo. Bien, podemos hacerlo aquí también. Entonces busquemos
duplicar este. B muévelo aquí. Ahora, seleccionemos estos para
copiarlos y pegarlos aquí. No importa,
en realidad,
probablemente deberíamos pegarlo por
aquí para que podamos aquí. Ahora necesitamos animar el texto. Hay un par de
formas en las que podemos hacer esto. O podemos hacerlo
usando lo que tiene Adobe, y
te voy a mostrar cómo hacerlo. Entonces, por ejemplo,
cuánto, por cierto, probablemente me viste
usar esta parte aquí. Se trata de una
consola de efectos por video C palt. Para que puedas seguir adelante
y descargarlo, y luego pulsando un atajo, podrás
buscar diferentes efectos. Entonces solo ven a este sitio web, adelante y
descárgalo, instálalo. Es absolutamente gratis,
y luego podrás presionar una combinación,
buscar efectos. Entonces, por ejemplo, para
desvanecerse harto de palabras. Y verán que
ahora vamos a tener el texto animado aquí. ¿Cuánto cuesta vapor? Entonces si te presionamos, tenemos los fotogramas clave Entonces esa es una forma en que
podemos hacer esto, podemos usar un
efecto de máquina de escribir como un fade up, como algo más,
las animaciones de texto. Sin embargo, una de mis formas favoritas animar texto es
usar un evoscript de texto Es un guión pagado por el
que hay que pagar. Son $30. Entonces, si no
tienes esta opción, usa lo que tengas
con los efectos posteriores. Si tienes la
opción de gastar $30, entonces sigue adelante y úsalo.
Es absolutamente genial. Te voy a mostrar lo que hace. Voy a presionar a Shorca para mí una
vez más para ejecutar guión Si no tienes el atajo, solo
puedes ejecutar scripts de script y puedes ver ahí este
es el atajo Comando R, y voy a ir al
escritorio Scripts TextEvScript Y vamos a
tener este pop up. Ahora, soy capaz de, por ejemplo, subir Se aplican palabras de opacidad Es el proceso que
creé para mí mismo, y el impuesto va a subir. Va a
aumentar con la opacidad porque ahora mismo los
opacitos Voy a la persona U y Ok. ¿Cuánto cuesta cuánto cuesta? ¿Puedes
acelerarlo un poco? ¿Cuánto
cuesta cuanto cuanto propina? Al presionar L doble
veces en el audio, voy a abrir las formas de onda
para ver mejor las cosas Cuánto cuesta Para ver por dónde empiezan
ciertas palabras. Entonces podemos
moverlo así, el texto. También podemos simplemente
presionar sobre un soporte. Como corchete izquierdo y
básicamente va a hacer lo mismo que
moverlo al moverlo aquí. También podemos presionar Option bracket y
va a cortarlo. Es el equivalente a
presionar Shift Command D, hacer un corte y
eliminar esta parte. Entonces voy a presionar el corchete
izquierdo para cortarlo. La propina. Opción
soporte izquierdo, Tim C. Soporte
izquierdo,
en realidad no es por segundo. Es cada segundo. Comprobemos dos veces que tenemos
texto con el audio. ¿Cuánto gana Steam
Cook cada segundo? Vamos a desglosarlo.
Perfecto. Ahora voy a volver a ejecutar el guión. En realidad, ya está aquí. Así que vamos a usar las palabras de
opacidad aplican, y podemos seleccionar todas
estas palabras de opacidad arriba Hace Steam Cook
hace cada segundo. Prensa. Bien, entonces se
supone que estos comiencen más tarde. El cocinero al vapor
hace cada segundo. Entonces usaremos la
misma animación aquí. Usaremos palabras de opacidad aplicar. Vamos a descomponerlo.
Vamos a desglosarlo. Vamos a hacer que
todo el texto se detenga aquí, así que una vez más el comando shift
y luego presione y elimine o podemos presionar
Opción corchete derecho. Es sólo para mí para ver
dónde termina. Se abajo. ¿Cuánto gana Steam
Cook cada segundo? Vamos a desglosarlo.
Dejémoslo así por ahora. Ven a la ventana del
buscador de proyectos. ¿Cuánto gana Steam
Cook cada segundo? Vamos a desglosarlo. Genial. Bien, entonces para esta parte,
tenemos todo listo, y voy a cortar
esta capa hasta aquí. Entonces tenemos listos los primeros 326. Ahora, lo siguiente que
tenemos que hacer es
venir aquí el evento del calendario de Apple. Bien. Busquemos
el calendario de Apple. Creo que usaremos calendario
iPhone porque eso es lo que me gustó. Composición,
tamaño de capa, importación, abierta. Entonces intentemos crear
algo de texto aquí. La fuente definitivamente
necesita ser más pequeña. Sepa cómo podemos frankenstein
esta cosa juntos. Se va a quedar
un poco feo. Bien, tal vez deberíamos ir por
tal vez deberíamos ir por 15. Déjame copiar esta cosa. Póngala aquí y
luego póngala aquí. Esto va a ser un poco feo, pero la gente no se dará cuenta estas pequeñas cosas
porque además de eso, vamos a
animar la cámara Esta parte en realidad es
como, es buena. Bien, así que vamos a crear una máscara. Vamos a moverlo hacia arriba, así. Ahora, vamos a crear una máscara, así que solo seleccionamos esta herramienta
y es crear para enmascarar, pero luego
invertiremos la máscara. Lexual. Perfecto. Y ahora, lo que también
podemos hacer es seleccionar un borrado lineal. Estableceremos -90 para que
vaya de izquierda a derecha. Entonces vamos a cronometrar la transición. Y aquí va
a estar completo. También puedes presionar FNF
nueve para que quede suave. Bien, Project, ¿dónde estaba? Calendario iPhone.
Calendario iPhone en. Ponlo aquí. En 2024. T ImCook
hizo $74.6 millones Vamos a abrir el audio,
copiar éste, entrar en iPhone Calendar,
buscar esto, seleccionar, pegar, ir
al principio. En 2024, Tim Cook hizo
74.6 millones de dólares. A lo mejor deberíamos
hacerlo lineal en su lugar. En 2024, Tim Cook
ganó 74.6 millones de dólares. Voy a desactivar el audio aquí porque
tenemos doble audio. T cuatro. Tim Cook
hizo $74.6 millones Eso son 6.2 millones de dólares. Así que ya hemos hecho los
dos primeros. Le envío un mensaje a Chad Bubble. Bien. Le envío un mensaje a Bubble. Composición de trobin, tamaño
de capa. ¿Qué es lo que haces? Eso es 6.2 millones de dólares al mes. 1.4 millones a la semana, 204 mil diarios, 8 mil 500 por
hora, 141 dólares por minuto Y eso es 2.3.
Y para copiar esto, envío un mensaje y pegarlo aquí. ¿Eso es 6.2 millones de dólares al mes? Bien, pongamos nuestro texto aquí. ¿Bien? Entonces aquí, el
texto necesita ser un poco Para que se ajuste a la pantalla, tengo que presionar Mayús y
línea que está de lado No sé cómo
se llama exactamente, pero es este de aquí. Esta tecla,
comando múltiple, esta, aquí, Shift y esa, y vuelves a esta vista. En este punto,
probablemente se te ocurrió la idea. Solo necesitamos personalizar cada pieza que se
va a personalizar,
será animada. Y así no voy a hablar. Yo sólo voy a
hacerlo. Se entiende la idea. Si tienes alguna duda,
asegúrate de que esté vivo en abajo, pero aparte de eso,
déjame seguir adelante y hacerlo. No te aburre con esto. Y luego una vez que nos metamos en
las cosas divertidas, volveré. Bien, aquí está la parte
interesante. Ahora que tengo
el texto animado, tengo el
efecto máquina de escribir en todo el texto. Lo que quiero hacer ahora es animar cada
burbuja emergente. Para eso, podemos usar un
par de cosas distintas, pero estoy pensando en
usar un efecto transformador, que luego voy a poder simplemente seguir adelante y
copiar en todas ellas. O oh, sí. En realidad, podemos
seguir adelante y probar el compositor de animación, que
tenemos frente a mí. Entonces tenemos ambos de estos. Tenemos que ser padres
de uno a otro. Así que imprimí el látigo esto
al final al grande, y vamos a tratar de empezar a
presets tal vez este ¿Bien? Esto definitivamente es
un poco demasiado, tal vez rebota cero. Me gusta todo, ¿de acuerdo? Ahora, necesitamos abrir esto para ver dónde comienza la
animación. Quiero ir a,
por ejemplo, aquí, y pegar. Echemos un vistazo. Eso es 6.2 millones de dólares al mes, 1.4 millones a la semana, 204 mil al día, 8 mil 500 por
hora, 141 dólares 204 mil diarios, 8 mil 500 por
hora, 141 dólares por minuto. Bien, genial. Ahora bien, en términos de todas estas otras cosas, ni siquiera
estoy seguro. Potencialmente podríamos seguir
adelante y desactivar mayoría de las cosas porque no las
estamos usando. Mm hmm. Bien. Esto se ve genial. Asegúrate de guardar los proyectos. Bien, ahora vamos a ponerlo. Entonces tenemos la burbuja del mensaje I. Eso es 6.2 millones de
dólares al mes. Bien, ya hicimos esta animación. Música de Apple. Bien. Vamos. Y tenemos que descomponer esta parte aquí porque
ahora mismo es una capa grande. Necesitamos que sea un montón de
capas pequeñas. Entonces es ésta. Vamos a sacar todo esto. Como, entonces capa Bien, ahora deberíamos
poder, sí. Bien. Guarde esto. Vamos a probarlo sin cerrar primero
Illustrator. Sí. Bien, ahora somos capaces personalizar
cada bit, ¿de acuerdo? Así que ahora podemos cerrar
el ilustrador. Deberíamos tener un icono aquí.
No tenemos un icono. Mm. Deberíamos poner ahí a Tim
Cook. Deberíamos. ¿No es así? Hermoso.
Creo que lo es. Bien, ahora necesitamos notas. En 2024, Tim Cook
ganó 74.6 millones de dólares. Eso es 6.2 millones de dólares al mes, 1.4 millones a la semana,
204 mil al día, 8 mil 500 por hora, 141 dólares por minuto, y eso es 2.3 7 dólares Eso es más de lo que
la mayoría de la gente gana
en una hora, cada segundo. Comparte esto con un amigo
que necesita un aumento. Hermoso. ¿No es hermoso? Bien, ahora, hagamos los toques
finales aquí. Entonces todo está bien. Aparte de aquí, necesitamos
agregar una imagen aquí en la parte superior. Agrega un fondo aquí y
agrega un fondo aquí. Bien, vamos a
repasar rápidamente por todo. Vamos a crear un círculo. Ponlo en el medio. Y ahora pongamos una foto. Oh, sí, vamos a poner otra
foto de Tim Cook aquí. Y seguiremos que
coincidan con esta imagen. Como, entonces bien. ¿
Qué más necesitamos? Aquí necesitamos antecedentes, bien. Abramos éste. Bien, busquemos una foto. Pantalla iPhone. Solo necesitamos acertar
las dimensiones. Intentemos alinear estas cosas para
que encajen perfectamente. Creo que lo hace ahora. Ahora, podemos crear un esquema nosotros mismos. Vamos a crear una forma de
rectángulo redondeado, deseleccionemos todo por el
presente comando shift A, ahora vamos a crear uno grande y vamos a asegurarnos de que encaje
vertical y horizontalmente. También voy a
abrir la transformación para moverla arriba y abajo. Bien, esto es genial.
Cambia la redondez para asegurarte de que encajamos. Ponlo hasta el fondo. Ahora, podemos hacer que
sea el color que queramos. Podemos hacerlo blanco para
que podamos ver cosas. Pero en lugar de blanco,
¿por qué no creamos? Hagamos iPhone wall, papel. Voy a presionar un atajo Shift Option
Command H o G, y este es el
atajo que nos
permite ajustar un determinado objeto
al tamaño de la pantalla, ya sea vertical
u horizontalmente al tamaño de la composición. Y a partir de ahí,
puedo hacerlo más grande, más pequeño, haciendo para
hacerlo un poco más grande. Entonces pongámoslo a 35. Bien. Y vamos a rastrear
acoplado a este tipo Mm hmm. Genial. Ahora, vamos a duplicar este iPhone,
hacerlo visible. Solo hagamos el trazo, aumentemos el ancho del trazo. Como, así como vamos a hacerlo. Asegurémonos de que nuestro
punto de anclaje esté en el medio. Y ahora hagámoslo un poco
más pequeño, solo un poquito, y hagámoslo
negro. Esto es genial. Lo único que tenemos que
hacer es
cambiar la posición porque no
es muy recta. Entonces conectémonos a éste y P mueva este
un poco a la derecha. Entonces ahora vamos a copiar
esta cosa, ponla aquí. Vamos a ponerlo al fondo, P, vamos a moverlo un
poco. A la izquierda. Cambiemos el
fondo del iPhone por
otra cosa . A mí me encanta. Bien, ahora necesitamos agregar solo
un par de cosas ahí notificaciones porque
vamos a verificar dos veces. Notificaciones, sí. Entonces sí tenemos algún
tipo de icono ahí. Mensaje iPhone iPhone. Puedo descargar. Así que vamos a dejarlo
caer, dejarlo caer aquí. Bien, hagámoslo
así por ahora, y entonces podríamos
cambiarlo un poco
más tarde en el futuro. Veamos qué creamos. ¿Cuánto gana Team Cook por segundo? Vamos a
desglosarlo. En 2024, Team Cook
ganó 74.6 millones de dólares. Eso es 6.2 millones de dólares al mes, 1.4 millones a la semana, 204 mil al día, 8 mil 500 por
hora, 141 dólares Y eso es 2.3 $7
cada segundo. Eso es más de lo que
la mayoría de la gente gana
en una hora cada segundo. Comparte esto con un amigo
que necesita un aumento. Bien, me gusta todo. Definitivamente tendremos que
crear algo en cuanto al fondo un poco más tarde
porque no tenemos fondos para ninguna
de estas cosas, pero aparte de
eso, creo que se ve súper genial,
súper caro. A lo mejor vamos
a crear un borde redondeado aquí porque actualmente no
parece un iPhone, pero sin duda podemos hacerlo. Al igual que, no es un problema.
Aquí lo creamos. Súper fácil. Veremos qué
podemos hacer aquí también. Aparte de eso, creo que
quiero detenerme aquí, tomarme un pequeño descanso, meterme algunas
ideas frescas en la cabeza, volver con una visión fresca y ver qué tipo de resultados
podemos obtener aquí. Estamos haciendo un gran, gran trabajo.
Gracias por ver. Si tiene alguna
duda, házmelo saber. Pero aparte de eso, te
veré en el siguiente video.
21. Transiciones y 3D y profundidad con cadenas cero: Han pasado alrededor de dos, 3 horas desde mi última sesión. Continúo con esta edición. Hay un par
de cosas que podemos hacer. Me gustaría
guiarte a través de algunas de las opciones que tienes
a la hora de esto. Echemos un
vistazo al calendario, por ejemplo, una composición
no tiene tantas capas. Creo que fue ésta. Lo que podemos hacer es crear una cámara y podemos acercar
con la cámara. Si nos acercamos con la cámara, vamos a perder calidad. ¿Por qué? Porque todo va a seguir siendo la misma
calidad, básicamente. Y solo nos acercamos
y nos acercamos aquí, se
puede ver que la
calidad es bastante mala. Sin embargo, hay una interesante
alternativa en torno a esto, y tiene que ver con los archivos SVG que se
crearon en Illustrator Por ejemplo, vamos a crear un nulo presionando la
opción Mayús comando Y. Bien, se va a
quedar en la parte inferior. Seleccionaremos todo
aparte del nulo, y vamos a padre de
todo al nulo. Como, así que a la vez, también
vamos a dar click sobre este botón, que es Rustiz. Y por lo tanto,
digamos que presionamos sobre S, y ahora aumentemos el tamaño. Puedo ver que la calidad
en realidad se está volviendo
mejor de lo que solía ser. Solía ser, ya sabes, echar un vistazo a esta parte o
echarle un vistazo a esta parte. Lo aumentamos de tamaño, y cada vez es mejor. Entonces eso es lo que pasa
cuando rasterizas. Bien, voy a volver
a cancelar todo. Entonces un par de cosas que podemos hacer. Entonces sí, definitivamente podemos
trabajar con la cámara para crear este efecto Boca, básicamente el desenfoque
en el fondo, el primer plano, que
se ve súper caro Claro. Y en realidad podemos
hacer eso por el fondo. También podemos usar los mismos efectos
con el desenfoque de Cashion, Al mismo tiempo, lo que también
hicimos genial es que tenemos cada uno de nuestros sets, cada una de nuestras escenas en una composición
diferente. Y como ya
tenemos el audio aquí, en realidad
podemos animar
cada uno de ellos por su cuenta.
Vamos a probarlo. Voy a seleccionar todo, presionar A y A para
cerrarlo todo. Entonces ahora tenemos
todo cerrado, y voy a cambiar
la composición de esto a 1080 para 1920. Entonces vamos a
hacerlo vertical. Y bien, comencemos
con esta primera. Cerremos todo lo demás. Y voy a
seleccionar todo comando a Oh,
en realidad, está aquí. Así que rasteriza cada capa. Ahora voy a anular la
selección de todo. Mayús Comando A, seleccionamos
la primera capa, y aquí vamos
a crear un comando nulo, opción de
desplazamiento Y. Ahora, vamos a
presionar Comando A para seleccionar todo, y
al presionar Mayús, voy a presionar
nulo para desseleccionarlo, y ahora vamos a padre de
todo al nulo Entonces aunque arrastremos una
cosa al nulo, seguimos siendo padres de
todo al nulo. Bien, genial. Entonces ahora, podemos controlarlo todo
aumentando lo nulo, hermoso. Esto en realidad van
a ser los principales nulos, usa P y S. En realidad, comencemos de como esta
posición aquí más o menos, pongamos dos fotogramas clave, realmente aumentemos la escala Y pongámoslo algo
así como en el medio. Acabamos de aumentar este nulo, y como queremos un movimiento
súper suave, voy a seleccionar
este nulo y
voy a crear otro nulo, y voy a
conectar este nulo, el nulo principal a
nulo numero tres, no
importa los nombres. Y ahora, mientras
estamos acercando, ya
vamos a empezar
a movernos hacia la izquierda, así Y eventualmente,
deberíamos terminar aquí. Vamos F N F nueve, todo. ¿Cuánto gana el
cocinero al vapor cada segundo? Bien, esto tiene que parar aquí. En realidad, creo que lo que podemos hacer es que podemos hacerlo así,
así que empezará muy rápido en el mismo
principio y disminuirá la velocidad. ¿Cuánto gana Steam
Cook cada segundo? Y tal vez necesitamos
acercarnos un poco menos. Entonces va a suavizar mucho
este. Y mientras éste
sigue moviéndose, vamos a empezar
a bajar en este caso, podemos simplemente duplicar
éste, luego lo padre. Al presionar P,
eliminaremos estos fotogramas clave. Y así partiremos
desde esta posición. Y vamos a bajar. Al igual que selecciónelo, haga doble clic. Vamos a desglosarlo. Yo
voy. Vamos a desglosarlo. A lo mejor necesitamos un poco menos. ¿Qué pasa con esto? Entonces echemos un
vistazo a este de aquí. ¿Cuánto gana Steam Cook cada segundo? Vamos a
desglosarlo. Vamos a crear otro
nulo por aquí. Así que duplica éste, P, conecta éste a éste, borra los
fotogramas clave de posición y empieza Y luego y digamos aquí, lo
haremos por nuestra cuenta nueve, acercaremos, y lo
haremos así. Vamos a crear un marcador. Busquemos cómo dejar
marcador. ¿Te acuerdas? Bien, Control ocho. Entonces pongamos
aquí el marcador, Control ocho. Bien, genial. Ahora
tenemos un marcador. Y vamos a desglosarlo. Bien, hermosa. Segundo. Vamos a desglosarlo. A lo mejor deberíamos empezar este
un poco antes. Segundo. Vamos a desglosarlo. A lo mejor debería ir
o a poco más bajo. Segundo. Vamos a desglosarlo. Tal vez incluso más bajo. Nosotros en segundo lugar. Vamos a desglosarlo. Bien, vamos a ver. ¿Cuánto gana Steam Cook cada segundo? Vamos a
desglosarlo. Entonces para el primero, tenemos artículo Cook hacer cada segundo. Vamos a desglosarlo. En 22. Vamos a abrir esta.
Hagámoslo 108 T para 1920. Y vamos a hacer exactamente lo
mismo que hicimos anteriormente. Déjame seleccionar la
capa superior, crear un nulo, seleccionar todo,
seleccionar el nulo, padre todo al nulo. Y mientras tenemos
todo seleccionado,
daremos click en Rasterizar Ya está rasterizado K
Ps renombrarlo a nulo principal. Bien, entonces teníamos
nuestro iPhone aquí. Seleccionemos nuestro iPhone, este, este, este. Selecciona nuestro iPhone
y tráelo
al calendario iPhone
y pégalo. Ahora, pongamos todo
en el medio. Porque lo teníamos parentado. Por eso sucedió esto. Genial. Ahora podemos
diseccionar este fondo, y ahora podemos
seleccionar todo, deseleccionar el nulo,
y podemos rastrear mat todo al iPhone porque
ese era nuestro track Así que solo selecciona todo. Vamos a reducirlo un poco. Al igual que, entonces 99. Perfecto, para que
no cortemos los bordes. Paradicemos estos dos
al nulo también para que
nulo conecte todo. Entonces ahora que cuando
escalamos, sí tenemos nuestro iPhone así. ¿Cómo
va este extremo a la derecha? Bien. Así que
en realidad podemos hacer que venga. Este va a ser
el fotograma clave final, y
deberíamos hacerlo, como, entonces este va a
ir a la izquierda Este va
a venir así. En 2020? Un poco más de espacio porque
literalmente no hay espacio. En 2024, Tim Cook hizo. Comprobemos cómo se ve. Descomponerlo. En 2024, Tim Cook hizo 74 punto. Bien, echemos un vistazo ahora. ¿Cuánto gana Tim Cook por segundo? Vamos a
desglosarlo. En 2024, Tim Cook
hizo $74.6 millones. Eso son 6.2 millones Genial. Bien, ahora necesitamos crear nuestro iPhone pensando
aquí también. Tomemos nuestro iPhone, también,
copiarlo, pegarlo en la burbuja del mensaje
I. Es seleccionar éste, ponerlo en
el medio, en el medio. Y en realidad, necesitamos
cambiar el tamaño de la composición 1080 para 1920. Nuestra animación en
sí misma fondo
no está perfectamente en el medio porque no la
pusimos en el medio en Illustrator, algo que es mejor hacer, pero no lo hicimos, y
no es el fin del mundo. Vamos a crear un nulo,
seleccionar todo. Vamos a anular la selección de estos. Lo haremos padre al nulo. Bien, rasterizado, encendido, y estaba
pensando en seleccionar el nulo y
ponerlo en el medio Bien, entonces solo podemos
hacerlo con gobernantes. Entonces tenemos 1080 para 1920.
Se pueden ver los números. 1080 dividido por la mitad es 540, así que me parece 540, esta va a ser
la mitad. Esto va a estar en el
mismo medio ahora mismo. Perfecto. Vamos a
encender a estos tipos. Parece que nuestro equipo
Cook no está en el medio, sino lo que sea. Bien, ahora seleccionaremos
todo aparte
del nulo y
seguiremos tapete a nuestro iPhone. Después deseleccione todo y también
podremos eliminar este
iPhone Y para desactivarlo, cambiar la posición de nuestro nulo. Ahora también necesitamos encontrar
la imagen de esto, y necesitamos rastrearlo
loco hasta la forma xl, busquemos donde
tenemos estas cosas. Quiero pasar P y cambiar su posición para que
sea un poco más alto. Ahora bien, las cosas son como deberían ser. Cerremos estos porque
ya terminamos con ellos. Entonces terminamos con
los dos primeros. Ahora vamos a trabajar en éste. Min duplicado, padre
P y S. En realidad, lo que podemos hacer es
echarle un vistazo. Vamos a crear otro nulo aquí. Padre éste, P,
seleccionamos la posición E, y luego empezamos a bajar
rápidamente FNF nueve, abrir, también. Entonces 60 millones de dólares Bien. Y comencemos esto. Necesito un fondo porque
no puedo ver lo que está pasando.
Vamos a habilitar esto. Bien, entonces comencemos desde aquí. Hagámoslo, como así F nueve. Bien, ahora estamos haciendo exactamente lo
mismo una vez más, solo vamos a deshacernos
del fondo. Bien. Veamos
lo que tenemos hasta el momento. ¿Cuánto gana Tim Cook por segundo? Vamos a
desglosarlo. En 2024, Tim Cook
hizo $74.6 millones. Eso es 6.2 millones. Eso es 6.2 millones de dólares al mes, 1.4 millones a la semana,
204 mil al día, 8 mil 500 por hora, 141 dólares por minuto, y eso es 2.3 7 dólares Eso es más de lo que la mayoría de la
gente gana en una hora. Echemos un vistazo a
todo lo armado. ¿Cuánto gana Tim Cook por segundo? Vamos a
desglosarlo. En 2024, Team Cook
obtuvo 74.6 millones de dólares. Eso es 6.2 millones de dólares al mes, 1.4 millones a la semana,
204 mil al día, 8 mil 500 por hora, 141 dólares por minuto, y eso es 2.3 7 dólares Eso es más de lo que
la mayoría de la gente gana
en una hora cada segundo. Comparte esto con un amigo
que necesita un aumento. Mmm, sí, creo que en realidad
todo,
todo es genial Aparte de tal vez un par de
zoomins como, por ejemplo, aquí, creo que puede
ser un poco mejor a la hora
de deshacerse de los fondos
y establecer un fondo Así que vamos a tratar de hacer eso. Bien, entonces para este trasfondo, lo
vamos a eliminar. Bien, definitivamente estamos
llegando ahí. Bien, entonces para este trasfondo, busquemos.
Esto se ve genial. Bien, ¿por qué no vamos aquí
al proyecto del guardabarros, lo
descargamos, lo dejamos caer ,
vamos al fondo
y lo dejamos caer aquí Bien, así que probemos
un par de cosas. Intentemos esto moviéndose con
el resto de la imagen. L significativamente más grande,
algo así. Si quieres que esté conectado. Oh, no, tenemos que
ser aún más grandes. Bien, entonces echemos un vistazo. ¿Cuánto gana el cocinero al vapor cada segundo? Vamos a
desglosarlo. Bien, el primero se ve
genial. ¿Qué tenemos a continuación? A continuación, tenemos creo que
para el siguiente, solo deberíamos ir
por un gradiente. Entonces Comando Y para crear
una rampa de gradiente sólido. Dame código de color para usar como degradado para la animación de Apple. En realidad, no deberíamos
simplemente poner un gradiente. Probablemente deberíamos poner como un degradado de cuatro colores.
Este es el que necesitamos. Bien, vamos en realidad, tal vez ni siquiera
necesitamos ponerlo aquí. Creo que aquí podemos usar un fondo
similar, así que podemos simplemente seguir
adelante y copiarlo. Déjame cerrar todo estoy empezando a perder la
noción de las cosas. Control C, Control V. En realidad, intentemos poner este color
en el fondo aquí. Animemos la opacidad. Como todo
excepto la transición aquí, creo que deberíamos hacer
algo al respecto. No me gusta la
forma en que termina esta. A lo mejor deberíamos cambiar la
posición para ser así. Millones de dólares.
Millones de dólares. Eso son seis puntos
millones de dólares. Eso es 6.2 millones. Son 74.6 millones de dólares. Eso es 6.2 milli. A lo mejor este necesita
comenzar más alto. Vamos
a probarlo. ¿Cuánto gana Tim Cook por segundo? Vamos a
desglosarlo. En 2024, Tim Cook
hizo $74.6 millones. Eso es 6.2 millones de dólares al mes. Creo que es genial.
Podría hacer un par de otros
cambios insignificantes en el futuro. Pero en general, creo que este video está resultando
ser absolutamente fantástico. Entonces ahora vamos a exportarlo. En el siguiente video,
vamos a trabajar en
los efectos de sonido. Vamos a exportar en
TornoQ darle un nombre, guardarlo y Hermoso. Quizás también deberíamos agregar un poco de
desenfoque de movimiento a todo, o tal vez no veamos, porque ahora mismo no hay desenfoque de movimiento en
ningún lado Entonces echemos un
vistazo al video final. ¿Cuánto gana Steam Cook cada segundo? Vamos a
desglosarlo. Esto se ve genial. Creo que deberíamos
agregar desenfoque de movimiento, así que selecciona todo
agrega desenfoque de movimiento. Es decir, esto probablemente
tomará mucho en la computadora. Podemos darle una prueba y ver
qué tipo de resultados obtenemos. Especialmente en las transiciones,
va a ser súper útil porque
va a hacer que sea mucho
más suave en las transiciones. ¿Cuánto gana Steam
Cook cada segundo? Vamos a desglosarlo en 2024. Sí, la transición es
mucho más suave de esta manera. Vamos a decidir el siguiente video
cuál vamos a usar, un pequeño cliphanger para ti Aparte de eso, si tienes
alguna duda, avísame. Pero aparte de eso, te
veré en el siguiente video,
así que ve en el siguiente video.
22. Diseño de sonido: audio en UI y sincronización de tiempo: Bienvenida. Bien, hasta ahora hemos hecho algunas cosas
increíbles. Hemos creado el video, hemos preparado el diseño. Al igual que, estamos así a través de
este video, que es genial. Y ahora tenemos que echar
un vistazo a los videos, y lo organicé ayer. Entonces tenemos el de Exportar,
que es sin Desenfoque de movimiento, y este es
con Desenfoque de movimiento. Incluso se puede ver
en la vista previa. Primero echemos un vistazo
al desenfoque de movimiento, y luego echaremos un
vistazo al experto y a uno, decidiremos cuál usar, y luego nos pondremos en
la edición del audio y la música ¿Cuánto gana Tim Cook por segundo? Vamos a
desglosarlo. En 2024, Tim Cook
hizo $74.6 millones. Eso es 6.2 millones de dólares al mes, 1.4 millones a la semana,
204 mil al día, 8 mil 500 por hora, 141 dólares por minuto, y eso es 2.3 7 dólares Eso es más de lo que
la mayoría de la gente gana
en una hora, cada segundo. Comparte esto con un amigo
que necesita un aumento. Bien, hermosa. Absolutamente. Como,
súper caro. Echemos un vistazo a éste. ¿Cuánto gana Team
Cook por segundo? Vamos a desglosarlo. En 2024, Team Cook hizo 74.6 Sí, como el de
Motion blurr Moore. Y me gustaría echar
un vistazo aquí para
asegurarme de que sí
teníamos desenfoque de movimiento. Interesante. Entonces este fotograma, es como si tuviéramos desenfoque de
movimiento aquí, y luego este fotograma se detiene. Y entonces es así
para como dos fotogramas. Todo está bien
en este frente. Creo que podríamos cortar esta
parte, este marco. Creo que es solo
con fotogramas clave para mover el fotograma clave un
poco hacia la izquierda Pero en lugar de
reanimar, exportar, lo que va a tardar menos
como probablemente 15, 20 minutos Entonces, en lugar de hacer eso, en realidad
podemos simplemente cortar eso. Solo comprobemos que
todo lo demás es bueno. Oh, creo que el mismo tema aquí. Sí. Interesante. En fin,
vamos a abrirlo en Premiere. Entonces para esto, voy
a crear en realidad, ya
creamos
nuestro proyecto de estreno, así que solo lo voy a abrir. Para abrir
cualquier cosa en Mac, puedes presionar en Comando O
en Windows probablemente similar, algo así como Control O,
y va a abrirlo. Y luego te voy a mostrar formas
interesantes de obtener el muy buen audio
gratis, ¿de acuerdo? Así que exportar también. Organicemos las cosas. Así que vamos a crear una
carpeta presionando Comando y este botón. Entonces comanda y asegúrate de
seleccionar la carpeta del proyecto. Entonces comando y ese botón, creamos un bin. O en realidad podemos
seleccionar por ejemplo, este, presionar Mayús B, y va a crear
un bin de esta selección. Entonces esto se va a
llamar audio crudo. Esto se va a
llamar secuencias. Esto está bien, solo lo
dejaremos aquí por ahora. Elimina el audio
y hazlo así. ¿Cuánto gana el cocinero a vapor veamos a dónde fueron las cosas Sí, definitivamente necesitamos
reexportar porque tenemos,
como, uno, dos, tres, cuatro. Tenemos tres marcos
congelados. Podemos eliminar esto. Y ahora vamos a abrir el proyecto
After Effects. Vamos AE. Comando O, ábrelo. Reexportaremos, solo nos
aseguraremos de resolver
ese problema ahí Entonces, lo que creo que son
los marcos clave cuando lo
estamos moviendo
al final deben ser este de aquí. Entonces todavía tenemos el texto, y bien, echemos
un vistazo aquí ahora. Os. Eso es. Eso es 6.2. Bien, esta es buena. Puedo desplazarme entre
fotogramas presionando las teclas de
comando, comando y flecha. De lo contrario, si tienes
algo seleccionado, lo
vas a mover a derecha e izquierda. ¿Y por qué lo tenemos así? Entonces, ¿es éste?
No. ¿Es éste? Sí. Bien, ¿qué pasa?
¿Qué estaba mal aquí? ¿Por qué lo hicimos? Bien, vamos a verificar cada cuadro en el medio. Exportar tres, vamos
a usar el Exportar tres, y ahora vamos a renderizar. Va a llevar algún tiempo.
Este proyecto es bastante pesado. Mientras tanto,
mientras está exportando, permítame mostrarle cómo obtener audio de calidad
profesional de forma gratuita. Es a través de un sitio web
llamado Pixabay. Puedes buscar cosas
diferentes. Puedes buscar
imágenes, videos,
regalos, tres modelos D, efectos de
sonido y música. Ahora, tienen una gran
biblioteca de efectos de sonido. Y si buscamos UI, Estos son sonidos de interfaz de usuario geniales. Como, para esto,
no hay sonido en IOS, pero bien, para este tampoco
hay sonido. Pero para las animaciones de mensajes, en realidad
hay un sonido. Cuando envías un mensaje
y cuando recibes, no
estoy seguro de
cuándo mandas, pero
cuando recibes,
definitivamente hay sonido. Bien, entonces para esto, solo
podemos usar una máquina de escribir o como
teclado súper simple Este súper simple también. Bien, así que básicamente necesito
encontrar los sonidos para que me envíe un mensaje, y busquemos eso. Notificación. Estoy creando un
video sobre Apple UI Design, y necesito encontrar efectos de
sonido y verificar contigo sobre los efectos de
sonido. Básicamente, es iPhone recibiendo mensajes y enviando
los mensajes. ¿Hay algún sonido al
enviar y recibir un mensaje? primer lugar, en segundo lugar, ¿dónde puedo descargarlos
gratis en línea? Me suena el mensaje. Bien. Echemos un
vistazo a éste. Perfecto. Esto es exactamente
lo que estaba buscando. Voy a
descargarla desde aquí. Acabo de copiar el enlace.
Vengo a esta página web. Necesitamos solo el
audio para éste, así que no lo necesitamos en
buena calidad porque la
buena calidad pesa, en
realidad, 3.21 megabytes No importa. Entonces tenemos esta descarga. Esto es bueno. El control como comando también, para que no nos lleve la memoria. Nuestra exportación debería estar aquí. Sí, pongámoslo
en esta carpeta. Bien. Exportación número tres, podemos retrasar esta
porque no la estamos usando. Entonces deja caer esta. Y empecemos a trabajar de
inmediato en los sonidos de iPhone. Entonces veamos cuál necesitamos. Entonces necesitamos este primero. No. Esta va a ser una. Esta va a ser otra. Y vamos a ver. Entonces esto es recibir, y esto probablemente sea Sand. Recibir arena. Bien, entonces esta va a ser la primera. Lo marcaremos. Vamos a marcarlo a naranja y
este será de este color. La forma en que puedo marcar
colores es que tengo que
entrar en atajos opción comando K, Comando uno, así púrpura. Vamos, dos de mango. Entonces busco mango,
este es el color. De hecho, puedes
buscar Libelo y puedes poner diferentes atajos por
ti mismo para diferentes claves Bien, entonces esta
va a ser una. Vamos a colocarlo aquí. Eso son seis colores. Eso son seis Eso es seis
pies. Eso es seis puntos. Voy a desactivar mi voz
para que no compita. Ahora, hagamos esta. Otro éste. Soy capaz de copiar estos
pulsando la opción. No, no, no. Y éste también. Entonces un arrastre, presione la opción. Yo lo pongo aproximadamente no
tiene que ser perfecto porque gente por lo general la gente
ni siquiera nota ninguna de estas cosas. Entonces, vaya, necesitamos
usar naranja, también. Y eso es todo. Bien,
entonces echemos un vistazo. No. No. L. L. Esto podría ser un
poco demasiado alto, así que tenemos que bajarlo
presionando G menos diez. Escuchemos con todo. Millones de dólares. Eso son millones de dólares.
¿Eso es seis puntos? Quizá no menos diez, pero pongámoslo a menos cinco. Millones de dólares.
¿Eso es seis puntos? Sí. Esto es genial. Enseguida, yo entre todas estas transiciones Zoomins
rápidos necesitamos agregar swooshes Entonces voy a usar premiere
composer animation composer, el mismo que usamos
en after effect. Y voy a
buscar swoosh. Y voy a agregarlo. ¿Cuánto cuesta? Y probablemente necesite cortarlo. Mudo, el de arriba. Bien, entonces tenemos otra
transición aquí. Agreguemos otro. Bien, tal vez usemos otra diferente porque esta
transición es un poco más rápida. Probablemente podamos bajarlos
un poco más
abajo para que mantengamos swuses en un nivel y estos chicos
en el otro nivel No me gusta la forma en que
este es demasiado rígido, así que intentemos usar
este de aquí también. Un poco más tarde. Silenciar también a estos tipos. Comienza demasiado pronto. Bien,
algo como esto. Busquemos otro momento de
transición. Ahí. Por cierto, esta
transición es tan fluida. El motivo es porque
tenemos un fondo muy oscuro, y este también es oscuro. Entonces por eso se ve tan genial. Y usemos el
último por aquí. Vamos a dejarlo caer un poco antes. Bien, echemos un
vistazo a las transiciones. Bien, genial. Por cierto, aquí, lo
sé enseguida, voy a usar para que
podamos desactivar estos. Y vamos a trabajar en
esta pista ahora mismo. Entonces voy a presionar
S y sólo va
a habilitar esta pista,
pista número tres. Y aquí vamos a agregar un efecto de máquina de
escribir. Por cierto,
mantengamos esto organizado. Entonces para esto, necesitamos Sexo, y voy a buscar la carpeta
SFX y dejarla caer Puedes encontrar la misma carpeta Sexo en la sección de
recursos descargables, y tendrás acceso
a todo el sonido En la parte inferior, aquí
encontrarás una máquina de escribir o potencialmente en realidad
un teclado Apple pesado, lo que podría sonar incluso más caro que
la máquina de escribir. Entonces vamos a buscarlo.
Y por ejemplo, vamos a seleccionar esta porción, y vamos a Y para hacer clic en esta. Entonces vamos a escuchar.
Hermoso. Para esto, en realidad no
estoy seguro de qué
sonido deberíamos usar aquí. A lo mejor no tendremos ninguno. Pero vamos a
llegar ahora mismo al principio. Y vamos a tratar de pensar qué
sonido debemos usar aquí? Tal vez deberíamos usar
algún tipo de
sonido de interfaz de usuario como algo que queríamos
hacer . A mí me gusta este sonido. Descarguemos un montón de ellos, y luego lo averiguaremos. Mm en realidad. Vamos a descargar este
sonido también. Y luego veamos qué más. Esto es genial. Estoy
buscando sonidos caros, y estoy
buscando algo así como, no
sé si hay una manera
de describir un sonido como este,
pero para un sonido táctil, pero para un sonido táctil, algo que se siente súper caro y como una sensación cara
cuando tocas algo Entonces esto es algo
que estoy buscando. En realidad, esta también era
hermosa. Sí. Bien, entonces hemos
descargado un par de ellos. Veamos qué
tenemos. Por cada una de estas palabras que aparecen, quiero tener algún
sonido de algún tipo Entonces, en realidad,
abramos esto y probemos todos
estos. No, aquí no. Voy a cerrar este y probémoslo todo
aquí. Y vamos a escuchar. Entonces usemos estos
dos primeros para ¿cómo es W? ¿Por cuánto tiempo? Bien. Apenas podemos
escuchar este. Hagámoslo más fuerte. Es -20. Vamos a aumentarlo en 15. Bien. No, no se
ve bien. Esto es lo que vamos a hacer. Vamos a usar
este sonido para cada texto
porque queremos
mantener los sonidos
consistentes, también. De lo contrario, no va
a sonar caro. Oh, aquí deberíamos
hacerlo así. Y aquí podríamos ser
capaces de usar todos estos
al mismo tiempo. ¿Por dónde empieza justo aquí? Sí, en realidad, creo que se ve genial, tal vez
solo un poco más tarde. Bien, ahora echemos
un vistazo a todo. Vamos a deshabilitarme. Genial. Bien, para este, vamos a usar un marcador, y
lo podemos encontrar en carpeta de fax. Busquemos marcador. Tenemos dos marcadores diferentes. Un marcador como este.
El otro es más largo. Vamos a usar una
más larga porque sé que esta animación es bastante larga, así que en realidad, tenemos que
tenerla más tiempo. Bien, definitivamente
necesitamos hacer este -20 porque es demasiado ruidoso. Agrega una transición aquí, pero vayamos al fax
y hagamos el
corte centrado para que sea invisible Sí, apenas se puede
oír, pero es bueno. Bien, aquí también necesitamos
agregar un teclado o bien, y estoy buscando un sonido
cuando escribes en un iPhone. Usemos solo un teclado
que usábamos antes. Entonces veamos por dónde
empieza aquí. Bien, por cada uno echemos un vistazo a
lo que hemos descargado. Ooh. En realidad, este sonido podría funcionar para estas palabras
que aparecen en la parte superior. ¿Algo
así? Y para aquí, necesitamos, como, un
interruptor de algún tipo. Creo que tenemos, como, plástico. Si lo cortamos aquí, no, en realidad, de la manera
opuesta, perdón. Como, así que vamos a encontrar cuando
aparece y dejarlo caer. Bien. Bien , podríamos usar esta otra vez. Aún así, se puede escuchar claramente. Bien, entonces
busquemos otra cosa. En realidad, eliminemos esto y busquemos la notificación del
iPhone. ¿Dónde lo usamos?
Bien, veamos aquí. Oh. A veces también menos es más, y por eso
definitivamente podemos usar
muchos sonidos aquí, pero creo que esto va a funcionar aún mejor porque es
algo simplista No estamos usando más sonidos. Creo que es simple, minimalista, y por
eso funciona Bien, entonces esto es lo que
tenemos en cuanto a los sonidos. Escuchemos desde todo desde el principio hasta
el final sin mí, y después de eso,
trabajaremos con música. Bien, enseguida, este
tiene que empezar un poco más tarde, como una fracción de segundo después. Mm. Este empieza demasiado tarde. Tenemos que moverlo un
poco hacia la izquierda. Bien, creo que se ve genial. Estos tres, estos
definitivamente son demasiado ruidosos, por
lo que deberíamos
bajarlos en al menos diez. Tal vez menos cinco extra. Sí. Hm.
Busquemos música. Bien, ya que estoy creando
un video sobre Apple, ¿qué tipo de música
usaría Apple para crear un
video sobre Apple? En mi opinión, es
algo así como minimalista,
como sus diseños de interfaz Pero, ¿cómo puedo buscar el tipo de música
en pixabay.com En realidad, tal vez
deberíamos buscar solo minimalistas, lo sé Una cosa que sé certeza es que
podremos usar una canción de Epidemic Sound
porque Epidemic Sound, llevo usando
los últimos,
cinco, seis años,
tal vez incluso más. Son absolutamente geniales, y tienen una increíble
selección de música Si quieres consultarlos
en la sección de recursos, puedes encontrar un enlace
para una prueba de 30 días. Puedes probarlo si
no te gusta,
cancela en cualquier momento. No te preocupes por ello, pero
realmente lo recomiendo. Es un precio pequeño, pero
luego los videos se vuelven como, como, no solo diez, sino, como, 100% mejores. Y como pueden ver, lo que estoy
buscando para estas canciones aquí no necesariamente
funciona de la mejor manera. ¿Por qué? Porque, ya sabes, porque
este sitio web es gratuito. Epidemic Sound tiene
un poco de presupuesto. Tienen tantos artistas
profesionales como, realmente se esfuerzan, y tratemos de encontrar
una canción aquí bush. Mmm. Me encanta esta canción. Bien, entonces vamos a
descargarlo y probarlo. Así que hemos probado las
opciones gratuitas. Opciones gratuitas. Sí, hay
algunas buenas opciones, pero no las que
estamos buscando. Epidemic Sound,
encontramos una canción, ¿qué tan rápido? Súper rápido. Entonces echemos un
vistazo a la canción. Creo que la canción va a
funcionar increíblemente bien. Deberíamos empezar por aquí. Así que solo voy a
seleccionar una pequeña porción, arrastrarla al frente, cortarla hasta que realmente
comience la música, y soltarla. Bien. Y entonces cuando empiece un ritmo más
interesante, voy a usar esta parte. Esta es una especie de
introducción, la primera parte. Y luego para esta
parte, podemos usar un tipo diferente de canción para construir la tensión,
el batir el interés. Entonces pongámoslo aquí,
prueba algo como esto. Bien, tenemos que
cortarlo un poco. Tal vez, como, entonces pero bien, entonces para esta parte, quiero cuando empiece la
parte muy interesante de esta canción. Potencialmente aquí,
vamos a dejarlo caer. Bien, transición. Y entonces también
quiero tener, como, la misma acción para
construir por aquí. Y luego al final,
va a
disminuir la velocidad a esta parte,
que podemos ver aquí. En realidad, comencemos
desde el final aquí porque creo que este va a
ser un muy buen final para
la canción a menos que
sea mejor aquí. Este va a ser nuestro fin, así que lo dejaremos caer, como, así. Entonces podemos eliminar
esta parte por ahora. Hermoso. Ahora bien, para esta parte, sí, vamos a usar definitivamente. No estoy seguro de cuál
vamos a hacer esto, pero no estoy seguro
de los resultados. Sólo estoy experimentando, viendo como
funcionan las cosas o no Bien, tomemos todo
sin mi voz primero. No, es increíblemente bueno. Increíblemente bueno. Ahora sólo
tenemos que bajar todo en -20 decibelios, a
ver si me pueden escuchar ¿Cuánto gana Team Cook por segundo? Vamos a
desglosarlo. En 2024, Team Cook
hizo $74.6 millones. Eso es 6.2 millones de
dólares al mes, 1.4 millones a la semana, 204 mil al día, 8 mil 500 por
hora, 141 dólares por minuto Y eso es 2.3 $7
cada segundo. Eso es más de lo que
la mayoría de la gente gana
en una hora cada segundo. Comparte esto con un amigo
que necesita un aumento. Guau. Resultó
ser súper genial. Ahora, puedo escuchar que
los efectos de sonido aquí son un poco demasiado fuertes, así que tenemos que bajarlo. ¿Cuánto gana Steam Cook cada segundo? Vamos a
desglosarlo. Entonces bajémoslo por, digamos diez y
veamos qué tenemos. ¿Cuánto gana Steam
Cook cada segundo? Vamos a desglosarlo. En 2024, Team Cook hizo 74.6 Este también necesita ser bajado
, en 5 millones de dólares. Eso son 6.2 millones de dólares. Eso es 6.2 millones de dólares al mes. Bien, este también
necesita ser bajado,
por algo así como menos $5. Eso es 6.2 millones de dólares al mes. Absolutamente, increíble. Bien. Así es como
haces la música. Así es como haces el
efecto de sonidos. Los efectos de sonido. Si tiene alguna
duda, házmelo saber. Al lado de eso.
Te veré en el siguiente video.
23. Exportar y exhibir proyecto 1: Estamos a punto de terminar este
video. Ya casi terminamos. Y lo último
que tenemos que hacer es exportar
correctamente este video. Entonces, ya sea que trabajes
en el audio en after effects o lo
hagas en premiere, ambas formas funcionan bien. Simplemente es mucho más fácil hacerlo en estreno que después de efectos porque imagina tener estas muchas capas
en los efectos posteriores. Eso es una tonelada. Entonces, lo que tenemos que hacer
es que tenemos que exportar. En primer lugar, tenemos que seleccionar I y seleccionamos O al final. Si lo haces en después de los efectos, no
necesitas hacerlo. Sólo tienes que seguir adelante y exportar toda
tu composición. Ahora bien, cuando vengamos a exportar, te
recomiendo
configurar estos ajustes. Entonces este es un preset
que creé. Básicamente, esto es
hacer coincidir la fuente. Después entramos en render
a máxima profundidad. Utiliza la máxima calidad de renderizado. La codificación por hardware es solo para codificación de tasa de bits de exportación
más rápida Establecí este y la tasa de bits
objetivo en 19. Ahora,
definitivamente puedes configurarlo al máximo o puedes ir
por esta opción aquí. Descubrí que estos ajustes
funcionan mejor para mí. Si quieres, puedes
simplemente seguir adelante y copiar. Así que déjame retrocederla. Ahora, una cosa te diré, que es súper
importante si
quieres exportar en Premiere, hay un problema con premiere
cuando exportas el video porque el video
que exportas no
estará tan saturado. Los colores no serán oscuros. Entonces es como si fuera como si el contraste estuviera un
poco rechazado. Y si quieres evitar eso,
hay una manera de hacerlo. Deberá entrar en
vigor y
deberá aplicar un lote de compensación QT
Gamma. Este lote en realidad hace que
el video esté más saturado. Y si no lo
hacemos, los videos van a ser un
poco menos contrastes, pero si lo haces, lo
haces aquí Para que puedas seleccionarlo,
encontrarlo en tu computadora. A ver donde lo tenemos. La compensación QT Gama debería
estar alrededor, esta es la indicada. ¿Bien? Así que solo voy adelante
y lo abro, y eso es todo. También puedes descargar esta ranura en los
recursos descargables. Y luego podrás
guardar tu preset. Puedes personalizar los encabezados. Puedes seguir adelante y
copiar mis encabezamientos. Luego haz clic derecho en Guardar preajuste,
y ya estás listo para comenzar. Ahora, sigamos adelante
y pulsemos en Exportar. Y en realidad se puede ver la
diferencia en la exportación. Entonces esto es con el Cuánto Tips así que esto es con el lote de
compensación QT Gamma, y este es sin
siquiera haciendo clic, se
puede ver la
diferencia en saturación. Este es mucho menos
saturado o menos contraste, y este es mucho más. Y es mejor usar siempre éste de lo contrario los colores van a parecer un
poco sosos Ahora, lo último que tenemos que
hacer, ver el video, asegurarnos de que las cosas estén geniales. Y si es bueno, entonces
podremos seguir adelante y
publicarlo. A ver. ¿Cuánto gana Tim Cook por segundo? Vamos a
desglosarlo. En 2024, Team Cook
obtuvo 74.6 millones de dólares. Eso es 6.2 millones de
dólares al mes, 1.4 millones a la semana, 204 mil al día, 8 mil 500 por
hora, 141 dólares por minuto Y eso es 2.3 $7
cada segundo. Eso es más de lo que
la mayoría de la gente gana
en una hora, cada segundo. Compártelo con un amigo
que necesite un aumento. Absolutamente hermoso. Ahora, te voy a dar
un par de consejos sobre cómo publicar correctamente
estos videos también. Si publicas videos verticales, es mejor
publicarlos desde tu teléfono. ¿Por qué? Porque tienes un poco más personalización,
sobre todo en YouTube. En YouTube, para poder seleccionar una miniatura en un video telefónico
corto,
actualmente, tienes que
subirlo desde tu teléfono O puedes subirlo
desde tu computadora, pero aún así tienes que ir a tu teléfono y luego
elegirlo de tu teléfono. Por lo que sí recomendamos
hacerlo desde tu teléfono. Es solo un poco más fácil, un poco más directo. Por ejemplo, Instagram
tampoco te permite cambiar tu biografía o tus enlaces
desde el navegador, tienes que hacerlo a través del teléfono, estúpido, pero así es como funcionan
estas plataformas. En realidad, no estoy
seguro de TikTok si hay alguna desventaja, pero solo es más fácil
publicarlo desde tu teléfono, así que solo sigue adelante y
envíalo vía, como, telegrama de WhatsApp, vía airdrop, cualquier opción que quieras elegir
de tu computadora,
a tu teléfono, publíquelo desde tu teléfono, y
estarás listo para Entonces, este es el
primer video hecho. Si tiene alguna
duda, házmelo saber. Pero aparte de eso,
sigamos adelante y comencemos el siguiente video.
Nos vemos ahí.
24. Diseña la disposición de tu interfaz de usuario del vidrio (Figma): Bienvenida. En este y durante
el siguiente par de videos, vamos a trabajar en
el video horizontal. Hemos trabajado en vertical. Ahora es el momento de trabajar
en la horizontal. Y específicamente,
vamos a crear este nuevo IOS 2026, este efecto de cristal que es súper cool, caro,
transparente Y déjame mostrarte
un par de cosas. Entonces esto se descarga
del sitio web oficial de Apple, y así es como se ve. Entonces es transparente pero no
completamente, no 100% transparente. Algunas cosas son más
transparentes que otras. Tiene una especie de efecto
Gage y desenfoque. Pero en pocas palabras, la
forma en que se hace este efecto es vamos a crear este efecto que va a
afectar a toda la composición. Eso lo vamos a hacer
con una capa de ajuste. Creamos una capa de ajuste, creamos todo tipo de efectos. Y luego básicamente rastreamos
mi este efecto a una forma. Eso es. Esa es
la historia corta. La historia más larga
veremos en los próximos videos. Pero por ahora, solo queremos
tener esto en cuenta mientras creamos
nuestros diseños de UI, mientras preparamos
nuestros diseños de UI. Entonces tenemos este guión.
Y el guión, creo que ya está perfectamente descompuesto porque este
va a ser video horizontal. En lugar de usar más iPhone, creo que deberíamos usar más MACUI porque vamos a tener más
bienes raíces con los que trabajar, podremos usar
más texto en la pantalla Y creo que va a
jugar a nuestro favor. Y creo que la forma en que
se descompone este guión es genial. Creo que deberíamos
mantenerlo así. No deberíamos simplemente dividirlo, ya
sabes, en más líneas. Lo tendremos en este
video, tuvimos una, dos, tres, cuatro, cinco, seis escenas porque tenemos
seis colores diferentes. Y aquí tendremos
cuatro escenas distintas. Entonces va a ser
menos menos transiciones, pero más enfocándose en entregar toda la
idea y el valor. O sea, el
video anterior también lo hizo, pero en este video, tendremos un poco más de
tiempo para jugar con esto. Ya entré en IgM y
comencé a investigar kits de UI. Y como vamos a estar
trabajando con Mac, encontré esta búsqueda para Mac EY, Mac OS Big Sir UI kit. Y estaba
pensando en usar mapas. Creo que los mapas
serían muy interesantes. Entonces encontré este modo de luz
específico, básicamente abierto
cada uno de esos. Ahora, vamos a copiar copias
SVJ abrir Illustrator, comando para crear nueva web
laarge. Vamos a pegarlo. Veamos qué
tenemos. Creo que va a haber un montón de objetos
diferentes. Bien. Entonces es el mismo tema que teníamos anteriormente donde estaban las imágenes. Entonces vamos a revisar estos antecedentes. Bien. Entonces a pesar de que
acabo de pegar esta imagen, sigue siendo Shi vamos a
crear una nueva capa Sí, sigue siendo transparente. Bien, y si copiamos como PNG
y lo pegamos en Fondo, copiamos, Illustrator, nueva
capa, pegamos en. Bien, pudimos
pegarlo. Lo que tendremos que hacer
ahora es asegurarnos de que
se ajuste correctamente al 1,000% Seleccionemos todo, saquemos todo de este grupo, lo
pongamos debajo de la capa dos, y luego pondremos la capa
dos en la parte inferior. A lo mejor no en el fondo. Me gusta, así que vamos a acercarnos para ver
que en realidad es perfecto. Bien, esto se ve muy
bonito. Comando O. Ahora, hagamos
lo mismo con esta imagen. Entonces necesitamos copiar paste, S P y G, pegarlo, e intentemos ponerlo
exactamente en la misma posición. Bien. Y copiemos esta imagen también.
Vamos a seleccionarlo primero. Bien, ahí tienes.
Copiar como Bing gi, pegarlo en.
Hermoso, majestuoso Absolutamente siguiente nivel. Entonces ahora tenemos que tomar todo
esto, seleccionar todo esto. En realidad, necesitamos hacer
click en nuestra capa
uno y dar click aquí, y ahora podemos seleccionar
todo y arrastrarlo hacia afuera. Así que ahora podremos mover
cada pieza por ahí. Así que solo seleccioné todo. Voy a aumentar
el tamaño hasta que quedemos toda la pantalla. Shift O, y podemos cortar esta cosa por
aquí y presionar hecho. Este está listo para funcionar. Comando S, y vamos a tenerlo
en el escritorio y llamarlo mapas. Busquemos otra cosa. ¿Qué más
tienen? ¿Nodos como este? Mm. Hermoso. Navegadores
bien súper caros. Mm. Para navegador, creo que
podemos poner como un texto aquí y luego bajar para tener un texto aquí
para hacerlo estallar aún más. Entonces creo que el navegador
funciona súper genial. Safari, modo de luz Safari. Sí, me gusta más el modo de
luz. Entonces seleccionaremos
éste copiar pegar SPJ, Comando N y pegándolo en Por cierto, podemos redimensionarlo
desde el principio para salvarnos un par de nervios y cambiar O y
cortarlo por la derecha, así Ahora necesitamos copiar la imagen. Copia como pingi, pegarlo en
Comando V. Ahí está. Vamos a bajarlo. Ponlo ahí, y
asegurémonos de que encaje perfectamente una vez más. Ajuste perfecto. Oh, tuvimos un
par de iconos desaparecidos. Entonces necesitamos obtener estos Zooming. Este es el que
necesitamos. Copiar y pegar, PNG pegarlo para asegurarse que es del mismo tamaño que
los demás lo colocan en. Ahora, una cosa es que la
copié como una imagen, y se puede ver que SVG está
manteniendo una muy buena calidad, y PNG
no está manteniendo la mejor calidad. H.
Saquemos todo del grupo para
escuchar a estos chicos también, así que hagamos clic en esta capa, liberemos, saquemos todo. Ahora bien, esta es la capa 22. Es todo esto con texto. Bien, tenemos que hacer algo
similar aquí. Sácalo. Estos están
ahí en capas ahora. Llévala al seleccionar
todas las capas. Bien, ahora cada uno
de estos es personalizable. Genial. ¿Qué pasa con este texto? Entonces ahora tenemos el
texto por separado. Comando S. Llamémoslo
Safari. Esto es bastante bueno. Vayamos a Figma
y busquemos más. Para esta porción, estoy siguiendo
exactamente los mismos pasos. Ve a Figma, voy
a Illustrator, guardando el proyecto, y estoy
preparando dos diseños más Uno es ap store. El
otro son los mensajes. No hace falta que veas lo que ya has
visto diez veces, así que por eso solo estoy
acelerando esto. Bien, y vamos a guardar esta. Comando S, llámalo Abstoe. Genial. Entonces ahora nos
tomó como una hora simplemente
encontrar lo que
buscábamos encontrar. Tenemos nuestras cuatro UI. Tenemos mensaje de abstore. Éste,
éste, y éste. Derecha. Bueno, si tienes
alguna duda, avísame. Pero aparte de eso, te
veré en el siguiente video.
25. Animar las secciones principales: Introducción dinámica y texto: Bienvenida. En este video,
vamos a crear nuestras capas de vidrio a partir de las
capas que hemos creado. Hagamos exactamente lo mismo. Crearemos composición EPR. Bienvenido al comando de
desplazamiento horizontal N, y haremos lo mismo para AE. Ahora, vamos a crear un
video horizontal en PR y luego lo
pondremos en after effects porque primero
necesitamos cortar el Audio. Nuevo proyecto. Esta es la ubicación
que elija. Podemos ponerlo aquí,
video horizontal, y vamos a crear. Pongamos aquí nuestra nueva
grabación. Vamos a crear la composición primero. En este caso, los ajustes de
secuencia de secuencia, 1920 ,
30, hagamos 30 fotogramas,
segundo. Bien, genial. Lo siento, lo olvidé otra vez. 1080 para 1920 debería
ser así. Entonces dejaremos caer este, seleccionaremos o para que coincida para
hacerlo más fuerte. Escuchemos. Molinos. Aprendes
todo paso a paso. Hermoso, hermoso, hermoso. Bien. Seleccionemos todo. Opción A, y pongámosla aquí y
lo llamaremos video horizontal. Entonces podemos comandar Z, eliminar este Control S, Comando Q, y estamos aquí. Comando de Mayús C, audio. Ah, por cierto, sí, lo
estamos haciendo horizontalmente. Así que
también podemos usar esta vista. Entonces vamos a las notas. Bien, y tenemos una
tienda, me envio mapas. Creo que Coppertino esto
va a ser mapas. Entonces lo marcaremos con azul porque quiero marcar
mapas con mapas azules, Safari e mensaje, Abstore Entonces esto va a
ser azul, también. Creo que deberíamos
comenzar con Safari. Entonces lo pondremos más alto. Entonces el primero
va a ser safari. Bien. Vengamos
a los efectos posteriores. Safari abierto. No necesita sólidos. No necesitamos gráfico, eliminar, audio Bien comp principal, selecciónelo así.
Llámala audio. Y dejemos caer Safari, y comencemos.
Tamaño de la capa de composición. Seleccionar todo, hacer clic en resto es desde el principio, anula la selección de todo y
decidamos dónde poner nuestro texto Entonces tenemos uno, dos, tres, cuatro, cinco, seis, siete, 89. Bien, vamos a usar este texto aquí. Yo sólo lo escribiré así. Voy a seleccionar el
texto. Este es el texto. Ahora, vamos a escribir todo. Tú. También hagamos bien
nuestras fuentes. En realidad, por ahora, escribamos la palabra manzana, hazla blanca. Definitivamente no es audaz. Probablemente talla regular 14. Vamos a probar 14. Bala. Perfecto.
¿Dónde está este texto de Apple? Yo sólo quiero ponerlo aquí. Y luego pondré
éste encima. Tú. Por cierto, debemos hacerlo de la manera en que
debemos poner el párrafo en centro para que podamos hacer coincidir
cada palabra como esta. Y luego cuando escribamos la palabra, va a empezar a
escribir desde el medio. Ahora sólo podemos
seguir adelante y duplicarlo. P sobre sobre sobre Genial. Estás a punto de desbloquear estás a
punto de desbloquear lo exacto, el estilo de animación exacto usado creo que
deberíamos ponerlo aquí, en otras palabras, también, desbloquear el
estilo de animación exacto usado por Apple. Estabas a punto de
desbloquear el estilo de
animación exacto utilizado por Apple. La animación no está
perfectamente en el medio. Vamos a moverlo un poco
al estilo correcto usado por Vamos a
moverlo también un poco. Mm. En realidad, tengo una idea. A lo mejor deberíamos cambiar de lugar de éste para que aquí
tengamos manzana. En realidad duplicarlo. P, muévelo a la derecha. Entonces seleccionaremos tanto la
capa de abajo como de arriba. Y pongámoslo tan hermoso. Se trata de la animación de Apple. Quiero poner Apple porque
tenemos manzana en el medio. Entonces al final ahí. También
deshabilitamos texto que estaba aquí. Vamos a verificar doble. Sí. Uno de los textos está aquí. Marquemos este otro
traje de color que no olvidamos. Vamos a marcar, no, rojo no. Fuchia funciona muy bien. Sólo para identificar
cuál es este y que
no debemos ocultarlo. Así. Voy a utilizar texto Evo una
vez más para hacer las animaciones. Voy a seleccionar todos los textos, y vamos a
subir opacidad Ws aplicar Abramos U. Y por cierto, vengamos al audio. Estás a punto de desbloquear
el estilo de animación exacto usado por Apple Inc. vamos a ponerlo aquí. A lo mejor deberíamos ponerlo a continuación. Acabo de recordar
por qué desactivamos esto para agregar más texto ahí. En fin, lo haremos en un segundo. Estás a punto de desbloquear
el estilo de animación exacto utilizado por Apple y el creador. Seleccione todo
un A, el selecto. Bien, entonces esta es la única victoria para cambiar también para este texto. Bien, tenemos que
copiar uno de estos, ponerlo en la parte inferior,
cambiar la posición. Pon esto a la derecha por ahora. Bien, sí quiero
seleccionar esta cosa. Haga clic derecho en T y haga que
la opacidad sea un poco más. Al igual que, así
lo pondremos en alguna parte. Estás a punto de desbloquear el estilo de animación
exacto utilizado por Apple y los creadores que
sacan millones de vistas. Increíble. Ahora haremos exactamente lo
mismo. Safari, y luego lo lograremos. Es decir, lo cambiaremos
en el futuro por ahora. Nosotros sólo queremos ponerlo
aquí. Millones de visitas. Veamos dónde termina. Ahora seleccionamos la opción de texto corchete
derecho para cortarlo. Ahora, vamos a encontrar
dónde aquí. Perfecto. Estás a punto de desbloquear el estilo de animación
exacto utilizado por Apple y los creadores que
sacan millones de vistas. Esto no es solo diseño de movimiento. Esto no está bien, le envío un mensaje a Mac. Así que tendremos que
jugar con éste porque tenemos un poco más de trabajo por hacer. Voy a desactivar, así que llamémoslo fotos. Voy a desactivar las
imágenes aquí porque están ocupando un gran espacio para que si hago clic en
cualquier parte de la pantalla, las
tengamos seleccionadas ,
como puedes ver, así,
y no queremos eso, así que voy a desactivarlas, y hagamos una serie de cortes. En primer lugar, vamos a
crear una máscara aquí y vamos a
enmascarar esta cosa, y vamos a
invertir la máscara a exactamente lo mismo aquí. Así que invierta la máscara. Y ya veremos sobre esto aquí. Esto no es solo diseño de movimiento. Quiero ponerlo aquí, y tenemos que
hacerlo gris. Este gris. Definitivamente es
algo así como audaz. En realidad, hay un atajo
para mover una capa a la parte superior. No recuerdo qué es, pero ¿
qué es un atajo en after effects para mover una capa hasta la parte superior o
hasta la parte inferior? Desplazamiento de mando y soporte. Entonces manda turno, soporte. Bien, ahora es hasta el grado superior. Ahora podemos deshabilitarlo. Duplica el texto, P,
y muévelo hacia la derecha. Introducir el texto. Bien, esta no es atrevida. Este es regular
y es blanco. Y creo que es
sólo un poco más grande. 15. Y también,
pongamos éste a 20. Me gusta, entonces
deshabilitaremos este texto, y vamos a encontrar este, deshabilitarlo, y habilitar este. No es regular. Es medio. Bien, donde
lo dejaremos por ahora. Ya veremos. No se ve tan diferente,
sobre todo si la gente lo
ve por primera vez,
van a ser como, Oh. Yo creadores sacando
millones de vistas. Esto no es solo diseño de movimiento. Es lo que hace que BransfelPremium y el contenido sean imposibles Ponlo a la cima hasta
el comienzo mismo. Voy a usar texto evo de nuevo y escribamos
pasit plus words, aplique esto no es
solo diseño de movimiento Para este, en realidad, sin embargo, usemos una máquina de escribir.
Para éste. ¿Qué hace que las marcas de combustible premium
y el contenido sea imposible de
desplazar para diseñar? Es lo que hace que el diseño de movimiento. Es lo que hace que
las marcas fuel premium y las marcas fuel premium. Entonces premium
ya está terminado aquí, así que solo estoy
escupiendo un poco un 5% Es lo que hace que
las marcas de combustible premium y el contenido sea
imposible de pasar por alto. Y acelere un poco este. Desplazarse más allá. Genial. Así que vamos a ponerlo. Esto no es solo diseño de movimiento. Es lo que hace que las marcas
se sientan premium y contenido imposible de
pasar por alto. ¿Si eres un fenómeno E hice exactamente
lo mismo para las dos siguientes escenas, animando el texto y alineando todo
en la comp principal Estás a punto de descargar
el estilo de animación exacto que usaste por Apple y los creadores que
sacaban millones de vistas Esto no es solo diseño de movimiento. Es lo que hace que
las marcas se sientan premium y contenido
imposible de pasar por
alto, ya seas freelancer, editor, Bertino y no te preocupes Aunque los efectos posteriores
se sintieran abrumadores antes, aprenderás todo
paso a paso. Bien, entonces tenemos que enviar
un texto de animación. Déjame hacer una pequeña
pausa, y después de eso, crearemos nuestro aspecto de cristal.
26. Animar capas de vidrio con profundidad: Bien, ahora vamos a crear la animación de cristal
líquido. Voy a crear
una nueva composición para
armar todo ahí, y luego la transferiremos. 1920 por 1080, 30. Al bono no
importa tanto. Voy a crear
una forma primero
presionando cue y shape
con rectángulos redondeados Ponlo así, centra
el punto de anclaje. Ahora vamos a crear a Jamar. Opción Comando Y.
Vamos a llamarlo vidrio. Y busquemos un
efecto llamado vidrio CC. Bien, vamos a
llamar a esta plaza. Y una cosa que
podemos hacer es que podemos crear o podemos
agregar un fondo de pantalla. Que veas lo que está pasando. Bien, vamos a
ponerlo en el fondo. Para que puedas ver si esta
es la diferencia. Esta es básicamente la animación del vidrio
líquido. Sólo tenemos que cambiarlo. Para el cuadrado, necesitamos usar un nada para trazo y color
sólido para el relleno. No importa de
qué color sea. Ahora, vamos al
vidrio, a la superficie, a la luz. Bien, entonces aquí tenemos
que seleccionar nuestra forma. Pongamos éste a 25. Éste. Así suavidad
25 altura a 64 luz. Vamos a usar luces AE, y vamos a crear una luz, nueva opción de luz
comando de cambio L. Opción Shift Comando L. Vamos a
crear nueva luz. Vamos a crear una
luz ambiental con intensidad 200. Y podemos ponerlo en la parte inferior. La luz solo afecta a
la capa de tres D, así que hagamos nuestro cuadrado
tres D y hagamos un seguimiento de nuestro vidrio a nuestra forma. Y ahí tenemos este vaso. Vamos a duplicarlo, y
llamémoslo trazo. Y aquí, vamos a
habilitar trazo, no trazo. Hagámoslo de color blanco, y asegurémonos de que
esta capa sea visible. El ancho de trazo a
algo así como dos y la opacidad a
algo así como 50% Y también podemos cambiar el modo de
fusión a overlay. Estamos consiguiendo vamos a duplicar nuevo
este cuadrado y
llamemos a este una sombra. Lo que podemos hacer, en este caso, es en un relleno negro, habilitarlo. Busquemos el efecto llamado Desenfoque
rápido de Caja y
aumentemos el radio a
algo como esto. Y vamos a rastrear Mt nuestra sombra
hasta el cuadrado y
hagamos invertir mat para que
tengamos este tipo de sombra. También podemos jugar con
estos ajustes para asegurarnos nos gusta la forma en que se ve.
Algo así. Vivamos así por ahora. Bien, también
agreguemos un desenfoque de Gaon, y aumentemos este desenfoque Hagamos 15, solo para
hacer números redondos. Y verás en el ejemplo que tomamos se ve muy similar. Así que ahora vamos a desplazar el
trazo al cuadrado, y vamos a desplazar la
sombra hacia el cuadrado. Y ahora, si lo movemos, esto es lo que tenemos. Lo importante
es que, digamos que
queríamos cambiar el rectángulo,
como, el camino del mismo, y vamos a hacer algunos así. Como puede ver, esto no
está conectado. Y es por eso que
aprendimos previamente a conectar la posición de tamaño y
la redondez de cada una de estas, así camino rectángulo y conectamos el tamaño al tamaño
del rectángulo Entonces, hagamos talla.
Hagamos posición, y hagamos en realidad, podemos sacarlo un poco, y hagamos la redondez, y podemos hacer lo
mismo aquí,
y podemos conectar el tamaño, la redondez, y la
posición, Y así ahora, digamos que lo
personalizamos para que sea más grande, más pequeño, los otros chicos también lo
seguirán. Perfecto. Hagámoslo así. Ahora tenemos todos nuestros efectos. Solo tenemos que
sacarlo a otras composiciones. Entonces, por ejemplo, para Safari, ¿qué va
a ser realmente transparente aquí? Entonces podemos hacer esta parte
transparente en la parte superior, y podemos hacer que esta parte sea
transparente, también. No estoy seguro de si las notificaciones
serán transparentes, pero estoy bastante seguro, sí, las notificaciones
serán transparentes. Esta parte será, y luego
podremos seguir adelante e intentar
hacerlo en la parte inferior aquí. Potencialmente porque
no va a ser visible, probablemente
nos saltemos
esta parte, pero ya veremos. Así que vamos a seleccionar
todo y seleccionar la parte superior,
y vamos a encontrarla. Y vamos a hacerlo,
crear formas a partir de la capa vectorial, y vamos
a ponerlo a la parte superior. Al igual que, entonces tenemos que traer nuestro vaso y venir a
Safari, pegarlo, y luego necesitamos rastrearlo
a
nuestro para que sea como, así que vamos a bajarlo, pero tal vez no hasta
el fondo, un poco más alto Bien, vamos a traerlo aún más alto. No lo sé.
Pongámoslo aquí por ahora. Entonces esta va a
ser nuestra forma de vidrio. Y ahora tenemos que hacer exactamente lo mismo.
Tenemos que duplicarlo. Uno va a ser un derrame cerebral. Uno va a ser un derrame cerebral. Sroke así. Y otro
va a ser una sombra. Cerraremos todo lo demás
por ahora, aparte de en realidad, vamos a cambiar el nombre de este peine
para que estemos seguros es ejemplo de vidrio. ¿Bien? Entonces para el trazo, podemos hacer exactamente lo
mismo que hicimos contentos. Busquemos combustible. Bien. Para poner el trazo ambos, agregamos trazo para que
podamos desactivar el relleno
y habilitar el trazo, y haremos exactamente eso. Pásalo al 50% y vamos
a la superposición de modo. Para seleccionar todo,
agreguemos una sombra, también. Para la sombra, podemos simplemente
copiar este desenfoque rápido de caja, ponerlo en la
sombra, habilitarlo. Tenemos que hacerlo negro. Siente hagámoslo negro. Veremos que en realidad también está afectando
esta parte,
así que tenemos que bajarla un
poco para arriba demasiado alta. Entonces la capa 25 es la
responsable de eso. Vamos a rastrear tapete la sombra
al cristal, invertirlo. Y potencialmente necesitamos
disminuir también vamos a disminuir la opacidad algo muy bajo Definitivamente estamos llegando ahí. Vidrio, aumentemos
el desenfoque. Un poco más. Y ahora vamos a comparar. Entonces esto es lo que tenemos
la animación de vidrio, y esta no es una animación
de vidrio. Vidrio, no vidrio, vidrio. En realidad, vamos a verlo aquí. Vidrio, no vidrio. Se ve interesante pero
este efecto de cristal. Y ahora, todo lo que tenemos que
hacer es literalmente copiar pegar lo mismo en cada cosa que queremos que
parezca un vaso. Sí, consume un poco de tiempo. A ver si vamos a
ser capaces de hacer esto. Y en realidad, veamos si incluso
necesitamos esto porque probablemente
nos acercaremos
así, tal vez incluso más. Entonces no estoy seguro de si vamos
a necesitar ver esta parte en absoluto. Al igual que, podemos desactivarlo
por completo porque no lo vamos
a usar. Mm hmm. Bien, para la sombra,
también, te diré esto. Entonces tenemos esta capa 25. Quiero crear una sombra. La capa 25 la
convertirá en forma. Lo pondremos al
fondo, habilitaremos esta capa. Y solo copiaremos el desenfoque
rápido de la caja. Aplícalo. Y no me gusta el hecho de que esté haciendo
sombra en la parte superior aquí. Pero si bajamos, en realidad, podemos
bajarlo un poco. ¿Bien? Entonces digamos que nos
gusta esto para que todavía
tengamos la sombra
aquí viniendo de
ésta y de abajo también, para que tengamos sombra viniendo todas direcciones a lo largo
de todo. Sí, ahora es hermoso. Además, podemos intentar
cambiar este texto aquí, y vamos a aplicar un efecto de sensación para que
se vuelva blanco. Y hagamos lo
mismo por éste. Siente, va a ser una sensación blanca solo para que sea más consistente
y mejor visible. Es decir, este estilo aún no está
finalizado con Apple, así que no estamos seguros de cómo van a
quedar
las cosas por todas partes, pero debería ser
un buen contraste. Y veamos, tal vez, en
realidad antes era mejor. ¿Cuáles son tus pensamientos?
A lo mejor ahora es mejor. También me pregunto qué es
esta línea blanca quizá
sea mejor así. Creo que lo es. Entonces
antes y después, definitivamente
es mejor, así. Bien, entonces esta es la animación de cristal.
Así es como lo haces. Sí, se ve genial. Se ve muy caro. A ver si queremos hacerlo por
los demás, también. Definitivamente no quiero
meterme con este porque no
estoy seguro de cómo se
ve realmente desde la propia
manzana. Los mapas tampoco quieren
tocar esto en este mismo momento. mejor deberíamos tratar de
hacerlo en la cima aquí, pero aparte de eso, no
deberíamos tocar nada más. Aquí, tal vez deberíamos
probarlo aquí y aquí también. Bien, hagámoslo.
Voy a acelerar este momento para no perderte el
tiempo, pero entiendes la idea. Si quieres hacer
algo como vidrio,
crea formas a partir de la capa vectorial, rastrea la relación de la capa de
ajuste con el efecto de vidrio a esa capa, crea un trazo
y una sombra, y juega con los
ajustes si quieres. Ahora bien, lo que también podemos hacer si
entramos en el efecto vidrio, si entramos en sombreado, realidad
podemos aumentar
el brillo Entonces, por ejemplo, aquí, va a quedar así. Lo pondremos a, digamos, 100 y pondremos ambos a 100 porque necesitamos que
sea más brillante. Así. Bien, me encanta la forma en que
resultó este. Se ve realmente genial. Éste mira, intentemos encontrar este mapa cosita
troke y éste,
y vamos a
moverlo hacia abajo, hacia abajo, hacia abajo,
hacia abajo hasta que
vayamos por debajo del Mm hmm. ¿Así que es por
aquí? Sí, este es el mapa. Entonces echemos un vistazo a
todo. Esto es lo que tenemos. El primero, el segundo, el
tercero, el cuarto. Manzana, vidrio. Animación. Oh, sí. Echemos un vistazo a todo
y veamos qué tenemos. Estás a punto de desbloquear
la animación exacta. Desearía usado por Apple. Grandes creadores cagando. Esto no es solo diseño boton. Es lo que hace que
las marcas se sientan premium y contenido imposible de
pasar por alto. Tanto si eres freelancer, editor o creador de contenido, este estilo hace que tu
trabajo parezca que salió directamente de ubertino
y no te preocupes Aunque los efectos posteriores
se sintieran abrumadores antes, aprenderás todo
paso a paso. Bien, hagamos una
pequeña pausa aquí. Si tienes alguna
duda, avísame. Pero aparte de eso, voy a
ver en el siguiente video, vamos a armar
todo. Entonces, nos vemos.
27. Movimiento y transiciones de cámara 3D con cadenas ceras: En este video, vamos a terminar con las animaciones. Vamos a crear
tres cámaras D, y vamos a
animar todo En cuanto a la cámara
y los movimientos, verás que vamos
a usar una combinación de lo que usamos en el proyecto
anterior, donde vamos a usar el
null para mantener la calidad, pero además de eso,
vamos a usar cámara. Empecemos con éste. Shift Option comando
Y para crear un nulo, seleccionar todo
excepto del nulo, padre todo al nulo. A esto le llamaremos nulo principal de Nieve. Duplica
este, conecta éste a éste. Esto va a ser solo
un nulo regular. S P, vamos a asegurarnos de
que está subiendo. Sí. Bien, ¿dónde tenemos el
texto? Bien, ahí lo tenemos. Entonces aumentemos la escala. Me gustaría empezar un
poco más alto. Tal vez así. Además, voy a
bajar la resolución a la mitad porque sé que la
calidad va a ser buena, pero tampoco quiero destruir completamente
mi computadora porque como
vamos
a mi computadora porque como estar usando
muchas cosas aquí, sí toma mucha energía
informática. En realidad, tal vez
queremos bajarlo aún más. Tercero, estás a punto desbloquear el
estilo de animación exacto que usa Apple. Bien, ¿entonces aquí es donde
se supone que tiene que terminar? Estabas a punto de
desbloquear el estilo de
animación exacto utilizado por Apple. FN, F nueve. Estás a punto de desbloquear el estilo de
animación exacto que usa Apple. Y Creadores que tiran
de Apple crean. ¿Por qué es tan rígido aquí? Usado por Apple. Y creadores De ninguna manera. Cada uno tiene una
posición. Cometí un error. Al principio,
tenemos que volver al principio donde
creé
el primer nulo y comencé a animar las cosas
porque ahí fue cuando había seleccionado todas las capas, y fue entonces cuando creé los fotogramas clave de
posición ¿Bien? Entonces veamos P, P. ¿Está todo bien ahora? Bien, genial. Quién. Vamos a
conectar éste con éste. Bien, P y S, escala de posición. Estás a punto de desbloquear el estilo de animación
exacto utilizado por Apple y los creadores
que obtienen millones de vistas. Genial. Crear un nulo, seleccionar todo,
seleccionar el nulo, padre todo al nulo, y vamos a hacer Man, null, duplicar, conectar, no P y S. Y ahora vamos a
animar todo Esto no es solo diseño de movimiento. Es lo que hace que
Brands fuel pref. Y contenido imposible
de desplazarse preguntar. Es lo que hace que
las marcas de combustible premium y el contenido sea
imposible de pasar por alto. En realidad, me gustaría
tal vez vamos a probar fan de Ni estos fotogramas clave
y ver el diseño Es lo que hace que
Brands fuel premium y contenido imposible de
pasar por alto. Genial. Ahora, hagamos
algo similar aquí. Una vez más, estás
a punto de desbloquear el estilo de
animación exacto utilizado por Apple y los creadores que
obtienen millones de vistas. Esto no es solo diseño de movimiento. Es lo que hace que
las marcas se sientan premium y contenido imposible de
pasar por alto. Tanto si eres freelancer, editor o creador de contenido, este estilo hace que tu
trabajo parezca que salió directamente de Kubertino
y no te preocupes Aunque los efectos posteriores
se sintieran abrumadores antes, aprenderás todo
paso a paso. Ah, genial. Bien. Estás a punto de desbloquear el estilo de animación
exacto utilizado por Apple y los creadores
que obtienen millones de vistas. Esto no es solo diseño de movimiento. Es lo que hace que
las marcas se sientan premium y contenido
imposible de pasar por alto, ya sea que seas freelancer, editor o
seas freelancer, editor o creador de contenido, este estilo hace que tu
trabajo parezca que salió directamente de Kubertino
y no te preocupes Aunque los efectos posteriores
se sintieran abrumadores antes, aprendes todo
paso a paso. Genial. Esto me
encanta absolutamente. Bien. Vamos a crear un comando de opción de desplazamiento de
cámara de tres D C. Para apertura, lo
pondremos a cero por ahora porque explicaré
por qué en un segundo. Crea un nulo también, conecta
la cámara al nulo, haz el nulo tres D. Ahora necesitamos hacer que estos chicos sean tres D porque la cámara solo
afecta a tres capas D, y necesitamos
acercar así, y necesitamos cambiar
ligeramente
la orientación y necesitamos cambiar
ligeramente
la orientación para que tengamos
este efecto de tres D. Ahora, vamos a acercar aún
más, bajarlo así. No hagamos una inclinación tan grande. Hagamos, como, cinco, tal vez diez. Veamos qué hace diez. Estás a punto de desbloquear
el estilo de animación exacto utilizado por los creadores de Apple. Y aquí, así todos lo
hacemos así. Yo sí quiero cambiar
la orientación. Estás a punto de desbloquear
el estilo de animación exacto utilizado por los creadores de Apple. Simplemente devuelva este a cero. Entonces pondremos cero aquí, F N F nueve estilo usado por Apple y creadores tirando
millones de vistas. Entonces hagámoslo completo. Podemos hacer doble clic
en la cámara e introducir la apertura. Hagámoslo así.
Vamos a crear una segunda vista. Puedes ahí venir como antes. Busca visor, nuevo visor, vas a crear uno,
o simplemente puedes hacer clic ahí. Y con la cámara, necesitamos la distancia de
enfoque. Así. Ahora ya puedes ver el tipo de video que vamos a
conseguir absolutamente siguiente nivel. No necesitamos apertura
para ser así de grande porque queremos ver lo que
sucede en la pantalla. Hagámoslo de una manera en la que
volvamos a las opciones de la tercera
cámara, y necesitamos animar
la distancia de enfoque Entonces partimos de aquí, y luego la distancia de enfoque
tiene que estar ahí. Y luego una vez que
venimos aquí, necesitamos que sea así. Estás a punto de desbloquear el estilo de animación
exacto utilizado por Apple y los creadores
que obtienen millones de vistas. Esto no es solo diseño de movimiento. Yo sí quiero deshacerme
de la cámara aquí. Pega el lleno. Estás a punto de desbloquear el estilo de animación
exacto. Animaciones utilizadas por Apple Bien, la calidad es simplemente
absolutamente siguiente nivel. La razón por la
que tenemos estas barras negras es porque la MacBook, la relación no es de 16 por nueve. Es un ratio ligeramente diferente. Y cuando tomas una
captura de pantalla en Mac si encajas para que la parte superior e inferior se
conecten a los lados, entonces obtienes estos cuadrados
negros, y eso es exactamente
lo que tenemos aquí. Entonces sí necesitamos acercar
o acercar ligeramente, que podamos, ya sabes, presionar Shift Option Command
H y ajustarlo a la pantalla. En realidad, creo que podría
ser lo mejor que se puede hacer. Bien, me gustaría exportarlo. Echa un vistazo a lo que tenemos, y en todo caso,
siempre podemos hacer cambios. Pero por ahora, creo que el
comienzo es realmente llamativo, y luego veremos
qué podemos hacer, ¿de acuerdo? Entonces, vamos a exportar
esto, estás a punto desbloquear el estilo de
animación exacto utilizado por Apple y los creadores que
sacan millones de vistas. Esto no es solo diseño de movimiento. Es lo que hace que
las marcas se sientan premium y contenido imposible de
pasar por alto. Tanto si eres freelancer, editor o creador de contenido, este estilo hace que tu
trabajo parezca que salió directamente de Kupertino
y no te preocupes Aunque los efectos posteriores
se sintieran abrumadores antes, aprendes todo
paso a paso. Creo que no está
súper enfocado aquí, y tal vez deberíamos
hacerlo así. Entonces antes y después. Sí, esto definitivamente está
más enfocado. Ahora tenemos que activar
el desenfoque de movimiento. Cada cuadro va a
tardar como una eternidad en cargarse. Sí, cada fotograma
va a tardar 2 segundos en cargarse como
puedes ver aquí. Bien. Bueno,
gracias por ver. Esto renderizará
veremos los resultados finales en el siguiente video donde también
vamos a trabajar en el audio. Voy a ver en ese video. Gracias por ver, si
tienes alguna duda, avísame, pero
aparte de eso, te
veré ahí en el siguiente video.
28. Diseño y exportación de sonido para el proyecto 2: Bienvenida. Hoy es
un día hermoso. Actualmente son las 6:45 A.M. Un
sábado por la mañana, y estamos en una recta final en una línea de meta con este video donde solo necesitamos
poner el audio, la música, armar
todo,
exportar, y el video
está listo para ser usado Diré que ha sido viaje
increíble
llevarte conmigo en este proceso, un viaje
increíble
llevarte conmigo en este proceso,
y realmente espero
que hayas encontrado muchas cosas
valiosas porque
realmente estoy poniendo mucho
esfuerzo en esto. Una cosa quiero decir que si estás tratando de
llegar a tus sueños, estás siguiendo tu pasión, sí tienes
que hacer algún
extra por ejemplo, como trabajar a
las 6:00 A.M. Un sábado o a las 8:00 A.M. Un
viernes, estoy contigo. Sé lo que
significa estacionar mucho, y es genial. Realmente deberíamos
apreciar lo que tenemos. Tenemos la oportunidad de
hacer esto, de aprender nuevos. Y sigamos adelante
y comencemos. Así que creé la secuencia
premier pro organizó las cosas por aquí. Ahora, tenemos nuestro video completo, que es absolutamente genial. Decidí usar el video con Desenfoque de
movimiento porque
se ve más caro. primer lugar, en segundo lugar, ya que hicimos dos exportaciones y la primera estás a punto de
cargar el exp En realidad, sí, la primera exportación está
un poco fuera de foco. Tenemos enfoque por aquí. Pero en la segunda versión. Estabas a punto de descargar el. Tenemos nuestro enfoque por
aquí, que es perfecto. Y luego con el desenfoque de movimiento, simplemente
se ve más caro. Una vez más, como este
desenfoque, ¿qué tan bueno es? Increíble.
Para encontrar sonidos, decidí que voy a usar sonido
epidémico para este proyecto. Se utilizó el píxel B para
el proyecto anterior. Usemos
sonido epidémico para esto. Si entras en efectos de sonido, puedes encontrar todo tipo
de efectos aquí. Podemos buscarlos, por
ejemplo, como UY, derecho, y encontraremos Todo
tipo de efectos O podemos seguir adelante y dar
click en uno de estos, por ejemplo, Interfaz de Usuario. La mayoría de los sonidos
que uso todos los días son de sonido epidémico
como 90 más por ciento. A lo largo de los
años, pude
crear este tipo
de biblioteca yo mismo. Y no es sólo sonido
epidémico, sino
que la mayoría de las veces sí uso este. Así que no
te aburra con esto. Déjame recoger todos los sonidos, y después de
eso, entraremos en Premiere y pondremos
todo junto. Una vez más, si quieres prueba gratuita de
30 días para sonido
epidémico en la sección de
recursos, si lo deseas, puedes dar
click en Enlace LCuNi bit Cuando empecé a investigar, estaba tratando de
entender
qué tipo de sonidos
estamos buscando exactamente qué tipo de sonidos
estamos buscando Y para ser honestos, aquí no
necesitamos muchos sonidos. Todo lo que necesitamos es, como, música aquí porque para ser honestos, será un poco
demasiado crear sonido para cada palabra. Sólo podemos hacer sonidos
para Wushes y swooshes. Ejemplo, aquí y aquí, podemos agregar un teclado
aquí, pero lo tenemos. Teclado aquí
también, aunque no
sea necesariamente teclado, pero vamos a venir aquí,
busca swoosh Y voy a poner aquí el swoosh
más largo. Creadores. AMBLE. Y
lo vamos a poner cuando la cámara va dos D en lugar de
tres D. Por cierto, aquí sí
tuvimos un
pequeño hipo Entonces puedes ver que esto
no es desenfoque de movimiento, también. Yo solo decidí cortar este cuadro,
y eso es todo. Uso. Esto no es Porque
es como un fotograma. No importa en
cuanto al audio. No afecta nada de esto. Entonces pongamos otro
silbido como este de aquí. Esto es vistas. Esto no es sólo Un poco más tarde. Esto no es solo vistas. Esto no es solo
diseño de movimiento. Es lo que hace? Creo que podemos tener
este gran swoosh cuando
se mueve significativamente en la pantalla, pero no
la transición ¿Es lo que hace que
las marcas se sientan prim? Este swoosh, también. Si eres Ya sea pasado.
Si eres freelance? Podemos hacer este enorme
swoosh, también. Este estilo hace creador de
contenido, este Peter, este estilo
hace que funcione, y no funcione. Bien, ahora, ven aquí
y
busquemos nuestra carpeta SFX, arrástrala dentro Y busquemos de nuevo el
teclado. Oh, veamos donde
podemos usarlo. Aquí no. Sí, podemos
empezar a usarlo aquí. Hace que la prima de combustible de Brad y el contenido sea
imposible de desplazar Pat. Creo que podemos usar una parte
diferente de este sonido. Ya seas freelancer, editor o creador de contenido, voy a usar
otra parte para esta parte porque solo quiero un poco de variedad con sonidos y
ahora cuando comience el evento. Incluso si después de los efectos deletrear
abrumador Antes, ¿de acuerdo? Antes de aprender
todo paso a paso. Bien, genial. Entonces voy a
bajar este a menos diez, todos estos deseos a
menos diez, también. Yo creadores sacando
millones de vistas. Esto es voy a
buscar permiso a Q y aplicarlo a
uno de los audios Haga clic en Editar y potenciador
vocal. Para ver la diferencia. Estabas a punto de
desbloquear el estilo de
animación exacto utilizado por Apple. Voy a copiar
este efecto y
pegarlo en otras partes de voz. Mmm. Bien, entonces creo que en
cuanto al diseño de sonido, podemos mantenerlo sencillo así. Y entonces por qué no vamos a ya que usamos Epidemic
Sound la última vez, intentemos encontrar una
canción en Pixel Bay. Y busquemos
algo minimalismo. Esto es minimalismo, pero
no estoy seguro si me gusta. Por cierto, encontré a este
creador, pika este tipo. Incluso creé como
marcador para mí. Música increíble.
Increíble. Puedes seguir adelante y
encontrarlo, también. Creo que busqué a
Marimba y lo encontré. Entonces tomemos, sí. Me gustaría usar algo
como Marimba de él. Bien, a pesar de que da miedo a la Ciencia Ficción, creo que podemos usar partes
de la canción porque es solo que es simplemente hermosa.
Así que vamos a ponerlo. Bien, estoy disfrutando de verdad esta parte inicial,
así que pongámosla. A lo mejor puedo
bajar, por cierto, puedo bajar y subir
presionando las teclas Option y flechas. Entonces pongámoslo
aquí y veamos. Estabas a punto de
desbloquear
lo exacto Yo cortamos
el silencio al principio. Como segundo
medio segundo silencio. Estás a punto de desbloquear el estilo de animación
exacto utilizado por Apple y los creadores
que obtienen millones de vistas. Esto no es solo diseño de movimiento. Es lo que hace que me gustaría
tener esta transición
pop aquí. Son vistas. Esto no es solo diseño de movimiento. Es lo que hace que
las marcas se sientan premium y contenido
imposible de pasar por alto, ya sea que seas freelancer,
editor o tempore Así que no tenemos ninguna
canción aquí, ¿verdad? Entonces voy a cortar este hacia arriba, moverlo hacia abajo presionando opción, y mover este hacia la izquierda. Y ahora solo conecta estos dos. Estás a punto de desbloquear el estilo de
animación exacto que usa Apple. Mm. Podemos hacer una transición después. Entonces podemos iniciarlo de la
misma manera que decidimos,
pero, como, tener una
transición aquí. Mm, no me gusta la forma en
que está resultando ser. Vamos a lidiar con eso al final. Ahora, quiero usar este
bit en algún lugar al final. Aunque después de un hecho se sintiera
abrumador antes, aprenderás todo
paso a paso. No estoy seguro si esta
canción funciona aquí, pero creo que estos beats realmente venden las transiciones
y se ve interesante. Averigüemos la
parte en el medio, al principio, perdón. Mm, déjame intentar
hacerlo así. Entonces veamos por dónde
empieza, como, exactamente. Bien, entonces viste lo que hice. Acabo de encontrar la pieza.
Básicamente, es como un bucle en el
inicio de la canción. Así que acabo de encontrar donde
transita, y luego solo puse esta parte
final de este bucle
porque es como, así que digamos que es
como, uno, dos, tres. Son cuatro bucles diferentes, esta
parte muy inicial porque es como, se están reproduciendo
las mismas teclas
y solo puedo escucharlo. Entonces así fue como
pude hacer este efecto. Sólo baja todo menos diez. Estás a punto de desbloquear el estilo de animación
exacto. Menos cinco y esto
voy a hacer menos diez. También voy a crear otra
transición aquí. Solo por Apple y los creadores
sacando millones de visitas. Esto no es solo diseño de movimiento. Es lo que hace que
las marcas se sientan premium y contenido imposible de
pasar por alto. Tanto si eres freelancer, editor o creador de contenido, este estilo hace que tu
trabajo parezca que salió directamente de
Kubertino y no te preocupes Aunque los efectos posteriores
se sintieran abrumadores antes, aprendes todo
paso a paso. Mucho es solo
el gusto personal. Me gusta mucho la forma en
que está resultando ser. No creo que la
canción esté funcionando mejor con el tipo
de video que tenemos. Podría cambiar esto
en el futuro. No obstante, creo que por ahora, específicamente, estoy muy
contenta de cómo resultó. De verdad, de verdad. Bueno,
creo que pararemos aquí. Si tiene alguna
duda, házmelo saber. Pero aparte de eso, te
veré en el siguiente video.
29. ¡Último paso!: Enhorabuena.
Estás casi 100% terminado con los efectos posteriores
para el curso de diseño de interfaz de usuario de Apple. Solo hay dos pequeños
pasos que debes dar. En primer lugar, tomar medidas. Como dijo Kafuch, un viaje de 1,000 millas comienza
con un solo paso Entonces, si aún no lo has hecho, da tu primer paso
editando tu primer video. Toda la mejor información
del mundo no
significa nada si
no actúas en consecuencia, e incluso pequeños pasos conducen
a resultados masivos. Por último, si encontraras
valor en este programa, realmente te
agradecería que tomaras 60 segundos para
dejarte comentarios honestos. Te estaré inmensamente agradecido y tus comentarios ayudarán masivamente a cientos de futuros estudiantes a elegir
el mejor programa para ellos A pesar de que este
curso está completo, tu viaje acaba de comenzar. Estoy emocionado de
verte editar en línea, así que asegúrate de mantenerme informados a mí y a
tus compañeros de estudios. Recuerda, estoy aquí
para tu éxito. Entonces, si hay algo que necesites, no
dudes en ponerte en contacto con nosotros
en la sección QN a continuación Gracias de nuevo por
elegirme como tu instructor, desearte todo
lo mejor, y estoy deseando
verte en futuros cursos.