Transcripciones
1. Introducción: No es que hace mucho tiempo la idea de realidad aumentada parecía algo fuera de ciencia ficción o del futuro lejano. Pero ahora en realidad está aquí y se está integrando en nuestra vida cotidiana. Mi nombre es Darren Booth y soy ilustrador y artista de
letras con sede en Ontario, Canadá. Perdón, pido disculpas de antemano por cualquier disculpa excesiva que pueda hacer. Perdón, es como los canadienses dicen hola, así que hola. A lo largo de mi carrera, he ilustrado todo, desde retratos hasta etiquetas de cerveza hasta diseños de superficie. Mucho de mis letras aparece en revistas y en portadas de libros. Para la mayor parte de mi carrera, trabajé tradicionalmente y hace tres años empecé a trabajar digitalmente. Esto abrió muchas nuevas oportunidades para experimentar con mi trabajo, que siempre ha sido importante para mí como artista en crecimiento y como alguien que siempre está tratando de mantenerse interesado en su trabajo. Entonces una de estas oportunidades fue la residencia de un artista con Adobe, donde pude hacer una inmersión profunda en Aero, que es su aplicación de realidad aumentada, y es la app que vamos a estar usando en esta clase. Me emociona enseñarte muchos de los consejos y trucos que
aprendí en el camino y ayudarte a empezar con Adobe Aero. Te compartiré cómo empezar en AR usando tu propia obra de arte. Aprender esta habilidad es importante porque puedes usarla para ver tu trabajo estático de una manera que realmente no has visto antes para ayudar a levantarte de tu competencia, para mejorar la narración y hacer que tu trabajo sea interactivo e inmersivo. Puedes usarlo como herramienta para crear prototipos de ideas como averiguar si tu concepto realmente va a verse de la misma manera que lo imaginaste o ayudar a determinar qué tan grande
quieres crear una pieza en la vida real como un cuadro o un señalética. Te enseñaré a preparar tu trabajo y a importar tu obra para Adobe Aero. Te mostraré las herramientas para ayudar a agregar interactividad así
como muchos consejos y trucos útiles que he aprendido en el camino. Me emociona dar esta clase porque AR es un medio nuevo, emocionante, y único que los artistas pueden explorar y utilizar para hacer crecer su trabajo. Experimentar tu trabajo por primera vez a través de una nueva lente como la realidad aumentada es una sensación notable porque es un medio tan diferente de lo que estamos acostumbrados y ayuda a acariciar esa creatividad cruda, y esa energía cruda que sólo sucede cuando descubrimos algo nuevo.
2. introducción a la realidad aumentada: Empecemos rápidamente con algunos conceptos erróneos comunes sobre la realidad aumentada. primero, y este es probablemente el mayor error, es que la realidad aumentada y la realidad virtual, la
VR, son lo mismo, pero no lo son, son tecnologías muy diferentes. AR mejora el entorno del mundo real de alguien con interactividad, mientras que la realidad virtual crea un mundo imaginario completamente aislado del mundo real. El segundo concepto erróneo es que AR es una moda, y realmente no veo que eso sea el caso. El uso de AR está aumentando todo el tiempo y tiene muchas aplicaciones útiles, y seamos honestos, las cosas que son útiles generalmente tienden a quedarse. Por último, otro error común es que AR es sólo para los juegos. De nuevo, ese no es el caso. En atención a la salud, educación, retail, marketing son algunas de las industrias que están yendo muy bien con AR y
siento que los términos específicos se vuelven un poco confusos porque tienes AR, tienes VR, tienes realidad mixta, pero ¿quién sabe? Creo que la realidad simulada puede convertirse en el término paraguas que eventualmente usamos, pero ya veremos. Podría estar terriblemente equivocado en eso y este será mi registro público que me va a seguir por los años venideros. Entonces todo eso dicho, realidad
aumentada es un medio relativamente nuevo para explorar, especialmente para personas creativas, lo
hace realmente emocionante. Definitivamente, la evolución de la tecnología la está haciendo más accesible para todos, y ya estamos familiarizados con el AR a través de Pokemon Go, que definitivamente ayudó a elevar la conciencia principal de AR. Retail también utiliza marcas AR como IKEA, que te mostraré aquí. Te permite colocar productos en tu propio espacio. Virtual Try-On es mucho de la dirección que empiezan a ir las marcas. Ya puedes ver a lo que me refiero en esta app de Gucci, te
pondré un lápiz labial o unos sombreros o algo así, y este de Warby Parker que te permite probarte anteojos. Yo también tengo curiosidad, los freelancers podrán usar para probar antes de comprar opciones con algunos de nuestros propios productos en algún momento del futuro. No olvidemos los filtros faciales divertidos como en Snapchat, e Instagram, y TikTok. Por ejemplo, al igual que el filtro facial que estoy usando en este momento me ha
transformado por completo de un tipo de 60 años a un tipo de 40 años. Solo te estoy catfishing ahora mismo. Para ser honesto, ¿crees que estas cejas son reales? No respondas eso. El AR apenas empieza a utilizarse para la expresión artística y está cambiando muy rápidamente, sobre todo con las apps que salen súper fáciles de usar como Aero. Es divertido meterse en la planta baja de una nueva tecnología también. Para los artistas, siento, usaremos AR para agregar nuevas capas narrativas e interactividad a los libros infantiles. Nuevas formas de experimentar e interactuar con letras a mano, ilustración, diseño, tal vez incluso fotografía, prototipado, y probar ideas para diseños o productos que se convertirán en un objeto físico en algún momento por poder experimentar la portada de, no
sé, The New Yorker o National Geographic, de una manera nueva y envolvente. Entonces antes de saltar a la primera lección, esto es en lo que quiero que piensen. Me gustaría que te acercaras a esta clase como si fuera una serie de experimentos y no te preocupes por crear un producto terminado. Es más fácil aprender con un poco de un lienzo en blanco en lugar de preocuparse por crear una obra de
arte de alto pulido o tener una idea completamente formada y luego sentirse
realmente frustrado o enojado de que en realidad no se puede ejecutarla. Te recomendaría usar algunos de tus diseños existentes, dibujos, obras de arte, que no tengas que preocuparte por hacer nuevas obras de arte, y puedes simplemente saltar justo dentro y no pensar demasiado en las cosas, lo cual personalmente tengo tendencia a hacer. Si no tienes ninguna obra de arte existente con la que te gustaría experimentar, eres más que bienvenido para crear algo nuevo para la clase. Pero, claro, siempre hay un
pero, no tiene que ser nada realmente complejo. Estos experimentos están diseñados para
ayudarte a sentirte cómodo con la interfaz de Aero y simplemente empezar a entender los conceptos básicos de trabajar espacialmente antes de pasar a una construcción más compleja, solo piénsalo como eres simplemente aprendiendo a caminar ahora mismo antes de empezar a correr. Literalmente he dibujado garabatos y puntos, y he conseguido algunos resultados realmente geniales solo con cosas simples como esa, y puedes lograr algunos resultados realmente interesantes con elementos muy simples, y si algo no funciona de la forma en que tú lo esperaban, está bien porque descubrirás que Aero nos
permite hacer iteraciones y correcciones rápidas en el camino.
3. Prepara tu trabajo: Bienvenidos a la Lección 1, preparando nuestro trabajo. Ahora que me has escuchado pasear un poco sobre Aero, bajemos a algunas de las cosas divertidas. Te voy a guiar a través de la preparación de tus imágenes para Aero y el objetivo de
esta lección es simplemente familiarizarte con la resolución de tipos de archivos, tamaños, y solo algunas de las cosas a tener en cuenta con respecto a tus imágenes. A lo mejor esto hace falta decir, pero las imágenes que vamos a estar usando en realidad no se crean en Aero. Aero es el lugar para ensamblar y agregar la interactividad a los activos que estamos trayendo de otros programas como Photoshop, Illustrator, Procreate, Fresco, o incluso pintados y escaneados. Es posible que tengas una idea de la ilustración que te gustaría usar, pero antes de ir a cavar en tu disco duro para ello o dibujarlo,
aquí te dejamos algunas cosas a tener en cuenta. Usa una imagen que no tenga un fondo o uno del que puedas eliminar el fondo de alguna manera como apagando esas capas o borrándolo, sobre todo si se trata de un escaneo. Solo mantengamos las cosas simples y exploratorias para empezar. Nuevamente quiero enfatizar que no necesariamente necesita una ilustración terminada o un modelo 3D totalmente renderizado o un diseño. Como mencioné antes, literalmente acabo de dibujar garabatos antes de que eso hizo para algunos resultados súper geniales. No es necesario que los archivos sean de alta resolución, 72 DPI y en formato cuadrado, funcionan mejor. En cualquier lugar entre 1000 píxeles al cuadrado y 2,000 píxeles al cuadrado. Aquí te mostramos una lista de los tipos de archivos que funcionan en Aero. La mayoría de ellas con las que probablemente estés familiarizado y algunas de las que quizá nunca hayas oído hablar en tu vida antes. Para las imágenes 2D que usaré en la demo, voy a usar las comunes con las que más estamos familiarizados, como los PNG. Para los estratificados, voy a usar PSD. Voy a guiarnos a través de la preparación de
algunas de las imágenes que vamos a estar utilizando en la clase. Déjame sólo ponerme cómodo aquí. Importante tener buena postura y luego no me inclino como Quasimodo. Aquí tengo mi primera imagen llamada en Photoshop. Me gustaría preparar esta imagen para que sea solo una imagen 2D plana cuando la llevamos a Aero. Eso significa que sólo va a ser una capa en total. Voy a colapsar algunas de estas capas y luego eliminar algunas de las capas extra que
no necesito en este momento y eso incluye la capa de fondo. El motivo para eliminar la capa de fondo es porque no
quiero que el fondo blanco esté ahí cuando traiga esto a Aero. Quiero ver esta forma de color chartreuse. Si el fondo está ahí, siento que va a interferir con una de las cosas divertidas de AR, que es la superposición de trabajo senior con el entorno real, a diferencia de parecerse a un cartel plano que bloquea parte de su entorno o su espacio. Ahora que tengo las capas preparadas de la manera que me
gustaría un doble cheque el tamaño y la resolución. Aero trabaja con imágenes de resolución de pantalla, lo que significa 72 DPI. Por el tamaño, voy con 1024 por 1024. Ni siquiera tienes que usar 1024, pero usa algo entre un 1,000 píxeles al cuadrado y 2,000 píxeles al cuadrado. Pero en mi experiencia personal y en mi experiencia a través de la residencia Adobe, Aero sí funciona mejor con imágenes mantenidas dentro de una plaza. Eso podría tener algo que ver con la forma en que esa flecha comprime las imágenes. Realmente no lo sé. Preparemos ahora una imagen en capas. Aquí hay otra iteración de la misma pieza que acabo de preparar. Yo sí hice algunas copias al archivo original, así que no tengo que preocuparme por estropearlas y anularlas por accidente. Si te gustaría intentar usar un PSD en capas ya sea ahora o uno de tus futuros experimentos, te
recomiendo limitar las capas a aproximadamente seis por
ahora y eso es solo para hacer las cosas un poco más fáciles y un poco un poco más fácil en Aero también. Si tienes un archivo con toneladas de capas, sé selectivo sobre cómo vas a aplanar y hornear algunas de esas capas y esas capas agrupan juntas. Hablemos de orden de apilamiento por un minuto. Debido a que sí importan las capas en la parte superior de tu pila, seremos tus capas de primer plano y las capas en la parte inferior van a aparecer más alejadas de ti. Aquí tienes un consejo rápido también, asegúrate de que tus capas no tengan nombres duplicados. En este mundo hay dos tipos de personas, las que nombran sus capas y las que no. Normalmente caigo en esta última categoría pero hoy, me siento especial y nombré a mis capas sólo para ustedes chicos. Si estás usando un escaneo de una imagen que dibujaste o pintaste vieja escuela como con pintura real y sin comando Z. Haz lo posible para separar el fondo, limpiar los bordes, y luego prepara el archivo a las especificaciones que mencioné. Si estás trabajando en Adobe Illustrator, es posible que tengas un paso extra. Si eres el archivo de Illustrator tiene varias capas, primero
tendrás que exportar como PSD de Photoshop, y luego volver a comprobar esas especificaciones en Photoshop. Hay algunas formas de guardar nuestros archivos y tenerlos listos para Aero. Uno, si estás usando una versión nueva de Photoshop o dimension, simplemente
puedes usar el archivo de exportación Aero integrado, Exportar
archivos, Exportar para Aero, y guardarlo en algún lugar accesible desde tu dispositivo. En mi caso, voy a guardarlo en Creative Cloud. Dos, la otra opción es exportar manualmente tu imagen o capas. Si estás en Photoshop, puedes ir a “archivo”, “exportar como”, y luego elegir PNG o SVG, GIF, qué tienes. Si tienes varias capas, primero
tendrás que desactivar todas tus capas y luego activar solo la capa que quieras exportar. Si intentas exportar una capa y otra está activada al mismo tiempo, exportará juntas como una sola imagen. De nuevo, eso es “Archivo”, “Exportar como” y luego puedes elegir tu tipo de archivo,
PNG, SVG, solo tienes que ir con PNG. Hay una cosa más. Yo quiero agregar otro tipo de archivo para que trabajemos, porque creo que esta será una opción que muchos de ustedes tomando esta clase estarán realmente interesados en aprender. Eso es por supuesto, GIF
animados, lo favorito de internet. La capacidad de usar gifs animados o GIF si eso es lo tuyo, no siempre
estaba disponible en versiones anteriores de Aero, pero lo es ahora, así que quiero decir, bien podríamos usarlo. Hay algunas maneras diferentes en las que podemos lograr el look de un GIF animado. El primero es, bueno, usar un GIF animado y muchos de ustedes ya están familiarizados con cómo hacer GIF animados usando su típico software de creación de imágenes. Nos vamos a saltar eso y vamos a ir a la otra forma en que se pueden emular GIFs animados, que es mediante el uso de una secuencia PNG. Hagamos uno simple usando la obra de arte de antes. Voy a usar estos tres colores base para nuestra secuencia PNG. En primer lugar, voy a apagar todas las capas y sólo encender la azul, porque esa es la primera que quiero exportar. Vamos a “archivo” y vamos a usar “Exportación rápida como PNG” esta vez. El motivo por el que podemos hacer eso es porque sabemos que el archivo está configurado correctamente desde antes. Tendremos que poner estos en una carpeta. Hagamos una carpeta nueva y la llamemos Base Animada y podemos terminar de ahorrar la azul como base 01. Después regresaremos y apagaremos la capa azul y encenderemos la capa verde y la exportaremos nuevamente a nuestra carpeta Base Animada, y la llamaremos base 02. Hagamos lo mismo con el amarillo, el último, que exportaremos y llamaremos a la base 03. Te darás cuenta de que los numeré secuencialmente, y eso es exactamente lo que tenemos que hacer para que esto funcione. A continuación tomaremos nuestra carpeta animada basada y luego la comprimiremos en un archivo, y eso es todo por ahora. Elimina tu fondo de tu imagen, revisa nuevamente tus especificaciones y asegúrate de que no sean de alta resolución. Exporta cada capa o utiliza la exportación para las opciones Aero. PSD es que necesitarás guardar en algún lugar como Creative Cloud, pero si tienes una sola imagen plana 2D, puedes AirDrop eso al rollo de la cámara de tu dispositivo también. Recuerda que nos estamos centrando en sólo aprender los conceptos básicos de Aero para que puedas empezar a entender cómo aplicarlos a tu propio trabajo. Este es un espacio seguro donde puedes cometer errores y solo explorar. No te preocupes por tratar a estos dos con precisión. Siguiente lección cubriremos importar la obra a Aero. Es posible que algunos de ustedes ya hayan saltado adelante ya que la aplicación es bastante intuitiva. Por ahora, asegúrate de tener tu trabajo y tus archivos preparados de la manera que necesitan ser y tenerlos guardados y listos para salir. Si te sientes ambicioso, que tal vez seas, prepara unas cuantas piezas extra y date más opciones con las que experimentar.
4. Importa tu trabajo: Bienvenido a la Lección 2, donde vamos a importar la obra de arte que preparamos en la Lección 1. Esto es relativamente fácil, pero hay algunas pequeñas cosas que tener en cuenta, de que hablaremos ahora. Seguro que algunos de ustedes han notado que la aplicación es bastante intuitiva, por lo que puede que ya haya saltado un poco adelante. Abramos la app Aero en nuestro dispositivo y presionaremos el signo más azul para crear una nueva escena. Ya verás que nos está pidiendo panear lentamente porque se busca establecer una zona en la que podamos construir nuestra escena. Para esta demo, voy a escanear el piso aquí en mi estudio. Si quiero ampliar el área, simplemente
puedo moverme y escanear un poco más. Se pueden escanear áreas pequeñas como un escritorio o una silla, o incluso áreas grandes como una habitación o incluso un patio trasero. Si tienes problemas para escanear, asegúrate de que haya suficiente luz y un área lo suficientemente abierta con cierto contraste y texturas. Es posible que hayas notado por tu cuenta que también puede escanear superficies verticales. Pero para esta demo, vamos a utilizar las superficies horizontales porque es más fácil construir una escena sobre, sobre todo, cuando se empieza por primera vez. Una vez que encuentre una superficie, toque y agregue el pasador de anclaje cerca del centro de su escaneo. Ahora, podemos tocar el signo más azul para encontrar la obra de arte que preparamos y guardamos. Ahora aparecerá la obra de arte y podrás mover tu dispositivo para intentarlo y colocarlo cerca de tu punto de anclaje. Ahora que se coloca, obtienes el control total para ajustarlo. Toca para resaltarlo, y para moverlo, usas un dedo para ir a la izquierda o a la derecha. Un dedo hacia arriba o hacia abajo lo moverá más o más cerca de la cámara. Escala con dos dedos, pellizcando y haciendo zoom y gírelo con dos dedos girando, y tres dedos lo moverán hacia arriba o hacia abajo. Si lo colocas lejos del
ancla, la próxima vez que abras la escena, podría haber vagado fuera del marco. Si quieres más precisión sobre cualquier cosa que importe, puedes en estos botones Mover y Girar del menú y afinarlos. A continuación, vamos a importar la versión de PSD en capas de esto. Es el mismo proceso que hicimos con el primero. Toca el signo más azul e importa el archivo. Saquemos un poco este amarillo del camino. Si quisiéramos, podríamos usar esta cosa del menú de hamburguesas por aquí y esconder la capa. Si tocas esto y vas a capas en el menú, puedes ver lo fácil que es manipular. El desplazamiento X mueve las capas de izquierda a derecha. Y es norte y sur, y el espacio Z son profundidad. Puedes rastrear esto realmente lejos o apretarlo y que sea muy sutil o incluso revertirlo si quieres. Pero voy a hacer de este uno alrededor de tres o cuatro, porque eso es lo que se siente de lo correcto, y todo se trata de los sentidos. Por último, vamos a importar nuestra secuencia PNG base animada que está en el archivo doc zip. Ya verás que no reproduce automáticamente la animación y eso se debe a que aún no le hemos asignado un comportamiento. Pero no te preocupes, lo aprenderemos muy pronto en la siguiente lección. Para recapitular, una vez que inicies nuevas escenas, escanea lentamente y recuerda tener una cantidad decente de luz para que tu dispositivo pueda detectar correctamente una superficie, luego colocarla cerca de tu ancla y ajustarla al tamaño y posición que quieras. Además, si importas un archivo y no te gusta cómo se apilan las capas o quieres cambiar los colores o algo así, definitivamente hazlo porque solo toma un minuto ajustar tu archivo de trabajo y luego reimportarlo a Aero y Aero es realmente genial para hacer iteraciones rápidas. Siéntete libre de explorar la escala de tu obra de arte en la escena. Las experiencias de realidad aumentada son espaciales y pueden sentirse completamente diferentes si son del tamaño de un automóvil o si son del tamaño de una pequeña criatura arbolada. La siguiente lección es realmente divertida porque
vas a agregar algo de interactividad a tu escena usando comportamientos. Eso es especial porque es nuestro primer gusto real de experimentar tu trabajo en AR.
5. Añade comportamientos: Lección 3. Ahora que tenemos algunas obras de arte colocadas en nuestra escena, es momento de aplicarle un comportamiento. primer lugar en Aero, un comportamiento se define como Trigger más una Acción, y es así como agregamos la interactividad y el movimiento a la obra de arte. Paso 1, toca tu obra de arte para resaltarla. En este caso, voy a usar la imagen plana única y luego ir a Comportamientos abajo en el menú y añadir un Trigger. Las opciones de activación son Iniciar, Tap, e Entrar proximidad. Para este ejemplo, vamos a ir con Tap, por lo que entonces se inicia cuando se lo digamos. Inicio significa que la acción se iniciará automáticamente una vez que pulses Vista previa, y Tap significa que tocas la ilustración en pantalla para iniciarla una vez que estés en la vista previa y Entrar proximidad significa que la acción se activará una vez que el dispositivo dentro de una distancia específica que elegimos para esa pieza. Paso 2, ahora agregamos una acción. Para este ejemplo, agreguemos Spin. Aquí podemos elegir el eje en el que va a girar. Prueba a elegir uno y luego pulsa el botón Play en la parte superior derecha que te
dará un pequeño adelanto de cómo se va a ver. Entonces prueba los otros y encuentra el que te guste. Si nos desplazamos un poco hacia abajo, verás más opciones como Dirección inversa,
Duración, Facilidad y Retraso. Si queremos frenar el giro, aumentamos la duración por lo que tarda más en dar vueltas, y podemos seguir revisando las cosas usando el botón Play en la parte superior. También tenemos esta Facilidad en menú desplegable, que aparece en muchas de las acciones, y es así como podemos conseguir que algunos de los movimientos se sientan más naturales. Con Aero siendo espacial e inmersivo, sentir es un gran componente de la experiencia, pesar de que es algo muy sutil. Aflojar dentro y fuera solo agrega un poco de suavidad a cualquiera de los extremos del movimiento, y a veces no lo necesitas en ambos extremos. Lineal básicamente, significa no flexibilización. De nuevo, ese pequeño botón Play/Test es súper útil, sobre todo, al principio cuando todavía estás aprendiendo qué hacen las herramientas y cómo actúan, y el retraso es exactamente lo que dice. Si le pones un retraso de tres o cuatro segundos,
tardará tres o cuatro segundos en empezar a girar después de tocarlo. Ahora, una vez que tengas todo configurado de la manera que quieras, pulsa la marca Check en la parte inferior derecha. Paso 3, esta vez voy a usar el PSD en capas y aplicarle un comportamiento, y usaremos Start como disparador. Para nuestra acción, vamos a usar el movimiento Path porque es bastante guay. No vamos a revisar todos estos ya que algunos de ellos son bastante autoexplicativos, pero sí quiero repasar suficientes de ellos para darte la confianza para que empieces. Lo primero que tenemos que hacer es hacer es hacer click en Crear nueva animación, y luego vamos a mantener la imagen durante tres segundos, [inaudible], y la arrastraremos y haremos un camino, y luego podremos comprobar rápidamente cómo se ve, aquí mismo. También tenemos otros controles aquí mismo en la configuración. Probemos algunos de estos para ver las diferencias en cómo se comportan. Puedes suavizar el camino si hoy has tenido demasiadas copias, o si tienes ansiedad como yo. Una vez que obtienes algo que te guste, guárdalo y luego tendrás tus ajustes habituales como la flexibilización y la duración. Tan sólo una cosa rápida a notar, agregar un comportamiento a un PSD en capas afecta a todas las capas por igual porque esencialmente es solo un archivo. Paso 4, volvamos a la secuencia PNG desde nuestra última lección. Si recuerdas, la secuencia PNG no se reprodujo automáticamente porque aún no le asignamos un comportamiento. Pero eso es lo que vamos a hacer ahora mismo. Una vez que nuestras bases animadas
resalten, vamos a añadir un gatillo. Ya hemos usado Start and Tap, así que usemos Entrar proximidad. En lugar de desencadenar esto desde más lejos, voy a establecer la distancia a algo más corto así que tenemos que estar bastante cerca de él antes de que realmente haga algo, y creo que esa es la mejor manera de demostrar la herramienta Entrar proximidad y luego golpearemos la marca Check y para nuestra acción, escogeremos Play images. Una vez que hacemos eso, tenemos algún control sobre cómo va a actuar. A mí me gusta esta opción de segundo por cuadro. Voy a poner esto alrededor de medio segundo, así que en realidad no nos doy una convulsión. Entonces podemos probarlo rápidamente usando el botón Play. Queremos que esto se haga bucle cuando también tengamos una vista previa de la escena. Por lo que nos aseguraremos de que Infinite esté encendido. Es posible que hayas notado en el menú que el final de nuestro botón Play images está a su alrededor, y eso sucede en cualquier momento tenemos el infinito encendido. Si no está encendida, sólo será un rectángulo viejo llano. Aquí tienes un consejo rápido. Si quieres duplicar algo, puedes apuntar tu dispositivo hacia más o menos hacia donde quieras que vaya el clon. Además, si hay un comportamiento asignado a esa pieza, también
duplica eso. También me gustaría mostrarles la función Ocultar y Mostrar. Agarremos el duplicado de la base animada y eliminemos los comportamientos que copié cuando lo clonamos. Me encanta absolutamente la acción de ocultar y mostrar y las uso bastante. Primero añadiremos un toque a través de él y luego añadiremos nuestra acción de ocultar. Por defecto, se seleccionará a sí mismo como el sujeto. Así es como se ve al previsualizar la escena. Ahora vamos a entrar y cambiar el tema a uno de los otros como el PSD estratificado. Ahora cuando probemos esto, esto actuará como un interruptor para ocultar el otro, y haremos uno más antes de seguir adelante en la siguiente lección. Voy a importar rápidamente una de las piezas individuales aleatorias que tengo, y voy a añadir un gatillo Start, y luego añadiré Aim como nuestra acción, lo que significa que esto nos va a enfrentar independientemente de dónde movamos la cámara. Esta opción de cartelera solo significa que se va a quedar completamente vertical, o si quieres, puedes cambiar el objetivo de Aim. Al igual que por ejemplo, podemos apuntarlo hacia el PSD en capas a medida que se mueve alrededor de su camino. Aquí hay otro pequeño consejo. Si alguna vez necesitas seleccionar varias piezas a la vez, como redimensionarlas o reposicionarlas, simplemente sube a la parte superior y pulsa Seleccionar y luego usa el menú Hamburguesa en la parte inferior derecha y selecciona los activos que quieras. Estos son algunos comportamientos básicos que hemos agregado, pero ojalá, estén empezando a darte algunas ideas para tu propio trabajo. Sigue experimentando con ellos y sigue probando a medida que avanza. Algunos de estos comportamientos podrían parecer bastante básicos ahora, pero eso cambiará pronto porque en la siguiente lección
te mostraré cómo apilar y atar múltiples comportamientos juntos. Por ahora, puedes guardar este experimento si quieres, porque estaremos empezando con una nueva escena en la siguiente lección.
6. Añade múltiples comportamientos: Lección 4. Ahora nos estamos metiendo en las cosas realmente buenas. Es genial cuando AR es inmersivo e interactivo,
y tener obras de arte flotando en el espacio y girando es un gran comienzo, pero AR puede ser más que eso. Podemos hacer que estas construcciones sean más robustas e interesantes mediante el uso de múltiples comportamientos. Empecemos de cero de nuevo con una nueva escena e importemos en una de tus imágenes. Voy a usar este. Lo primero que quiero mostrarles es que podemos usar múltiples disparadores. Recuerda que nuestros desencadenantes son inicio, tap, y proximidad. Para este, voy a usar tap, trigger, y luego voy a usar una acción de giro. Debajo del tap and spin hay una opción para agregar otro disparador. Añadamos un gatillo de proximidad y tal vez añadamos escala para la acción. Voy a escalar esto dos o tres veces más grande porque quiero empezar a influir en el espectador. A lo mejor se muevan hacia atrás para verlo o de lado a lado, o tal vez un poco incluso caminar a través de él. Ahora cuando tengamos una vista previa de eso, podemos tocar para activarlo. A medida que nos acerquemos, se escalará. ¿ Qué hacemos si queremos que esta pieza se mueva mientras se está escalando? El orden en el que apilar o encadenar estas acciones juntas importa. Queremos que esto se mueva mientras se está escalando. Vamos a añadir una acción de movimiento debajo de la acción de escala. En cualquier momento agregamos debajo y hacemos esta pequeña pila así, eso le dice a Arrow que haga todas esas cosas simultáneamente. Pero si queremos que algo suceda después de que se haga otra acción o se haga una serie de acciones, agregamos nuestra acción al final y básicamente hacemos una cadena o un hilo. En este caso, hagámoslo girar después de que haya terminado de moverse y escalar. También voy a añadir una acción de audio de reproducción a esto también. Entonces ahora va a tocar un sonido mientras está haciendo la rotación. Cuando comienzas a usar Arrow por primera vez, puede
parecer que las acciones son casi demasiado básicas, pero eso es exactamente lo que me encanta de ellas, porque una vez
que comienzas a usar múltiples comportamientos juntos, ahí es cuando se vuelven más personalizado y más interesante. Ahí es cuando realmente comienzas a encontrar formas creativas de llegar del punto A al punto B. Tengo otro tutorial para ti, pero es un poco más complejo. Pero hemos llegado tan lejos, así que estoy bastante seguro de que puedes manejarlo. Creo que esto te ayudará a familiarizarte con el uso de múltiples comportamientos. Empecemos de nuevo con una pizarra limpia e importemos en tres imágenes. Pueden ser archivos diferentes o puedes importar uno y duplicarlo si eso te resulta un poco más fácil. Ahora que los archivos están en nuestra escena, vamos a esconder a dos de ellos usando esta cosita de menú de hamburguesas. Ahora si previsualizamos nuestra escena, solo uno de ellos aparecerá en este momento. Vuelve a editar y agrega un disparador de tap, luego agrega una acción de show. Cuando entres al menú Mostrar, cambia el asunto a una de las imágenes ocultas, luego agrega otra acción de mostrar debajo de esa, y esta vez cambia el sujeto a la otra imagen oculta. Probablemente te darías una idea de adónde voy con esto ahora, vamos a previsualizarlo y tocar, y las tres imágenes deberían aparecer. Ahora se puede ver que no se necesita mucho para realmente ponerse en marcha, pero todavía podemos llevar esto un poco más allá. Agrega unas cuantas acciones de giro o incluso diferentes acciones si quieres a continuación nuestras acciones de show. Después entra en cada uno de los menús de giro y cambia cada uno de los sujetos a esas imágenes ocultas. Voy a compensar ligeramente el tiempo de estos solo para agregar un pellizco y matiz y luego lo previsualizaré. Esta es una muestra rápida de cómo se pueden conseguir en capas algunas de estas conductas. En lugar de solo dos imágenes apareciendo cuando tocas, podrías hacer esto con como 10 o 20 de ellas y hacer que llenen toda una habitación y que sea súper inmersiva. Recapitulemos algunas cosas. En primer lugar, puedes usar más de un gatillo en tu escena. Por ejemplo, puede comenzar con un gatillo de toque y luego agregar un gatillo de proximidad también. Dos. Si quieres que las acciones ocurran simultáneamente, las apilas debajo de la otra. Tres, si quieres que las acciones ocurran en sucesión, es más fácil añadirlas atravesando en una cadena. Probar y previsualizar tus escenas es un componente enorme de construir una experiencia de AR, y no puedo recomendarlo lo suficiente. Piensa en la previsualización como el equivalente a permanecer atrás de tu dibujo o estás pintando para ver qué está funcionando y qué no. La vista previa también te ayuda a construir como se ve orgánicamente. Creo que eso es realmente importante porque puedes experimentar en pasos y realmente tener una idea de cómo se siente la experiencia. Para muchos de nosotros, ilustradores y diseñadores, típicamente
tenemos un proceso que seguimos cuando estamos trabajando en un diseño o una ilustración que nos llevará de principio a fin. Pero AR es un medio tan único y diferente. Hay cosas nuevas para que diseñemos y consideremos como espacio y tiempo e interactividad y escala. Se parece mucho a una instalación de arte o cómo un arquitecto imagina cómo se moverá la gente a través de un espacio o cómo utiliza un espacio. A medida que estás haciendo y probando estas escenas, empieza a considerar cómo interactúas con ellas y ve si hay alguna manera de que puedas cambiar tu experiencia con ellas. Por ejemplo, tal vez escalas algo muy grande y obligas al espectador a retroceder y caminar alrededor de él, o tal vez incluso a través de él o tal vez una de tus imágenes se enfrenta una dirección diferente lo que hace que el espectador se mueva para que pueda ver ella. En la siguiente lección, vamos a hablar de compartir y guardar nuestras imágenes.
7. Guardar y compartir: Lección 5. Hablemos de ahorrar y compartir. Con el aire aún siendo bastante nuevo, hay algunas limitaciones pero sí tenemos algunas opciones diferentes. Cuando previsualizamos una escena, podemos grabar un video o tomar una foto y se guardará en nuestros rollos de
cámara igual que lo haría nuestra aplicación regular de cámara. El icono de compartir también nos permite compartir un enlace y exportar como. Si compartimos un enlace, podemos enviarlo o código QR a otra persona. De cualquier manera está bien, pero sí necesitan Aero instalado en su dispositivo. También se puede exportar un archivo zed USD, que es una descripción universal de la escena. Hay algunos pros y contras a esto aunque el pro
es que se puede abrir directamente en un iPhone o iPad sin tener instalado Aero, pero la estafa es que no tendrá los comportamientos interactivos y ninguna secuencia animada GIFS o PNG, por lo que es como una versión dietética de AR y para exportar.archivos reales son archivos de
flecha que puedes editar al igual que un archivo PSD o un archivo AI es totalmente editable. En este momento, grabar un video parece ser la forma preferida de compartir AR, y de esta manera está funcionando bien por ahora porque la mayoría de las veces solo estamos compartiendo cosas a las redes sociales o a nuestros sitios web de todos modos. Se necesita tiempo para que las cosas se desarrollen y para que las infraestructuras se construyan, pero AR está cambiando rápidamente, por lo que definitivamente las mejores opciones de compartir están en el horizonte. Te recomendaría grabar múltiples versiones de tu escena y experimentarla desde diferentes ángulos y velocidades. Debido a que el trabajo ya no es estático, tendrás una experiencia ligeramente diferente con él cada vez que interactúes con él. También es divertido entregar tu dispositivo a otra persona y verlos interactuar con AR por primera vez, sobre todo cuando intentaron alcanzarlo y tocarlo o evitar ser golpeado por algo que ni siquiera está ahí en la vida real.
8. Demostraciones de interacción: Lección 6. Esto no es necesariamente una lección llena, va a ser más un video detrás de escenas. Entonces pensé que sería útil mostrarte algunos experimentos y voy a desglosar cómo los hice en caso de que alguien quiera hacer sus propias versiones de ellos, o tal vez te ayuden a encender una nueva idea. Por lo que llamo a esta noche de demostración rosa. A medida que nos acercamos a la rosa 3D giratoria, el fondo se desmaya. Cuando tocamos la rosa, el fondo se esconde. Hay algunas cosas que me gustan de este ejemplo. Una, la rosa giratoria ayuda a señalar al espectador que podría hacer algo si nos acercamos a ella o si la tocamos. Dos, me gusta el fondo porque es un poco desorientador, pero sigue siendo inmersivo porque tipo de
cruza de la realidad aumentada a la realidad virtual. Simplemente porque ya no ves el medio ambiente. Ya verás en el menú cómo he apilado las conductas. Básicamente, se trata de una rosa giratoria con un gatillo de inicio y una pila de acciones de espectáculo para revelar el fondo. El fondo es sólo una imagen PNG simple de color negro sólido bidimensional que duplicé un par de veces y me moví para construir una caja. Después hay un montón de acciones de tap para ocultar cada una de las piezas de fondo y eso es todo. Demo 2. Yo llamo a éste, portal. Por lo que es un efecto bastante cool y es realmente fácil de hacer. Porque todo lo que es, es un PSD en capas con la pista espacial Z aunque. Como se puede ver el archivo de Photoshop, cada capa está alternando entre blanco y negro, y corté una forma aleatoria en medio de cada capa. Este es un buen ejemplo de algo muy sencillo, pero es inmersivo porque invita al espectador directamente a ello. Demo 3. A continuación se muestra un ejemplo de realzar parte de un libro infantil. Por lo que mencioné en uno de los primeros videos que AR puede ser una gran herramienta para ayudar a agregar un poco de vida a un personaje o realzar una historia. Entonces esta es la obra de Celia Krampien del libro de sus hijos llamado Sunny. Gracias a Celia por dejarme usar su trabajo para este ejemplo. Entonces pensé que esto sería bueno para compartir con todos porque toca muchas de las cosas que tocamos en las lecciones. Básicamente, Sunny se mueve hacia la derecha usando una acción de movimiento desconocedora del zorro gigante en el fondo. El lluvia es un simple GIF animado que he puesto en infinito por lo que sigue dando vueltas. Entonces, acabo de duplicar un montón de veces. El audio es uno de los sonidos de stock que viene en Arrow y lo acabo de adjuntar a una de las imágenes de la lluvia. Entonces, cuanto más juegues y experimentes con Arrow, empezarás a entender lo que la aplicación puede y no puede hacer. También empezarás a entender el trabajo espacialmente también. Déjate reaccionar ante lo que está pasando en el proceso y lo que estás viendo cuando haces tus pruebas.
9. Conclusión: Enhorabuena. Ahora tienes un buen conocimiento de lo básico y muchos de los consejos y trucos para Adobe Aero. Has aprendido a hacer algo de Aero sin tener que
codificar nada o hacer cualquier otra cosa de tecnología loca. Muchas gracias por afinarse. duro que sea para mí estar en cámara, realmente
he disfrutado de dar esta clase, y espero que la hayas disfrutado, y espero que hayas aprendido mucho también. La curva de aprendizaje para empezar en el Aero es bastante manejable. Definitivamente es más fácil que aprender la mayoría de los nuevos programas de software. Recuerda que preparas tus archivos en las aplicaciones en las que creas tu trabajo, y sigue probando y previsualizando tus escenas a medida que las construyes. Piensa en cómo quieres que los espectadores interactúen y experimenten tu trabajo. uso del audio es otra gran manera de realzar la experiencia como lo es jugar con escala y movimiento. A lo mejor utilizar el Aero de formas prácticas, como para la creación de prototipos y el diseño. También para crear una buena experiencia, la obra de arte y los comportamientos no necesitan ser súper complicados. A veces las soluciones más simples suelen ser las más efectivas. Sé que suena cliché, pero es cierto. lo único que me gustaría que la gente se quite de esta clase es que, empezar en el Aero no da miedo para nada. No necesitas ser súper experto en tecnología. Si conoces tus conceptos básicos en programas creativos como Photoshop o Illustrator, te sorprenderás gratamente de lo fácil que es Aero de aprender, sobre todo con esta clase ayudando a desmitificar el proceso. Simplemente empieza a hacer algo y no te preocupes por dónde va a aterrizar. Cuanto más experimentes con él, más cómodo te pondrás con él, y más aprenderás. Por favor graba un video y subirlos para que los veamos. Cuantos más ejemplos veamos, ayudarán a que todo el mundo aprenda, y ayudarán a inspirarse mutuamente también. Consulta el hashtag de Adobe Aero para ver lo que están haciendo otras personas, y comparte tus proyectos y esta clase en tus redes sociales, y siéntete libre de etiquetarme si quieres. Gracias de nuevo por tomar la clase, y los veré pronto chicos. Adiós por ahora.
Darren Booth, Illustration, Design, Lettering
