Storyboards para UI/UX com Adobe XD | Matt Ward | Skillshare
Menu
Pesquisar

Velocidade de reprodução


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

Storyboards para UI/UX com Adobe XD

teacher avatar Matt Ward, Product Designer

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Introdução

      1:29

    • 2.

      Criando o Storyboard

      18:14

    • 3.

      Animando o Storyboard I

      9:57

    • 4.

      Animando o Storyboard II e Exportação

      7:36

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

656

Estudantes

--

Projetos

Sobre este curso

Neste curso, vamos rever como criar storyboards rapidamente no Adobe XD, sem arte ou desenho de fundo necessário!

Os storyboards foram originalmente desenvolvidos pela indústria de cinema como uma ferramenta para contar uma história, mas também foram adotados no processo de desenvolvimento de produtos para fazer o mesmo mesmo. Criar um storyboard nos permite visualizar e transmitir ideias rapidamente para partes interessadas, sem um enorme investimento de tempo ou dinheiro. O problema é que é muito difícil para aqueles de nós menos dotados de arte unirem um, mas isso muda hoje!

Vamos usar o plugin unDraw (é gratuito e incrível) para criar e animar um quadro de história de exemplo para o processo de envio da Amazon. Vamos rever uma estrutura simples para ter de antemão, que envolva anotações em cada parte ou "quadro" do storyboard e o resto será super fácil e rápido dali!

Veja alguns exemplos abaixo!

Conheça seu professor

Teacher Profile Image

Matt Ward

Product Designer

