Storyboards para UI/UX con Adobe XD | Matt Ward | Skillshare

Velocidad de reproducción


1.0x


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

Storyboards para UI/UX con Adobe XD

teacher avatar Matt Ward, Product Designer

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

      1:29

    • 2.

      Cómo crear el Storyboard

      18:14

    • 3.

      Animación del Storyboard I

      9:57

    • 4.

      Animación del Storyboard II y exportación

      7:36

  • --
  • 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.

666

Estudiantes

--

Proyectos

Acerca de esta clase

En esta clase vamos a repasar cómo hacer storyboards rápidamente en Adobe XD, ¡sin necesidad de arte o bocetos de fondo!

Los trazados fueron desarrollados originalmente por la industria del cine como una herramienta para contar una historia, pero también han sido adoptados en el proceso de desarrollo de productos para hacer lo mismo. Crear un guion gráfico nos permite visualizar y transmitir ideas rápidamente a los grupos de interés, sin una inversión enorme de tiempo o dinero. El problema es que es realmente difícil para quienes somos menos artísticamente dotados de unir, ¡pero eso cambia hoy!

Usaremos el plugin unDraw (es gratis y sorprendente) para crear y animar un tablero de historias de ejemplo para el proceso de envío de Amazon. ¡Vamos a repasar un marco simple para tener de antemano que implica tomar notas en cada parte o "marco" del storyboard y el resto será súper fácil y rápido a partir de ahí!

¡Mira algunos ejemplos a continuación!

Conoce a tu profesor(a)

Teacher Profile Image

Matt Ward

Product Designer

Profesor(a)

Habilidades relacionadas

