Transcripciones
1. Introducción: Bienvenido a la clase, Diseña y crea una experiencia de realidad
aumentada ¿Alguna vez quisiste ver tus
diseños cobrar vida? Imagina crear
animaciones cautivadoras y luego transformarlas en una experiencia
interactiva que puedas sostener en
tu mano y compartir En este curso para principiantes, te
enseñaré a hacer exactamente eso sin necesidad de experiencia previa en
realidad aumentada Te guiaré paso a
paso a través del proceso. Primero, dibujaremos un póster
estático con
diferentes capas y luego los animaremos mediante el uso de la línea de tiempo de
Photoshop Aprendes los fundamentos de animación a través del
uso de esta herramienta Entonces te mostraré cómo
importar tu creación a Adopt Euro y construir una experiencia AR
interactiva. Por último, exportaremos y
compartiremos la experiencia AR. Diviértete y no puedo esperar
a ver tus propias creaciones.
2. Elige entre diferentes formatos: Antes de crear nuestro archivo
Photoshop, tenemos que pensar en el formato que
vamos a utilizar. En mi caso, quiero usar este video para ser publicado en
mi cuenta de redes sociales, específicamente Instagram, porque es el que
más uso. Para eso, tengo que tener ya una idea concreta
del formato que voy a utilizar para
ayudarte en tus propios proyectos. Yo creo esta imagen
aquí a la que puedes acceder donde te explico los formatos que
tienes a tu disposición. Puedes hacerlo dependiendo la plataforma de redes sociales
que quieras usar. Se puede hacer horizontal,
cuadrada, vertical, o una vertical que sea una
mezcla de la última, mezcla del cuadrado
y esta vertical aquí, la que voy
a usar para este proyecto, será un cuatro por cinco. Debajo de este cuatro por cinco, tienes
aquí estos números que son el tamaño de píxel para lograr
este formato aquí. Hagamos esto.
Dejé esto a un lado ahora. Voy a crear un nuevo, puedo hacerlo aquí, o puedo crear inmediatamente
un nuevo archivo aquí. Photoshop te abrirá esta nueva ventana donde
podrás elegir entre
diferentes regalos. Es una manera fácil de elegir de
inmediato un formato para lo
que vas a usar. En mi caso, quiero
hacer este proyecto para plataforma de redes
sociales se
muestre en el móvil o en la web. Voy a una de estas categorías. Aquí puedo usar Web. Busco un formato que se acerque al que voy a usar. Si no encuentro específicamente el formato que
voy a usar, simplemente
puedo elegir
uno de esos de aquí. En el lado derecho, tienes
el ancho y la altura. Solo necesito
cambiar estos números aquí al formato
que voy a hacer. Entonces 1080 por 1,350 Esta es la anchura, y
esta es la altura Primero, la altura,
y luego la anchura. Ahora tengo mi formato que
voy a crear. Aquí. Tenemos el formato
que vamos a hacer para verificar que corresponda
al formato cuatro por cinco vertical que se utilizará
en el Instagram. Ahora vamos a empezar a
encabezar nuestras primeras capas.
3. Crea las primeras capas: Este proyecto será animado. Las capas que
vamos a hacer, mayoría de ellas se van a mover, van a estar teniendo algunos efectos. En cierto grado, es muy importante a la hora de
crear nuestras capas, tenemos que pensar en organización. Tienes que estar bien
organizado y bien nombrado aquí en este
lado derecho donde tienes capas, cada vez que creas una capa o cada vez que termines de
crear la capa, les das el nombre que te
permitirá identificarte rápidamente. ¿Qué representa esa capa? ¿Qué tiene ese contenido? La primera capa que
vamos a hacer, será el fondo. Pero antes de comenzar a hacer
y encabezar nuestras capas, hagamos algo muy
importante que te ayude a posicionar los elementos de
nuestra escena en nuestro lienzo. Venimos aquí a ver. Y en guías
crearemos un nuevo diseño de guía. Como ve aquí,
automáticamente tiene las reglas y las guías
que quiero usar en el proyecto Pero normalmente
no tendremos ninguno aquí, ninguno aquí. Sólo tenemos que crear
las guías que
vamos a utilizar de nuevo. Voy a querer de dos en dos. inmediato. Tendré
las guías que divide el espacio en
vertical y horizontal También agrega los
límites de mi lienzo. Voy a mostrar cómo esto nos
ayudará a posicionar nuestros objetos. Una vez creada, puedo
darle un nombre si quiero. En este caso, lo dejaría así, y hago clic bien. Ahora voy a añadir el
primer elemento, que será el fondo. Voy a elegir esta herramienta
aquí, la herramienta rectángulo. Ahora puedo posicionar
este elemento aquí. Cómo hago esto, cómo lo creé, específicamente
empiezo desde un punto. Hago clic aquí y luego
arrastre a donde quiero. Mira eso, se ajusta enseguida a las líneas que
defino en mi disposición de guía Es por ello que es ful
contar con la guía. Ahora puedo, de un
punto a otro, crear mi fondo
tan fácil como eso. Puedo hacerlo de otra manera de
aquí al otro lado. No importa con esto
creado ahora como te dije, organización de vuelta a mi
capa que se creó aquí, rectángulo uno, quiero
cambiar esto a otro nombre. He hecho clic dos veces. Ahora puedo cambiar el
nombre de mi capa. Yo lo llamaré fondo. Bien, con esta herramienta
que acabo de crear, ahora tienes acceso a diferentes
propiedades de esta herramienta. Como es un rectángulo, tengo la posibilidad de cambiar su apariencia y el trazo, la línea alrededor de esta forma. También, puedo cambiar su tamaño. La transformación
no voy a tocar porque corresponde exactamente al tamaño
del lienzo que acabo de usar. Voy a cambiar el
relleno y el trazo. Por ejemplo, la sensación,
voy a usar el rojo y el trazo, usaré un blanco por ejemplo, o este color aquí, dorado. Voy a cambiar mi apoplejía. Ahora tengo un fondo
con un trazo. Una de las cosas que también voy a
cambiar es que porque
ves que el rectángulo ahora tiene sus
márgenes fuera del lienzo. Eso es porque mi apoplejía, del tamaño de mi
apoplejía, sale afuera. Porque dependiendo
de la colocación que quieras
tener tu trazo, quiero que mi trazo apunte hacia adentro y ahora
y no desde ambos lados Elijo esta opción aquí. Ahora se ve que el tamaño que el tamaño total que tiene, es todo por dentro. Ahora puedo
volver a cambiar de nuevo el tamaño. Lo cambiaré a 34
y guardamos el archivo, archivo guardar S, darle un nombre, y luego podrás guardar.
4. Establece colores y agrega más capas: Quiero hacer
colores específicos que
elegí antes de comenzar
este proyecto. Para que hagas lo
mismo, puedes acceder a la imagen que tienes a
tu disposición, llamada colores. Entonces podemos, podemos
abrirlo desde Photoshop. Tómalo, póngalo aquí. Ahora bien, ¿cómo podemos cambiar los colores en nuestro
rectángulo? Sencillo. Volvemos a la capa de fondo en
las partes de apariencia aquí. Voy a elegir la sensación. Quiero hacer este color aquí. Y el trazo, quiero
hacer este color aquí. A la izquierda, elijo Feel. Yo voy aquí. Hago clic aquí. Ahora tienes la posibilidad de
elegir el color de esta imagen aquí
tienes diferentes colores. O podemos simplemente, ya ves que el pico aparece aquí cuando
salgo por esta ventana. Ahora puedo elegir este de aquí. Automáticamente, descubrirás ese color en esta
rueda. Haga clic en Bien. Ahora para el trazo, usaré el mismo método. Hago clic aquí. Ahora tenemos el rectángulo con
los colores como deberían. Todo eso sacado de
esta imagen de aquí, quiero crear
un nuevo rectángulo. Uno que estará dentro
y más pequeño que éste. Este primero que acabo de
crear ven aquí. Puedo hacer esto una vez más, elegir la herramienta y
crear un nuevo rectángulo. Pero voy a aprovechar
el que ya
creé y voy a crear
un doble de éste. O puedes hacer esto
para clonar esto. Tienes que elegirlo. Se puede deslizar sobre ella. Esto, puedo aquí. Ahora tienes dos capas de fondo,
dos rectángulos. Cambié su nombre a
rectángulo rectángulo centro. Ahora puedo cambiar algunas
de sus propiedades. Quiero que sea más pequeña. Voy a cambiar su tamaño a 950 y su lado a 12, 37. Quiero centrar este
rectángulo dentro también es el trazo algo
mucho más pequeño como esto. Y como pueden ver, puedo posicionar una vez más este rectángulo con
la ayuda de mis guías. Una forma más rápida de hacer esto y
la forma exacta de hacerlo, eliges el elemento
que quieres alinear, el elemento al que quieres
alinear con ambos seleccionados. Ahora tenemos acceso a
estos botones de alineación. Quiero alinear el que
está sobre el fondo, el que se selecciona. Y quiero alinearlo
perfectamente en el centro, en la parte vertical, justo en el medio de
la parte horizontal. Ahora tengo dos rectángulos, y este de aquí,
también cambio su color, el color del trazo Quiero tener el rojo aquí. Todavía tengo ambos seleccionados. Sólo tengo que elegir uno. Ahora, con ese seleccionado,
seleccionaré aquí este color. No quiero que tenga un.
quiero que sea transparente
o inexistente Para ello, solo tenemos que
seleccionar aquí en el campo, tienes la opción de no
tener ninguno. Si vuelvo a éste e
hice lo mismo con éste, como veis, será
completamente transparente. Todos los objetos que vienen de la parte posterior del rectángulo
serán visibles. Pero solo quiero hacerle eso
al rectángulo uno. El último que creé. Este rectángulo de aquí
no se habrá alimentado, digamos esto.
5. Crea triángulos: Sigamos agregando
algunas capas más usando los mismos principios. Esta vez voy a usar la herramienta triángulo
para crear un triángulo. Una vez más, elijo
un punto y arrastre, y tengo el tamaño
de mi triángulo. Este triángulo quiero
que el campo
sea el rojo que tengo aquí. Como puedes ver,
tienes esta opción colores usados
recientemente. Podemos elegir de inmediato
el color que desee. Uno de los que usé
antes, el trazo. No quiero que
tenga un derrame cerebral. Está bien aunque aquí
hay un número que no cuenta porque
no tiene un derrame cerebral. Como pueden ver aquí,
lo cambio y no
hace nada cero. Puedo cambiar mi
ancho a algo. Por supuesto, ya conozco los números que
voy a poner aquí. Pero siéntete libre de probar y hacer tus propias tallas solo porque ya
hice esto. Ya conozco los números. En cuanto al ancho, tengo
710 para la altura. Para el ancho, tengo
864 para la altura, 576. Ahora quiero transformar
este triángulo. Más específicamente, quiero
darle la vuelta. Cómo se puede hacer esto,
se ve cuando selecciono un objeto, se resalta, se resalta
con el cuadro azul. Esta caja significa, por supuesto, la forma del
tamaño total de tu elemento, pero también
te permite transformarlo Puedo elegir una de
estas plazas aquí. Si tengo estas dos
gradas apareciendo, significa que puedo cambiar su tamaño Pero si quiero cambiar
su tamaño de una manera no como esta
cambiando todo, estoy apretando su forma Si quiero hacerlo correctamente,
hago clic al mismo tiempo en el teclado,
la tecla antigua, y ahora cambio su
tamaño sin volver a cambiar su forma al
primer control de tamaño, Z. Si quiero girarlo, solo
tengo que ver que aparece
este icono Estos dos errores. En los errores curvos, solo
necesito dejar que aparezca
este icono. Ahora empiezo a girar. Pero si
vuelvo a presionar mi vieja tecla en mi teclado, ahora puedo cambiarla
con grados fijos. Lo voy a mover hasta que esté
boca abajo, así. Como puede notar, hay
una barra de herramientas que aparece aquí, flotando junto a la
capa que acabo de seleccionar. Esta es una tarea contextual que
las barras tal vez ya lo sepan, pero en las últimas
versiones de Pop, estas barras de tareas contextuales existen para ayudarte
con tu flujo de trabajo. En este caso,
seleccioné la capa. Esta barra de tareas contextual está asociada con esta capa
y con esta función. Además de hacer manualmente la
rotación o la escala, propone hacer una simetría en la x horizontal o
en la x vertical es
decir, que cuando tenía
el triángulo de esta manera, cuando acabo de dibujar
era de esta manera. En lugar de usar
manualmente la rotación, simplemente automáticamente,
una vez que aparezca esta barra de herramientas,
elija esta función
aquí, voltearía una vez que aparezca esta barra de herramientas, vertical. Y ya se convertirá en
el camino opuesto correcto. Sólo tengo que aceptarlo hecho. diferentes barras de tareas contextuales Aparecen diferentes barras de tareas contextuales dependiendo de lo que
estés haciendo en tu escena. Ahora no voy a cambiar
el nombre, Triángulo Alto. Ahora puedo posicionarlo con
la ayuda de mis guías, exactamente en el medio o en la intersección de
esas dos guías. Algo cambió aquí. Voy a cambiar una vez más
es ancho, que es 864. Ahora puedo posicionarlo correctamente, puedo cerrar éste. Ahora también puedo hacer una copia de este triángulo aquí,
como te dije. Puede hacer esto, cambiar su
nombre a triángulo bajo. Lo pondré aquí con la ayuda una vez más de
la barra de tareas contextuales. Voy a darle la vuelta a éste también. ¿Cambio su talla? Este será
100.73 y estatura diez. Quería alinearlo al trazo en la parte inferior de este rectángulo
para poder usar el Alinear, también los botones de alinear para eso. Necesito el objeto con el que
me voy a alinear, la referencia del objeto a donde
voy a alinearme con él. Ahora lo pondré exactamente sobre él y centrado y guardaré.
6. Añade círculos: Ahora usemos una nueva herramienta
y creemos una nueva forma. Entonces vengo aquí, selecciono la herramienta elipse, quiero crear
un círculo perfecto Si hago clic y arrastre, como pueden ver, estoy
haciendo una elipse Para hacer un círculo perfecto, solo
tienes que pulsar en el
teclado, la tecla antigua. Al mismo tiempo que arrastras. Ahora tienes el cambio de círculo
perfecto. Es con un que tienen que
tener los mismos valores a 460. Entonces puedes seleccionar
esta opción aquí. Cada vez que cambias un valor, cambia ambos
al mismo tiempo. Ahora voy a centrar este círculo y puedo
hacerlo usando mis guías. Voy a cambiar el campo, puedo dejarlo rojo. Y el trazo, lo voy a
cambiar a este de aquí, cambiar su tamaño a 36. Ahora tengo la opción
también como puedes ver justo al lado del tamaño, puedo cambiar el estilo,
las opciones de trazo. Voy a hacer una
apoplejía aquí abajo. Podemos cambiar el
tipo de, por ejemplo, si pongo tres y la brecha. Yo también lo puedo dejar. Lo llamo Circle Center. Puedo hacer
una segunda detrás de ésta. Solo necesito copiar cambiar su nombre a Circle
Behind Center. Y también en la organización, tenemos que ponerlo por debajo
del centro del círculo. Y voy a cambiar
su tamaño a 605. 605. Cambiaré su
sensación al marrón más oscuro aquí y cambiaré el trazo al rojo. Y pienso, sí, mi guión, voy a mayor valor
con el gap uno ahora
puedo ponerlo manualmente en
el centro o simplemente usar una referencia y
centro así, puede guardar,
voy a tener un pequeño efecto
al círculo para, para distinguirlo del
triángulo que está justo detrás. Y son del mismo color, necesito algo para
distinguir ambos. Necesito, selecciono mi círculo aquí, aquí
abajo tienen los efectos. Y voy a elegir sombra paralela. Puedo dejarlo
así, como pueden ver, tener un pequeño efecto trabajando que nos permite
distinguir ambas formas. Bien, cometí un error
con la dimensión. Necesito cambiar rápidamente las dimensiones de
los dos círculos. Este va a 545 y lo alinearé. Este y éste de
aquí necesita tener 414 y también alineado
con el fondo. También los trazos,
tendrán 32. 32. También guardar. Voy a crear un último
círculo, uno más pequeño, así puedo duplicar este
. Cambiar su nombre. Pequeño hasta. Voy a
cambiar el tamaño, también el trazo a 18. Cambiar a punteado el a
uno y el hueco a uno. Esto hacia adentro
el final a cuadrado. También los colores que
voy a para el trazo, será rojo al
campo será marrón oscuro. Ahora más o menos aquí alineados. Sí, aquí alineado con
la guía vertical. Por ahora es bueno. Guarde esto.
7. Crea las ondas de radio: También necesito hacer una
secuencia de círculos detrás de estos dos grandes en el centro de nuevo
a una copia de este. Esos círculos que
voy a hacer
van a replicar o tratar de
emular ondas de radio que no
van a emular ondas de radio no
van Phil, cambiaría el
estilo y el tamaño del trazo. El tamaño,
tamaño total del círculo. Le voy a poner una línea como esta, cambia de color a rojo y su opacidad también para cambiar el nombre, Para
ser más precisos, ves que este círculo pasa frente a
todos los demás y solo
quiero que pasen
detrás de todos estos elementos Tienen que estar muy
por debajo de las otras capas. Esta opacidad. Voy a cambiar a 35. Yo lo haré, porque voy a hacer varios círculos como
este separados por tamaño. Los crearé todos dentro de un nuevo grupo donde tengo todos estos círculos dentro. Así que ahora solo necesito arrastrar
y soltar sobre este archivo. Este es el primero que
haré el segundo. Este será más grande 639. Necesito centrar cada vez
que pueda dejarlo con bien, tengo que cambiar
su número también. Este fue el primero. Este es el segundo. Va por debajo. Necesito
copiar otra. Lo llamaremos tres. Este
de aquí será 687. También alinearlo. Otro será el
cuarto cambio a 729. Mantener la misma opacidad. Este de aquí, 5 mil 700.74 también una línea, 61, Y el último, el séptimo, se puede tener un 864
también centrado. Algo anda mal por aquí, creo que es Sí,
este último de aquí. Ahí vas. Éste. Puedo ponerlo de nuevo a
100. Ahí vas. Creo que hemos terminado con
los círculos y seguros.
8. Añade el Banner: No creemos un banner
con el texto sobre él. Volver a nuestras herramientas.
Herramientas de dibujo. Voy a elegir un rectángulo y voy a crear
algo como esto. Cambiar mi trazo a este color y el campo
al marrón más oscuro. Cambia su tamaño a 866, 219. Voy a
alinearlo transformar. Quiero hacer un efecto en
la ruta de transformación de edición. La deformación cambia de costumbre a
abultamiento y cambia su tamaño. Aquí la banda a menos nueve. Yo lo aceptaré. Lo
voy a poner aquí. Lo cambiar su nombre, pancarta. Ahora voy a añadir un
texto en el banner. Elijo esta nueva herramienta, herramienta tipo horizontal de
texto, con este nuevo icono
aparece en mi lienzo. Sólo tengo que hacer clic en
lo que quiera. Selecciona todos estos y
cambia el texto para mostrar mi trabajo, lo siento. Todo en mayúsculas. Lo colocaré aquí. Voy a cambiar el tipo para impactar regular. Esto puede ser de 50. Ahora necesito alinearme
con la pancarta, así que voy a solo la
pancarta ahí que tengo. Voy a hacer la misma
transformación que hice. Solo cambia un
poco el tamaño. Ahí vas. Y tal vez transformar
también mi texto. Se asemeja un
poco a la deformación que
tengo en la pancarta. Elige. Mostrar mi obra una vez más. Transformar el abultamiento de urdimbre. Puedo hacerlo manualmente. Ahora tienes el banner con
el texto y podemos cambiar nuestros textos más adelante
si quieres guardar.
9. Herramienta polígono: Usemos una herramienta diferente
para crear una forma diferente. Una vez más, aquí puedo
elegir la herramienta polígono. Funciona igual que los demás. Haga clic y arrastre. Deja
tu tecla de salida en el teclado presionada y
ahora tienes esta forma. No puedo convertir esto en una estrella. Para eso, solo me
desharé del trazo para ser, voy a cambiar este valor aquí a 0.4 y este
valor aquí a 50. Esto establecerá la distancia porcentual desde este punto aquí desde el centro, Este cinco puntos aquí, desde el centro a un valor. Ahora tengo una estrella,
cambia su color. También cambia su tamaño
porque quiero
ponerlo dentro de este
círculo, círculo pequeño. Yo lo pondré 56. Voy a acercar, voy a
hacer exactamente así. Yo lo llamaré pequeña estrella roja. Duplicaré este, y esta será la estrella
blanca en la parte inferior. Voy a cambiar su tamaño. Primero voy a cambiar su
color y su tamaño a 103. Y puedo
dejarlo aquí centrado. Puedo acercarme
un poco más bajo. Tengo mis dos estrellas. También quiero usar esta herramienta para crear dos turbinas de aspecto, una aquí y otra aquí. Puedo duplicar esta, así turbina izquierda, la arrastraré hacia la izquierda cambiar también su tamaño. Vivo a 70 y este
valor a 20 cambio, lo haré drásticamente y lo
alinearé con ambos
lados de la masa Este de aquí, puedo
bajar un poco. Yo quería estar
detrás del doblador. Y otra turbina en este
lado, así turbina izquierda, turbina
duplicada derecha, y en este lado, segura.
10. Añade Titles: Ahora voy a agregar el texto de nuevo a esta herramienta de texto. Haz clic en
lo que quieras. Escribiré para el primer texto, escribiré tu nombre. Así que céntrate aquí y solo cambia su tamaño a 65. Y duplica esto para cambiarlo a Diseñador. Como adivina tu nombre,
pones tu nombre. El diseñador depende de
lo que hagas como profesión. Yo solo pongo diseñador donde
puedes poner lo que quieras. Está debajo de tu nombre. Cambia su tamaño a 43
y el color a dorado. No lo tengo aquí. A lo mejor voy a hacer. Voy a abrir los colores y ahora voy a elegir este
de aquí y seguro. Así que asegúrate de que esté centrado. Entonces quiero hacerlo. Ponlo aquí, guárdalo.
11. Añade rayos: Ahora voy a añadir el último
elemento a la composición. Para eso voy a
crear una nueva capa para este elemento que
es el relámpago. Lo hice a mano para que podamos usar la herramienta Seleccionar polígono
menor a mano Podemos hacer el
relámpago por supuesto. Y luego eliges llenar opción esta de aquí con
el color que quieras. En este caso
será este amarillo. Voy a sentir esto. El selecto. Tengo mi forma. Si
tienes dificultades para hacer una forma perfecta o tu forma no te
va realmente bien, me fui, la puedes encontrar
en los documentos. Entonces tienes un relámpago aquí. Lo que puedes hacer es
abrirlo, seleccionar el objeto. Como ves, hay
una nueva barra de contexto, dependiendo de lo
que vayas a hacer. En este caso, tengo una imagen, puedo seleccionar el tema, hay un fondo
y un tema. Selecciono el tema, después elijo poner esta
selección aquí en mi lienzo. Pero para eso, tengo que
crear una nueva capa. Ahora esta nueva capa, voy a sentir la selecta. Puedo cerrar esta de aquí. Puedo borrar el que
hice a mano. Éste. También lo hice a mano, pero no puedo hacer lo
mismo dos veces. A éste lo
llamaré relámpago. Quiero que esté
detrás de estos círculos. Para eso tenemos que venir aquí. Detrás de los dos círculos, lo
ponemos aquí. Ahora quiero
copiar esto va a ser un
rayo, ¿verdad? Después se fue un rayo. Éste de aquí será. Lo voltearé para
ponerlo del otro lado. Ahora tenemos el cartel con
el relámpago. Guarde esto.
12. Añade fotos: Ahora agregarás
fotos tuyas, dos imágenes diferentes, llamativas poses
diferentes para ser utilizadas en medio
de este póster. Y una vez que estemos en
el modo animación, te
explicaré
cómo pasar de una
imagen a otra. De esta manera, agrega algo de campo
dinámico al cartel. Para mostrarte lo que
vamos a hacer, me tomé dos fotos, como dije, haciendo
dos poses diferentes. Intenta que las fotos sean tomadas por alguien para que no te muevas y te quedes en el
mismo posicionamiento. No cambia, por ejemplo, no demasiado cerca de la cámara
de una imagen a otra. Y te quedas exactamente
en la misma posición, pero golpeando diferentes poses. Si por ejemplo
esta foto aquí, seleccionaré solo mi tema, puedo dar click aquí para
seleccionar mi tema. O puedo usar la barra de
tareas de contexto y seleccionar el objeto que
seleccionarás y marcar la diferencia del tema,
del fondo. Entonces si lo arrastro y lo suelto aquí, verás que
no se mezcla bien con
el estilo del póster. Entonces necesitamos tener
algunos efectos para que mi imagen se sienta más como
una ilustración. Y así de esta manera se
mezclará mejor con
este trasfondo. Te voy a mostrar cómo puedes crear una secuencia de efectos que podamos usar
luego automáticamente, para ambas imágenes. Vamos a hacerlo.
13. Aplicar filtros a las fotos: Ahora abramos nuestras
fotos de perfil para la clase. Voy a usar el mío. Pero siéntete libre de tomar
tus propias fotos o pedirle a
alguien que las tome por ti porque es
muy importante, el posicionamiento de tus fotos. Intenta tomar ambas fotos
teniendo el mismo posicionamiento, así que es por eso que es
tomada por alguien. O si tienes un trípode
puedes tomarte tú mismo, pero trata de ser ambos
del mismo tamaño pero también del mismo posicionamiento
en las fotos. De esta manera no van a
cambiar de mucho, de una foto a otra. Empecemos por esta
de aquí, mi foto. El tuyo tendrá tal vez una proporción diferente
o diferente tamaño, pero el mío tiene dos k tamaño, un poco más alto que ancho. Pero tiene 2,500 de altura
y 2,200 de ancho. Voy a empezar a usar esto,
usa tu primera. Como ve, si los deslizamos
por aquí, es enorme. Si no
quieres, te aconsejo que cambies antes de agregar los efectos que
vamos a hacer de esta manera. No serán enormes
en tu archivo de póster, sino también el tamaño en
cuanto al tamaño que tomará en tu espacio en disco y la
resolución del archivo. Será demasiado grande, así que lo
mejor es cambiarlo de inmediato. Cómo podemos hacer esto, hago
clic derecho sobre la imagen. Recuerdas esta tiene
una altura de 1,350 quiero que la foto
esté más o menos aquí Quiero ocupar el espacio aquí. Será menor
en altura que los 1,350 que lo puse aquí Lo iba a poner en. Deja esto de esta manera, afectará a ambos tamaños. Lo cambiaré a
1,000 y haré clic bien. Ahora tengo mi foto
en un buen tamaño. Porque si yo ahora, si los
deslizo por aquí, se ve mejor. Perdón por esto.
Deslízate por aquí. Sí, tienes que
organizarlo frente todo por ahora, así. Bien, parece una buena talla. Puedo borrarlo por ahora. Ahora, qué vamos
a hacer con la foto. Recuerda que tenemos dos fotos
cada una en la misma posición. Entonces lo primero que te aconsejo que hagas
es transformar, hacer clic
derecho y convertir esta
imagen en un objeto inteligente. De esta manera cuando vamos
a cambiar el segundo, usaremos todos los efectos
que ya usamos. Para esta, solo tenemos que
cambiar la imagen
que estamos haciendo, los efectos,
convirtiéndola en objeto inteligente, verás que será forma más rápida de
tener los resultados. Yo lo cambié. Hago clic dos veces sobre la imagen aquí y
abro una nueva ventana. Ahora estoy dentro de la imagen. Voy a usar una de
estas barras de herramientas. Como te dije antes, reconoce
que es una imagen. Y proponerte una opción
como seleccionar objeto, seleccionar sujeto yo mismo
el personaje, o me he quitado el fondo. Y verás que es
muy útil automáticamente, no
tienes
antecedentes de esta manera. Cuando pongas la imagen
sobre el póster, enseguida
veremos el póster detrás
del personaje. Ahora que cierro esta ventana y me va a preguntar
si quiero guardar, y digo que sí, y va a
actualizar el objeto inteligente. Con eso hecho, ahora puedo
comenzar a agregar los efectos. El primer efecto
que vamos a hacer es una máscara no afilada. Voy a filtrar afilar
en máscara afilada. Ya tengo los valores directamente en mi filtro porque ya
hice esto antes. Pero si quieres cambiar, solo
tienes que dar click en uno de los espacios
y agregar tu número. El número que
descubrí que funciona bien son por la cantidad 250, el radio seis, y
el umbral 15. Sigamos agregando
más filtros ahora. Voy a tener una pintura al óleo
estilizada. Voy a tener esto en 2.5
Ves esto distorsionando mucho. Pero verás por los siguientes filtros que
voy a añadir sobre esto, empezarás a lucir
más como yo quiero. ¿Yo le doy bien? 2.52
0.50 punto 1.0 Siguiente, verás
enseguida el efecto
en la galería de filtros
Buscaré recorte Y ves enseguida
esta mirada de ilustración. Puedo tal vez 33.1 Ahora para terminarlo, voy a hacer un desenfoque de filtro Sí, desenfoque superficial. Esos suavizan los bordes. Algunos están realmente afilados y de esta manera
agudizará los bordes Bien, recuerda si quieres
volver a los
filtros, puedes hacerlo. Solo tienes que hacer doble
clic en el filtro. Por ejemplo, pintura al óleo,
tienes esta ventana
abriéndose. Dices, bien. Acentuarás el
defecto que quieres hacer. Por ejemplo, este
de inmediato. Actualizará todos
los efectos juntos. Por ejemplo, creo que
este podría ser mejor para lo que quiero hacer.
Lo voy a mantener así. Si vuelvo a verificar los
valores, bien, hice un cinco. Pero con todos ellos
juntos, se ve bien. Prefiero este.
Ahora voy a salvar esto. No olvides
guardar esto como bien, puede tener el mismo nombre. Pero yo sólo
me gustaría poner un uso para saber distinguir de la foto
con la imagen hecha, ya ves que la oreja,
tal vez desaparece. Algunos de los detalles si
quieres volver de nuevo, tal vez no este, Tal vez sea más
como el recorte. ¿Tal vez? Sí. Sí, exactamente. Si cambio el recorte, tengo más detalle, más líneas a él, pero lo voy a
dejar así, ya sabes. Bien, lo guardaré otra vez. Y ahora solo tengo que arrastrarlo
y deslizarlo sobre mi póster. Sólo necesito posicionarlo. Bueno, quiero estar
detrás del doblador. Aquí está. Detrás de la dobladora Solo necesito controlar
Z. solo necesito dimensionarlo y lo hice cambió
un poco, mi efecto Entonces lo que tengo que hacer, lo mejor voy a ir de
nuevo, aceite Pantera Tengo que hacerlo. Sí, hay
que bajarlo otra vez. Sí. Para terminar esto, solo
quiero hacer una ni luz de mi silueta para tener un look más caricaturesco.
Más ilustración. Con eso seleccionado,
seleccionaré trazo. El color será éste. Aquí. Ahí vas. Porque no es exactamente
como está aquí. Si quieres volver atrás
y hacer los mismos cambios, estaba en la pintura al óleo, tiene 2.5 como antes. 2.5 y seguro. Se ve que el efecto cambia porque desde que cambió su tamaño, va a adaptar los valores
aquí porque es más pequeño. Puedo ver los
detalles en el aquí. Esta imagen no
mantiene exactamente la misma, pero mantiene los filtros
y eso es lo que queremos. ¿Cuándo van a usar
la segunda foto? Guarde esto ahora. Voy a abrir la segunda
foto, foto B. Lo que tengo que hacer,
tengo que entrar. Haga doble clic en mi objeto inteligente. Deslizaré la imagen. Necesito cambiar su tamaño. Recuerda la altura 1,000
Ahora la deslizo por aquí. Puedo cambiar quizá la opacidad
para saber exactamente así. Ahora éste va a
quitar el fondo, voy a ocultar este
puede cerrar la imagen, escondo el primero. Ahora este objeto inteligente
dentro del objeto inteligente, ahora
puedo tener la segunda
foto que voy a guardar. Una foto B guardar. Ahora tengo que hacer lo mismo. Solo necesito seleccionar la
imagen y deslizarla por aquí. También, cambia su tamaño y agrega los resaltados. También, tal vez pueda
cambiar mi pintura de oliva, nena. A ver. Sí. Sí, lo dejo así. Entonces ahora tengo, me
cambié de nombre, posé uno y posé dos. Puedo guardar esto, puedo cerrar, y ahora tienes ambas poses.
14. Armoniza los filtros: Si de alguna manera los colores en los
que estás en
la foto, la ropa que
estás en la foto, no concuerda muy bien
con el fondo. Porque ahora tenemos el
estilo que coincide un
poco más con el estilo que
estoy tratando de lograr. Pero por ejemplo, imagina
si tuviera una camisa verde, tal vez no coincidiera
muy bien con la paleta de colores que
tengo en el fondo. Hay un truco para
que armonizes esto, y el nombre del filtro
está exactamente armonizado Pero antes de hacer eso, necesitamos tener la
versión aplanada de nuestro póster El filtro puede recopilar toda esta
información una a la vez. Tenemos que transformarnos
para hacer una copia de todas estas capas que convierte el póster en
una sola capa aplanada Cómo se hace eso,
ahora queremos esconder éste también. Ahora sólo puedo ver todas las capas que
conforman el cartel. Para elegir todas las capas, puedes controlar y
seleccionar una por una. O simplemente puedes seleccionar
el primero y cambiar, presionar Mayús en el teclado
y seleccionar el último. Entonces solo necesitas deslizarte, duplicar todo
sobre el plus. Bien, ahora
duplica todo. Y ahora vamos a transformar todo esto en una imagen aplanada Para eso seleccionas, presionas en el control
del teclado más E. Ahora tienes un cartel
aplanado Lo nombro afiche aplanado. Voy a ponerla debajo, por ejemplo, bajo esta pose, voy a encender. Selecciona la pose. Ahora vamos aquí
en los filtros neuronales, también en las últimas
versiones de Photoshop, tienes estas opciones, neuro filtros y el
que vamos
a hacer para usar su armonización
como dice el nombre, intentarás armonizar la imagen que nosotros, la
capa que elegimos Capa de la pose
con el fondo, con la otra capa que
también elegiremos. Tenemos que
encenderlo. Normalmente hay que descargar,
creo que el plug in, pero ya lo tengo instalado, pero vamos a seleccionarlo. Si no aparece así, te pedirá
que lo instales, pero veremos el filtro de
armonización. Entonces tenemos que
elegir el
cartel aplanado que acabamos Ahora, automáticamente,
ves procesamiento. Tratará de igualar los colores, los colores del cartel
o el aspecto del póster. Como ve aquí, hay mucho
más amarillo en mi foto. Si acentúo, confíe al 100%
hay mucho más amarillo. Este filtro,
recopila automáticamente la información
de la capa que queremos armonizar con
la capa que elegimos Lo dejaré a los 75 por ahora. Ahora puedo hacer click. Bien. Esta es una forma rápida de armonizar las
fotos que tomaste, aunque estés vestido de
una manera con muchos colores que no concuerden bastante
bien con el póster Entonces esta es una manera rápida de
arreglarlo de inmediato de la mejor manera guardo este próximo capítulo.
15. Organiza capas: Antes pasamos a la
animación de todas nuestras capas. Como te dije al
inicio del tutorial, es muy importante organizar
muy bien tus capas. Si quieres mostrar las capas, solo
tienes que
arrastrarla desde aquí. Ponerlo así
podemos ver más capas. Intenta organizarlo de esta manera. La forma en que posiciona las capas una sobre la
otra o debajo de la otra. Hay que mantener esto muy
bien como yo lo hice aquí. Entonces podemos elegir uno por uno, los que vamos
a animar en relación a los que están sobre él y
los que no se mueven Es muy importante
nombrar eso de una manera que puedas encontrar de inmediato
lo que estás buscando. Incluso esto, puedo
transformarlo en un grupo. Por ejemplo, tu nombre. Oh, bien, lo siento, olvidé
esconder el cartel aplanado. Puedes eliminarlo por ahora. Lo guardará aquí. Ahora tengo mi grupo de texto. Puedo cambiar su nombre a texto, así que eso me permite
organizarme mejor. Bien, se ve bien. Nombrando exactamente como
quería mirar. Parece bueno. Parece que está bien. Y estoy listo para empezar a animar todas mis capas de mi póster,
pero olvídate de guardar
16. Línea de tiempo abierta: Trabajemos ahora en nuestra animación. Vamos a
animar cada capa,
o la capa que elegimos
para animar Para ello, tenemos que ir a
ventana y seleccionar la línea de tiempo. Ahora tienes una nueva
ventana aquí que puedes mover o puedes
colocarla donde quieras. Te aconsejo que la pongas
más abajo en la imagen. Se puede cambiar su tamaño. Puedes ponerlo por aquí. También puedes minimizarlo. Se puede posicionar aquí. Ya ves que está resaltado. Se puede poner aquí abajo, por ejemplo, en la parte inferior. A lo mejor es ponerlo
aquí en el Barto así, mantenerse fijo, no se mueve Solo tienes que
recogerlo si quieres ver todas las líneas de tiempo
a las que te diriges
a tu animación Antes de
explicarte cómo funciona esto, te
aconsejo que crees una
copia de seguridad de tu póster si acaso
sucede algo mal y no
pierdes todo lo que
hicimos hasta ahora. Te aconsejo que guardes una copia
y ponle el nombre póster de nuevo. Bien, de esta manera
tenemos un respaldo de este póster aquí seguimos
trabajando en el póster, en el póster final donde vamos a tener
la animación.
17. Introducción a la línea de tiempo: Ahora estamos aquí,
lo primero que vamos a hacer es crear una línea de tiempo de video. Tienes otra
opción que no
vamos a utilizar para nuestro proyecto, que es crear animación de fotogramas. Por ejemplo, si
quiero que mis imágenes comiencen por la izquierda y se detenga
en el centro del póster, será más fácil
hacerlo con una línea de tiempo de video en lugar de la
animación de fotogramas que tuve que hacer. Primer fotograma, será aquí, segundo marco aquí, tres marco. Es mejor si quieres
animar como por ejemplo, personajes de animación
real Te sugiero que uses la animación de
creación de fotogramas. Pero para este ejemplo,
vamos a crear una línea de tiempo de video. No te preocupes si lleva
algún tiempo procesar porque está recopilando toda la
información en todas las capas. Eso es normal. Si
tienes una ventana apareciendo, solo la ves. Bien. Ahora tenemos una ventana nueva de aspecto muy
sencillo. Esta ventana tiene muy pocas
opciones porque es muy sencilla
la forma en que vamos a trabajar aquí, muy intuitiva. Será fácil. La peor parte es
que realmente tienes que
mantenerte al día con la organización tus capas y pensar anticipación cómo las
vas a animar. Por ahora, abro esta ventana
y tengo las herramientas para poder pre visualizar lo que estoy
haciendo aquí en esta línea de tiempo. Tengo mi obra.
Voy al siguiente fotograma. Puedo volver a los marcos
anteriores aquí. Este voy al primer
fotograma de mi línea de tiempo. También puedo cortar y
controlar las transiciones. También tengo ya dos capas
aquí dentro de la línea de tiempo. El primero corresponde
a la parte de arte. Si miras aquí en
la parte de arte correcta, tiene todas nuestras
capas dentro de aquí, exactamente lo mismo. Doy click aquí y accedo a
todos mis marcos Por ahora, parece que todo
está a la vez, apareciendo al mismo tiempo. Exactamente cómo hemos preparado
en las capas la imagen del póster. Lo primero que
voy a hacer primero es que
quiero extender esto para
poder visualizar
exactamente cuánto tiempo lleva por ahora esta
línea de tiempo. Sólo necesito ir aquí. Es una forma de navegar
en tu proyecto. Por ejemplo, si tienes
una duración muy larga, solo juegas con esto. Es solo visual, realmente
no cambia la línea de tiempo, solo
estamos cambiando la forma en
que busca que trabajes. Y ves que en el interior
tenemos todas las capas, las capas que corresponden
a mi proyecto final. Es aquí donde los
vamos a utilizar alguna manera para que podamos crear
una animación animada. Por ejemplo, si
lo cambio en mi línea de tiempo, vea que cuando empiece a jugar, por ejemplo, me
llevaré la estrella. Ver al principio,
la estrella no está ahí. Y entonces aparecerá. Todo aparece, dependiendo
de la forma en que quiera animar. Los puse muy lejos y voy a crear una animación
muy corta, así que no necesito tanto tiempo. Nuevamente, si juego, y ahora me tengo aparece, esto es muy abrupto Si ves mi imagen
aparece muy rápido. Quiero hacer, como
dije al principio, es una línea de tiempo de video. Quiero hacer transiciones suaves
entre los elementos. Sin embargo, de otra manera, te
estoy mostrando cómo aparece de nuevo
cada capa. Por ahora, como ven, tengo acceso a cada carpeta exactamente como
se hizo en el póster, pero ahora tengo modificadores en ella Por ejemplo, en el texto, tu nombre, puedo
transformar cómo lo hago. Déjame que estemos trabajando con
tu nombre. Yo seleccioné. Quería crear una
animación o una secuencia de esta capa donde el nombre sea invisible
y luego sea visible. Cómo hago eso aquí
los relojes aquí. Si hace clic en esto, habilita
la animación de fotogramas clave. Este será el primer fotograma, el primer fotograma clave donde
será invisible. Entonces voy a decidir en, en el momento adecuado aquí
como medio segundo, he creado otro. El reloj activará los fotogramas clave y
luego hará clic, agregará o eliminará un fotograma clave
dependiendo de su necesidad. El segundo marco,
serás completamente opaco
al 100% y él será
transparente en visible. Cómo hago eso, hago clic aquí, cambio lo que quiero hacer. Por ejemplo, esta
es la transformación. Estoy trabajando en la transformación
y no en la opacidad. borro. Sólo hay que
hacer clic uno por uno y suprimir elevar de
nuevo la opacidad Al principio hago clic en el
primer fotograma de la opacidad, este quiero tener cero Este quería 100% igual para los
otros modificadores, el principio se mantiene igual Selecciona un fotograma clave que
comienza de cierta manera, y seleccionas otro fotograma clave que cambiará su posición, su tamaño, su opacidad Tienes varias
posibilidades de cambiar tu capa uno. Me gustaría
decirte que una manera de
ir directo al
fotograma clave que quieras, es presionar la
tecla Mayús con el cursor. De inmediato va automáticamente los bloques en el marco clave sobre el
que se desliza. En este caso, este
por ejemplo, si hice otro aquí,
si estaba aquí en la línea de tiempo, y quiero detenerme
exactamente en este punto, simplemente
hago clic en Shift
con mi teclado, y automáticamente se
adjuntará al fotograma clave. Puedo borrar esta y puedo volver
a venir por aquí, guardo. En cuanto a la duración
de tu animación, tienes aquí abajo un
temporizador que te dice, en qué hora estás en
tu línea de tiempo ahora mismo, Mi línea de tiempo tiene alrededor de
4 segundos y medio. Si quieres cambiar la
duración de tu línea de tiempo, solo
necesitas
extender tu capa. Por ejemplo, si agarro el borde de esta capa aquí y
arrastro hacia la derecha, se
puede ver que ahora mi
duración tiene 24 segundos. Es fácil, cambiar la
duración de tu línea de tiempo. También si tengo una línea de tiempo
más grande. Pero quiero
reducir el tiempo que se va a exportar la
secuencia. Es decir, la
duración de mi línea de tiempo tiene 20 segundos. Pero si quiero que mi película se
detenga en, por ejemplo, ocho, puedo poner este elemento aquí exactamente donde
quiero que termine. Ahora, la línea de tiempo.
Si toco mi película, aunque la vea detenida, aunque siga
más lejos de aquí, lo harás, pararás aquí. Porque esto indica el
final de mi película de esta manera. Cuando exportas, exportas
la película hasta que llegue. En este punto, si quiero
ponerlo todo hasta aquí, sólo
tenía que ponerlo aquí. Si quiero detener
la película
ahí, la detendría ahí. Retrocediendo, controla z. Una última cosa, antes del inicio de la
animación de cada capa. Simplemente voy a cambiar el
fotograma por segundo por un formato considerado
estándar en el negocio. Cambiaré la velocidad de fotogramas de mi
línea de tiempo establecida, los tres puntos aquí. Establezca la velocidad de fotogramas de la línea de tiempo en 24. Tenemos varios
a su disposición. Y voy a elegir 24 y dar
clic en Bien. Ahora ya estamos listos.
18. Anima un triángulo y un marco: Empezaré por primero
deslizando esto por aquí. Si elijo esto aquí, estoy escogiendo todo el tablero de arte con todas las capas
que tiene dentro. Yo lo pongo por aquí, quiero hacer una animación
de la misma va a ser una muy corta, puedes extenderla
después si quieres. Pero por ahora es suficiente
para lo que estamos tratando hacer aquí en nuestro póster de
animación, animación que tengo aquí. Ahora voy a comenzar
con la primera capa. La primera capa
será mi fondo. Esto, lo voy a poner
aquí desde el principio. Este elemento será estático, es
decir, que ya es lo que vemos
al inicio de la
animación. Tenemos los antecedentes. Lo segundo que
quiero ver aparece
en nuestra animación. Se va a mover. Es el héroe. Te acuerdas del triángulo, El triángulo muy grande que
tenemos en la parte superior. Quiero que sea también el primer elemento animado
que aparezca en mi escena. Una cosa a tener
en cuenta al usar partes de corazón, recuerdas que esto es
un tablero de arte nocturno, es cuando estás animando
un objeto y quieres que el objeto comience desde
fuera de la parte exterior, hay
que bloquearlo Esta opción
aquí, es necesario utilizarla. Si no, cuando
colocarás tu triángulo
fuera de la parte de arte. Por ejemplo, si cambio su posición de máscara vectorial
fuera de la parte de arte, colocará el triángulo fuera de la parte artística en
la posición de pila de capas. Y no queremos
que ese control Z. para evitar eso, quiero que se quede en la misma pila de posición de
capa Lo voy a bloquear.
Viniste aquí en esta cerradura. Delante tienes
este icono aquí. Haces clic en esto para el triángulo o para cualquier otro elemento
que vayas a comenzar con el inicio de su posición
fuera del lienzo. Tienes que hacer esto al
usar piezas de arte. Por supuesto. Ahora mi primera posición voy a hacer la segunda
capa, segundo fotograma clave. Entonces será a las seis. Este es correcto porque quiero que la secuencia de la animación
de triángulo termine aquí. Pero yo quería empezar afuera. Selecciono ese fotograma clave, ahora posiciona mi triángulo
fuera de mi mesa Cuando hago clic en reproducir aquí, tengo mi animación hecha. Puedo desmarcar esto. No voy a necesitarlo
desde el segundo fotograma. Quiero, mi marco aparece, volviendo aquí, quiero este rectángulo que hace el marco de nuestro
cartel también aparezca. Tengo que elegir
rectángulo centro
, comenzará a
aparecer exactamente aquí. Solo tengo que
deslizarlo también con la tecla mayúsculas si quieres ser más rápido para agarrar esta
referencia aquí. Éste. También quiero hacer una opacidad convertir a mis
amigos clave en primer fotograma El segundo cuadro puede estar aquí
a las diez. Yo tenía uno nuevo. Ahora el primero que
quería ser invisible, solo
necesito elegir
opacidad, bajar ese número Ahora tenemos las dos animaciones, El triángulo y luego para terminar el rectángulo. No te
olvides de ahorrar.
19. Anima círculos: Trabajemos ahora en los círculos. Entonces quiero que aparezca el primer círculo
cuando el triángulo termine su secuencia
círculo centro Aquí, tendré que transformar
esto en un objeto inteligente. Para que pueda acceder a modificador. El
modificador de transformación, porque
se puede ver que no es
accesible aquí. Lo transformaré
en un objeto inteligente. Ahora tengo un modificador trans. Terminaré mi
secuencia en sí, 13. Y quiero darle la vuelta, esta va a ser al final
la opacidad Además, quiero que
aparezca cuando el
triángulo se detenga aquí, va a ser cero ahí. Aparece al mismo
tiempo que el marco. También quería
moverme como una rueda. Yo quería moverme, ya
creo la transformación, ahora solo necesito hacer, ahí tienes. Para el segundo círculo, el que está justo detrás de éste. Yo haré lo mismo,
lo transformaré en un objeto inteligente. De vuelta a transformar, esta será hasta el final. Y lo haré por el otro lado. Este no voy a usar opacidad. Quiero que sea
rápido, aparece. Bien. Ahora a salvo mis ondas de radio. Quiero que
aparezcan también a los 13. Aquí están. Puedo agarrar
al grupo. Ponlo aquí. Desplegar. Ahora quiero que
aparezcan en dos por ondas, una a una con dos
fotogramas de diferencia. 13, 15, 17. ¿Para? Para la tercera. No. 15, Sí. 17, 1921,
2031 2031 Bien. Y yo quería parar
a 1 segundo 14, así puedo ponerlos
todos aquí mismo. Ya que quiero hacer esto varias veces hasta el final
de la secuencia, solo
necesito duplicar esta
posición grupal posición en una tras otra tercera. Ahí vas.
20. Anima un banner y una estrella: Ahora animemos la pancarta. Yo quería empezar, quería empezar a la una. Una vez que la primera secuencia de los
círculos se asientan las ondas. Ahora voy a
buscar mi pancarta. Yo quería parar aquí. Lo que voy a hacer,
voy a fotograma clave aquí con
una posición de máscara vectorial. Le voy a dar un como siete. Y el primer fotograma quiero
que esté fuera de esto. No te olvides de cerrar esto también. Ahí vas. No sale
de la parte difícil. Ahora, el primer fotograma clave, quiero que salga
ya para detenerlo aquí. Una vez que este se detiene, también
hago mi triángulo el de abajo para que
aparezca este de aquí. También ciérralo. Ellos van y mi estrella también para aparecer. Ahí tienes, puedes salvarla. También voy a añadir aquí la pequeña rueda
giratoria, el círculo aquí, a partir de una
línea con la pancarta. Quizá un poco antes, como 22 aquí, mi círculo. Ponlo ahí, ya que
quiero girarlo, quiero acceder a
diferentes atributos. Conviértelo en objeto Smart. Esta capa es el primer fotograma clave aquí, otro cercano a éste. Luego lo moveré más tarde,
transformaré éste. Y sólo lo voy a mover
aquí, Enter. Estaba dando vueltas. Y ahora
puedo poner mi marco clave aquí, cambiarlo, esto, ahora
tengo esta rueca giratoria. También puedo tener la pequeña estrella en medio de este círculo, más o menos a las dos, encontraré mi estrella. Ahí vas. Y puedo ponerlo por aquí. Todo se detiene aquí. Este también, y este, también alineando cada elemento hasta el final de la secuencia. Ahí tienes, podemos salvarla.
21. Anima rayos: Ahora voy a tener los pernos de
iluminación de iluminación por aquí, así que quiero que comiencen. El primero en
comenzar por la izquierda, tal vez así a las 1114 Sí, por aquí. Entonces esta es la primera. Ahí tienes, este es
el primero en aparecer. Y un par de momentos después voy a tener este
aparece aquí. Lo que voy a hacer ahora, es jugar. Entonces como veis, si hago clic en Reproducir,
aparecerán. Pero quiero que esto
dure un tiempo. Este efecto, quería tripar,
temblar, hacer que
pareciera desaparecer muy rápido Para hacer esto, eso está
encendiendo la iluminación. Para eso, jugaré
con la opacidad. Comenzando con este
de la izquierda, agregaré mi
fotograma clave para la opacidad Entonces agregaré otro marco
clave por aquí, y otro, solo
un fotograma después. Permanece encendida hasta aquí. Entonces en este marco
, desaparecerá. Para eso, tenemos
nuestra capa seleccionada. Y ahora desaparecerá. Pongo la opacidad a cero. Quiero hacer esto una y otra vez a lo
largo de la secuencia. ¿Qué puedo hacer? Copio
esto, dos fotogramas clave. Después haga clic derecho en copiar. Pongo el marcador exactamente cuando quiero poner mi copia a dos. Por ejemplo, haz clic derecho de nuevo sobre ellos y voy a hacer pegar. Bien, ahora tengo mi secuencia, y tengo que hacer esto a
lo largo de la línea de tiempo. Voy
a elegir dónde colocarlo, diez, puede ser a las 02:10 Una vez más, pegar el otro 1218, pegar 33,
pegar, y hasta el final, Ahí vas. Ahora tengo la primera secuencia para el
relámpago justo a la izquierda. Usted guarda esto. Eso es demasiado exactamente lo
mismo para el otro. Seleccioné mi
fotograma clave, está aquí. Mi opacidad de fotograma clave ahí. Lo voy a poner por aquí. Sí, otro marco clave, 100. Apenas un fotograma después
pondré otro fotograma clave en cero, y haré lo mismo. Entonces lo copio y pego a los 22. Pega el
otro a las 02:10 Pega el otro 1218, Pega
33, pega 33, Y por aquí, Paste. Para que te vayas, tienes, así que están parpadeando
al mismo tiempo, y yo quería tener
los diferentes horarios, así que lo pondré por
aquí así Ahí vas. Guárdalo.
22. Anima fotos: En cuanto a las imágenes de mí mismo, quiero que primero
aparezcan por detrás. El primero en aparecer
detrás de la pancarta, como hacer estallar la imagen que será primero la que
voy a usar como mi primera Creo que esta pose aquí
será la que voy a usar. Lo iniciaré a los
17, exactamente aquí. Voy a acortar esto,
tengo que encenderlo. Haré un primer fotograma
clave aquí con mi primera pose, una transformación, y otro fotograma clave, porque este será el
que será Edén
detrás de la bandera. Y el segundo se quedará
exactamente como es así. Antes voy a
transformar cualquier cosa, ya
voy a tener un marco clave. Este fotograma clave será a 01:15 El segundo es este que voy
a transformar el control Este mensaje dice que apagará temporalmente el
efecto en mi filtro, filtro caricaturesco. No te preocupes. Una vez que terminemos la acción
para transformar, se quedará. Volverá
al mismo estado. Ahora con mi turno, presionaré Shift. Mientras hacen esto, lo
esconderé detrás de la pancarta. El primer fotograma,
voy a hacer clic en Entrar, y ahora
tendrás este efecto de aparecer detrás del banner. Como veis, tenemos nuestro efecto, nuestro filtro otra vez sobre nuestra imagen. Mi primera imagen en algún
momento desaparecerá. Entonces da lugar
a la segunda imagen. Esta secuencia para esta
imagen se detendrá a las 02:15 y la otra inicia a las 02:10 Ahí vamos Este comenzará con opacidad de aquí a 14 El primer fotograma estará en cero. Aparecerá sobre
el otro exactamente aquí a las 02:10 Este también comenzará a
desaparecer y acabará aquí. Apenas un pequeño fotograma después, comenzaremos con lleno encendido
y aquí desaparecerá. Ahí tienes, y esta
se detendrá aquí.
23. Anima texto: Trabajemos ahora en el texto. Voy a empezar por la pancarta. Quiero aparecer para
mostrar mi obra. Primero selecciono una hora
donde apareceremos. 115. Bien, muestra mi trabajo aquí. Durará cuatro, no
sé, como 23. Quiero usar el banner como botón para nuestro póster de realidad
aumentada Sé que cuando quiero
avisar al visitante o la persona que está
viendo esta animación, puede hacer click en el cartel para comenzar a abrirlo
para mostrar mi trabajo. Para eso, tengo que
tener otro texto que diga haga clic aquí, por ejemplo. Puedo duplicar esto. Yo solo hago control C, control V. Este
voy a decir haga clic aquí. Puedo moverlo ahora
aquí, ponerlo dentro. Pero esta vez voy
a cambiar a hacer clic en todo en mayúsculas. Haga clic aquí. Simplemente me centré por aquí. Entonces como veis, Muestra
mi trabajo. Haga clic aquí. Bien. Éste va
hasta el final. Mostrar mi trabajo. Haga clic aquí. Ya que quiero dibujar la
intención de dar click aquí, haré que aparezca y
desaparezca un par de veces. Puedo poner alrededor del 213. Voy a tener un
fotograma clave en la opacidad, y este fotograma clave justo
después desaparecerá Entonces será a cero. Puedo ir a 3.1 agregar otro
fotograma clave justo después, agregar otro fotograma clave, y una vez más
aparecerá hasta el final
de la secuencia. Usted da clic, haga clic
aquí, guarde esto. Ahora puedo trabajar en
el otro texto. Entonces esto va a ser sencillo, no
voy a dar ningún efecto. Entonces nombre y alineado con este de aquí, tu nombre golpea al 100%
Di esto. Eso lo veo. Casi terminado. Así que sólo voy a
poner esto aquí exactamente. Este también de aquí. Ahora tengo otros dos elementos. La turbina, que voy a
poner en ambas esquinas aquí. Por aquí. Voy a hacerlos girar. Quiero que aparezca. Sí, justo antes de la pancarta
alrededor de una. Está bien. Entonces el primero en
aparecer es el de la izquierda y luego el
de la derecha. Apenas un par de marcos
y aparecerá. Entonces quiero que giren. Entonces voy a transformar este
convertir el fotograma clave de objeto aquí, permanecer exactamente en
la misma posición. Marco clave aquí, Control. Y tengo enter y voy a hacer lo mismo para
el derecho convertir
a objetos inteligentes, acceder a los atributos
key frame aquí, y otro fotograma clave ahí, Control y luego entrar de nuevo. Y ahora termino mi secuencia
con todos mis elementos.
24. Exporta secuencias y referencias: También guardemos como referencia una imagen del
póster. Intenta detenerlo. Durante esta parte clic aquí. Intenta tener todos los
elementos visibles. Debe ser en este lugar de aquí. Haga clic aquí en la forma en que
todos los elementos sean visibles. Y esta foto aquí. Ahora sólo necesito guardar una copia. Diré que será J pack. Y voy a tener esta
imagen lista para ser utilizada. Ahora voy a exportar
toda mi secuencia, todo lo que hice en mi línea de tiempo, puedo usarla después para hacer eso. Personalmente prefiero
exportarlo salvo para legado web. Aquí tenemos en este lado, el avance de nuestro póster
animado. Voy a cambiar mi formato. Entonces aquí abajo
ves que tienes opciones de animación de
looping Lo dejamos para siempre. Puedes tener una vista previa
de la animación. Si haces clic en Reproducir
tienes la animación que elijas. Ahora seleccionas el lugar donde
vas a guardar esto y ahorras ahora
tienes un archivo independiente
que puedes verificar. Está aquí. Podemos
abrirlo y ver los resultados. Esta secuencia, secuencia, secuencia
completa, será utilizada
al inicio de nuestro proyecto de realidad
aumentada En algún momento, se
detendrá exactamente con este
texto. Haga clic aquí. Esto tendrá una
acción que nos
llevará a una segunda
parte de nuestro proyecto, es
decir, que este es el video. Y luego damos click aquí.
Mostraremos algunos de nuestros trabajos. En este caso, para este tutorial, utilizaré tres objetos D. Cuando haga clic aquí,
aparecerá este objeto, pero puedo elementos de esta secuencia que use
los mismos elementos gráficos para crear otro póster que haga referencia a
este tres objeto. En lugar de tener
tu nombre aquí, tendrás el
nombre del objeto. No necesitaremos ningún
personaje o foto, no necesitaremos ningún banner. Será una versión simplificada, aún animada pero
simplificada solo para introducir este objeto que
hacen parte de tu trabajo. Hagamos esto. Voy a guardar esto para estar seguro de que no lo
voy a perder. Entonces volveré a guardar
con otro nombre. Pero a este
lo llamaré robot de referencia. Bien, como dije, algunas cosas que no necesito
para esta animación. No voy a necesitar las
imágenes de mí mismo. Yo sólo puedo borrar. Elige los y borra. No necesito la turbina. No necesito la pancarta. Yo me quedaré con las ondas de radio, los círculos, Entonces, ¿qué más? Sí, esto no necesito no
necesito la pancarta. No necesito el texto, y
no necesito un círculo pequeño. No necesito la iluminación. A lo mejor no me hace falta
el círculo, el centro. Sí, las olas. También lo borro. También borro el triángulo. El triángulo bajo. Y
lo voy a mantener simple. Fondo estrella blanca también. Podríamos estas capas y
simplemente tomarlo del archivo, pero prefiero hacer una copia para
poder jugar como quiero hacer, no tener miedo de perder información o elementos en el
camino. Ahora, tengo esta animación. Todavía hay olas.
Sí. ¿Se puede borrar? Puede borrar esto. Ahí
tienes un error. Levanto el texto
y no debería. No todos los textos exactamente. Una vez más, centro,
pequeño círculo arriba detrás de este
triángulo relámpago bajo. Sin embargo, eso puedo borrar. Es mostrar mi trabajo. Haga clic aquí. Estrella pequeña,
estrella blanca en la parte inferior. Y las olas van. Entonces
voy a cambiar los nombres. Voy a poner, escribiré robots. Esto es solo por el
bien del tutorial. Por supuesto, si tienes otro
tipo de objeto que mostrar, escribirás una cosa
diferente aquí. Voy a poner la versión uno, versión uno, esta animación. Quiero que mi texto llegue antes. Esta vez no necesitamos
esperar a otros elementos. Entonces viene mi animación. Ahí vas. Tal vez
incluso antes. Yo también puedo detenerlo antes. Ahí vas. Guárdalo. Entonces tengo ahora esta animación que está presentando mi proyecto, en este caso un robot. También lo voy a exportar. Ahorra para legado. Los mismos atributos, que menos tiempo. Bien,
guárdala guárdala y ahorra. Bien, ahora tenemos que secuencia
animada. El primero terminó, y este segundo el
de referencia.
25. Introducción a Adobe Aero: Ahora vamos a utilizar
todas estas que creamos,
estas animaciones que
creamos en Photoshop, y crear una experiencia de
realidad aumentada a través del uso de Adulp Arrow, este software que permite
crear una experiencia de realidad aumentada Lo puedes encontrar a través de
Creative Cloud Desktop. Si tienes una cuenta
aquí a la izquierda, tres D y E, R, la
puedes encontrar aquí. Necesitas
descargarlo, yo ya lo hice. Y luego lo abres. También puedes obtener el software directamente desde el sitio add up, y puedes
descargarlo gratis. Cuando lanzamos Adobo, llegamos a esta pantalla de inicio Aquí tienes un
acceso rápido a los archivos que creaste antes de haber eliminado o puedes
crear un nuevo archivo. Empecemos explorando
esto haciendo clic en Abrir. Encuentra el archivo que tienes a tu disposición aquí
para el discurso. Como puedes ver aquí,
el archivo real, esta es la extensión adobal Vamos a abrirlo. Esta escena tiene sólo
un elemento, un robot. Si haces clic en el robot, lo resaltará y podrás controlarlo para centrar el
robot en tu ventana gráfica Ahora exploremos el espacio de trabajo para entender
cómo trabajar con arrow. Este botón de aquí, home te
llevará de vuelta a
la pantalla de inicio. Aquí has agregado y
previsualiza aquí en modo edición. Es donde creamos nuestra escena, agregamos nuestros elementos, componemos todo lo
que
vamos a hacer para nuestro proyecto. Ahora tienes el modo de vista previa. Es una manera de experimentar
la escena como espectador, para que podamos ver cómo funciona
todo en conjunto. Los comportamientos, la
interactividad, los sonidos, la animación Entonces es como si fuéramos el espectador. Nos permite ver cómo
va a ser al final. Similar como un botón de reproducción. Así que siempre estamos, al trabajar en flecha, siempre
pasamos de editar
a previsualizar para ver cómo interactúa
todo y
será en el mundo real Volver a editar aquí en el centro. Es el nombre del archivo
de tu escena que estás creando aquí a la
derecha, el botón debajo. Entonces tenemos el botón compartido. Es aquí donde
vamos a compartir esta
experiencia de realidad aumentada con los demás. Una vez que haces clic en él,
puedes crear un enlace o puedes
generar un código QR. Algunas posibilidades. También podemos cambiar, por ejemplo, puedes cambiar la miniatura, el título, y el
autor del proyecto De vuelta a este menú del lado izquierdo, tenemos el botón Importar. Si hago clic en él, tengo acceso
a varios archivos que quiero importar,
Los archivos disponibles. Las extensiones que
puedes importar están aquí. Viene del
objeto Jpeg tres D, varios tipos de archivos. Justo debajo tenemos la
herramienta Seleccionar que ya estamos usando. Seleccionar mi objeto. Nos movemos enseguida. Tenemos el eje donde
puedes mover a tu personaje
en los tres ejes. Yo controlo C para volver
a esta primera posición. Si hago clic en la
mitad del eje, puedo mover mi objeto
donde quiera. Por debajo de eso, tenemos rotar. También tenemos este artilugio que
aparece con los tres ejes, podemos movernos en cualquier
dirección Tenemos nuestra escala. Una vez más, el mismo principio. Elige una x, x, solo
tienes que moverte,
deslizar el mouse. Ahora bien, los tres últimos
comandos que ves aquí afectan la forma en que vemos
el objeto en nuestra Viewpart Si estos afectan a
los objetos que
tenemos en nuestro
modo agregado en nuestro Viewport, esta es la forma en que los
miras en tu escena, por ejemplo, esta órbita Si presionas el botón del ratón, podrás ver que puedes orbitar
alrededor de tu objeto. Si seleccionas el movimiento, podrás ver de lado a lado. Si selecciona la plataforma dolly, puedes distanciarte de los objetos o
acercarte a ella. Si de alguna manera te
pierdes en este movimiento, siempre
puedes volver a la
cámara y tienes que enmarcar. Muy bien, lejos
vuelves al punto de vista
que eras antes. Aquí abajo tenemos a nuestro constructor de
comportamiento. Simplemente haga clic aquí para
tener acceso a él. Es aquí donde vamos a construir toda nuestra interactividad Y la forma en que
queremos que nuestros objetos en nuestros componentes se comporten y
sean vistos en nuestro proyecto. Si no lo ves, solo
tienes que dar click aquí mismo. De vuelta aquí a la izquierda. Aquí están todos los activos que
vienen con el software. Puedes usarlo en tu
escena, Por ejemplo, este robot es uno
de estos activos. Puedes encontrar diferentes
en cada categoría. Formas abstractas, caracteres
directables, animación, letras, etcétera. En este lado derecho,
tenemos nuestra escena gráfica. Aquí tenemos todos los objetos a los que nos
dirigimos a nuestra escena. En nuestro caso, para esta escena, solo
tenemos el personaje robot y podemos seleccionarlo aquí. Imagínese si tengo
varios otros objetos. Podría seleccionar uno
por uno si quiero. También puedo cambiar la visibilidad, puedo esconderlas, o
puedo bloquearlas, así no puedo cambiarlas. En la Vista aquí abajo, tenemos las acciones
que afectarán a los elementos de estos objetos que tenemos aquí
en una gráfica sinusoidal Por ejemplo, puedo borrarlo. Puedo duplicarlo. agrupar una selección
de varios objetos. Puedo pegarlo al suelo. Por ejemplo, si me mudo aquí y
quiero pegarlo rápidamente al suelo, sólo
tengo que hacer esto. Esta es la reescala automática, así que la volvemos a poner aquí a la escala
original, volver al tamaño original Aquí podemos reemplazar rápidamente
el objeto
seleccionado por uno nuevo. Puedes reemplazar esto, manteniendo la posición, con
un nuevo objeto aquí abajo. Aquí lo usamos si
quieres agregar más control sobre
tu objeto seleccionado. Por ejemplo, puedo
seleccionarlo y cambiar su rotación específica
a número específico, la escala, también todas las
propiedades en el objeto.
26. Descripción general del proyecto final: Entonces, antes de comenzar el
proyecto desde cero, quería darles una
visión general del proyecto final. De esta manera entiendes
el proceso de pensamiento antes iniciar un proyecto en
adoptar ero en este caso, para este proyecto, lo que hice, creé un nuevo proyecto. Importé todos los elementos
que creé de antemano. Importé las
referencias que hice, la imagen estática, el JP que
hice, la animación final. Y la animación
que presentará el objeto que voy a mostrar en este caso es este robot. Entonces todo ya está
visible en la ventana gráfica. Entonces depende de nosotros decidir
cómo van a aparecer uno por uno o a la vez que
controlemos todo. Todas estas acciones
e interactividad aquí en el constructor de comportamiento Por ahora tal vez no
entiendas enseguida, pero sólo voy a
explicar este proceso, lo que estoy mostrando en mi proyecto. Voy a poner vista previa. A lo mejor es que te
des cuenta de lo que está pasando. Si voy a previsualizar,
tengo la primera
animación que aparece. Aparece de la manera específica, entonces estoy repitiendo la
parte final de la animación. Entonces se detiene
aquí mismo en mi referencia. Se detiene justo en ese punto, lo que dice haga clic aquí. Al hacer clic sobre el póster, entonces
comenzarás
una nueva animación con esta nueva secuencia que muestra el nombre de lo vamos a mostrar,
en este caso el robot. Volver al modo de edición. Aquí tengo todo
armado oculto. Si ven aquí lo alto, bien, opté por no
mostrar estos dos elementos. No me confundas
mientras estoy trabajando. Pero es aquí donde estoy
dictando todas las acciones, empezando por la
primera animación como se ve en la vista previa Se mostrará de esta manera. Primera acción, se mostrará. Entonces jugará. El robot ya está aquí. Pero es parejo, así que lo escondo. Esto es entendido
por el programa, por el software como las primeras
cosas que se lanzarán. Entonces después de que todo esto esté terminado, pasarás a la misma
animación que tengo aquí. Pero en este tiempo,
voy a decir que la animación empieza justo
desde el punto que quiero. decir que una vez que se juegue esa
primera parte, ahora quiero que empiece una
vez más desde la pancarta
ya en su lugar. Luego se detendrá
con el cartel. Y esta es mi referencia para hacer clic para pasar a
la segunda animación. Porque si usé la animación
como el clic en el disparador, va a tener algunos problemas. Una vez terminada esta primera
parte, Todo en esta primera
parte tal y como se muestra, se detiene con el cartel. Es decir, eso
servirá como nuestro detonante. Todo se detiene y está esperando que haga clic
por aquí para activar. La segunda parte es esta segunda parte que lo demuestra
en la segunda parte. No quiero
mostrar la animación. Entenderás cuando
comencemos a hacer esto desde cero que necesitas
tener este entendimiento. Siempre hay
que pensar en mostrar y ocultar lo que ya está
en la parte de vista. No olvides que el
cartel desaparecerá también ahora porque activo
esta secuencia. Ahora estoy mostrando, esta
nueva secuencia se está mostrando, estoy eligiendo cómo mostrarla. Y entonces estoy diciendo eso,
bien, jugarlo ahora, una vez que esto esté terminado, entonces lanzamos el elemento
robot. También mostrará el robot
si vengo aquí vista previa, primero, después hago clic aquí
y abajo aparece mi robot. Aquí falta algo. La secuencia animada del robot. Quiero mostrarlo, pero ahora
también quiero mostrar
su animación. Cómo puedo hacerlo. He
venido aquí animación. Pero esta vez lo haré. El sujeto es el robot. Cuando ahora hago la vista previa, esperando hasta que
llegue a esa parte, hago clic aquí, Ahora la
animación tiene el robot. Pero conmovedor, recuerda que al principio
tengo animación de espectáculo. Pero esa animación como
necesito para mostrar el objeto. Pero entonces ese objeto
tiene una animación. Entonces tengo que darles, darle ese orden si esto me
parece realmente complejo. Pero entenderás, solo
quería
mostrarte todo el proyecto. Vamos a trabajar en torno a ello. Otra cosa que es
muy importante antes de empezar esto desde cero, es que para este proyecto, decidí
que el ancla era horizontal. Es decir, quiero mostrar esta
experiencia de realidad aumentada en una superficie plana, una mesa o un escritorio Pero puedes decidir,
vamos por ejemplo, si quisieras hacer un marco y el espectador para aprovechar tu
experiencia en la pared, tendríamos que cambiar este tipo de anclaje a
una superficie vertical Si quisieras activar
mediante el uso de una imagen, usaríamos un
tipo de ancla de imagen. Pero por el bien
de este tutoral, no
voy a hablar de todo este
tipo de anclas Haremos el
que más se utilice en la mayoría de los casos
que es el horizontal. Y es el que vamos
a elegir para este proyecto.
27. Inicia un proyecto de RA e importaciones: Vamos a abrir una flecha y
crear una nueva experiencia. Doy click aquí, nuevo archivo, lo
llamaré
cartel R. Hago clic bien. Lo primero que
voy a hacer es importar
cada elemento a mi ventana gráfica
y a mi archivo gráfico de escena Importar Tengo mi línea de tiempo. No te preocupes, tardará
algún tiempo en cargarlo. Tengo mi línea de tiempo en mi escena. Sólo voy a enmarcar a todos. Bien. Ahora lo que quiero hacer, no
quiero que
esté en esta posición porque la disposición sería perfecta si quisiera tener un ancla,
una ancla vertical. Y modelaré y
posicionaré todo en mi escena en restricción
a esta opción. Pero quiero hacer un modo
horizontal. Sólo voy a poner un poco atrás. Sí, modo horizontal, tengo que girarlo antes de girarlo. Sólo digo que ahora mismo estoy
cambiando el pivote. El pivote es como una línea en
la parte inferior de la animación. Quiero que esté en el centro. Cambia esto en el centro. Yo lo rotaré, 270. Quiero que se
pegue al suelo. Mi posición ya está
en el eje 000. El primero, está bien. Ahora voy a importar
mi segunda animación. La animación de la segunda parte. Éste también. Puedo,
lo dejo aquí. Puedo dejarlo pivote central. Voy a cambiar la rotación. Además, pégalo al suelo y ya está bien posicionado. Lo puedo ocultar por ahora
desde la ventana gráfica. Ahora, necesito importar mi póster. El cartel es
más grande que toda mi referencia, todos los demás elementos, pero quiero que sea
exactamente del mismo tamaño. Para eso, sólo voy a
cambiar su rotación. También, primero
veré el tamaño de
otra referencia. Este es el 28. Sólo necesito este
porque está bloqueado las restricciones. Cuando elijo este, necesito tener el mismo
tamaño aquí, control. Ahora tengo el mismo tamaño, ahora solo necesito
pegarlo al suelo. Tendrá el
mismo posicionamiento que todo lo demás. Éste. También lo esconderé. El otro elemento que quiero agregar
a mi escena, es el robot. Para
tener el robot. Este elemento, acabo de llegar aquí en esta biblioteca que tienes a tu
disposición de forma gratuita. Pongo el robot, pero
también podría poner otro elemento. Es tu elección
si quieres hacer, poner otro elemento, en este caso un elemento de tres D, buscas en tu computadora. Lo que vas a hacer, solo ten cuidado de tener algo
con esta extensión. Por ejemplo, si
tienes un objeto tres D, otro tres D, tienes que ser BG
o FBX o GL B. Ten cuidado de cuál es exactamente el formato que
tienes a tu disposición Quiero hacer click aquí,
es realmente grande. Quiero algo más pequeño, personaje
robot. Voy a elegir
tal vez 0.2 en escala. Ahora lo vuelvo a poner al
centro, Ahora lo tienes. Tengo todo en mi escena y estoy listo para
comenzar mis comportamientos.
28. Acciones de Behaviour Builder: Por ahora. Cuando presiono Preview, no pasa nada excepto mostrar todo lo que hay en la
escena que importé. No hay interactividad, no
hay animación, no
hay nada Eso es sólo los elementos que
elegí poner en mi escena. Aún así, no estoy mostrando
todo porque yo para ocultar los dos elementos porque
son uno sobre el otro. Era importante para mí
esconderlos y decidir que
aparecieran sólo cuando estoy decidiendo
aquí en el comportamiento, lo que vamos a hacer primero. Lo primero que
vamos a hacer es mostrar que este primer objeto aparece y luego decir que
queremos que la animación ruede aquí, este botón se activa. Nosotros vamos a decidir. Vamos a decir eso, bien, quiero empezar,
voy a empezar mostrando
la animación de la línea de tiempo. Quiero decirte que si
eliges algo aquí, estás dando una acción. Aquí en el conductual,
agregarás a la acción el
elemento que elegiste. Aquí. En este caso, he elegido la línea de tiempo y ya lo estoy
agregando a mi acción. Puedo acceder a algunas propiedades
en este efecto de mostrar. Por ejemplo, voy a decir
que va a durar 2 segundos. Tendrá un efecto de
dimensión, escalarlo. Veamos cómo
aparecerá en mi vista previa. Como veis, se
mostrará de esta manera, pero no estamos viendo ninguna
animación para iniciar la animación. Al mismo tiempo, voy a
añadir otra acción. Diré reproducir imágenes porque tenemos una secuencia de imágenes para mostrar
en esta animación, voy a elegir la misma línea de tiempo. Diré jugar
imágenes. Ahí va. Puedo dejarlo como está, 15 cuadros por segundo. Ahora cuando hago clic en Vista previa, también
tengo la animación. Podemos esconder el robot porque no
queremos que aparezca. No queremos que el robot
aparezca en la primera secuencia. Volver al modo de edición, diré que el robot, lo
elegiré aquí
en la gráfica de Seno. Diré que
va a esconder al robot. Volver a la vista previa, no se muestra ningún
robot. Por ahora. Mi animación se detiene aquí. Pero quería repetir de
nuevo esta parte final. Una vez todas estas acciones que
iniciarán la secuencia, se
terminan
justo después de esto. Diré que quiero volver a
tocar las imágenes. Lo siento, se me olvidó elegir aquí. Diré reproducir
imágenes esta vez
quería tocar desde
la segunda parte. Puedes tener una
vista previa como esta. Verás, yo quería empezar
por aquí. Mantenga el mismo cuadro por segundo. Vamos a ver cómo si
está funcionando bien. Aparecerá,
terminar la secuencia. Reinicia de nuevo una vez más. La segunda parte de la secuencia,
y se detendrá aquí. Para acceder a mi segunda
parte de mi experiencia, quiero agregar una nueva acción. En esta ocasión quiero usar una de las referencias que
hice en Photoshop, el cartel deja de ser un detonante
para la segunda secuencia. No puedo usar la misma línea de tiempo como disparador
porque todo el tiempo repetirá esto,
esta animación. Y también por el tamaño, prefiero usar una
imagen como disparador en lugar de la propia animación. Con la parada del cartel elegida, voy a dar una acción diciendo que se mostrará al
final de toda la secuencia, mostrará el cartel.
Veamos la vista previa. No quiero que
aparezca póster con efecto. Entonces quiero sacarlo, esto
fuera. Está bien por ahora. No quiero escalar.
Quería desvanecerse, pero con la duración en cero, simplemente aparecerá. Y eso es lo que queremos. Ahora, con toda la
primera secuencia hecha, quiero pasar ya
a la segunda. Toda la primera secuencia está
hecha y se termina con el cartel esperando el gatillo que
será el gatillo. Será tocar sobre esta imagen para iniciar
una segunda secuencia. Diré que mi gatillo
será tocar el cartel. El cartel
ya está elegido aquí. Estoy diciendo que cuando
toque el cartel, o esta referencia que
dejo al final, iniciará una segunda secuencia. En esta segunda secuencia, puedo decir que esta línea de tiempo
desaparecerá. Lo voy a esconder. También diré que el cartel
también desaparecerá. El cartel se esconde. Ahora tengo una segunda animación. Esta animación,
diré que va a mostrar, puedo dejarla con este efecto. También reproducirá imágenes. También puedo decir que aparecerá el robot, después del inicio de la
segunda secuencia. Primero usemos el robot. Aparecerá. También será su animación. Porque ¿recuerdas a
este robot que forma parte de la biblioteca de Adouru? Tiene una animación
incorporada. Además de mostrarlo, también
voy a querer
mostrar la animación. Diré animación ahora, cuando tuve que hacer un adelanto de todo jugar en
la segunda secuencia. Ahora se detuvo. Veamos
ahora si todo está bien, voy a hacer click
y ya está funcionando. ¿Por qué ahora está trabajando? Esto
se debe a que mi referencia, la que funciona como botón
donde voy a tocar, tiene que estar un poco
más alta que la animación por ahora. Todos están apilados
uno sobre el otro. Quiero que se acabe
un poco. Por ejemplo, si
pongo 0.2 por ejemplo. A ver si no es demasiado. Yo elevo un poco el cartel sobre los
otros elementos, para que no estén apilados uno
sobre el otro, no vemos. Ahora hago clic y tengo
mi animación simple. Si están todos uno
sobre el otro, no
hay espacio entre ellos. No van a funcionar bien. El gatillo, necesitamos
separarlos aunque sea solo un
poco para que el gatillo funcione. Hay un pequeño error
que podemos corregir. En mi adelanto, veo
que al principio
el robot ya está en escena y desaparece
así muy rápidamente. Pero no es bueno. Es porque en esta
acción aquí donde digo el robot,
hay un efecto. Todavía quedan algunas fracciones de segundos que están desapareciendo Entonces necesito poner esto a cero. Ahora que hago las previsualizaciones,
no en la escena. Ahí vas. Ahí vas. Este es
un ejemplo sencillo también. Me refiero a simple y complejo
a la vez. Pero hay que entender
cómo funciona todo. Siempre es sencillo, es
decir, que importa
todo, todo será visible. Pero ten cuidado en la forma en que los
haces aparecer
en la ventana gráfica Porque, por ejemplo, si dejo esto encendido y dejo la vista previa, ya ves que todo es
uno sobre el otro. Para mí, es mejor
ocultar algunos de los objetos para que sea más fácil de
previsualizar y
pensar en cómo voy a organizar mi línea de tiempo
en esta experiencia AR.
29. RA para exportar: Una vez que termines
con tu proyecto, puedes exportarlo si quieres trabajar con
él en otra computadora. O si quieres compartir con alguien que esté
trabajando contigo, puedes darle un nombre y
guardarlo donde quieras. Ahora es el momento de
compartir nuestra experiencia. Quiero que esto sea
disfrutado por otras personas. Para eso, podemos aquí
en el botón Compartir, tengo mi tamaño estimado de
proyecto. Siempre trate de equilibrar y no
hacer proyecto muy pesado. Porque recuerden, a la gente se
le verá esto normalmente desde el teléfono,
desde su teléfono inteligente. Si tienes una experiencia muy
pesada, tardará tiempo en cargarse, tardará tiempo en mostrarse. Ahora lo haré, voy a cambiar, por ejemplo, la imagen. Puedo cambiar esta cartera, por ejemplo, dejo
mi nombre en ella. Entonces ahora solo tienes que
crear tu enlace. Te dará un enlace
que podrás copiar y compartir a quien quieras por correo, por mensaje, o puedes, y este es el
que voy a usar. Voy a imprimir este código ker y ponerlo
sobre un escritorio o mesa superior. Veremos cómo vamos a
trabajar con nuestro teléfono. Lo descargaré
y lo guardaré.
30. Comparte experiencia de RA: Imprimí el código Ker
generado para mi proyecto. Como pueden ver, después
lo pego a un trozo de cartón. Lo voy a poner aquí centrado. Entonces usaré mi smartphone, o en este caso la tablet. Voy a señalar el
código de atención y verás que reconoce el código de atención
y te da un enlace. No olvides instalarlo antes de usar tu
tablet o smartphone. O hay que instalarlo después de
que abra el proyecto. Como puedes ver aquí,
reconoce el proyecto con la miniatura que
elegí antes, el título que tenía, el autor de este proyecto Yo continúo entonces
buscarás una superficie plana. Simplemente vas de lado a lado para que sea más fácil para
el software identificarlo. Lo encontraras ahora
solo necesito aceptarlo. Bien, ahora veo mi animación. La primera parte. Se
detendrá en algún momento. Yo lo toco. Ahora tengo
el segundo. Ahora eres libre de dar vueltas
alrededor de este proyecto. Puedes ver tu
experiencia de aumento desde cualquier lado.