Professor
Level: Intermediate

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução: Ei, pessoal, hoje vai passar sobre como criar storyboards e Adobe X'd. Se você nunca ouviu falar de storyboards antes, eles são uma ferramenta usada pela indústria cinematográfica para ajudar a encenar cenas e contar uma história. Eles tipicamente se parecem com isso. Eles são divididos em quadrados ou retângulos, e o assunto da cena é dito em cada caixa e geralmente algumas notas lá na parte inferior para explicar o que está acontecendo. E esta é realmente uma ferramenta muito eficaz para usar no desenvolvimento de produtos, porque estamos essencialmente fazendo a mesma coisa. Estamos dizendo a interação de um usuário com esse produto. Portanto, esta é uma ferramenta útil para visualizar jornadas de clientes, fluxos de usuários e coisas dessa natureza. Mas se vocês são como eu, criar os visuais para isso é muito difícil. Eu tenho um momento difícil o pior sketcher de todos os tempos. Tem dificuldade em tirar estes em tempo hábil. Então é isso que vamos discutir hoje é como fazer um storyboard para o desenvolvimento de produtos , mas muito rápido usando este plug in, mas chamado on draw. É muito fixe. Vocês devem definitivamente verificar e por favor baixá-lo para terminar esta aula. Mas este é um exemplo do tipo de animações rápidas e storyboards que você poderia montar usando. E você vê, isso realmente leva tudo a uma qualidade muito alta muito rapidamente, e é isso que nós queremos. Queremos transmitir ideias para as pessoas rapidamente sobre nossos usuários, modo que essa aula será sobre isso e vamos começar. 2. Como criar o Storyboard: para que pudéssemos começar abrindo o Adobe X T e podemos ir. Webb, 1920 por 10 80 é um novo arquivo. A razão pela qual eu faço isso é porque essa proporção é boa para apresentações. Então, se você criar seu storyboard e quiser compartilhá-lo, é muito fácil fazê-lo com essa proporção. Então, a primeira coisa a verificar. Certifiquem-se de que têm isto debaixo de uma tomada. Você pode simplesmente ir aparecer, clique em AB e, em seguida, procurar sob off. Então, certifique-se de que isto está instalado antes de começarmos. Então a primeira coisa a notar é que na verdade eu nunca simplesmente pular no programa para iniciar um storyboard, que é um pouco contra-intuitivo. Você sempre precisa expor seu problema e tipo de um objetivo de seu storyboard e o que está acontecendo. Então eu costumo fazer isso em papel e caneta. Basta abrir notas rápidas e apenas tipo de expor a história que eu quero contar no storyboard. E para este será apenas visualizar o processo de envio da Amazon no futuro. E eu meio que tenho um resumo rápido das cenas que eu quero que aconteça, e eu geralmente apenas gosto de copiar e colar isso no meu arquivo. Então sempre tenha isso como referência, porque é muito fácil esquecer às vezes e perder um passo que tem que voltar e refazer algumas coisas. Então, vamos olhar para o nosso primeiro passo aqui, e que é o usuário seleciona produtos on-line. Então isso vai ser como um tipo de compras on-line de coisa para que possamos abrir em dro, e você pode ir de lá ou neste painel INS plug. De qualquer forma é divertido. Então você vai ver. Aqui temos um monte de ilustrações que são todas muito, muito boas, e todas elas são vetores, então você pode editá-las e mudar as cores. Na verdade, há uma quantia bastante decente para. Então, se fizermos compras, então há um monte de opções que temos aqui e vamos levar este o de compras on-line e assim questões que você clica nele. É copiado automaticamente e voltamos aqui e então podemos comandar V, e então temos o primeiro quadro de um storyboard. E então o que é ótimo sobre estes é que eles vêm agrupados. Então, se nós un grupo, você pode ver que tudo agora está dividido em um indivíduo como vetores preenchidos. Isso é realmente muito legal que você pode concordar com ele assim porque permite que você mova as coisas e mudar de tamanho muito facilmente, que é útil se queremos adicionar animações ou qualquer coisa no futuro. Mas esta é realmente uma cena maravilhosa para os usuários selecionando um produto on-line. Então nossas primeiras cenas meio que feito, então foi realmente tão rápido. Então o que podemos fazer para o próximo é copiar e colar isso e um agora, notar que tudo está no grupo. Agora, eu vou manter a mesma mulher aqui porque nós meio que queremos ter a mesma pessoa em cada quadro porque os storyboards sobre um usuário específico, então geralmente é boa prática manter a mesma pessoa aqui. Então o próximo que precisamos fazer confirmações e compras. Então ela selecionou a roupa online, e agora ela vai certificar-se de que chega ao lugar certo para que possamos tentar confirmar o meu “ok “, que funciona. Na verdade, ela parece muito parecida, então vamos pegar aquela e depois copiar e colar lá. Então concordamos que vou deslizar um pouco. Vou para o grupo da ONU. E mesmo que esta pessoa esteja animada e que seja um belo toque, continuarei a manter a mesma mulher por aqui. Então teremos que clicar e excluir cada um desses elementos e você notará isso. Esta parte pode ser meio entediante porque há um monte de formas acontecendo aqui então você pode apenas clicar e ver se você pode pegar todos eles desta forma e então tentar apagar assim . E às vezes isso funciona. Você só tem que ser muito cauteloso com o que selecionado ainda pode acabar liderando grandes partes do quadro de história. Isso é realmente um pouco vago, então eu vou arrastar isso para baixo para fazer um pouco menor e, em seguida, talvez mais e uma coisa a fazer para que possamos usar o protótipo para visualizar nosso storyboard. Então, contratamos. Houve transições de torneira. Tudo bem. Então, se visualizarmos isso, parece bem estranho. Os tamanhos não são compatíveis. Vejo que estamos tendo, tipo, um pouco de distorção aqui do lado disso. Nós realmente não queremos esta cena inteira aqui para que possamos copiar e colar este fundo para que pareça um pouco mais uniforme. Livre-se deste. Aqui vamos nós. Então agora vamos ter o mesmo fundo, que é um belo toque de consistência no storyboard. E então podemos entrar e enviar isso para trás e redimensionar o telefone para que fique um pouco melhor. Então, quando nós trouxemos isso, você vê, o raio é o que mudou para apenas ter certeza toe re editar. Há se você mudar muitas dessas formas e nós vamos fazer isso realmente maior agora, Reino Unido, que parece certo. É agora que quando eles vão para a pré-visualização em um bom segundo passo, eu realmente vou bater isso um pouco mais. Então é um pouco mais centrado na animação original. Perdemos um pedaço. Tem que ser sempre muito cauteloso com pedacinhos que você pode estar deixando de fora. É super fácil de fazer, mas ainda é muito bom ter todos os vetores de vistos, e eu vou te mostrar mais tarde por que isso é. Ok, então esses são os primeiros 2 quadros do nosso storyboard. Temos a confirmação de compra online e o próximo passo que teremos é o pedido processado. Então vamos copiar e colar. Eu entro e pulo para tela cheia para Você geralmente não gosta de trabalhar em tela cheia. Gosto muito de saltar entre janelas. Mas pelo bem do vídeo, eu vou mudar. Então este vai apagar. Nós vamos deletá-la também, porque ela provavelmente não vai se envolver no próximo quadro porque a ordem está sendo processada. Então não é algo que ela vai ver abrir e desenhar de novo, e então poderíamos fazer talvez pacotes, uh, isso parece bom. É uma boa cópia e colar isso, hum e nós estamos colhendo novamente porque nós não vamos ter esse cara lá está o futuro do serviço de envio da Amazon. Então acho que não teremos um cara fazendo as coisas manualmente. O que eu realmente queria para você é que vamos ter um afogado. Faça isso. Vamos ver se Jeff Bezos faz isso se tornar realidade. Esperemos, mas vai fazer um storyboard estrangeiro se ele quiser. Volte para baixo que eu acho que vi um. Podemos trocar de quarto. Ok, então há muita coisa que você percebe. Isso é muito grande flexibilidade com essas coisas, como ser capaz de puxar aleatoriamente como um monte de afogamentos e um par de ilustrações lá para alguma coisa. Belo nicho. Este é realmente um plug Rebus, e é um dos meus favoritos no Adobe Exceder. Então, Rex, nós vamos acelerar isso e fomos arrastados para o topo porque eu realmente só quero afogar. E eu não quero misturá-lo com todas essas formas cheias aqui em baixo. Então vamos excluir isso e ter certeza de que temos todas as formas preenchidas do fundo. Na verdade, vou agrupar isto e depois derrubá-lo. A maioria vive isso um pouco abaixo. Acho que a nossa prancha se mexeu. Rastreie isso de volta. Certo, então vamos para o próximo jogo na transição da torneira predatória o tempo todo e jogar. Então temos o processo de falar de ordem lá, e nosso próximo passo é o pedido enviado. Tão bem, na verdade, bom. E copiar e colar este quadro de arte que a última ilustração que tivemos também fará um bom trabalho para encomendar enviado, então vamos nos afogar novamente e lá vamos nós. Na verdade, tenho até comer esse cara, copiar e colar. Isso é incrível. Teremos nosso afogado voando pelo ar depois de ser processado. O que podemos fazer é no grupo isto e, novamente, vamos apagar esta figura aqui neste. Vou demorar um pouco, porque imagino que há muitos vetores lá atrás. Vamos manter a sombra. Então a coisa sobre isso, também, é que é tão bonito dedo do pé tem ilustrações desta qualidade tão facilmente acessível. Muitas vezes terão que pagar por isso ou eles não são livres para uso. Você pode deixá-los para a educação, coisas dessa natureza. Mas estes são realmente gratuitos para uso pessoal e cliente. Só não consigo enfatizar o quão legal isso é ter. Este é um plug in para ser capaz de puxar as coisas de porque eles realmente são qualidade incrível. Se você também precisar. Você também pode entrar e mudar as cores que queríamos, como uma fuga de cidade diferente ou algo assim. Assim, você pode se adaptar a marcas específicas dependendo do que você está projetando. Mas vamos ficar com o roxo por enquanto. Ok. Bom. E conecte este próximo quadro do nosso storyboard. Tem um belo tipo de jag, enganador. Bem, isso parece bom. E depois vamos vê-lo mais uma vez, homem e afogado. Atravessando o ar. Parece bom. Então qual é o nosso último passo? Entregue com sucesso. Ok, Su uma cópia e colar isso em todos os lugares, na verdade. Vamos ver. Vamos procurar outra ilustração usaria sucesso. Talvez. Na verdade, este é muito bom. Então, Então, mas ela é um pouco diferente da nossa atriz original aqui. Então, o que você usa? Poderíamos pegar e copiar e colar aqui, volta. Só tenho. É consistente. Gosto da outra ilustração. Mas é sempre melhor manter o mesmo protagonista na escola. O que podemos fazer é nos livrar de alguns desses antecedentes e usar todos os mesmos elementos que estavam em nossa última foto. Você percebe. Às vezes você tem vetores brancos ou coisas com capacidade. É apenas uma boa prática para garantir que esses caras sejam removidos. Espécies se afogaram, então o drone o solta. Mas na realidade, o sonho não deixaria isso. Ela conseguiria algum tipo de identificação telefônica para ver se eu posso pegar este pouquinho para que possamos voltar e o que podemos apenas reutilizar o mesmo telefone, hum copiar, colar, rastrear isso e então nós vamos mudar isso para abrir espaço para o nosso telefone. Posso dar referência ao que está acontecendo no lado dela para não termos um afogado aleatório aparecendo por enquanto. Razão. E podemos entender o que ela está olhando, e então conectamos isso. Tudo está conectado. Então vamos passar. Na verdade, vou conectá-lo à frente para que pudéssemos passar por ela duas vezes. Então temos compras on-line, ocorrendo, itens selecionados, confirmação. Temos nossa embalagem processada, o drone entregando, e então temos uma confirmação aqui no final. E uma coisa que eu gosto de fazer com você porque nós temos essas notas, é apenas usar algumas anotações na parte inferior, assim como o storyboard de filme normal para realmente levar para casa o que está acontecendo para o seu texto de ponto para que eu pudesse colocá-lo assim. Também é bom se você tem, como uma persona criada para você já ou algo que você pode mudar o nome para ser qualquer que seja o nome da persona é, basta adicionar um pouco de credibilidade a ele e, em seguida, basta passar e nas notas aqui período. A área não a mandou para lá por um segundo. É sempre bom ter essas notas se você não estiver apresentando o storyboard apenas para garantir que todos entendam o que está acontecendo. Porque mesmo que isso possa parecer óbvio, algumas pessoas podem ter alguma interpretação errada sobre os passos como aquele pouco lá realmente vai ter essas plantas de volta, vamos fazer um pouco mais acontecer nessa cena. Sabe, esta cena parece um pouco nua comparada com algumas dessas outras. Eles geralmente têm isso, como plantas neles. É uma solução muito rápida. Só não cumprimente que mais caranguejo exiba aqui embaixo. Basta manter o mesmo tipo de estilo visual. Isto é em parte? O que os torna tão grandes é que eles têm um estilo bastante distinto, então vamos tentar honrar isso usando isso nesses elementos também, no caso de que iria vê-lo com suas notas. Ok, então esse é o nosso primeiro esfaqueado, um storyboard e foram algo que você pode fazer e como 10 a 15 minutos. Esta é realmente muito boa qualidade e a melhor parte sobre ele. Não há esboços e não participar da habilidade artística envolvida, mas é realmente uma qualidade muito alta, e a próxima coisa que podemos começar a entrar é se você tiver tempo e é um storyboard finalizado , você pode entrar em colocar animações e é um arco e, em seguida, usá-los para , como, um ponto focal e apresentações, que é muito fácil, e isso é o que vai começar a fazer a seguir. 3. Animando o Storyboard I: Ok, Uma vez que tenhamos o nosso storyboard completo, este é um próximo passo completamente opcional. Mas podemos realmente adicionar algumas animações entre esses quadros para realmente aumentar a qualidade. E eu sempre sugiro fazer isso quando você tem certeza sobre seu quadro de histórias. E foi finalizado porque você não iria querer passar pelo trabalho de animá-lo só para que ele mudasse em um ou dois dias de você. Mas o que podemos fazer é adicionar um pouco de animação a cada quadro. É realmente torná-lo um pouco mais visualmente interessante através do que podemos fazer é pegar este primeiro nosso tabuleiro e duplicá-lo copiar e colar isso sobre e arrastá-lo de volta para aproximadamente o mesmo local. Quando eu animo coisas para você, eu geralmente gosto do Teoh, me dou muito espaço, então eu vou fazer esses outros quadros de arte. Bem, pode tê-los para baixo, na verdade. Certo, então já está tudo agrupado, o que é bom. Isso é o que queremos diligir. Então a primeira coisa que vamos fazer é colocar essas marcas de seleção para aparecer no próximo quadro, assim como ela está realmente selecionando-os para que pudéssemos entrar e selecionar estes, assim como ela está realmente selecionando-os para que pudéssemos entrar e selecionar estes, e não queremos que ele apenas apareça dentro e fora. Poderíamos fazer isso facilmente. Bem, na verdade, para escalar um pouco, então vamos diminuir o tamanho da capacidade de desligar e então desta vez em nosso protótipo, foi bom neste e mais seleto inimigo automático. Acredito que ele está fora 0,3. Está tudo bem. Vamos jogar. Ok, isso é bastante sutil, mas é um bom primeiro passo. Acho que a próxima coisa que podemos fazer aqui é fazer essas roupas mudarem de cor também, então podemos entrar e selecionar talvez um monte de vetores aqui. O que eu gosto de fazer é fazer duas seleções, então selecione tudo aqui primeiro e depois volte para baixo. E assim temos o que queremos animar. Selecionado que será Dio. - É o quê? Largue a passagem A. Vamos deixar tudo na cidade, na verdade, na verdade, e então vamos fazer a mesma coisa aqui vai entrar, pegar todos os elementos, a camisa que pegamos, algo que é verdade. Vamos tentar mais uma vez. Volte através do início deles e nós só temos essa camisa e você o mesmo para esta saia inferior que ela selecionou. É um pouco chato fazer isso dessa maneira, mas ainda é muito rápido quando se trata de ser capaz de animar áudio esses storyboards. Ele realmente acrescenta, no nível de qualidade, fazê-lo desta forma, então vamos clicar. Então fazemos isso aparecer. Então há os itens que ela selecionou. Sem classe isso. Então, digamos o próximo quadro disso. Queremos que esta loja desapareça porque ela está recebendo uma confirmação no nosso telefone. Então, o que podemos fazer é reduzir isso, ter certeza de que todos esses elementos foram selecionados. Claro, esqueci-me de alguns, porque há tantos , um , vamos ver, então o que vamos fazer é reduzir isto, desligar a capacidade, e depois protegeremos até aqui, Toque em nosso inimigo. Isso é bom. Veja como isso parece, e então queremos que apareça em seu lugar para fazermos outra cópia e colar deste quadro de arte. Mas este aqui em cima, bem, realmente selecionar todos esses elementos do telefone novamente. Estamos tendo um pouco de distorção de novo, mas por causa da principal automatizada, está tudo bem. Também estamos recebendo um pouco desta planta. É um bom plano, mas vamos nos livrar dele. Então o que nós vamos fazer aqui é que nós vamos realmente apenas ir tempo para isso e, em seguida, a maioria naquele tempo 20 e não vai fazer nenhuma duração de zero também. Então, vai passar imediatamente para a tela. E a coisa é, você não deveria realmente notar isso. Então, uma vez que nós fazemos, que foi como este nascem bons um tempo auto inimigo. E então vamos fazer isso em 0,3, assim como as outras telas. Então o que isso deve nos dar que desapareceria e então são encontrados aparece em seu lugar. Então vamos vê-lo de cima novamente. Elementos da sarjeta chegando, eles desaparecem. Ela recebe a confirmação e você percebe que o texto da mudança de tecnologia muda para o qual é bom. Então vamos trabalhar no próximo quadro do nosso storyboard, que é o drone chegando. E se você pode imaginar, nós definitivamente vamos fazer este drone voar porque isso é incrível. Então veja, isso seria uma mudança completamente diferente de storyboard, então nós não vamos tê-la dentro, e nós teremos um passado diferente. Então não há necessidade de fazer nada louco. Agora vamos distrair isso. Bem, na verdade, só você supera e então a transição aqui está tudo bem só porque não estamos animando nada de lá para aqui. Mas temos a nossa lágrima do grupo de drones. Então, o que realmente vai dificar esta cópia e colar esta placa de arte sobre, em seguida, desungraçou isso e uva este drone novamente? Então nós temos apenas o afogamento lá e uma nota rápida porque eu unde agrupado e, em seguida, reagrupar aqui. É realmente diferente? Este é realmente um nome de grupo diferente. Então este é verde 14. E então, se eu voltar aqui, este é o grupo 15, então ele não vai realmente animar automaticamente entre estes. Então o que eu vou ter que fazer é simplesmente apagar isso novamente e depois copiar e colar sobre. Isso é uma coisa muito fácil de esquecer, especialmente quando você percebe que temos centenas e centenas de caminhos e você pode definitivamente ter um monte de grupos animando desta forma. Então, é apenas uma boa prática para ter certeza que é a mesma coisa em cada um dos nossos quadros. Então nós vamos realmente fazer esta sala voar para dentro, então nós vamos escalá-lo para baixo, desligar a capacidade, e nós vamos protótipo arrastar isso sobre animado Hum, ele está fora. Tudo bem aqui, então vamos tocar isso. Na verdade, foi um pouco rápido demais. Amazon fez um bom trabalho lá, então vamos ter que voltar e vamos Dio, vamos tentar o segundo para ver como isso funciona. Isso funciona para mim. Você poderia entrar e brincar com algumas das atenuações e ver o que parece melhor. Tentaremos a temporada e agora aqui. Certo, acho que vai ser bom para o que precisamos. E depois copiamos e colamos isto mais uma vez. E o que queremos é que o drone pegue o pacote e voe de volta com ele. E vamos escalar um pouco porque ele está mais longe na distância. Vamos desligar a capacidade de novo. Nosso inimigo está dentro e está tudo bem. Então vamos ver como isso parece. E vamos tirar tudo do topo, só para ter certeza de que tudo está conectado corretamente e eles conseguiriam. Tudo parece bem até agora. Então a próxima coisa em que podemos trabalhar é conseguir que o drone voe pela cidade 4. Animando o Storyboard II e Exportação: Ok, então para o nosso próximo passo, enfraquecer dio nosso pacote sendo entregue. Na verdade, vou pegar isso e começar no próximo trilho. Então ainda temos o mesmo afogamento aqui. E o que podemos fazer é fazê-lo atravessar a linha do horizonte, na verdade. O que? Vou ver, se podemos apagar este, deixar este pacote e depois copiá-lo e colá-lo do último blindado. Apenas um pouco mais fácil de agarrá-lo nesta primavera, isso é o que Copiar e enfrentar este tipo e colocá-lo aqui, e nós realmente vamos fazê-lo atravessar todo o caminho através da tela. Agora, na verdade, não vamos ser auto animando entre estes dois são placas. Só vamos fazer uma transição. E a razão pela qual se importa porque copiei e colei este mesmo tambor. Ele gostaria de animar automaticamente a partir deste drone invisível que temos aqui. Então, apenas uma nota rápida de que isso deve ser uma transição lá. Leia sobre. Ok. Vamos ter um começo afogado deste lado, depois copiamos e colamos isto a bordo, e depois queremo-lo. Ele vai andar muito rápido. Vai dar-lhe um pouco de inclinação e ele vai voar até aqui. É mais apertado. Nenhum inimigo. E ele está voando muito longe. Então vamos fazer um segundo e meio aqui. Sem deveres e anunciar. Veja como isso parece. Incrível. Parece muito bom. Funcionou muito bem na primeira faixa. Este livro estava fora da pré-visualização. E, em seguida, a próxima coisa que podemos dio este protótipo nosso pacote de entrega. Então era assim que queríamos acabar. Então vou fazer esta cópia, colar isto e arrastar-nos até aqui. Então queremos nos afogar para entrar de cima à direita de novo. Ele está ficando mais longe, vai fazer um pouco menor, desligar a capacidade, e nós vamos nos conectar. Estes dois são quadros novamente, não usando auto animate. Só para que não tenhamos nenhuma ação de afogamento acontecendo aqui. Mas a primeira coisa que queremos é que a notificação por telefone apareça. Então nós vamos reduzir isso, e então vamos rastrear essa placa dura de volta. Só vou fazer outra cópia desta. Na verdade, vou apagar este afogado desta cópia do quadro de arte do meio e colar que se afogou antes para este. Em seguida, vamos animar automaticamente isso para chegar a encontrar o pop-up porque ela recebe uma notificação antes de receber. Ok, isso foi comicamente slough. Então nós vamos didio é apenas isso para provavelmente ser 0.3 novamente. E nós só queríamos usar para fora. Vamos ver isso mais uma vez. Certo, então ela recebe a notificação, e então queremos que nosso drone voe. Tão apertado, este último em nosso íntimo E já que ele está voando vai fazer um segundo ano, mas também para usar e e fora para você que e eles são os afogados entrega o pacote, e vamos adicionar mais um slide extra apenas para compartilhar o Alemão voando para longe. Mas seria incrível se ela tivesse um afogado grátis com cada pacote. Então vamos pegar esse cara e vamos fazê-los voar do mesmo jeito que você entrou. Vamos reduzir um pouco, desligar a capacidade no protótipo entre os dois na arena. Mayhew está fora. Quando segundos finos grandiosos entram, ele sai e quem foi feito. Então a identificação do pacote foi enviada e o pacote foi entregue. Então, para fora daqui, não maximizar vai fechá-lo. Então vamos vê-lo novamente do início. Então ela ainda é X produtos online. Obtém uma compra confirmada. O pacote está sendo processado. O pacote é entregue. É uma notificação. Ele está sendo deixado fora útil Folhas disse. Lá vamos nós. É isso para o nosso storyboard. E assim algumas opções para compartilhar este. Você sempre pode ir para cada quadro uma exportação, e você começa a escolher quais escolher como você vai exportar na Web P e G I. Weston Android O que eu gosto. Você errou? O tempo é realmente compartilhar com um link da Web em assim compartilhar para revisão. Você pode ir. Vamos chamá-lo de storyboard Amazon. Bem, isso é bom. Ótima ligação. Os homens vão rápido para ver este link, e assim você realmente chegar aqui é a opção. Basta compartilhar um protótipo da Web do seu quadro de história, o que é realmente útil também. Apenas uma maneira super fácil de compartilhar isso e também obter as pessoas a chance de olhar para ele com todas as animações, porque isso aparece no navegador da Web também. Então essa é uma maneira de compartilhar. E se você precisar colocar esse tipo de coisa em uma apresentação, você sempre pode ir em tela cheia e, em seguida, apenas gravar a tela. E, em seguida, através de um vídeo na apresentação, há algumas opções diferentes. Geralmente há inclinar-se para compartilhar o protótipo da Web. É super fácil enviar um link em torno desse tipo de diversão para que ele possa passar em organizações e outras coisas. Mas isso praticamente termina para este tutorial. Por favor, deixe quaisquer comentários se vocês tiverem algum feedback e obrigado.