Existem várias maneiras de iniciar uma apresentação, mas o Figma é um aplicativo subestimado. O recurso de prototipagem no Figma permite muitas opções de transição personalizáveis. Você não apenas impressionará seu público com as transições que oferece, mas também poderá incorporar plug-ins para obter mais entusiasmo e manter seu público envolvido, fazendo com que você se sinta confiante em suas habilidades.
O Figma é um dos aplicativos modernos mais famosos e poderosos que são usados para criar designs e compartilhá-los com a equipe, onde você pode aproveitar as muitas opções que ele oferece para criar belas apresentações. Verificar Melhores alternativas ao Apresentações Google para várias necessidades.
Mostraremos como iniciar uma ótima apresentação com o Figma; Basta seguir este guia.
Links Rápidos
1. Prepare o primeiro quadro de apresentação
Abrir Figma e clique em Novo arquivo de design. Clique na Ferramenta Frame (F) para desenhar seu quadro ou para escolher um quadro criado anteriormente à direita com Apresentação -> Slide 16:9. Você pode criar um formulário mestre para economizar tempo.
Renomeie o quadro clicando duas vezes no título azul no canto superior esquerdo. Então você pode definir a cor de fundo; No entanto, você sempre pode alterá-lo mais tarde, destacando todos os quadros e alterando a cor de preenchimento.
2. Adicione o texto do título
Use a Ferramenta Texto (T) e digite seu endereço. Use caixas de texto separadas para inserir linhas separadas, com apenas uma ou duas palavras por linha. Defina as preferências de texto no menu Texto à direita. O Figma usa o Google Fonts, então você pode querer saber Melhores binários do Google Fonts.
3. Adicione uma foto
Você pode usar uma foto armazenada ou tirar sua própria foto relevante. Para adicionar uma imagem, desenhe um retângulo usando a Ferramenta Rectangle (R). Sua foto será adicionada de acordo com este formato.
Clique no retângulo e vá em Fill e clique no quadrado colorido. Então clique Sólido -> Imagem -> Escolher Imagem. Encontre sua foto e clique فتح. Quando você passar o mouse sobre a imagem, 4 círculos brancos serão revelados. Clique e arraste um círculo para dentro para girar os cantos da imagem.
Organize suas camadas de modo que a imagem fique na parte de trás e o texto na camada superior. Você pode arrastar camadas para o painel Camadas ou com Cmd/Ctrl + [ Para enviar uma camada de volta ou Cmd/Ctrl+] Para exibir a camada na frente.
4. Crie a primeira transição
A primeira transição abrirá a imagem e permitirá que o texto do título deslize para dentro do quadro. Primeiro, duplique o primeiro quadro selecionando-o e pressionando Cmd/Ctrl+D para duplicá-lo.
No quadro esquerdo, reduza o tamanho da imagem reduzindo os atributos de altura na caixa H para cerca de 150, deixando uma fenda horizontal para a imagem. Centralize-os selecionando ambas as imagens nos quadros e clicando Opção + V (Mac) ou Alt+V (Janelas).
Para concluir a transição da imagem, selecione a imagem à esquerda. Em seguida, altere a opacidade para 0% no menu à direita na caixa ao lado de atravessar Dentro de classe. Isso tornará a imagem invisível antes de se mover e abrir.
Clique na primeira caixa de texto e mantenha pressionada a tecla . Shift. Comece a arrastar, mantenha pressionada a barra de espaço e continue arrastando o texto para fora do quadro. Parece desaparecer uma vez fora do quadro. Sem a barra de espaço, essa transição não funcionará, mas se você pressionar a barra de espaço antes de arrastar, ela apenas moverá seu quadro.
Faça isso novamente para a segunda ou as caixas de texto subsequentes, mas arraste-as levemente para a esquerda para adicionar alguma variedade à transição. Com o texto ainda selecionado, diminua a opacidade da camada para 0% da mesma forma que você fez anteriormente para a imagem.
Para definir a transição, vá para Protótipo. Selecione o quadro esquerdo e clique no círculo azul que aparece no meio do lado direito do quadro. Arraste-o para que a linha vá para o segundo quadro.
No menu suspenso que diz Pesquisa instantânea, selecione Animação inteligente. Em seguida, altere a caixa com o temporizador para 1000 milissegundos. Isso definirá sua transição para levar um segundo de um clique do mouse. Outras configurações devem ser definidas por padrão. Certifique-se de não renomear os títulos dos quadros após definir a transição, caso contrário os arquivos não serão conectados.
Clique no botão Reproduzir para testar sua transição. Consulte Design para continuar projetando sua apresentação.
5. Adicione mais slides
Para ir do slide 1 para o slide 2, duplique o slide mais à direita (Cmd/Ctrl + D). Na nova janela — Slide 2 — mova as caixas de texto para fora do quadro usando a técnica anterior (Shift + arrastar Em seguida, barra de espaço depois de começar a arrastar). Mova uma das caixas de texto para a esquerda e a outra para a direita do quadro. Defina a Opacidade para 0% para ambos.
Para a imagem, reduza-a e mova-a ligeiramente para fora do centro, depois defina a Opacidade para 0%. Isso lhe dá, efetivamente, uma tela em branco para o seu segundo slide. Você pode adicionar conteúdo sobre ativos invisíveis do slide anterior.
Adicione uma foto grande ao centro do quadro. Para adicionar alguns enfeites em cima de sua foto, use Plug-in para Figma Para GIFs ou download Adesivo GIF do Giphy e arraste-o para cima da imagem. Selecione sua imagem principal e quaisquer GIFs e agrupe-os (Cmd/Ctrl+G), isso garante que a animação inteligente funcione corretamente.
Selecione o grupo e copie-o (Cmd/Ctrl+C). Em seguida, cole-o na moldura do Slide 1 (Cmd/Ctrl + V). Reduza seu tamanho e defina a Opacidade para 0%. Em seguida, mova esta camada para trás (Cmd/Ctrl + [). Isso garante uma transição suave para o próximo slide.
Vá para o protótipo. Selecione o slide 2 e clique no círculo azul para arrastá-lo para o slide 3. O padrão para o Figma no menu Prototype é usar as configurações anteriores, portanto, todas devem ser definidas de acordo com a transição anterior. Volte para o desenho.
Repita o último slide (Cmd/Ctrl+D). Este slide usará a mesma imagem que o anterior, mas vamos dimensioná-lo para um lado do quadro. Mova a imagem para a esquerda do quadro arrastando-a enquanto pressiona a tecla . Shift. Passe o mouse sobre a borda direita da imagem até que as setas opostas apareçam, clique e arraste a borda direita da imagem para a esquerda até ficar satisfeito.
Vá para o protótipo e cole os dois quadros juntos. Em seguida, volte para o desenho. Verificar Melhores recursos de animação que todos os criadores devem usar.
Adicione um título e um corpo de texto à direita da imagem redimensionada e agrupe-os. Copie e cole o grupo de texto no slide anterior. Clique e arraste o grupo de texto à direita do quadro como antes.
6. Adicionar formulário de maquete
Para criar uma maquete; Veja nosso guia sobre Criar maquetes Usando plugins no Figma. Adicione um novo quadro e cole o Formulário de Mockup nele. Redimensione o formulário para caber no quadro.
Copie e cole o modelo na janela anterior. Redimensione-o para caber na parte da imagem, mova-o para a parte de trás das camadas e defina a opacidade para 0%. Você pode vincular quadros no protótipo.
7. Adicione rótulos
Duplique o quadro do formulário. Adicione um título e uma descrição para explicar partes da maquete. Agrupe o texto e dê-lhe um nome. Em seguida, você pode criar um ponteiro de vidro para marcadores e linhas. Alinhe uma linha com um círculo. Alinhe o ponteiro com o que ele descreve e adicione a descrição ao lado dele. Você pode vincular quadros no protótipo.
Duplique o quadro e adicione outro ponteiro com o que ele descreve. Você tem que prender os quadros no protótipo novamente. Itere sobre cada quadro para cada bitmap, para que cada bitmap viaje por conta própria.
8. Finalize a apresentação
Repita para o último slide. Escreva uma ou duas últimas palavras e centralize-as. Copie e cole o texto no slide anterior.
Reduza o tamanho do texto pressionando K Ao redimensionar — isso preserva a formatação do texto enquanto é reduzido. Coloque o texto em algum lugar próximo ao topo do formulário e envie a camada para trás, abaixo da imagem. Defina a opacidade para 0%. Volte para o seu último slide.
Mova todos os outros objetos para fora do quadro usando o método de arrastar. Mover moverá tudo para os lados e para cima, enquanto o texto se moverá para baixo e se expandirá. Você precisa vincular os slides no protótipo.
9. Compartilhe sua apresentação
Você pode acessar sua apresentação em qualquer lugar em que possa fazer login na sua conta Figma ou compartilhar a URL com outras pessoas, para que possam assistir de qualquer lugar. Para entregar sua apresentação final com suas transições, clique no botão Reproduzir e inicie a apresentação no modo de tela cheia.
Você também pode salvar quadros como arquivos PDF, embora perca transições animadas ao fazer isso. Verificar Melhores aplicativos para reuniões assíncronas de vídeo ou áudio.
Eleve suas apresentações com o Figma
Não só esta apresentação é mínima, o que não vai confundir o seu público, mas as transições são profissionais e limpas. Não é preciso ser um especialista em UI/UX para usar o Figma de uma maneira que beneficie suas apresentações, independentemente de sua função. Apresente seu pitch com confiança e você ficará sobrecarregado com perguntas sobre como fazer seu pitch se destacar. Agora você pode visualizar Os melhores recursos do Prezi para criar apresentações com valor agregado.