Diseño Diseño UX/UI
Level: Intermediate

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: Oigan, chicos, hoy se va a repasar cómo crear storyboards y Adobe X'd. Si nunca has oído hablar de storyboards antes, son una herramienta utilizada por la industria cinematográfica para ayudar a escenificar tomas y contar una historia. Típicamente se ven algo así. Están desglosados en como cuadrados o rectángulos, y el tema de la escena se dice en cada caja y generalmente algunas notas ahí en la parte inferior para explicar lo que está pasando. Y esta es en realidad una herramienta muy efectiva para usar en el desarrollo de productos, porque esencialmente estamos haciendo lo mismo. Estamos contando la interacción de un usuario con ese producto, Así que esta es una herramienta útil para visualizar los viajes de los clientes, los flujos de usuarios y cosas de esa naturaleza. Pero si ustedes son algo como yo, en realidad crear los visuales para estos es muy difícil. Me cuesta mucho el peor dibujante de la historia. Tengan dificultades sacarlos de manera oportuna. Entonces eso es lo que vamos a repasar hoy es cómo hacer un guión gráfico para el desarrollo de productos , pero realmente rápido usando este plug in, pero llamó al sorteo. Es realmente genial. Definitivamente deberían revisarlo y por favor descargarlo para terminar esta clase. Pero este es un ejemplo del tipo de animaciones rápidas y storyboards que podrías armar usándolo. Y ya ves, realmente lo lleva todo a una calidad muy alta muy rápidamente, y eso es lo que queremos. Queremos transmitir ideas a la gente rápidamente sobre nuestros usuarios, así que de eso se tratará esta clase y empecemos. 2. Crea el Storyboard: para que pudiéramos empezar abriendo Adobe X T y simplemente podemos irnos. Webb, 1920 por 10 80 es un nuevo archivo. El motivo por el que hago esto es porque esta relación de aspecto es buena para presentaciones. Entonces, si alguna vez creas tu guión gráfico y quieres compartirlo, es realmente fácil hacerlo con esta relación de aspecto. Entonces lo primero que hay que revisar. Sólo asegúrate de que tengáis esto bajo un enchufe. Simplemente puedes ir a aparecer, haz clic en AB y luego buscar debajo de desactivada. Así que solo asegúrate de que esto esté instalado antes de que empecemos. Entonces lo primero a tener en cuenta es que en realidad nunca me acabo de saltar al programa para iniciar un guión gráfico, que es un poco contrario a intuitivo. Siempre necesitas diseñar tu problema y una especie de meta de tu storyboard y lo que está pasando. Por lo que usualmente o hago esto en bolígrafo y papel. Simplemente abre unas notas rápidas y solo tipo de diseñar qué historia quiero contar en el guión gráfico. Y para este solo estará visualizando el proceso de envío de Amazon en el futuro. Y como que tengo un rápido desglose de las escenas que quiero tener lugar, y normalmente solo me gusta copiar y pegar esto en mi archivo. Por lo que siempre ten eso como referencia porque es bastante fácil olvidar a veces y perder un paso que tiene que volver atrás y rehacer algunas cosas. Por lo que estaremos viendo nuestro primer paso aquí, y ese es el usuario selecciona productos en línea. Entonces esto va a ser como un tipo de cosas de compras en línea para que podamos abrirnos en dro, y puedes o bien ir desde ahí mismo o en este panel de enchufe INS. De cualquier manera es divertido. Entonces ya verás. Aquí tenemos un montón de ilustraciones que son todas muy, muy buenas, y todos son vectores, por lo que puedes editarlas y cambiar los colores. En realidad hay una cantidad bastante decente para. Entonces si hacemos compras, así que hay un montón de opciones que llegamos aquí y llevemos esta la de compras en línea y así temas que haga clic en él. Se copia automáticamente y volvemos aquí y luego podemos mandar V, y luego tenemos un primer fotograma de un guión gráfico. Y entonces lo que es genial de estos es que vienen agrupados. Entonces si unimos grupo, se puede ver todo ahora se descompone en un individuo como vectores llenos. Esto en realidad es realmente genial que puedas estar de acuerdo con él así porque te permite mover cosas y cambiar tamaños muy fácilmente, cual es útil si queremos agregar animaciones o algo en el futuro. Pero esta es en realidad una escena maravillosa para los usuarios que seleccionan un producto en línea. Entonces nuestras primeras escenas tipo de hecho así fue realmente así de rápido. Entonces lo que podemos hacer para el siguiente es solo copiar y pegar esto y uno ahora, notar que todo está en grupo. Ahora, en realidad voy a mantener lo mismo esta misma mujer por aquí porque como que queremos tener la misma persona en cada fotograma porque los storyboards sobre un usuario específico Así que suele ser buena práctica mantener aquí a la misma persona. Por lo que el siguiente que necesitamos hacer confirma y compras. Entonces seleccionó su ropa en línea, y ahora se va a asegurar que llegue al lugar correcto para que podamos intentar confirmar mi bien, eso funciona. En realidad, esta se ve bastante parecida, así que agarraremos esa y luego copiaremos y pegaremos ahí. Entonces vamos a estar de acuerdo esto voy a deslizarlo un poco. Voy a grupo de la ONU. Y a pesar de que esta persona está emocionada y ese es un bonito toque, seguiré quedando a la misma mujer cada aquí. Por lo que tendremos que hacer click y eliminar cada uno de estos elementos y lo notarás. Esta parte podría ser un poco tediosa porque hay un montón de formas pasando aquí así que puedes hacer click y ver si puedes agarrarlas todas de esta manera y luego trataste de eliminar así . Y a veces eso funciona. Simplemente hay que tener realmente cuidado con lo seleccionado podría terminar hasta liderar grandes partes del story board. Esto en realidad es un poco demasiado vago, así que voy a arrastrar esto hacia abajo para hacer un poco más pequeño y luego tal vez una y una cosa por hacer para que podamos usar prototipo para previsualizar nuestro storyboard. Por lo que contratamos. Había transiciones de tap. Bien. Entonces si previsualizamos esto, se ve bastante funky. No se emparejan los tamaños. Veo que estamos recibiendo, como, un poco de distorsión aquí del lado de esto. Realmente no queremos toda esta escena aquí para que podamos copiar y pegar este fondo para que se vea un poco más uniforme. Deshazte de éste. Aquí vamos. Entonces ahora vamos a tener el mismo trasfondo, que es un bonito toque de consistencia en el guión gráfico. Y luego podemos entrar y vamos a mandar esto a la parte trasera y cambiar el tamaño de este teléfono en ese para que sea un poco mejor. Entonces cuando trajimos eso, ya ves, ya ves, el radio es lo que cambió para solo estar seguros de que toe re editar. Ahí hay si cambias muchas de estas formas y vamos a hacer esto realmente más grande ahora, Reino Unido, eso se ve bien. Es ahora cuando entran y previsualizan en un bonito segundo paso, realidad voy a chocar con esto un poco. Por lo que es un poco más centrado a la animación original. Perdimos una pieza. Ahí hay así que siempre es solo tener muy cuidado con las pequeñas piezas que podrías estar dejando fuera. Es súper fácil de hacer, pero sigue siendo muy agradable tener todos los vectores de visas, y te mostraré más adelante por qué es eso. De acuerdo, Así que ese es el 1er 2 fotogramas de nuestro storyboard. Tenemos la confirmación de compra en línea y el siguiente paso que vamos a tener es que el pedido se procese. Por lo que copiaremos y pegaremos. Entro y salto a pantalla completa a Tú normalmente no te gusta trabajar en pantalla completa. A mí me gusta saltar mucho entre ventanas. Pero por el bien del video, voy a cambiar. Por lo que éste borrará. En realidad la vamos a eliminar también, porque probablemente no estará involucrada en el siguiente fotograma porque en orden se está procesando . Entonces no es algo que ella va a ver abierto y dibujar de nuevo, y entonces podríamos hacer Tal vez paquetes, Uh, esto se ve bien. Es una buena copia y pega eso, um y estamos cosechando de nuevo porque no vamos a tener a este tipo ahí está el futuro del servicio de envío de Amazon. Entonces no creo que tengamos a un tipo haciendo las cosas manualmente. Lo que en realidad quería para ti es que vamos a tener un ahogado. Hazlo. Veamos si Jeff Bezos realmente hace que eso se haga realidad. Esperemos que pero haga extranjero un storyboard si quiere. Tú así vuelves a debajo de todo creo que vi uno. Podemos sala de comercio. De acuerdo, entonces hay mucho que se nota. Eso es bastante gran flexibilidad con estas cosas, Como poder tirar aleatoriamente como un montón de ahogamientos y un par de ilustraciones ahí para algo. Bonito nicho. Este realmente es un plug in de Rebus, y es uno de mis favoritos en Adobe exceed. Entonces, Rex, vamos a pasar eso y nos arrastraron esto hasta la cima porque realmente sólo quiero ahogarme de ello. Y no quiero mezclarlo de todas estas formas rellenas aquí abajo. Entonces eliminaremos esto y nos aseguraremos de que obtenemos todo lo que haya formas llenas del fondo. En realidad voy a agrupar esto y luego bajarlo. La mayoría vive esto un poco abajo. Creo que nuestra directiva se movió. Rastrear eso hacia abajo. De acuerdo, entonces iremos al siguiente partido en la transición de tap depredador todo el tiempo y jugaremos. Entonces tenemos el proceso de habla del pedido ahí, y nuestro siguiente paso es el pedido enviado. Tan bien, en realidad, bien. Y copiar y pegar este tablero de arte que la última ilustración que tuvimos también hará un trabajo bastante bueno por pedir enviado, así que nos llevaremos ahogado otra vez Y ahí vamos. De hecho conseguí hasta comer a este tipo Copiar y pegar. Eso es impresionante. Haremos que nuestro ahogado volando por el aire después de que se esté procesando. Lo que podríamos hacer es en grupo esto y otra vez, vamos a eliminar esta cifra aquí en esta. Me voy a llevar un rato, porque imagino que hay muchos vectores ahí atrás. Nos quedaremos con la sombra. Entonces lo que pasa de esto, también, es que es tan bonito dedo del pie tener ilustraciones de esta calidad tan fácilmente accesibles. Muchas veces tendrán que pagar por esto o no son gratuitos para su uso. Puedes dejarlos para la educación, cosas de esa naturaleza. Pero esto es que estos son en realidad gratuitos para uso cliente y personal. Simplemente no puedo estresar lo suficiente lo genial que es tener esto. Este es un enchufe para poder sacar las cosas porque realmente son de calidad increíble. Si alguna vez lo necesitas también. También puedes entrar y cambiar los colores que queríamos, como una escapada de ciudad diferente o algo así. Por lo que puedes tipo de adaptar a marcas específicas dependiendo de para qué estés diseñando. Um, pero nos quedaremos con el morado por ahora. Está bien. Bien. Y conecta este próximo marco de nuestro storyboard. Consiguió un bonito tipo jag, engañador. Bueno, eso se ve bien. Y luego lo veremos una vez más, hombre y ahogado. Pasando por el aire. Se ve bien. Entonces, ¿cuál es nuestro último paso? Entregado con éxito. De acuerdo, Su una copia y pega esto en todas partes, en realidad. A ver. Vamos Busca otra ilustración usaría el éxito. A lo mejor. En realidad, este es bastante bueno. Entonces, um, pero ella es un poco diferente a nuestra original nuestra actriz original Por aquí. Entonces, ¿qué usas? Podríamos simplemente conseguir y copiar y pegar aquí, Volver atrás. Tan solo tener. Es consistente. A mí sí me gusta esa otra ilustración. Pero siempre es mejor tipo de mantener al mismo protagonista en la schoen. Lo que podemos dio es deshacernos de algunos de estos antecedentes y utilizar todos los mismos elementos que estaban en nuestro último disparo. Te das cuenta. En ocasiones tienes, como, vectores blancos o cosas con capacidad. Es sólo una buena práctica asegurarse de que esos tipos sean removidos. Especies se ahogaron, por lo que el dron lo deja caer. Pero en toda realidad, el sueño no sólo lo dejaría. Ella conseguiría algún tipo de identificación telefónica para ver si puedo agarrar este poquito para que podamos volver atrás y lo que podemos simplemente reutilizar el mismo teléfono, um copiar, pegar, pegar, rastrear eso otra vez y luego cambiaremos esto alguna vez a hacer espacio para nuestro teléfono. Puedo dar referencia a lo que está pasando en su extremo para que no sólo tengamos un ahogado aleatorio apareciendo por ahora. Razón. Y podemos entender qué es lo que ella está mirando, y luego conectaremos esto. Todo está conectado. Entonces volteemos a través. En realidad lo voy a conectar al frente con nosotros para que pudiéramos pasar por él dos veces. Por lo que tenemos compras online, teniendo lugar, artículos seleccionados, confirmación. Tenemos nuestro empaque procesado, el dron entregando, y luego obtenemos una confirmación aquí al final. Y una cosa que me gusta hacerte porque tenemos estas notas, es solo usar algunas anotaciones en la parte inferior, al igual que el guión gráfico normal de la película para realmente conducir a casa lo que está pasando a tu texto punto para que pudiera ponerlo así. También es agradable si tienes, como una persona creada para ti ya o algo puedes cambiar el nombre para ser cualquiera que sea el nombre de la persona, solo agréguele un poco de credibilidad y luego solo pasa y en las notas de aquí periodo. El área no la mandó allí ni por un segundo. Siempre es bueno tener estas notas a si no estás presentando el guión gráfico solo para asegurarte de que todo el mundo entienda lo que está pasando. Porque a pesar de que esto pueda parecer obvio, algunas personas pueden tener alguna interpretación errónea sobre los pasos como ese poquito ahí realmente van a tener de vuelta estas plantas, haremos que suceda un poco más en esa escena. Ya sabes, esta escena se ve un poco desnuda en comparación con algunas de estas otras. Por lo general tienen estas, como plantas en ellas. Esa es una solución realmente bastante rápida. Simplemente no salude a ese más cangrejo exhibirlo aquí abajo. Basta con mantener ese mismo tipo de estilo visual. ¿ Esto es en parte? Lo que los hace tan grandes es que tengan un estilo bastante distinto, por lo que trataremos de honrar eso usando así también en estos elementos, en caso de que eso lo viera con sus notas. OK, así que ese es nuestro primer apuñalado, un storyboard y fueron algo que puedes hacer y como de 10 a 15 minutos. Esto en realidad es de muy buena calidad y la mejor parte al respecto. No hay bocetos y no atender de habilidad artística involucrada, pero en realidad es una calidad muy alta, y lo siguiente en lo que podemos empezar a meternos es si tienes tiempo y es un storyboard finalizado , puedes meterse en poner animaciones y es un arco y luego usarlas para, como, un punto focal y presentaciones, lo cual es bastante fácil, y eso es lo que empezará a hacer a continuación. 3. Animación del Storyboard I: ok, Una vez que consigamos nuestro guión gráfico completo, este es un siguiente paso completamente opcional. Pero en realidad podemos agregar algunas animaciones entre estos fotogramas para realmente aumentar la calidad. Y yo siempre sugeriría hacer esto cuando estás bastante seguro de tu story board. Y se ha finalizado porque no querrías pasar por la molestia de animarlo solo para que cambie en uno o dos días tú. Pero lo que podemos hacer es agregar un poco de animación a cada fotograma. Es realmente hacer que sea un poco más visualmente interesante a través de lo que podemos hacer es tomar este primero nuestro tablero y duplicarlo copiar y pegar eso y arrastrarlo de nuevo a aproximadamente el mismo lugar. Cuando te animo cosas, normalmente me gusta Teoh, me doy mucho espacio, así que voy a hacer estos otros tableros de arte. Bueno, puede tenerlos abajo, en realidad. De acuerdo, entonces todo está encendido agrupado ya, lo cual es bueno. Eso es una especie de lo que quisiéramos dar dio. Entonces lo primero que haremos es conseguir que estas marcas de verificación salgan en el siguiente fotograma, al igual que en realidad las está seleccionando para que podamos entrar y seleccionarlas, y no queremos que solo se desvanezca dentro y fuera. Podríamos hacer eso con bastante facilidad. Bueno, en realidad, para escalar un poco, así que bajaremos el tamaño hacia abajo la capacidad de apagar y luego esta vez en nuestro prototipo, ha sido bueno en este y más selecto auto enemigo. Yo creo que está fuera 0.3. Está bien. Jugaremos. De acuerdo, eso es bastante sutil, pero es un buen primer paso. Creo que lo siguiente que podemos hacer aquí es hacer que esta ropa cambie de color también, así podemos entrar y seleccionar tal vez un montón de vectores aquí. Lo que me gusta hacer es hacer dos selecciones, así que selecciona todo aquí primero y luego vuelve a bajar. Y de esa manera sólo tenemos lo que queremos animar. Seleccionado lo que Dio. ¿ Es qué? Deja caer la A pass ity. Lo dejaremos todo el camino pueblo, en realidad, y luego haremos lo mismo aquí entraremos, agarraremos todos los elementos, la camisa que agarramos, algo que es cierto. Probémoslo una vez más. Vuelve por su iniciada y solo tenemos esa camisa y tú la misma para esta falda de fondo que ella seleccionó. Es un poco doloroso hacerlo de esta manera, pero sigue siendo bastante rápido a la hora de poder animar en audio estos storyboards. Realmente agrega, en el nivel de calidad, hacerlo de esta manera, así que haremos click. Entonces conseguimos que eso aparezca. Entonces están los artículos que ella seleccionó. No clase esto. Entonces digamos el siguiente marco de esto. Queremos que esta tienda desaparezca porque está recibiendo una confirmación en nuestro teléfono. Entonces lo que podemos dio es simplemente escalar esto hacia abajo, asegurarnos de que todos esos elementos fueron seleccionados. Por supuesto, me olvidé de algunos porque hay tantos, Um, vamos a ver, entonces lo que vamos a hacer es que podamos bajar esto, apagar la capacidad, y luego vamos a proteger hasta aquí, golpea a nuestro enemigo. Eso está bien. ver cómo se ve esto, Y luego queremos encontrar para aparecer en su lugar por lo que haremos otra copia y pasta de este tablero de arte. Pero éste de aquí arriba, bueno, bueno, en realidad selecciona de nuevo todos estos elementos telefónicos. Estamos volviendo a conseguir un poco de distorsión, pero por el principal automatizado, está bien. También estamos recibiendo un poco de esta planta. Es un bonito plan, pero nos desharemos de él. Entonces lo que vamos a hacer aquí es que en realidad sólo vamos a ir tiempo a esto y luego la mayoría en ese momento 20 y no haremos ninguna duración de cero también. Entonces va a pasar inmediatamente a la pantalla. Y la cosa es realidad no deberías notarlo. Entonces una vez que lo hacemos, eso fue así nacen bien a tiempo auto enemigo. Y luego los haremos a 0.3, al igual que las otras pantallas. Entonces lo que esto nos debería dar que desaparecería y luego se encuentran aparece en su lugar. Entonces volvamos a verlo desde arriba. Elementos de canaletas entrando, desaparecen. Ella recibe esa confirmación y te das cuenta de los cambios de texto de cambio tecnológico a los que es agradable. Después trabajaremos en el siguiente fotograma de nuestro storyboard, que es el dron que entra. Y si te lo imaginas, definitivamente vamos a hacer volar este dron porque eso es impresionante. Entonces mira, Entonces esto sería un cambio de storyboard completamente diferente, para que no la tengamos dentro, y tendremos un trasfondo diferente. Entonces no hay necesidad de hacer nada loco. Ahora distraeremos eso más. Bueno, en realidad, solo arriba y luego la transición aquí está bien sólo porque no estamos animando nada de ahí a aquí. Pero tenemos nuestro desgarro grupo de drones. Entonces, ¿qué va a dar en realidad esta copia y pegar esta pizarra de arte sobre, luego sin engrasar esto y volver a uva este dron? Entonces tenemos justo el ahogamiento ahí y una nota rápida porque unde agrupado y luego reagruparme aquí. ¿ Es en realidad un diferente? Este es en realidad nombre de grupo diferente. Entonces esto es verde 14. Y luego si vuelvo aquí, este es el grupo 15 para que en realidad no se anime auto entre estos. Entonces lo que tendré que hacer es simplemente borrar esto de nuevo y luego copiar y pegar. Eso es algo bastante fácil de olvidar, Especialmente cuando te das cuenta que tenemos cientos y cientos de caminos y definitivamente puedes tener muchos grupos animando de esta manera. Entonces es sólo una buena práctica asegurarse de que eso sea lo mismo en cada uno de nuestros tableros. Así que en realidad conseguiremos que esta habitación vuele, así que la escalaremos hacia abajo, apagaremos la capacidad, y haremos prototipo arrastrar eso sobre animate Um, está fuera. Eso está bien aquí, así que vamos a jugar eso. Eso fue en realidad un poco demasiado rápido. Amazon hizo un trabajo demasiado bueno ahí, así que tendremos que volver a entrar y vamos a Dio, vamos a probar segunda salida para ver cómo funciona eso. Eso funciona para mí. Podrías entrar y jugar con algo de la flexibilización y ver qué luce mejor. Probaremos temporada y ahora aquí. De acuerdo, creo que va a estar bien para lo que lo necesitamos. Y luego copiaremos y pegaremos esto una vez más. Y lo que queremos es que el dron recoja el paquete y vuele con él. Y escalaremos un poco porque se está acercando más en la distancia. Apagaremos nuevamente la capacidad. Nuestro enemigo está dentro y está bien. Entonces veremos cómo se ve esto. Y tomémoslo todo desde arriba, solo para asegurarnos de que todo esté conectado correctamente y se pondrían. Todo se ve bien hasta ahora. Entonces lo siguiente en lo que podemos trabajar es conseguir que el dron vuele por la ciudad 4. Animación del Storyboard II y exportación: De acuerdo, Entonces para nuestro siguiente paso, debilita dio nuestro paquete que se está entregando. En realidad sólo estoy retomar esto y empezar en el siguiente tren. Por lo que todavía tenemos nuestro mismo ahogamiento aquí. Y lo que podemos hacer es hacerlo cruzar el horizonte, realidad. ¿ Qué? Yo sólo voy a ver, si podemos eliminar este paquete, dejar este paquete y luego simplemente copiarlo y pegarlo desde el último blindado. Tan solo un poco más fácil agarrarlo esta primavera, Eso es lo que Copiar y enfrentar a este tipo y ponerlo por aquí, y en realidad lo haremos recorrer todo el camino a través de la pantalla. Apenas un rápido Ahora, en realidad no vamos a estar auto animando entre estos dos son tableros. Sólo vamos a estar haciendo una transición. Y la razón por la que uno importa porque copié y pegué este mismo tambor. Se querría auto animar a partir de este drone invisible que tenemos aquí. Entonces sólo una nota rápida de que esa debería ser una transición ahí. Leer sobre. Está bien. Entonces tendremos un inicio ahogado de este lado, Entonces copiaremos y pegaremos esto a bordo, y luego lo queremos. Se va a mover bastante rápido. Le dará un poco de inclinación y volará por aquí. Es más bastante apretado. Ningún enemigo. Y está volando un largo camino. Entonces te haremos un segundo y medio aquí. No hay deberes y anunciar. A ver cómo se ve esto. Impresionante. Se ve bastante bien. Funcionó bastante bien en la primera pista. Este libro estaba fuera de la vista previa. Y luego lo siguiente que podemos dio este prototipo nuestra entrega de paquetes. Entonces así es como queríamos terminar. Entonces voy a hacer esta copia y pegar esto y nos arrastró hasta aquí. Por lo que queremos ahogarnos para volver a entrar de arriba a la derecha. Está consiguiendo nuevas formas, hará un poco más pequeño, apagará la capacidad y nos vamos a conectar. Estos dos son tableros otra vez, no usando auto animate. Sólo para que no nos den ninguna acción fueron ahogados ocurriendo aquí. Pero lo primero que queremos es en realidad que aparezca la notificación telefónica. Entonces vamos a bajar eso, y luego vamos a rastrear este hardboard de nuevo. Sólo voy a hacer otra copia de ésta. En realidad, en realidad voy a eliminar este ahogado de esta pizarra media de arte copiar y pegar que se ahogó tuvimos antes a esta. Después animaremos automáticamente esto para llegar a encontrar el pop up porque recibe una notificación antes de recibir. De acuerdo, eso fue cómicamente slough. Entonces vamos a dio es que esto probablemente vuelva a ser 0.3. Y sólo queríamos usar fuera. Echemos un vistazo a eso una vez más. De acuerdo, entonces ella recibe la notificación, y luego queremos que nuestro dron vuele. Tan bastante apretado, este último en nuestra íntima Y como está volando hará un segundo año, pero también para usar y y fuera para ti eso y son los ahogados entrega el paquete, y vamos a añadir un tobogán más solo para compartir el Alemán volando lejos. Pero sería bastante impresionante si ella acabara de conseguir un ahogado gratis con cada paquete. Entonces agarraremos a este tipo y les haremos volar de la misma manera que entraste. Lo bajaremos un poco, apagaremos la capacidad en prototipo entre esos dos en arena. Mayhew está fuera. Cuando entran segundos finos grand, se va y quienes se hicieron. Por lo que se envió la identificación del paquete el paquete fue entregado. Por lo que atrás de aquí, no maximizar lo cerrará. Entonces veámoslo de nuevo desde arriba. Por lo que sigue siendo X productos en línea. Obtiene una compra confirmada. Se está procesando el paquete. Se entrega el paquete. Es una notificación. Se está dejando a mano Leaves dijo. Ahí vamos. Eso es todo para nuestro storyboard. Y así un par de opciones para compartir esta. Siempre podrías simplemente ir a cada fotograma una exportación, y llegas a elegir cuáles eligen cómo vas a exportar en Web P y G I. Weston Android Qué me gusta. ¿ Te perdiste? El tiempo es realmente compartir con un enlace Web en así compartir para su revisión. Se puede ir. Lo llamaremos storyboard de Amazon. Bueno, eso está bien. Gran enlace. El hombre se apresará en ver este enlace, y así en realidad llegar aquí es la opción. Simplemente comparte un prototipo Web de tu story board, que también es muy útil. Tan solo una forma súper fácil de compartir esto y también conseguir que la gente tenga la oportunidad de mirarlo con todas las animaciones, porque esto aparece también en el navegador Web. Entonces esa es una forma de compartirlo. Y si alguna vez necesitas poner este tipo de cosas en una presentación, siempre puedes simplemente ir a pantalla completa y luego simplemente grabar pantalla. Y luego a través de un video en la presentación, hay un par de opciones diferentes. Generalmente se inclinan hacia compartir el prototipo Web. Es súper fácil enviar un enlace alrededor de ese tipo de diversión para que pueda pasar en organizaciones y esas cosas. Pero eso casi termina para este tutorial. Por favor deje cualquier comentario si ustedes chicos tienen alguna retroalimentación y gracias.