Crea un proyecto de realidad aumentada 3D: animado e interactivo | Studio Wander | Skillshare

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Crea un proyecto de realidad aumentada 3D: animado e interactivo

teacher avatar Studio Wander

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción

      0:52

    • 2.

      Elige entre diferentes formatos

      3:13

    • 3.

      Crea las primeras capas

      5:52

    • 4.

      Establece colores y agrega más capas

      5:31

    • 5.

      Crea triángulos

      7:08

    • 6.

      Agrega círculos

      6:05

    • 7.

      Hacer las ondas de radio

      4:32

    • 8.

      Agrega el banner

      3:57

    • 9.

      Herramienta de polígono

      4:45

    • 10.

      Agrega Titles

      2:17

    • 11.

      Agrega rayos

      3:26

    • 12.

      Agrega fotos

      1:55

    • 13.

      Aplicar filtros a las fotos

      14:09

    • 14.

      Armonizar filtros

      4:56

    • 15.

      Organizar capas

      2:20

    • 16.

      Línea de tiempo abierta

      2:05

    • 17.

      Introducción a la línea de tiempo

      10:35

    • 18.

      Animar un triángulo y marco

      5:52

    • 19.

      Animación de círculos

      5:33

    • 20.

      Animación de un banner y una estrella

      4:07

    • 21.

      Animación de relámpagos

      5:23

    • 22.

      Animación de fotos

      4:17

    • 23.

      Animación de texto

      6:46

    • 24.

      Secuencias y referencias de exportación

      9:23

    • 25.

      Introducción a Adobe Aero

      8:19

    • 26.

      Visión general del proyecto final

      7:00

    • 27.

      Iniciar un proyecto de RA e importar

      4:46

    • 28.

      Acciones del constructor de comportamientos

      10:41

    • 29.

      RA de exportación

      2:20

    • 30.

      Comparte la experiencia de RA

      1:43

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

19

Estudiantes

--

Proyectos

Acerca de esta clase

Animación para RA con Adobe Photoshop y Adobe Aero (clases para principiantes)

Te guiaré paso a paso desde la creación de un póster animado en la línea de tiempo de Adobe Photoshop y luego lo importaré a Aero y construiré un proyecto final de RA interactivo.

Aprenderás a crear animaciones cautivadoras en Adobe Photoshop y a transformarlas en experiencias geniales de realidad aumentada con Adobe Aero.

En esta clase aprenderás lo siguiente:

  • Los fundamentos de la RA y su potencial
  • Conceptos básicos de la animación en Photoshop con la línea de tiempo
  • Técnicas esenciales para crear contenido animado
  • Importación de elementos animados en Aero
  • Cómo construir una experiencia de RA  : importación, navegación, interfaz, interactividad, comportamientos...
  • Exportación y publicación finales

Al final del curso, podrás hacer lo siguiente:

  • Crearás tu primera experiencia animada en RA
  • Inhala vida a tu trabajo con funciones interactivas
  • Crea un proyecto de RA personalizado, ¡tu propio proyecto!
  • Compártelo con otros

Conoce a tu profesor(a)

Teacher Profile Image

Studio Wander

Profesor(a)

I am a 3D Artist with more than 10 years experience in the field of Architecture and Design.

I'm very passionate about what I do professionally but I I always try to live a balanced life outside work. I'm always open to new sources of inspiration, that will enrich and elevate my art. I love museums, books, videos, cinema, friends and I try to take the best out of everyday life situations.

My passion and experience in the field of 3D Modelling, render, video, made me think about sharing and teaching about what I do.

That is what i'm trying to do. I hope you will enjoy my content and use it to create your own projects.

Ver perfil completo

Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

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.