Como criar animações para o YouTube com o Keynote.

1. Introdução: Bem-vindo a este curso de animação com o Apple Keynote. Meu nome é Martin e trabalho como produtor de mídia, tanto para grandes empresas quanto para pequenas agências ao longo dos anos. Sempre que eu criava animações, eu usava ferramentas como o Adobe aftereffects e o Apple Motion. Nos últimos meses, passei a gostar de trabalhar com o Apple Keynote para o meu trabalho de animação, Adobe After Effects é uma curva de aprendizagem muito íngreme. Portanto, se você não é um artista profissional de animações em tempo integral, mas quiser tornar seu conteúdo mais envolvente e parecer mais profissional do que o Apple Keynote pode ser a ferramenta perfeita para você também. Neste curso, criaremos vários tipos diferentes de animações que você pode usar para apimentar seu conteúdo. Começará este curso com uma introdução à animação no keynote. Fará isso com um exemplo simples que lhe ensinará o básico. Em seguida, aplicamos essas novas habilidades para algumas animações do mundo real. Vai fazer sequências de introdução, vai trabalhar com tipografia e vai criar ativos que você pode usar para mídias sociais. E então vamos concluir tudo com uma olhada em como você pode exportar suas animações diretamente para uma plataforma na web, como YouTube ou Facebook, ou usar suas animações em seu software de edição de vídeo. Seja Final Cut Pro, iMovie, Adobe Premiere Pro ou outros. Ao final deste curso, você terá as habilidades para criar uma variedade de animações que você pode usar para tornar seus vídeos ou apresentações mais interessantes. 2. O projeto do curso: Vamos falar sobre o projeto do curso por um momento. A ideia deste curso é criar animações no Keynote para melhorar um projeto existente, seja um vídeo ou uma apresentação, você já pode ter um projeto ou você deseja criar um. No que diz respeito ao vídeo, este pode ser um blog de comida e registro de viagem ou vlog diário, apresentação de negócios, uma revisão de produto, ou um novo show. Todas essas coisas podem se beneficiar da adição de conteúdo animado a eles. Por exemplo, este é um projeto do iMovie. Veja aqui as imagens de um vídeo de viagem. Agora a questão é, como isso pode ser melhorado adicionando animação? E há basicamente duas maneiras de abordar isso. O primeiro é muito estratégico. É onde eu olho para a linha do tempo do projeto e, em seguida, pergunto, Onde as animações poderiam tornar isso melhor para o espectador? Por exemplo, que tal uma sequência de introdução animada , como a animação de selo que estamos falando neste curso? Ou eu quero mostrar minhas mídias sociais e segue? Eu também poderia olhar para as diferentes seções do vídeo e, em seguida, perguntar, fazer i1 títulos de seção animado ou o que ele ajudou o espectador se eu criei um índice no início, que eles possam saltar para uma determinada seção imediatamente. Agora, o que eu vou fazer com mais frequência, para ser honesto, é assistir todo o corte de rock do vídeo primeiro e , em seguida, tentar entender qual parte iria se beneficiar de conteúdo animado. Às vezes você tem seções onde há muita conversa acontecendo, mas muito pouco está acontecendo visualmente. E isso obviamente poderia se beneficiar de animações. Por exemplo, neste curso, há um vídeo que explica a exportação de palestras para o processo de vídeo. No centro deste processo está o diálogo de exportação. Agora, se eu quiser falar por dez minutos e tudo o que os espectadores viram durante todo este tempo foi este diálogo. Provavelmente não gostariam muito. Então, espero que isso lhe dê algumas idéias sobre como você pode planejar onde adicionar animações ao seu vídeo ou suas apresentações. E, a propósito, se você procurar imagens para usar em seu projeto de curso, você pode conferir pixels.com e unspliced.com. Você vai encontrar um monte de conteúdo de vídeo e fotos lá que pode ser usado gratuitamente a maior parte do tempo, mesmo sem ter que mencionar o autor. E aqui vai uma última dica. Você sempre pode baixar os arquivos de keynote fornecidos neste curso e usar qualquer animação que esteja lá e alterar o texto, talvez mudou as cores, substituir algumas formas, substituir algumas fotos. Mas quando você faz isso, você pode ir muito rápido. Então desejo-lhe muita diversão com ele, e estou feliz em ver o que você vai criar. 3. Introdução à animação keynote 1: Primeiro, quero mostrar como personalizar o keynote para que você possa trabalhar um pouco mais rápido com animações complexas. Fazemos isso clicando com o botão direito do mouse na barra de ferramentas e selecionando personalizar barra de ferramentas. Agora podemos arrastar botões para fora da barra de ferramentas para removê-los de lá. Farei isso com nosso botão comum e o botão Colaborar. Em seguida, eu arrasto alguns itens para a barra de ferramentas. Número um é a lista de objetos, um dos segredos mais bem guardados da palestra indispensável para a criação de animações complexas. O mesmo vale para os quatro botões relacionados a objetos em movimento atrás ou na frente de outros objetos. Além disso, eu vou trazer o botão alfa instantâneo para a barra de ferramentas. Não é algo que eu uso com muita frequência, mas é parte de um dos fluxos de trabalho de sonda que vou mostrar-lhe mais tarde no curso. E, finalmente, gostaria de ter o botão para mostrar ou ocultar guias. Ok, nós já terminamos com a configuração. Agora vamos dar uma olhada rápida nos diferentes tipos de mídia com os quais podemos trabalhar no Keynote. Vamos começar com um vai trabalhar com a maioria das formas. Ao clicar neste ícone, você obtém uma grande variedade de formas diferentes que vêm com o Keynote. E a Apple acaba de adicionar um grande número de novos em sua atualização de 20 a 20 de setembro. No topo, você encontrará os básicos como retângulos e círculos, setas e assim por diante. Esses são os que uso o tempo todo. Nas outras categorias temos as formas mais complexas. O que é bom sobre eles é que você pode facilmente mudar sua aparência, como cor, borda e sua forma. Ao clicar com o botão direito do mouse em uma forma e selecionar tornar editável, você terá acesso a seus pontos de curva. Você também pode aplicar operações de forma mais complexas que você conhecerá em programas como o Adobe Illustrator. E podemos separá-los. Dessa forma. Podemos animar todos os elementos individuais que compõem a forma. Podemos alterar tamanhos, rotação e movê-los, mudar de cores e, em seguida, animar tudo isso. Por último, mas não menos importante, formas podem ser usadas para mascarar imagens. Mas o melhor é que todas essas operações são muito fáceis de fazer. Você encontra um arquivo de keynote de exemplo para download na área de recursos. Em seguida, na barra de ferramentas, temos tabelas, gráficos e texto. Por enquanto, quero chamar sua atenção para o botão de mídia. Aqui encontramos mais algumas opções. A primeira é a foto, que permite selecionar imagens do app de fotos do Mac. Em seguida, há um recurso de galeria de imagens simples apenas útil para dar apresentações de vida. Na minha opinião, temos filmes que eu nunca uso porque enquanto keynote é uma ferramenta poderosa para fazer animações e exportá-las para vídeo. Não é a ferramenta escolhida para editar vídeos existentes. E já que vou terminar meus filmes em um editor de vídeo dedicado como o iMovie Final Cut Pro, Premier Pro. De qualquer forma, faz mais sentido adicionar qualquer vídeo adicional nessas ferramentas. Então nós temos vídeo choro, que é interessante para quando você está dando uma apresentação, porque você pode incorporar vídeos do YouTube em sua apresentação de slides para que eles sejam reproduzidos mesmo que você vá de um slide para o outro. Mas, novamente, nada que precisamos para os fins deste curso, o que nos leva às capacidades de áudio. Assim, podemos importar arquivos de áudio, que são então representados por esses ícones. Isso pode ser útil se você quiser sincronizar e efeito de áudio com algo que está acontecendo em sua animação. E por essa razão vamos trabalhar com um exemplo em apenas um momento. Mas praticamente assim como com vídeos, são geralmente preferem adicionar áudio no meu software de vídeo, porque eu tenho mais opções. Eles são agora geralmente você pode sempre arrastar objetos das janelas do localizador diretamente para um slide. Mas também podemos importar arquivos PDF dessa forma. Ou arquivos do Adobe Illustrator, que nos dá a opção de importar formas vetoriais, que podem ser redimensionadas da maneira que quisermos sem perder qualidade. Recapitulando, você pode importar vídeo, mas eu não faço isso. Você pode importar áudio, o que eu geralmente não faço porque ambos são melhor manipulados em ferramentas de edição de vídeo. Você pode importar imagens e importar formas vetoriais, seja na forma de arquivos PDF ou Illustrator, ou simplesmente copiando-as de dentro da ferramenta de desenho vetorial. E, em seguida, colá-los no Keynote. 4. Introdução à animação keynote 2: Vamos seguir em frente com os conceitos básicos da animação. A animação no Keynote é organizada em quatro etapas. Deixe-me mostrar-lhe o que quero dizer com isso. Vamos primeiro trazer algo que possa ser animado. Vou ao menu Formas e procuro uma pessoa. Vamos escolher esse cara aqui e redimensioná-los. Agora, quando eu selecioná-lo e ir para a guia de animação no ataque, eu vejo três subtipos construídos em ação e construir. A forma como isto funciona é bem simples. Usamos as animações embutidas quando queremos animar um elemento de não visível para visível. Por exemplo, se eu atribui uma animação de derrapagem a esse cara, ele virá de fora do slide. Não consigo definir se isso acontece da esquerda ou da direita. E eu posso definir a duração da animação e, em seguida, visualizar o resultado. Vamos passar para a segunda sub-guia chamada ação. Os efeitos nesta categoria animarão um objeto que já está visível no slide. Então, por exemplo, eu posso fazer esse cara saltar para cima e para baixo algumas vezes se eu quiser. A terceira categoria é rotulado construir para fora e é o oposto direto às animações embutidas. Com os efeitos aqui, podemos remover objetos do slide, por exemplo, desfocando-os ou dissolvendo-os. By the way, quanto mais abaixo você vai nesta lista, mais louco, as animações tendem a ser, particularmente na última seção aqui rotulados efeitos especiais. Por enquanto, vamos usar a animação suave para fazê-lo parecer um super-herói. Certo, vamos repetir isso bem rápido. Vou ao menu Formas mais uma vez e trago essa forma. Vamos dar-lhe uma animação integrada. Eu vou com a simples jogada em vigor. Então eu vou para a guia de ação e dou a ela o movimento de fato. E finalmente, quero que ela olhe como se voasse para o céu junto com ele. Então ela tem um efeito de swoosh também. Então agora é hora de dar uma olhada no que é provavelmente o painel mais importante e q nada para animadores, o painel de ordem de construção. O que temos aqui é cada animação que criamos até agora. Por padrão, todos eles são iniciados por clique do mouse ou uma tecla pressionada quando o keynote está sendo executado no modo de apresentação. Agora, já que estamos exportando esses dois vídeos mais tarde, keynote irá reproduzir todas essas animações uma após a outra com um certo atraso entre elas. E podemos estabelecer esse atraso no diálogo de exportação. Vamos dar uma olhada nisso mais tarde. Mas quando se trata de propósitos de contar histórias, queremos um controle mais refinado, que encontramos no painel de ordem de construção. Então vamos criar uma história. Digamos que a mulher vem em primeiro lugar. Então a arrastamos para o topo do painel. Então o correio chega na posição dois, mas queremos que ele apareça logo depois dela. Então, definimos o parâmetro estrela para depois da compilação um, que é ela, e definimos o atraso como 0. Em seguida, queremos que ele faça o salto para cima e para baixo 2.5º depois. E então queremos que ela mostre seu apreço por sua excitação sacudindo, que é logo após a construção três. E então queremos que eles decolem para o céu juntos. Portanto, nós dissemos isso whoosh Para começar depois de 0.30. Começá-la amassada junto com ele. E vamos dar uma olhada na animação completa pressionando o botão Preview. Se quisermos torná-lo um pouco mais realista, podemos adicionar um pequeno atraso entre os efeitos que estão programados para acontecer ao mesmo tempo. Então eu disse que a estrela dela atrasou 0,2 segundos. E vamos dar outra olhada. Eu acho que isso parece um pouco mais orgânico porque na natureza as coisas realmente começam a acontecer exatamente ao mesmo tempo. Agora, antes eu disse que há quatro estágios de animação e palestra. Usamos agora os três primeiros, construídos em ação e construídos. O quarto é quatro transições que acontecem entre slides quando passamos de um para o outro. Para ver o que podemos fazer, primeiro precisamos criar outro slide. Então eu vou adicionar ligeiro e escolher um em branco. Então eu volto para o primeiro slide e certifique-se de que nenhum objeto em si está selecionado, porque só então a guia de animações me mostrará as transições para slides. Aqui você encontrará seus candidatos típicos para apresentações de slides. Mas há basicamente apenas um que é interessante para criar animações para vídeo. E essa é a jogada mágica rotulada. Se você já trabalhou com software de animação antes, provavelmente está familiarizado com o conceito de quadros-chave. Você pode pensar na animação Magic Move como uma animação entre dois quadros-chave, onde o primeiro está no slide do segundo está no slide a seguir. Mas não importa, mesmo que você não esteja familiarizado com quadros-chave, você verá que o movimento mágico é muito poderoso, mas muito fácil de usar. Então, a fim de ter movimento mágico, animar qualquer coisa para nós, precisamos ter pelo menos um elemento que existe em ambos os slides. E já que estamos deixando nossos dois personagens principais voarem antes mesmo da transição acontecer, teremos que trazer outro elemento para isso, eu preparei esta imagem aqui. Se você quiser acompanhar, você pode simplesmente usar qualquer imagem ou forma. Agora digamos que esta é uma foto que eles penduraram na parede. Então queremos dar uma bela moldura só porque não podemos. Então eu seleciono a imagem e vou para Formatar e, em seguida, para a borda, onde eu seleciono o quadro de imagem. E escolhi o que mais gosto. Agora isso parece bom. Para animar a imagem com a animação Magic Move, preciso ter certeza de que ela está disponível em ambos os slides. Então eu copiei. Vá para o próximo slide e colado. Se eu agora visualizar a transição, eu não recebo nada porque a imagem parece exatamente a mesma em ambos os slides. O que o MOOC mágico fará é animar tudo o que é diferente entre um slide e o próximo. Então eu movi a imagem para outra posição, fazer uma animação maior e agora parece com isso. Como eu disse antes, você pode animar a posição e o tamanho de um objeto. E se for uma forma de palestra, você também pode animar sua cor. Agora, há uma última coisa que eu disse que ia mostrar a vocês, e que é como sincronizar um efeito sonoro com uma animação existente. Por exemplo, poderíamos dar um pouco mais de turnê de vida um casal aqui, eu criei uma coleção de sons que se encaixam bem em seus movimentos. Então eu arrasto um som para o slide, que é então representado pelo alto-falante. E posso configurar suas propriedades e as opções de formatação. Como mudar o volume, cremar e definir se eu queria continuar reproduzindo em slides. Para que isso funcione embora o som precise ser colocado em todos os slides. Caso contrário, ele começará a jogar após a transição. Agora, para sincronizá-lo com quaisquer animações existentes, vou ao painel de ordem de construção mais uma vez. E aí está o meu som. Eu posso simplesmente arrastá-lo antes ou depois de qualquer uma dessas animações. A única coisa que é diferente com sons em comparação com outros tipos de animação é que qualquer coisa que vem depois de um som começará a ser reproduzida imediatamente assim que o som começar a tocar. Portanto, a duração de um som não é levada em consideração. Vamos ver como isso se parece. Como você pode ver, é muito fácil de fazer apenas por diversão. Deixe-me adicionar todos os sons que tenho e ver onde podemos ir com ele. Oh, eu sinto muito. Acho que me entusiasmei, assim, a música. De qualquer forma, como sempre neste curso, você encontrará o exemplo completo no arquivo de keynote que você pode baixar se quiser ter uma olhada mais de perto. Nos próximos vídeos, aplicaremos nossas novas habilidades de animação a alguns exemplos mais reais. 5. Como animar uma máscara de texto: Se você está familiarizado com a criação de animação básica no Keynote, por exemplo, se você viu o vídeo introdutório neste curso, então você realmente não precisa de um tutorial que mostre como usar as animações de texto padrão simplesmente porque elas são realmente fácil de usar. A questão é um pouco de gosto, o que você gosta? O que eu quero mostrar a vocês aqui neste vídeo é como criar uma das animações fiscais mais icônicas no cinema e TV que não faz parte do cão de palestras, na verdade. E isso é uma máscara tributada em movimento. Começo por criar algum texto. Para este efeito em particular, faz sentido usar uma fonte em negrito que seja ampla o suficiente para permitir que grande parte do plano de fundo, imagem ou vídeo seja exibido. E como neste curso eu estou usando a avenida ou próxima font-family, o estilo mais amplo que vem com isso é pesado. Para tornar o efeito ainda mais forte, posso ir para as opções avançadas de texto e diminuir o espaçamento de caracteres em 4%. Agora que eu tenho o texto, eu crio um fundo colorido simplesmente inserindo uma forma quadrada e estendendo-a para que ele cubra todo o slide. Então eu mudo a cor para esta cor laranja e amarela do pellet tema. Então eu puxei um plano de fundo sob o texto na lista de objetos. Finalmente, eu também torná-lo mais amplo tanto no lado esquerdo quanto no lado direito porque eu preciso de algum espaço de fundo extra para a animação, como veremos em um momento. Agora vem a parte do mascaramento. Eu basicamente quero perfurar o fundo com o texto. Se você estiver familiarizado com aplicativos como o Photoshop, talvez seja possível definir taxado como uma máscara no Keynote, você não pode fazê-lo dessa maneira, pelo menos ainda não. Keynote pode fazer massa, apenas não para texto, mas podemos alcançar o mesmo efeito de outra maneira. Deixa-me mostrar-te como. Seleciono tanto o retângulo, introduzo texto e copio-os para a área de transferência. Em seguida, nosso lançamento, o aplicativo de pré-visualização que vem com todos os Mac, é aquele que normalmente abre automaticamente quando você clica duas vezes em um arquivo de imagem. Agora, para que precisamos de uma pré-visualização? O que ele é uma coisa. Sempre que você copiar texto e formas e o Keynote e colá-los na Pré-visualização, eles serão mesclados automaticamente em uma imagem vetorial. Deixe-me mostrar-lhe a maneira como eu gosto de abrir aplicativos em geral é pressionando Command SpaceBar e, em seguida, digitando o aplicativo lá. Acho que é o caminho mais rápido. E no idioma padrão para você, sistema operacional Mac não é inglês. A abadessa provavelmente não é chamada de pré-visualização, mas qualquer pré-visualização se traduz para um novo idioma. Depois de abrir a pré-visualização, vou para o menu Arquivo e seleciono Novo da área de transferência. E aqui estão eles. Parece exatamente o mesmo que eu tenho no Keynote. Mas como eu disse, é realmente mesclado em uma única imagem. Agora, para usar isso no Keynote, basta copiá-lo aqui e visualizar. Eu não preciso tocá-lo ou fazer qualquer outra coisa. Só estou copiando. Voltar e palestra, crio um novo slide vazio. E agora eu colo a imagem da Pré-visualização. Novamente, isso se parece com o que está no slide anterior, mas na verdade não é. É uma imagem vetorial. E isso nos dá duas vantagens. Número um, não consigo escalar a forma e o texto juntos. Isto é algo que não posso fazer no Keynote. Como você pode ver aqui. Neste tutorial, porém, vou fazer uso da segunda vantagem que as imagens me dão em keynote, e que é uma ferramenta chamada alfa instantânea. Eu o uso primeiro certificando-se de que a imagem está selecionada. E então eu vou para Format Image alfa instantâneo. Se você conhece o Photoshop, provavelmente conhece a ferramenta mágica. alfa instantâneo funciona de forma semelhante. Ele seleciona uma área com base na semelhança de cores. Basta clicar em uma das letras e arrastar o mouse. Quando eu fizer isso, você vai notar um show chamado aparecendo. Isso indica quantas cores adjacentes estão incluídas na seleção. Então são repetidores com todas as letras no meu texto. Termine a operação pressionando o botão feito aqui embaixo. Como você verá, o que isso faz é realmente mais do que o que a ferramenta mágica no Photoshop faz. Ele não só seleciona a área da imagem, como também exclui os pixels nesta área da imagem para que agora o texto seja totalmente transparente, e essa é a minha máscara de texto. Tudo bem, vamos animar isso. Primeiro, eu importe uma imagem de fundo e a arrasto sob a máscara de texto. Agora, para a animação em si, eu tenho duas opções. O efeito de movimento para objetos ou o efeito Movimento Mágico para transições entre slides. Vou escolher o movimento Magic só porque é mais rápido de implementar. Eu defini a duração para seis segundos e desativar a facilidade dentro e facilidade para fora para este porque ele realmente não adicionar nada aqui. Em seguida, movo a massa do texto para o lado direito do slide até que o texto fique fora da área de exibição e o fundo amarelo cubra todo o slide. Em seguida, eu duplico este slide e neste novo slide, eu movo a máscara de texto todo o caminho para a esquerda até que novamente, o texto está fora da área visível. Agora vamos visualizar o resultado. Porque estamos exportando isso para uso posterior em um editor de vídeo. Também podemos deixar de fora a imagem de fundo aqui e adicionar uma imagem de fundo ou um clipe de vídeo de fundo no editor mais tarde. Nesse caso, diríamos keynote que queremos exportar o vídeo com transparência de fundo. Você aprenderá exatamente como fazer isso no vídeo sobre como exportar mais adiante neste curso. 6. Crie uma introdução "Stomp" com música: Neste vídeo, quero mostrar três tipos de animações que podem fazer seus vídeos parecerem mais profissionais e interessantes. E tudo isso tem uma coisa em comum. São tão fáceis de fazer. Demora apenas cinco minutos ou menos para fazê-las. O primeiro é o que se pode chamar de animação de selos. É basicamente apenas uma sequência de slides tocando em sucessão rápida. Velocidade é definitivamente um dos fatores que faz isso funcionar. O outro é como eles são sincronizados com o ritmo da música. E para começar com um novo projeto, vou usar o tema chamado história de recurso. Como sempre, eu não preciso de nenhum dos elementos que vêm com ele, mas eu gosto da paleta de cores que os designers que a Apple forneceu para este tema. Primeiro, crio um novo slide em branco, após o qual posso remover o anterior. Praticamente tudo o que preciso para a minha animação de selo é texto. Então eu clico no botão de texto na barra de menus, que insere um TextField já centralizado no meio do slide. Aumento o tamanho da fonte para cerca de 150, defino o tipo de fonte para pesado e, em seguida, mudei o texto. E, por último, uma mudança a cor de fundo para o slide. E então eu seleciono o slide na coluna do navegador à esquerda. Eu posso então criar algumas duplicatas digitando repetidamente Comando D. Como o tópico do meu vídeo aqui são os cinco distritos de Nova York, eu só preciso de cinco slides no total. Agora, eu vou para a primeira duplicata e mudo o plano de fundo para outra cor da paleta de cores. E eu também mudo o texto. E então repito isso com os slides restantes. Isso já é tudo o que faço em palestra. Eu não vou atribuir nenhum efeito aqui como a animação será basicamente feita no editor de vídeo. Em contraste com todos os outros exemplos neste curso, Vou exportar esses slides é imagens e vídeo NADH, porque as imagens tornam mais fácil para mim organizá-los no editor de vídeo. Vou para Arquivo, Exportar para imagens e seleciono P e G no menu suspenso Formato. No próximo passo, pedem-me um nome. Este será o nome da pasta na qual o keynote armazenará as imagens. Em seguida, passo para o Final Cut Pro. Este é o meu editor de vídeo preferido para este tutorial, mas você pode usar o iMovie ou o Premiere Pro ou qualquer outro editor de vídeo, desde que ele tenha uma exibição de formulário de onda de áudio, arraste os slides da pasta para a linha do tempo. E eu também adiciono um arquivo de música. Vamos ouvir o que parece. A fim de tornar a minha vida mais fácil, eu ir para Final Cut Pro é configuração de exibição e ampliar a forma de onda de áudio porque é isso que eu estaria olhando na próxima etapa. A idéia é encontrar um papel em uma música que tem um downbeat forte e consistente. Como você pode ver, os picos na forma da onda me mostram exatamente quais são os downbeats. Tudo o que eu tenho que fazer é mover as transições entre os slides para que eles se alinhem com esses picos. E é por isso que faz sentido exportar os slides como imagens e não como vídeo, porque você pode esticá-los ou encurtá-los o quanto quiser. Enquanto que com clipes de vídeo, você tem que trabalhar com freeze-frame ou técnicas semelhantes se você quiser esticá-los. Certo, vamos pré-visualizar. Como esses slides só me dão uma seqüência de animação muito curta, eu posso estender isso adicionando imagens e afundando-as da mesma maneira. Você começa a idéia vai voltar para este projeto no capítulo sobre exportação mais tarde. 7. Crie um visual cinematográfico: Neste vídeo, vou mostrar-lhe como criar um efeito de caixa de correio em como animá-lo, boxing é o termo técnico para vídeo que tem barras pretas na parte superior e na parte inferior. Tradicionalmente, isso acontece quando o filme é filmado em um formato mais amplo, então aquele que é exibido mais tarde. Mas a menos que você esteja usando câmeras de cinema de estilo Hollywood muito caras, é improvável que você se depare com a situação. Mas letterbox e também pode ser usado como um efeito porque instantaneamente dá ao seu vídeo um visual cinematográfico. Criei um novo slide e inseri uma imagem de fundo. Em seguida, adiciono dois retângulos a partir deste menu de formas, um na parte superior e outro na parte inferior. Quando eu definir a cor para preto ou já tiver um efeito letterbox acabado. E se isso é tudo o que você quer, você pode parar aqui. Mas como estamos no Keynote, vamos usá-los para criar uma transição animada. Eu amplio ambos os retângulos para que eles se encontrem aproximadamente no meio da tela. Então eu dupliquei este slide e reduzo a altura dos retângulos. Então eles se transformam em minhas barras no topo e no fundo. Para finalizar a animação, tudo o que tenho a fazer é adicionar o efeito Movimento Mágico ao slide anterior e alterar a duração para dois segundos. E é isso. Mas também não temos de parar aqui. O efeito Movimento Mágico também pode animar cores. Então vamos definir a cor do retângulo para laranja no segundo slide. E isso é o que temos. 8. Ideias para animações de tipografia em menos de 5 minutos: Neste vídeo, vamos olhar para outra técnica poderosa de animação de texto que quase não requer trabalho porque usa um dos efeitos pré-construídos que funciona particularmente bem com vídeos. Duplico um dos slides do exemplo anterior. Então eu copio o texto e colo-o algumas vezes e mudo o texto. E quando eu terminar com isso, eu seleciono todos eles. E vá para o menu Organizar e escolha o centro de um objeto de linha. Em uma linha objetos meio. Enquanto ainda está selecionado, Eu atribuo um efeito de animação a tudo isso desta vez é Drift e escala, que parece muito agradável fora da caixa. Mas o que é mais junto com um desvio afetam esses dois são os únicos na palestra onde objetos são animados dentro e fora ao mesmo tempo. E isso o torna especialmente útil para vídeo. Posso deixar assim, mas quero mostrar duas variações interessantes. O primeiro é uma mudança de direção de cima para baixo. A outra é como podemos usar o tempo para criar uma sensação de energia ou urgência. Abri o painel de ordem de construção, selecionei todas as animações, exceto a primeira, e defini a ação inicial como com o anterior construído. Se eu fizer isso agora não faz muito sentido. Mas assim que eu definir o atraso para algo como 2,5 segundos, que é 2,5 menos do que a duração do efeito. Recebo um diário muito interessante. Em. Para acelerar toda a animação, defini a duração de todos os elementos para 1,5 segundos e o atraso para 1,25 segundos. Você entendeu a idéia. Antes de encerrar este capítulo, deixe-me mostrar-lhe outro uso deste efeito com os textos são distribuídos pela tela. Eu redimensiono alguns deles. E também em uma segunda cor para um pouco mais de contraste. Agora que os textos já não se sobrepõem, posso também reduzir o atraso. 9. Anime um terceiro inferior: Aqui está um dos nossos últimos exemplos em uma série de fatos simples, mas poderosa. Este é o efeito de deriva. Como o seu nome indica. Isso é semelhante ao efeito de desvio e escala que estávamos usando, mas anima objetos horizontalmente, que o torna especialmente útil para terços inferiores ou títulos de seção. Duplico este slide para que eu possa mostrar como o efeito fica em cima de uma imagem de fundo. Claro que parecerá muito semelhante em cima de um videoclipe. Eu crio dois textos. Um servirá como título e o outro como subtítulo. Assim como. Agora o truque é atribuir um efeito de deriva a ambos, mas com direções opostas. Este vai da esquerda para a direita em três segundos. E este vai da direita para a esquerda em três segundos. No painel de ordem de construção, eu me certifico de que ambos começam ao mesmo tempo sem atraso. E este é o resultado. Espero que esses exemplos lhe deram algumas inspirações para como você pode usar técnicas simples como estas para dar-lhe vídeo ou olhar mais polido. 10. Anime um botão "Subscrição": Se você publicar vídeos no YouTube, pode ajudar a lembrar seus espectadores a se inscrever e clicar na campainha para que eles sejam notificados sempre que você enviar novos conteúdos. E que melhor maneira há para lembrá-los com algum animado nosso trabalho? É claro que isso pode ser feito com muita facilidade no Keynote. Vamos dar uma olhada em alguns exemplos. Estaremos construindo um deles juntos e você encontrará o outro no arquivo principal na seção de download. Uma vez que você sabe como fazer um, você pode rapidamente descobrir como o outro foi feito simplesmente olhando para o projeto principal. Comecei com uma forma simples de botão do YouTube. O retângulo arredondado funciona perfeitamente para isso. Desde que eu quero fazer este olhar como o verdadeiro botão de assinatura do YouTube, eu vou trapacear um pouco e importar uma captura de tela que me mostra o verdadeiro botão do YouTube. Para combinar com este original, ajusto um raio de canto, a altura e a largura. Isso parece certo. Então eu simplesmente uso o seletor de cores para obter a cor do original. Assim, muito fácil. E acontece que eu sei que a fonte que eles usam são robôs, que não estão pré-instalados no macOS, mas você pode baixá-lo no site do Google Finance. Agora, obviamente você não tem que fazer com que pareça o verdadeiro, como eu estou fazendo aqui. Mas pode ser um bom ponto de partida. Esse é o botão agora no ponteiro da mão. Curiosamente, embora existam tantas formas que vêm com a versão mais recente do keynote, não há ponteiro de mão lá, mãos. E há ponteiros, mas nenhum ponteiro de mão. Então eu criei este no Affinity Designer. Você também o encontra no arquivo keynote. Você pode usá-lo se quiser. A coisa boa sobre a criação deste designer de inifinity ou Adobe Illustrator é que ele é baseado em vetores para que eu possa redimensioná-lo e ele sempre ficará bonito e nítido. Para o evento clique, eu desenhar alguns traços que se afastam em ondas do ponto onde o clique acontece e criar a primeira linha no lugar em um ângulo reto para o dedo. Em seguida, um criar para duplicatas de alinhados, mantendo pressionada a tecla de opção e arrastando para longe dele. Posiciono-os uniformemente ao redor da ponta do dedo. Mantendo pressionada a tecla Command, deixe-me posicioná-los sem encaixar na grade. Com isso, vamos passar para a animação. A idéia aqui é fazer algo que parece um pouco mais realista, a fim de obter uma melhor compreensão do que precisa acontecer quando vamos usar a ajuda de um fluxograma deve esperar. Agora, eu sei que isso é um pouco exagerado para uma simples animação de botão. Então, só por diversão, vamos tentar isso. Este é o fluxograma que mostra as etapas da animação indo de cima para baixo. Vamos colocar isso em perspectiva e trazer o botão aqui do lado direito. A flecha nos mostrará onde estamos. No início da sequência. O botão já está lá. A primeira animação é a aparência do ponteiro mão. Uma vez que a mão está sobre o botão, simulamos o clique. Se você tem experiência com animação de interface de usuário, você sabe que os cliques de botão exigem algo indo para baixo, seja o botão em si ou como no nosso caso, o dedo e descer podem ser simulados por um efeito de escala. É bastante sutil. Lo, dê uma olhada. Quando essa animação de escala é concluída, há duas coisas acontecendo ao mesmo tempo. As linhas entram e a mão vai mendigar. Logo após a metade da linha entrar, eles precisam ser animados. vez, um efeito muito sutil. E agora que o clique em si é feito, o botão muda sua cor e texto, assim como o botão Assinar real no youtube faz. Finalmente, a mão se afasta do botão. Lá vai você. Agora que sabemos a ordem dos eventos, é mais fácil configurar as animações de acordo. Então vamos voltar para a palestra. Eu comecei com o movimento Veda dos efeitos embutidos para o ponteiro da mão, isso poderia vir de qualquer direção, mas do topo parece muito bem. Eu também reduzo a distância de viagem um pouco. Em seguida, passo para a guia de ação e escolho o efeito de escala. Definimos a escala para 85% e a duração para 0,1%. Gostaria que fosse muito sutil. Além disso, ajustei a aceleração apenas como se não abrandássemos conscientemente os dedos antes de tocarmos em alguma coisa. Então eu queria parecer mais uma parada abrupta. Em seguida, seleciono todas as linhas e atribuo esse efeito de desenho a elas. Com uma duração de 0,20 segundos. Eu só tenho que ter certeza para cada uma dessas linhas que a direção é para fora. Se não, posso mudá-lo neste menu suspenso. Agora, eu quero conectar esses efeitos no painel de ordem de construção para que a escala da imagem venha após a movimentação do fader com um pequeno atraso entre eles. E todos os desenhos de linha vêm após a escala sem demora entre eles. Em seguida, vem o efeito botão para cima, que é simplesmente uma reversão da escala que fizemos anteriormente. Então eu o defini de volta para 100% e altero a aceleração para facilitar. E como definimos no fluxograma, isso acontece junto com o desenho das linhas. Depois disso eu faço as linhas desaparecerem definindo que são construídas de fato para desenhar. Defina a duração para 0,10 segundos. E eu me certifico de que a direção seja a mesma de antes. E garanto que todos comecem ao mesmo tempo. Para mudar a cor do botão, eu simplesmente uso o efeito Movimento Mágico porque é a maneira mais rápida de fazê-lo. Duplico este slide e mudo a cor de vermelho para cinza para rotulado de assinatura para assinatura. Claro, eu preciso remover todas as animações do slide anterior e as linhas também, já que agora estão sendo usados neste. Essa é a mudança de cor. A única coisa que resta a fazer é cuidar da mão, que é mais um desvanecimento e mover um fato dos pontos de construção. entanto, você ainda precisa definir a transição do Movimento Mágico, no primeiro slide com uma duração muito curta de 0,20 segundos e um automático com estrela. Todas as animações de objeto estão concluídas. E este é o resultado. Para mim. As animações da interface do usuário realmente não precisam ser mais sofisticadas do que isso. O objetivo não é ter o espectador pensar, uau, que grande animação, mas sim dar algum movimento para o que está acontecendo na tela que parece natural. Agora, enquanto vamos adicionar o tópico de elementos de mídia social, você também pode usar Kino um cartão muito ousado com seus identificadores de mídia social como aqueles que você está vendo aqui. Você os encontra no arquivo keynote para download. Use-os no ponto de partida ou use-os para inspiração. 11. Como exportar suas animações: Neste capítulo, vamos olhar para as opções de exportação. O que eles fazem é transformar palestra em um software de animação profissional, leve em comparação com algumas das outras opções lá fora, mas ainda profissional. Sem mais delongas, vamos direto ao assunto e ver como podemos usá-los. Então, eu vou para o menu Arquivo, exporto para e, em seguida, seleciono filme que abrirá a caixa de diálogo de exportação para filme. E eu gostaria de passar por essas opções com você e dar-lhe recomendações de melhores práticas baseadas na minha própria experiência. Então vamos começar com a primeira opção que é chamada de reprodução. O que você escolheria praticamente todo o tempo como auto reprodução, o outro é gravação de slideshow. O que isso vai fazer é tomar uma gravação de tela e uma gravação de áudio de sua voz enquanto você está dando a apresentação em tempo real. Mas já que não fizemos isso neste curso, vamos ficar com auto jogando. A opção de slides. É aqui que você diz à Keen ou se deseja incluir todos os seus slides no vídeo ou apenas um subconjunto deles. Então temos que ir para o próximo slide depois de cinco segundos e ir para o próximo construído depois de dois segundos. Agora, a ideia por trás desses dois números é que, uma vez que estamos exportando para o filme, não há como interagir com o Keynote e dizer-lhe quando ir para o próximo slide ou quando ir para a próxima animação em um slide. Keynote assumirá esses números padrão que são colocados aqui. E esses padrões são na verdade 52, o que eu acho muito tempo para quando eu editar ainda mais meu vídeo em outro software de vídeo. Então, eu costumo colocá-los em 11 cada. Agora o keynote também nos lembra aqui que os horários se aplicam apenas a eventos de cliques. Agora, se você se lembra quando criamos animações, muitas vezes definimos o parâmetro start para essas animações. Por padrão. Isto é “unclick”. Mas nós mudamos isso para após a transição ou após a compilação anterior ou com o anterior construído. E sempre que você faz essas mudanças, os números que são colocados aqui não têm efeito. E isso leva-nos ao tema da resolução. Agora, nesta lista suspensa, há dois números padrão, 720 P e dez ADP. Eu nunca os uso porque quando você fizer isso, keynote escolherá automaticamente o tipo de compactação e a taxa de quadros para um vídeo. E esses padrões não são necessariamente a melhor opção para o que você pretende fazer. Portanto, sempre me certifico de que recebo todas essas opções adicionais e escolho Personalizado nesta lista. Quando você escolher personalizado no entanto, você tem que inserir a resolução você mesmo aqui. Então, para aqueles de vocês que não estão familiarizados com resoluções de vídeo, vamos cobrir alguns dos conceitos básicos para que você possa realmente tomar uma boa decisão ao escolher um número aqui. Tudo começa com a proporção, que é realmente apenas a proporção da largura do seu vídeo e sua altura. E uma proporção muito popular é de 16 a 9. Você encontraria isso no YouTube, mas também é uma proporção popular no Facebook, Instagram e muitas outras plataformas na web. E então vamos dar uma olhada em algumas das resoluções que são baseadas nessa proporção. Esses números são, na verdade, apenas múltiplos de 16 a 93 dos mais comumente usados hoje em dia são HD, full HD, 4K. Muitas vezes há também são referidos pelo valor para a altura, que para HD 724, full HD como 1080. E se você se lembrar, esses também são os números para os padrões que a palestra lhe dá aqui. Então, a pergunta, qual você escolheria para exportar seu vídeo? E isso realmente depende do que você pretende fazer com ele. Se você está carregando sua animação diretamente para o YouTube, então a melhor recomendação foi provavelmente full HD, porque isso é como o padrão de fato nessa plataforma. Você também pode fazer upload. E para o Kate, o YouTube disponibilizará automaticamente as versões Full HD e HD aos seus utilizadores. Agora a história muda um pouco quando você pretende exportar para edição adicional em outro software. A regra de amortecimento, então, seria exportar nesta mesma resolução que a que você está usando nesse outro software. Então vamos dizer que eu estou trabalhando em um projeto iMovie e a resolução da minha linha no iMovie como full HD porque eu quero exportar e full HD N1 carregado para o YouTube, então faria sentido também exportar a partir de keynote em full HD. Outra opção, porém, é exportar em uma resolução mais alta que aquela com a qual você está trabalhando no iMovie ou no Final Cut Pro, pois isso torna possível aumentar seu conteúdo no editor de vídeo. Como você pode ver aqui, esta é uma animação que eu construí no Keynote e é bem pequena, não ocupa muito espaço no slide. Agora eu exporto isso e uso no iMovie por exportação duas vezes. O primeiro é com uma resolução de full HD. O segundo é com uma resolução 4K. E a coisa é que, se eu decidir escalá-lo para torná-lo maior do que, eu realmente estou enfrentando problemas de qualidade com a exportação Full HD é que você pode ver aqui, se você olhar para as bordas lá um Jagger, eles realmente não parecem agradáveis. Considerando que com uma resolução 4K, eu tenho muito mais espaço livre e eu não posso escalá-lo, até um fator de dois e ainda vai parecer muito bom. Agora vamos dar uma olhada rápida em duas outras proporções que você pode achar úteis, especialmente se você estiver usando seu conteúdo em mídias sociais. Isto é de nove a 16, o que é realmente apenas 16 a 9 do lado. E este não faz muito sentido para o YouTube. Mas você pode achar isso útil para Facebook ou Instagram, assim como este, que é um para um proporção. Novamente, você encontra isso no Facebook e particularmente no Instagram, e uma resolução comum que vai junto com ele é 600 por 600. Agora há muito mais proporções de aspecto que você pode encontrar lá fora na web. Eu estava mostrando dois deles porque se você pretende exportar nessas proporções que diferem do padrão 16 para nove, você tem que cuidar de um passo extra. E que eu vou te mostrar bem rápido. Há um projeto na nossa proporção de 16 a 9, digamos um, exportar isso para o Instagram em uma proporção um-para-um, 600 por 600. O que precisamos fazer é alterar primeiro a relação de aspecto no Keynote. Antes de fazermos isso, crio uma duplicata da minha apresentação. Então eu vou para Arquivo duplicado. Vamos chamar o 600 por 600. E nos veremos em um momento por que fiz isso. E agora eu posso ir para a taxa máxima onde diz documento e depois descer. Tamanho do slide personalizado e digite 600 por 600 aqui. Não tome cuidado com o que acontece com o escorregador por baixo. Agora tenho uma proporção de um para um, que é o que eu quero. Mas como o conteúdo foi colocado perfeitamente para uma proporção de 16 a 9, ele não funciona mais. Temos este espaço em branco na parte superior e na parte inferior. Não é o que queremos, obviamente. Então, antes de exportarmos, como você vê, é preciso algum trabalho extra. Mas agora que mudamos a relação de aspecto, podemos ir para exportar para o filme e alterar a resolução, neste caso 600 por 600. E agora exportado, ele vai funcionar. Movendo-se para a taxa de quadros. Como você pode ver, o Keynote nos fornece uma extensa lista de diferentes taxas de quadros. Gostaria de manter isto realmente simples e apenas dar-lhe duas recomendações de melhores práticas aqui. O primeiro corresponde à taxa de quadros da linha do tempo do vídeo. Isso significa que se você estiver exportando para e outro software, certifica-se de que nessas opções de exportação, você escolhe a mesma taxa de quadros que está trabalhando com qualquer outro software. A segunda é, se o seu vídeo for apenas animação, então a regra geral é escolher a taxa de quadros mais alta que a plataforma de destino permite. Agora, o raciocínio por trás disso é que se você misturar sua animação com imagens de pessoas reais, uma taxa de quadros muito alta pode não ser o que você quer por razões estéticas, estamos acostumados a assistir conteúdo de pessoas em tiro particular em taxas de quadros mais baixas. Por exemplo, em Hollywood até hoje, a maioria dos filmes são filmados em algum lugar em torno de 24 quadros por segundo. Tv muitas vezes é em algum lugar em torno de 30 quadros por segundo. E isso nos dá um certo olhar. Se você tiver apenas animações em seu vídeo , geralmente, quanto maior a taxa de quadros, melhor será a aparência dessas animações. Então, se você pretende enviar sua animação para o YouTube, há razão para não ir para a taxa de quadros mais alta possível, que é 60 quadros por segundo. Facebook e Instagram, acredito que são 30 neste momento, mas isso pode mudar no futuro. Por último, mas não menos importante, vamos falar sobre tipos de compressão. Você também pode se referir a eles como codecs de vídeo. Agora, a Apple nos dá uma extensa lista de codecs diferentes, e eu não vou passar por cada um deles individualmente. Vou apenas dar-lhe as minhas recomendações de melhores práticas para que você possa fazer uma boa escolha sem ter que saber todos os prós e contras delas. Agora, quando você olha para esta lista, realmente faz sentido colocá-los em duas caixas separadas. H.264 é provavelmente o codec de vídeo mais onipresente lá fora. H.265 é uma espécie de versão atualizada do H.264. É melhor na medida em que cria um tamanho de arquivo menor, mantendo a mesma qualidade visual. E como esses dois codecs criam arquivos relativamente pequenos, esses são realmente os melhores candidatos para exportação diretamente para uma plataforma na web. Por exemplo, YouTube e Vimeo, exceto H.264 e H.265, Facebook e Instagram a partir de agora apenas exceto H.264. Agora, passando para o progresso da Apple Kodak, esses são os melhores para exportar para um editor de vídeo, como por exemplo, iMovie, Final Cut Pro, o eventual resultado Premier Pro e muitos, muitos outros, especialmente se você estiver na plataforma Mac. Portanto, uma diferença significativa entre todos esses codecs é o tamanho do arquivo que eles são produzidos. Agora, os números que você vê aqui resultaram de um projeto de exemplo que consiste em dois slides e keynote com algumas animações neles. E então eu exporto isso em todos esses vários codecs. E como você pode ver, H.265 realmente criou o menor arquivo, em algum lugar cerca de 300 kilobytes, H.264, um pouco maior, mas não muito. E então todos os bromegrass Kodak criam arquivos muito maiores. Agora, obviamente a vantagem deles é que a qualidade que eles mantêm tão melhor, que é praticamente a idéia por trás do progresso APA em que você deseja usar uma compressão forte, como com H.264 no final do seu fluxo de trabalho. Agora, com isso dito qual dos cinco você deve escolher? Um eletroímã é muito fácil para você e reduzi-lo a apenas dois. E uma escolha entre esses dois é baseada apenas em se você deseja exportar sua animação com ou sem um fundo transparente. Vamos dar uma olhada no que precisamos fazer para exportar com ou sem um fundo transparente. Como você pode ver, temos cinco slides aqui contendo animações diferentes. No primeiro slide, obviamente temos uma imagem como plano de fundo. Agora, isso nos diz que provavelmente não queremos que isso seja transparente em primeiro lugar. Então vamos deixá-lo como está indo para o próximo. Temos um fundo preto. E se olharmos aqui em um formato, ele diz que temos filtro de cores e com uma cor preta poderia mudar a cor para vermelho se quiséssemos, mas isso não é o que queremos. Em vez disso, alteramos o preenchimento de cor para saber Preenchimento. Agora ainda é preto, mas durante a exportação, isso será tratado como sem fundo. Agora, O mesmo vale para os três próximos slides. Todos eles têm um fundo branco. Vamos selecionar todos eles. Vá para o plano de fundo e selecione Sem Phil. E é isso. Agora vamos fazer isto funcionar. Vá para exportar filme. E eu vou mudar o ir para o próximo slide após 21 segundos e ir para o próximo construído depois de 1 segundo também. Como você pode ver aqui, eu inseri os valores para 4K, que significa que eu posso mais tarde escalar isso se eu quisesse. Eu tenho 30 quadros por segundo e eu escolho o progresso da Apple para, para, para, para, que é o que nos permite exportar com um fundo transparente. E também precisamos verificar esta caixa de seleção exportação com fundos transparentes. E então estamos prontos para ir. Aqui. Estamos no Final Cut Pro e são importados o filme que acabamos de exportar no Keynote. E estou usando duas partes disso. Você pode ver aqui. Estou usando o logotipo e como você pode ver, ele tem um belo fundo transparente. A fim de fazer isso se destacar um pouco melhor do vídeo reproduzido por baixo, eu adicionei uma forma preta e um corte final com uma transparência reduzida. E então temos o botão Assinar que eu coloquei aqui, que eu senti que funciona sem a forma preta semitransparente por baixo. Vamos ver como isso se parece. Isso conclui as opções de exportação. Espero que tenha achado isso útil. Eu sei que há muitas informações técnicas por trás de todas essas opções e poderíamos continuar falando sobre isso por muito mais tempo. Mas se você tiver mais perguntas, por favor, não hesite em perguntá-las na seção de discussão. Obrigado.