Viralize o Motion Graphics da Apple UI no Adobe After Effects

1. Trailer do curso: Motion Graphics de UI da Apple: Você está prestes a desbloquear o estilo exato de animação usado pela Apple e pelos criadores, obtendo milhões de visualizações Isso não é apenas design de movimento. É o que faz com que as marcas se sintam premium e o conteúdo seja impossível de ignorar. Seja você freelancer, editor ou criador de conteúdo, esse estilo faz com que seu trabalho pareça ter saído diretamente de Cupertino. E não se preocupe. Mesmo que os efeitos posteriores parecessem opressores antes, você aprende tudo passo a passo Este não é apenas mais um curso de After Effects. É aqui que você aprende a criar e animar gráficos em movimento de interface de usuário polidos e minimalistas no estilo Apple que parecem intencionais, elegantes e Sim, estamos usando o After Effects, mas o estamos usando como os principais criadores de conteúdo e designers visuais. Nesta aula, você aprenderá como desconstruir o DNA de design, clareza, espaçamento, camadas e princípios de movimento da Apple clareza, espaçamento, camadas e Crie um layout de interface de usuário limpo e estruturado usando Figma, Photoshop, Illustrator ou até mesmo capturas de tela Anime com acenos aninhados, atenuação elegante e movimentos sutis da câmera para criar um efeito natural de vidro líquido, camadas transparentes e realistas Use desfoque, máscara, design de som e luz para elevar Empacote tudo em animações curtas prontas para o Tik Tok, bobinas, curtas-metragens do YouTube ou até mesmo para o trabalho do cliente Este curso é para quem quer dominar essa estética, mesmo se você estiver começando do zero. Vou explicar tudo passo a passo, desde a preparação do design até a animação final e a exportação Juntos, criaremos duas animações de interface completas. Uma revelação inspirada em um recurso real da Apple. Um focado no design de estilo de vidro transparente com três movimentos de câmera D. E se você está se perguntando quem eu sou , passei mais de uma década editando vídeos, gerenciando dois dos maiores canais do YouTube em seus nichos e criando sistemas criativos que geram resultados Eu criei sistemas de edição que geram milhões de visualizações e agora estou mostrando como trazer o mesmo nível de habilidade e aprimoramento às suas próprias animações Este curso é tudo o que eu gostaria de ter quando comecei a criar gráficos em movimento com um toque profissional. Se você deseja dominar a estética do Appletyle , impressionar os clientes e criar um design de movimento que fale por si só, este é o curso para fazer isso. Te vejo lá dentro. 2. Boas-vindas!Comece aqui: Bem-vindo ao curso definitivo de domínio de After Effects para Apple UI Motion Graphics Meu nome é Vlad e estou empolgado em guiá-lo por um dos estilos de animação mais refinados, reconhecíveis e procurados mundo do design de movimento atualmente, criando animações de interface de usuário no estilo Apple no Este curso foi criado para criadores que desejam que seus visuais sejam premium com transições minimalistas suaves, layouts elegantes e gráficos em movimento ultra limpos que imitam a estética moderna e elegante que você vê nos anúncios, nas vitrines premium com transições minimalistas suaves, layouts elegantes gráficos em movimento ultra limpos que imitam a estética moderna e elegante que você vê nos anúncios, nas vitrines de vantagens e nas interfaces de usuário da Apple que desejam que seus visuais sejam premium com transições minimalistas suaves, layouts elegantes e gráficos em movimento ultra limpos que imitam a estética moderna e elegante que você vê nos anúncios, nas vitrines de vantagens e nas interfaces de usuário da Apple. Vamos nos aprofundar no que faz com que essas animações pareçam tão sofisticadas e mostrarei como criá-las passo a passo usando fluxos de trabalho reais e Esta é a quarta aula da minha série de edição de mídia social. Se você já fez meus cursos anteriores, dominando curtas-metragens em edição de vídeo, after effects, motion graphics, mastery, motion graphics e after effects virais premium, você já preparou as bases Nesta aula, levamos as coisas para o próximo nível. Você não precisa de nenhuma experiência anterior com After Effects, design de interface de usuário ou gráficos em movimento. Tudo está dividido em um formato claro e estruturado, passo a passo, que você pode seguir do zero e, na verdade, terminar com resultados de nível profissional Vamos percorrer as compilações completas de vídeos curtos, começando com animações estáticas e depois transformando-as em animações refinadas Você aprenderá como idealizar os conceitos visuais usando o HIGPT, como estruturar conceitos visuais usando o HIGPT, seu fluxo e como exportar seus projetos para TikTok, bobinas, shorts Eu recomendo assistir todos os vídeos em ordem. Cada lição se baseia na anterior, oferecendo uma curva suave e natural que se acumula à medida que você avança Você também pode controlar o volume e a velocidade de reprodução de cada vídeo para aprender no seu próprio ritmo E se você tiver alguma dúvida, deixe de colocá-la na seção de perguntas e respostas abaixo Certifique-se de verificar primeiro a seção de perguntas e respostas , pois há uma boa chance que a pergunta que você deseja fazer já tenha sido respondida em detalhes Em algum momento, você será solicitado a deixar uma avaliação do curso s. Peço que você espere até ter a chance de realmente experimentar o material. Seu feedback honesto me ajuda a melhorar o curso e a atender melhor você e futuros alunos. Obrigado novamente por participar deste curso. Estou realmente entusiasmado em ajudá-lo a desenvolver as habilidades necessárias para criar belos gráficos em movimento profissionais e dar a você a confiança necessária para usá-los em projetos reais, sejam eles pessoais ou baseados no cliente Vamos entrar no primeiro vídeo. 3. Domine a mentalidade para o design de movimento: Neste vídeo, quero falar sobre a mentalidade quando se trata aprender gráficos em movimento ou, para ser honesto, qualquer coisa Abordarei algumas das melhores práticas que eu uso , bem como algumas das práticas deste livro. É um ótimo livro de James Clear, mas falaremos sobre isso em um segundo. Agora, as três fases de aprender qualquer coisa são aprender, praticar e ensinar. Primeiro, você vai aprender comigo. Isso é simples. Em segundo lugar, é importante praticar porque se você aprende e não pratica, confie em mim. Isso não traz resultados. O importante é que você pratique. Então, depois de praticar, depois de ter criado projetos, mesmo que seja a réplica absolutamente exata do que eu criei, ainda assim recomendarei compartilhá-los com outros alunos e contar o que você aprendeu, o que você fez Porque quando você ensina, algo absolutamente mágico acontece em nossos cérebros e você aprende muito melhor Agora, chegando a este livro, quero mostrar um gráfico. É esse gráfico aqui, 1% melhor a cada dia. Se você se tornar 1% melhor a cada dia, 1,01 elevado a 365, é igual a 37,78 Em palavras simples, isso significa que se você melhorar em 1% em um ano, você será 37 vezes melhor. Se você se tornar 1% melhor a cada dia, é isso. No entanto, se você piorar em 1%, você será quase igual a zero. 0,99 elevado à potência 365 é igual a 0,03, que Quando se trata de aprender, lembre-se disso. Você só precisa de 1% de melhoria todos os dias durante um ano e estará absolutamente no próximo nível. Agora, se você realmente quiser se aprofundar, também darei algumas outras dicas. Então, quero dizer, você definitivamente pode ler o livro, mas vou ler rapidamente. Basicamente, você precisa criar um novo hábito de aprender. Para criar um novo hábito de aprender, há quatro etapas. Antes de tudo, deixe isso óbvio. Se você quiser aprender, coloque lembretes em toda a casa Coloque lembretes por escrito, coloque seu computador, certifique-se de vê-lo visualmente e de que seja óbvio, como se fosse fácil de perceber Em segundo lugar, torne-o atraente. Faça algo que você goste logo depois de aprender. Se você gosta de passear, vá trabalhar. Se você gosta de comer frutas, vá em frente e coma frutas, mas certifique-se de dar a si mesmo um presente para que seja atraente para você. Agora, o terceiro passo é facilitar as coisas. Em outras palavras, se você não aprende normalmente e de repente, começa a aprender 4 horas por dia, isso é um pouco demais. Certifique-se de progredir pouco a pouco, com pequenas melhorias. Não comece a aprender o dia inteiro e então seu cérebro explode e você não quer mais fazer isso. E número quatro, faça com que seja satisfatório. Você pode acompanhar seu progresso. Você pode marcar dias, marcar o número de vídeos, assistir o que funciona para você. E isso é apenas uma visão geral rápida das quatro etapas. Neste livro, James Clear fornece muitos outros detalhes sobre como criar novos hábitos. Então, se você quiser criar novos hábitos e mudar sua vida, eu realmente recomendo este livro. A propósito, ele também fala sobre como se livrar dos maus hábitos. Então, se você quiser, pode dar uma olhada, mas fora isso, vamos começar a aprender. Se você tiver alguma dúvida, me avise. Fora isso, nos vemos no próximo vídeo. 4. Baixe todos os arquivos e recursos: Bem-vindo. Neste vídeo, quero mostrar como você pode acessar os recursos exclusivos para estudantes. Abaixo deste vídeo, você encontrará a seção de projetos e recursos. Se você abri-lo e rolar para baixo, poderá ver os recursos exclusivos para estudantes e o link dos recursos para download Se você clicar nesse link, ele o levará ao Google Drive ou você encontrará os modelos, arquivos de projeto, efeitos sonoros, tudo o que eu usei e tudo o que você precisa usar para completar as partituras. Se você tiver alguma dúvida, me avise. Mas, além disso, vou ver o próximo vídeo. 5. Por que a Apple parece premium: design visual e princípios de movimento: Bem-vindo. Neste vídeo, gostaria de explicar por que a Apple parece premium e cara. Vamos entender seus designs visuais e princípios de movimento. Ok, temos vários exemplos. Esses são os princípios de design da Apple. Se você der uma olhada em qualquer um desses slides que eles têm, tudo é minimalista Está muito claro. Tudo está alinhado Muitas vezes, com o minimalista, menos é mais. Então, estamos tentando usar o mínimo possível para tirar o máximo proveito disso. Se dermos uma olhada no site deles, minimalismo e qualquer coisa que pareça cara geralmente têm muito espaço Então, eles usam o espaço a seu favor. Não é como se estivesse vazio, mas é caro porque espaçamento significa liberdade Normalmente, liberdade e prêmio são caros. É como se tudo estivesse interconectado. Então, se dermos uma olhada em seus sites, há muito espaço livre. A propósito, eles também mantêm um design semelhante em todos os lugares. Muito branco, muito espaço. Falando sobre as atualizações mais recentes e, especificamente, sobre o vidro líquido esse é o efeito que estamos aprendendo a fazer. Algumas pessoas adoram, outras acertam. Eles mantêm os mesmos princípios. Só que em vez de ser todo colorido, eles mais uma vez tentam torná-lo ainda mais minimalista para que não haja É tudo do mesmo estilo, em vez de ter tantas cores, é apenas um look minimalista Algumas pessoas adoram e outras odeiam. De qualquer forma, se você estiver aqui, saberá como fazer isso. Se você der uma olhada nos princípios do movimento , tudo é intencional Uma ótima palavra para descrevê-lo é que parece tátil. Se você já usou produtos da Apple, é muito diferente de qualquer outro produto que exista. Eu costumava ser usuário de PC com Windows e mudei no ano passado para Samsung, HDC e outros telefones celulares e, em algum momento, mudei para a Apple também A atenção aos detalhes está absolutamente no próximo nível. Então, se você já experimentou produtos da Apple e comparou com os concorrentes, tudo é muito tátil e parece caro Tipo, foi feito para ser caro. Até as caixas da Apple são absolutamente incríveis. E essa é uma das razões pelas quais as pessoas guardam suas caixas porque as caixas em si, mesmo que sejam como um pedaço de papel, são muito boas. Então, vamos recapitular o minimalismo. Menos é mais. Espaçamento generoso. Tudo está alinhado As coisas parecem intencionais e táteis, e a última atualização é o vidro líquido Se você tiver alguma dúvida, me avise melhor do que isso. Te vejo no próximo vídeo. 6. Preparando uma UI estilo Apple para After Effects: captura de tela + fluxo de trabalho do Photoshop: Bem-vindo. Neste e em alguns dos próximos vídeos, mostrarei como criar designs de interface do usuário com antecedência. Agora, algo que você pode fazer é criá-lo diretamente e depois dos efeitos. Mas descobri que, infelizmente, achei difícil que na verdade é muito mais fácil preparar as coisas com antecedência, especialmente se você as usar muitas vezes. E para este exemplo, vamos usar o Instagram. Além disso, neste vídeo, usaremos o Screenshot mais o Photoshop e, em outros três próximos vídeos, usaremos outras ferramentas para criar designs de interface Então, primeiro de tudo, vamos fazer uma captura de tela. No MacBook, é Shift Command três. Pressionando isso, eu estou criando uma captura de tela, e então eu tenho que ir para o Photoshop Aqui vou começar um novo arquivo ou posso simplesmente pressionar Command N, e vamos criar os pixels personalizados de 1920 por 1080 , porque geralmente esse é o tipo de vídeo que eu crio e poderemos usar os efeitos posteriores Agora, vamos apenas arrastar nossa captura de tela aqui e pressionar ok Agora vamos ter que clicar com o botão direito do mouse em nossa captura de tela e clicar em RSR Layer Se não fizermos isso, vou te mostrar o que acontece. Para essa tarefa específica, precisaremos de uma ferramenta Marquee. Podemos ativá-lo pressionando um atalho M, ou você pode pressionar anúncios de atalho como a ferramenta Mover ou a ferramenta de seleção Pressione M. E se eu selecionar e selecionar a captura de tela, eu pressiono e excluo Não podemos fazer isso porque precisamos primeiro resturizar a Neste momento, é uma camada inteligente. Então, se eu clicar duas vezes nele, ele abrirá em uma nova janela. No entanto, depois de rasterizar a camada, clicando duas vezes, abriremos o estilo da camada Se eu selecionar qualquer coisa aqui agora e pressionar e excluir, poderemos excluir partes da imagem, que é exatamente o que queremos. Então, vou selecionar e excluir essa parte. A propósito, também podemos pressionar Shift e selecionar outras partes da imagem, mas é mais fácil para mim fazer isso peça por peça. Portanto, exclua essa parte, selecione e exclua essa parte. Na verdade, vamos fazer uma seleção maior. Então. Agora, vamos também excluí-lo até aqui. Excluir. Ótimo. E se eu clicar aqui e sobrepor cores ao fundo, é isso que temos Ao pressionar o Comando zero, consigo ajustá-lo à tela. A propósito, no Windows, em vez do comando, basta pressionar o controle. Fora isso, tudo é o mesmo. E para aprender atalhos, você pode ajudar, pesquisar atalhos, atalhos de teclado, abri-los e pesquisar, por exemplo, por ajuste, ajuste na tela, Comando zero Agora, a próxima coisa que queremos fazer é ter certeza está alinhado e no meio Para fazer isso, precisamos cortar esse espaço, esse espaço a partir do topo. Então, vou selecionar a captura de tela, definir a ferramenta Marquee e fazer Aproximadamente, e depois aumente o zoom pressionando Option ou Alt no PC, certificando-se de selecionar exatamente o que preciso e nada mais. E agora vou pressionar delete. Na verdade, acabamos de cortar essa parte também. Na verdade, eu não percebi isso. Então, precisamos cortar um pouco menos. Então, vamos reduzir um pouco menos até aqui. Amplie com perfeição. Apresente, exclua. Comande o zoológico. Ok, ótimo. Então, agora temos a parte superior cortada com precisão, temos a parte inferior cortada com precisão. Bem, essa parte realmente não importa muito, muito pequena. E agora precisamos selecionar a camada e a captura de tela juntas, e vamos pressionar aqui A captura de tela será alinhada verticalmente. Agora, para que ele se alinhe horizontalmente, temos que fazer a Temos que cortá-la da direita e da esquerda para que fique exatamente aqui, corte até aqui. E está cortado até aqui. Então, vamos fazer exatamente isso. Vamos fazer a seleção aqui, mover a seleção. A propósito, você também pode mover essa seleção com as teclas. Então, ao pressionar para a direita, ele se moverá para a direita. Esquerda, ele vai se mover para a esquerda. Apresente a exclusão. Então, vamos selecionar o gráfico da tela, apresentar a exclusão, fazer exatamente a mesma coisa no lado oposto. Exclusão perfeita, comando zero. E agora, ao selecionar os dois, a propósito, certifique-se de desmarcar tudo o que você tem na tela, pois isso funcionará de forma estranha Portanto, certifique-se de desmarcar ou simplesmente pressionar em algum lugar e colocar nossa captura de tela bem no A próxima coisa que precisamos fazer é recortar cada peça para que , se quisermos animar cada peça, tenhamos certeza de que temos acesso a cada peça em vez de apenas uma grande captura de Também vamos fazer isso com a ferramenta Marquee, senhor. Pressione agora, precisamos fazer uma seleção. Por exemplo, esta parte aqui, selecionada, e vamos pressionar Comando X ou Controle X. Desculpe, precisamos selecionar a captura de tela, Comando X. Precisamos pressionar Shift Command V e vamos colá-la exatamente na mesma posição Se pressionarmos o Comando V, que é algo que podemos fazer, ele será colado, mas em local diferente, o que não é algo que queremos. Então, Shift Command V ou Shift Control V no Windows. Selecione a captura de tela e agora temos que fazer isso para cada peça que queremos animar Então, faremos isso nesta parte. E essa parte. Apenas certifique-se de selecionar a captura de tela. Se você não selecionar a captura de tela e pressionar o Command X, há nada para colar Portanto, certifique-se de selecionar a captura de tela. OK. E agora, se eu fizer a captura de tela, teremos cada peça sozinha Então, o que podemos fazer é excluir a captura de tela original, porque agora temos cada camada separadamente. A próxima coisa que precisamos fazer é cortar cada camada com precisão. Eu sei que é um pouco entediante, mas isso é algo que temos que fazer A razão para isso é porque a ponta do tornozelo está no meio de cada camada Então, por exemplo, o ponto de ancoragem desse vídeo não estará no meio do círculo Vai ser por aqui. Tipo, vai ficar no meio do recorte. E o mesmo para essa parte. Então, vai ser por aqui. Não vai ficar entre essas duas letras. E para personalizá-lo do jeito que deveria ser, precisamos cortar cada peça. Então, por exemplo, com este, mais uma vez, selecione a seleção da ferramenta Marquee, selecione selecione**** e Agora, se eu o aumentar e pressionar a opção, posso escalá-lo assim. Você pode ver que o encapoint está bem aqui. No entanto, para essa camada, o encapoint está aqui E para que um fique no meio, mais uma vez, temos que cortar cada peça. Tudo bem, agora que fizemos esses recortes, tudo o que escalarmos será escalado uniformemente Então, é absolutamente bom ir. Agora, uma coisa importante a mencionar é que, por exemplo, meu nome ou qualquer tipo de texto que esteja na tela, é uma imagem. Se quisermos que seja texto, precisamos criar o texto e precisamos corresponder exatamente. Então, por exemplo, se eu quiser animar esse texto especificamente aqui, como meu nome, terei que clicar aqui e escrever meu nome Vamos torná-lo branco. Vamos pesquisar a fonte do Instagram. Qual fonte o Instagram usa? Ok, então eles usam algum tipo de areia, mas que é feita sob medida para eles. Então, vamos escolher um desses. Só queremos ter certeza de que é semelhante. Não precisa ser o pé exato. OK. Assim, agora precisamos fazer isso, agora precisamos deixar o texto em preto e talvez movê-lo um pouco para baixo. Assim. E agora, se selecionarmos este. Bem, há algumas coisas que podemos fazer com isso. Uma coisa que podemos fazer é simplesmente sobrepor a cor e fazer com que a pressão da sobreposição branca E então, quando tivermos nosso texto, teremos nosso texto. Estamos fazendo isso porque queremos personalizá-lo posteriormente no After Effects. Se não quisermos personalizar posteriormente no After Effects, podemos simplesmente deixar como está. Uma coisa importante a considerar também é que, se você quiser reutilizar isso várias vezes, é mais fácil fazer isso primeiro no Photoshop e, em seguida, você terá esse arquivo Você poderá inserir o After Effect. Você terá as camadas de texto prontas. Ou você pode criar camadas de texto no After Effects. O que funciona melhor para você. Eu diria que, se você usar o projeto uma vez, poderá fazer as duas coisas, mas se for usar um projeto várias vezes, crie esses textos no Photoshop desde o início Está bem? Agora, temos que salvar essa pessoa do projeto, venha e como, Desktop e salve a área de trabalho. Agora vamos abrir o After Effects. Novo projeto: agora encontraremos nosso arquivo e o colocaremos aqui. Agora, essas são algumas configurações importantes. Em primeiro lugar, opte pela composição, retenha os tamanhos ou a composição das camadas . Não use a filmagem porque, se você clicar na filmagem, ela será importada É uma grande imagem, e não queremos isso. A razão pela qual fizemos todo o trabalho no Photoshop para termos muitas camadas diferentes Isso é o mais importante agora em termos de opções de camada, opções de camada, por exemplo, no Photoshop, se eu clicar duas vezes, esses são seus estilos de camada de opções E, basicamente, é a isso que se refere. Então, por exemplo, se fundirmos ou se você quiser que seja editável, para ser honesto, isso não importa nesse caso, porque não estamos usando nenhum Então, se você clicar em Ok, ele será importado como uma composição. Podemos clicar e abri-lo, e aí está. Agora, se uma pessoa comandar Y para criar um sólido, defina um fundo branco, coloque-o, para que possamos excluir a camada preta e pronto. Temos nossa página no Instagram. Agora, você verá que Vlad Se tv, que é meu nome, se eu clicar nele, criar, converter em texto editável Se eu clicar nele e pressionar no comando, posso personalizar esse texto. Esse é o motivo pelo qual criamos esse texto no Photoshop. Mas para o meu identificador, por exemplo, não podemos alterá-lo porque é apenas uma imagem. Uma coisa que podemos fazer é simplesmente escrevê-la, colocá-la aqui, diminuir a posição da escala mais ou menos assim, e então só precisamos, na verdade, desmarcar Essa é a camada 13. Então, se desmarcarmos, habilite este, este é o nosso identificador. Podemos fazer isso das duas maneiras. Se você vai trabalhar em um projeto várias vezes, então sim, vá em frente e faça isso no Photoshop desde o início Caso contrário, você pode fazer isso uma vez no After Effects e esquecer isso. Bem, é assim que você prepara seu design de interface de usuário no Photoshop Agora, vamos ao próximo vídeo, e eu vou te mostrar outra maneira de fazer isso. Se você tiver alguma dúvida, me avise. Mas além disso, vejo você no próximo vídeo. 7. Preparando uma UI estilo Apple para After Effects: captura de tela + fluxo de trabalho do Illustrator: Bem-vindo. Neste vídeo, vamos explorar a segunda opção para criar o design da interface do usuário. E nesse caso, vamos usar uma captura de tela plus no Illustrator A maneira de fazer isso é fazer uma captura e depois acessar o Illustrator Você também pode pressionar Command, como no Photoshop, para criar um documento personalizado 1920 por 1080, criar Illustrator funciona de forma um pouco diferente em comparação com o Photoshop, e vou mostrar a você em Eu baixei essa imagem do site da Apple e vou pressionar aqui no final, e vou pressionar Option e Shift para que ela seja dimensionada a partir do meio e uniformemente Algo assim, selecione a ferramenta de seleção, mova-a um pouco para baixo. Agora, a forma como vamos fazer isso com Illustrator é literalmente recriar essa coisa à mão E para fazer isso, vamos criar uma nova camada pressionando aqui. E agora vamos recriar as coisas. Primeiro, pressione um preenchimento retangular. Vamos selecionar algo de cor oposta. Vou ampliar com a opção, e vamos criar algo assim, e vamos personalizá-lo agora. Então, eu quero ter certeza de que ele se encaixa nas bordas exatamente onde deveria estar. Agora, também não precisamos do derrame, então vou pressionar aqui para certeza de que não temos nenhum derrame. E a última coisa que vamos fazer é arrastar essas camadas para garantir que temos bordas arredondadas como sabão, e aqui está para você ver o que está acontecendo. Agora, também precisamos criar esse chicote no final e vamos criar outra camada Vamos pressionar o pentel. Vamos começar por aqui, abaixá-lo, e então eu vou fazer isso, assim. Na verdade, vamos fazer assim. Então, segurando o cursor, eu posso realmente esticá-lo e torná-lo suave. Então, vamos fazer isso até agora, então precisamos fazer isso por aqui. E você pode ver que temos esse identificador vindo do ponto anterior. Então, precisamos pressionar a opção e movê-la, então vamos mover esta um pouco também. E agora vamos clicar aqui para finalizar a varredura no final Agora, vamos recriar o texto pressionando T. Esse é um atalho para abrir o E agora está aqui. Se a Apple usa a fonte SF Pro. Você também pode baixá-lo no site oficial da Apple . Vamos tentar regularmente. Pressione verde no espaço de comando para desativar a edição do texto. Agora, vamos movê-lo aqui e aumentar de tamanho. Também vou pressionar Shift para garantir que ela seja dimensionada uniformemente. Agora, vou movê-lo com as teclas de seta. E agora também precisamos torná-lo cinza. Perfeito. E vamos fazer a mesma coisa com o texto inferior também. Na verdade, eu só cometi um pequeno erro. Eu coloquei na primeira camada, o texto. Vamos colocá-lo na camada três e criar nomes. Então, na verdade, eu coloquei o chicote aqui também. Então, a camada dois vai ser uma bolha. Isso vai ser uma mensagem de texto. Então, temos nosso texto. Vamos garantir que também se encaixe perfeitamente. E vamos colocar isso. Portanto, você também notará que eles têm variações diferentes e, nesta, provavelmente não são regulares. É um pouco mais do que o normal. Então, vamos tentar o médio. Na verdade, isso pode ser regular, o espaçamento entre as palavras é um pouco maior, então podemos aumentá-lo aqui Para se encaixar perfeitamente. Agora só precisamos ter certeza de que é uma cor um pouco diferente. Então, vamos preencher. Venha aqui. Faça com que seja cinza. Perfeito. Agora, vamos criar uma camada N. Vamos selecionar nossa ferramenta de retângulo e criar um retângulo enorme Mais ou menos assim. Agora vamos ter certeza de que está perfeito. Vamos começar até aqui. Essa será a nossa tela. Ok, agora vamos criar nossas bordas super lisas assim. Está bem? Vamos também colocá-lo na parte inferior para que possamos ver as coisas. E vamos chamá-lo de fundo do iPhone. Agora, na mesma camada, também podemos criar outra, e podemos fazer assim. E para isso, precisaremos mudar a cor para um pouco diferente. Vamos colocá-lo em vermelho por enquanto, desse jeito. Precisamos fazer exatamente a mesma coisa. Agora precisamos arrastá-lo com a opção de duplicá-lo, colocá-lo exatamente na mesma posição, e este não terá bordas arredondadas Na verdade, podemos simplesmente abaixá-lo. Agora, se mudarmos as cores, a propósito, a forma como podemos mudar isso é simplesmente arrastar essa para a esquerda. Para este, vamos clicar aqui para ver outros retângulos Vamos clicar aqui. Para este. Vamos clicar aqui. Interessante, um pouco diferente. Então, vamos ter certeza de que é exatamente o correto. Perfeito. Eu vou selecionar este. Ok, perfeito. Agora, vamos colocá-lo volta exatamente no mesmo lugar. A propósito, o retângulo na parte inferior, podemos abaixá-lo um pouco E vamos criar texto. Isso é o que temos até agora. Tudo o que estou fazendo nessa parte é duplicar o fundo branco para criar um contorno preto do iPhone. Bem, você entendeu. Por uma questão de tempo, não vou passar por toda a recreação. No final, o que fazemos é excluir a camada que não precisamos, que é aquela. Colocamos essa camada na lixeira. Agora, se você quiser personalizar cada texto, precisará criar uma camada para cada texto. Então, podemos colocar este aqui, e este será, posso te ligar de volta? Ok, ótimo. Agora, pressione Command S e salve-o como Adobe Illustrator Vamos salvá-lo no desktop. Pressione ok. Agora, quando chegarmos ao After Effects, vamos arrastar essa coisa para dentro. Certifique-se de definir o tipo de importação como composição. Mais uma vez, se você não definir essa composição será importada como uma imagem grande. Portanto, composição, tamanho da camada ou tamanho do documento. Isso também é importante. Basicamente, se você definir o tamanho do documento , cada texto, cada objeto será do tamanho da composição, que será de 1920 por 1080, o que não é algo que queremos Queremos que seja o tamanho porque se usarmos o tamanho do documento, eu vou te mostrar rapidamente. Sempre que eu clico, temos o texto hoje, mas basicamente, é o tamanho da composição. Não é isso que queremos. Se eu voltar e importá-la com o tamanho da camada, agora abriremos a composição, agora posso pressionar a mensagem I e posso movê-la. E eu posso selecionar, na verdade, absolutamente qualquer coisa aqui. Mas se eu não fizesse isso, teria que mexer em pressionar P e mudar a posição de cada coisa dessa forma, porque só poderíamos tocar na que está na parte superior porque é o tamanho da camada Agora, o melhor do Illustrator é, por exemplo, a bolha Posso clicar com o botão direito do mouse para criar ótimas formas a partir da camada vetorial, o que significa que agora é uma forma no After Effect. E se eu quiser, digamos, mudar isso, eu com certeza posso mudar isso. O único problema com o Illustrator é que, quando o texto é importado para o After Effects, na verdade não é texto Deixe-me te dar uma explicação melhor. Quando você importa o arquivo do Illustrator, ele importa texto e todos os objetos como formas Se você quiser personalizar o texto, precisamos importar o arquivo do Photoshop porque, se importarmos o arquivo do Photoshop, você poderá converter o texto do Photoshop em texto editável Uma coisa que mostrei logo no início é que, quando você cria um arquivo do Illustrator, eu simplesmente crio um novo e crio um tamanho personalizado de 1920 por 1080 Mas aqui está o grande problema. Quando exportamos esse arquivo como um arquivo do photoshop e depois o importamos para o After Effects, temos um problema. Não temos camadas. Está apenas sendo importado como uma imagem. Nós não queremos isso. O que queremos é que ele seja importado em muitas camadas diferentes. A forma como podemos resolver esse problema é se optarmos nova e criarmos uma grande web. Então, se você acessar a web, poderá criar uma web grande. E porque está sendo tratado como um formato diferente, porque quando vamos exportar, por exemplo, vamos exportar 15 e vamos usar o Porto shop Export. Quando usamos esse modelo de cores e, potencialmente, algumas outras configurações. Você pode ver que está sendo importado e não temos esse pop-up com o qual possamos personalizá-lo. E agora, o que temos que fazer é A e pressionar o Comando C, o Comando N para criar um novo weblarge e colá-lo Agora, você verá que temos apenas uma camada e temos todas as nossas coisas em uma camada. E o que temos que fazer é clicar na camada, clicar nesse hambúrguer, clicar nesse hambúrguer, soltar para a sequência de camadas Agora, tudo é sua própria camada, e temos que arrastá-la para fora dessa camada e podemos excluir essa camada porque não precisávamos mais dela. Agora, se entrarmos na exportação de arquivos como Photoshop, use pranchetas e vamos fazer isso 116 Está bem? Agora, vamos importá-lo para o After Effects. Veja, temos esse pop-up. Podemos escolher e pressionar OK. Clique duas vezes, agora temos o texto e algo que antes dizíamos é que o problema com os arquivos do Illustrator é que isso não é um Este é um arquivo SVG. E agora, temos esse texto. Comprimimos o Comando C, chegamos ao arquivo SVG e agora podemos clicar com o botão direito do mouse em Criar texto editável Agora temos esse texto e podemos personalizá-lo. Se você tiver alguma dúvida, me avise. Mas além disso, vejo você no próximo vídeo. 8. Como preparar uma UI estilo Apple para After Effects: fluxo de trabalho do Figma + do Illustrator: Bem-vindo. Neste vídeo, mostrarei a terceira maneira de criar designs de interface do usuário. E neste vídeo, vamos usar o Figma e o Illustrator O Figma pode ser usado gratuitamente. Existem alguns planos de pagamento, mas vamos usá-los totalmente de graça, para que você possa acessar figma.com Além disso, você pode baixar um aplicativo no seu computador. Então, vai ficar mais ou menos assim. Como você pode ver, é muito, muito parecido. A experiência em um aplicativo é um pouco mais suave do que no navegador Então, se você tiver uma oportunidade, vá em frente e faça o download. Caso contrário, você pode usá-lo no navegador. Mas, por uma questão de suavidade, vamos usar o aplicativo Então, se você acessar Modelos e Ferramentas, podemos pesquisar, por exemplo, interface do usuário do Mac, e podemos ir em frente e abri-la, e pronto, deixe-me ampliar. Aí está. Uma tonelada de coisas aqui. Que se parece exatamente com a página oficial do McBook. Podemos ir e procurar por outros. Para este, por exemplo, vamos abri-lo. Ok, então uma tonelada de coisas aqui clique aqui, clique aqui. Então, parece que é do Mac. Agora, deixe-me mostrar como realmente trabalhar com isso. Então, na verdade, vamos pesquisar a interface do usuário do iPhone. Ok, acabei de abrir o iPhone UI Los. Esta é a aparência dos dois lados. Pode até clicar em iPhones especiais. De qualquer forma, o que vamos fazer é clicar aqui e nos certificar de que selecionamos a coisa certa e clicaremos com o botão direito do mouse em Copiar Colar e copiar SVJ E agora vamos abrir o Illustrator, Command N web large, criar e aqui vamos pagar Comando V. E aí está o nosso iPhone. Você notará que o papel de parede desapareceu. Tudo bem, porque esse papel de parede não é um arquivo SVJ E o que fizemos no Figma foi copiar especificamente o SV. Em um dos vídeos futuros, você me verá tendo o mesmo problema e mostrarei como resolvê-lo. Agora, também podemos abrir camadas e vamos ver todos os objetos. Então, daqui até aqui. Se desativarmos esse grupo onde todos os objetos estão localizados, será assim que ficará. A primeira coisa que podemos fazer é selecionar todos os objetos e retirá-los dos grupos. Assim. Em seguida, precisamos selecionar nossa camada clique na sequência da camada de liberação do Burger E agora podemos selecionar todas as camadas e rastreá-las. Então, agora cada coisa é sua própria camada. E, a propósito, não tenho certeza para que foram usados, mas podemos nos livrar deles por enquanto. Ok, então podemos mover cada pedacinho como quisermos. Podemos ir em frente e salvar esse arquivo. Então, comande para salvar. Vamos salvá-lo aqui. Pessoa está bem. Agora vamos aos efeitos posteriores e vamos arrastar o que acabamos de criar Certifique-se de definir a composição e os tamanhos das camadas. Ok, clique duas vezes e pronto. Está bem? Vamos ver o que era esse. Ok, provavelmente podemos nos livrar desse. Vamos pressionar Command Y para criar um sólido, colocá-lo em segundo plano e criar outro sólido. Vamos torná-lo cinza. Pressione OK. Só vou descobrir qual parte precisamos para rastrear o tapete. Então, precisamos rastrear o tapete, precisamos obter um diploma de MD apenas para criá-lo Portanto, precisamos rastrear o grau de MD até a camada 26 para basicamente alterar a cor do fundo. Ou podemos seguir em frente e clicar com o botão direito do mouse em criar formas a partir camadas vetoriais, desativar essa e alterar a cor da própria camada. Então preencha, podemos mudar sua cor assim. E aí está. Muito fácil, muito rápido. Figma é realmente ótimo. Para ser sincero, descobri isso há pouco tempo e isso simplesmente muda tudo. É absolutamente ótimo. Você pode pesquisar qualquer tipo de interface do usuário. Então, por exemplo, YouTube, UI, vamos abri-lo. E aí está. Se aumentarmos o zoom , isso é o que temos. Podemos simplesmente seguir em frente e selecionar isso, por exemplo, o canal. Então, nesta parte, podemos simplesmente ir em frente, selecioná-la, clicar com o botão direito do mouse, fazer a mesma coisa e pronto. Agora, uma coisa realmente boa sobre os arquivos SVJ é que podemos garantir que esses arquivos sejam rasterizados O que isso significa é, por exemplo, vamos pressionar e simular S e vamos torná-lo grande. E você verá que está começando a perder qualidade à medida que cresce. Mas se pressionarmos esse botão aqui, mesmo aumentando seu tamanho, ele permanecerá com a mesma qualidade. Então, essa é a melhor coisa sobre arquivos SVG e sobre o Illustrator, porque somos capazes de fazer isso Se você quiser realmente ampliar, por exemplo, ou realmente aumentar o tamanho de algo, podemos fazer isso com isso, que economiza, sim, salva absolutamente o dia. Então, se você quiser, pode selecionar tudo e clicar neste botão aqui e pronto tudo e clicar . Então é assim que você faz com o Figma, com Illustrator e com o After Se você tiver alguma dúvida, me avise. Mas, além disso, nos vemos no próximo vídeo. 9. Preparando uma UI estilo Apple para After Effects: fluxo de trabalho do PDF + Illustrator: Bem-vindo. Este é o último vídeo sobre a criação de nossos designs de interface de usuário e, neste vídeo, vamos usar PDFs no Illustrator e no After Deixe-me te mostrar como fazer isso. Vamos para Safari, Arquivo, Exportar como PDF E deve haver uma opção semelhante no Crombo Browser. Mas para este, vamos salvá-lo em nosso desktop como YouTube. Em seguida, vamos entrar no Illustrator. Há algumas maneiras de abrir esse arquivo PDF. Você pode se conectar diretamente e abrir com o Illustrator. E isso abrirá a página do Illustrator, e aí está Esta é toda a nossa página do YouTube, e adivinha? Temos um grande número de objetos aqui, e cada objeto pode ser movido e personalizado, como você pode ver na tela, que é exatamente o que queremos. Outra forma de tentar isso é já ter um documento e, em seguida, tentar dragon drop nosso YouTube aqui. No entanto, você descobrirá que ele é importado como uma imagem e não como objetos ou camadas. E isso é um pouco problemático porque não queremos isso. Portanto, para evitar isso, certifique-se de acessar o arquivo aberto e pesquisar por tPDFPreseno, fechar e ver que ele foi importado da maneira que precisamos ser importados Nós podemos mover as coisas. Se não fizermos isso, como você pode ver, podemos movê-lo como uma imagem grande. Ou podemos continuar, botão direito do mouse em abrir com o Illustrator Agora, infelizmente, como você pode ver na tela, o texto não está na melhor forma. Para resolver isso, teremos que recriar cada texto que temos na tela Felizmente, não precisamos ter tantos vídeos, então podemos simplesmente excluí-los de, digamos, aqui, tudo. Então, podemos pressionar Shift O e arrastar essa coisa para cima para torná-la um pouco menor, talvez não tão pequena, algo assim. Em seguida, basta pressionar em Scape. E algumas coisas que podemos fazer. Sim, podemos prosseguir e editar o texto para que seja o correto. Podemos seguir em frente e excluir o texto, inserir o texto correto. A propósito, você pode simplesmente abrir o arquivo PDF e torná-lo enorme. Então, tudo bem, é esse. Então eu posso ir em frente e copiar o texto. A partir daqui, deixe-me selecioná-lo. Controle C, ou comando C, venha aqui e cole. Estrondo. Pronto para ir. Temos exatamente o mesmo texto. Talvez precisemos mudar as cores, então vamos torná-lo preto. Ok, agora precisamos entrar no arquivo, salvar como está no Illustrator, salvar Em seguida, chegamos aos efeitos posteriores, recortar nosso arquivo do Illustrator, a posição do trobin e os tamanhos trobin Clique duas vezes? Oh, eu esqueci de fazer uma grande coisa Chegamos aqui, liberamos a sequência da camada. Agora, precisamos selecionar tudo. Arraste-o para fora dessa camada e agora precisamos salvá-lo. Então, vamos ao After Effects Command Z. E aqui, arquivo, salve como Illustrator, YouTube, sim, substitua o anterior Pressione OK. Venha aqui. YouTube. Agora abrimos e aí está. Agora, se você rolar até a parte inferior, clique na camada um e vamos criar um sólido acima dela pressionando o Comando Y. Vamos torná-lo Y, assim como o YouTube E aí está. Temos nossa página no Facebook. Aí está, temos nossa página no YouTube. E agora, se você quiser alterar o texto, sim, podemos adicionar nosso texto na parte superior ou, mais uma vez, podemos fazer isso no Illustrator E então teremos que exportar isso como um arquivo de photoshop importante aqui Uma coisa que eu posso recomendar para evitar a dor de cabeça com o texto é que, se você for reutilizá-lo no futuro, na verdade, verdade, salve no arquivo do After Effects, como um modelo Portanto, no futuro, quando precisar usá-lo, você já terá texto do After Effects ou do Photoshop, qualquer opção que funcione melhor para você, e poderá reutilizá-lo Da mesma forma que você pode salvar um modelo para o After Effect, basta salvar o arquivo do After Effects em algum lugar que você saiba, por exemplo, eu posso salvá-lo no YouTube. Posso fechar esse arquivo pressionando Shift Control Option Command S, depois abrir o arquivo After Effects e aí está. Esse é o modelo. No futuro, você poderá reutilizá-lo. Então, por exemplo, vamos fechar esse arquivo. Vamos criar uma nova composição. Então, basicamente, um novo projeto foi criado. Agora vamos arrastar e soltar nosso YouTube e, em seguida, abriremos o YouTube e você poderá usá-lo assim. A propósito, quaisquer que sejam as alterações feitas nesse modelo, que foi importado, o arquivo original permanece o mesmo. São as mudanças que você faz aqui, por exemplo. Vamos excluí-lo assim e fechar este projeto. Agora vamos para Ok, digamos que este projeto. YouTube. Ok, fechamos. Mas se formos ao YouTube, o original, tudo é o mesmo porque não estamos realmente alterando o arquivo original, estamos apenas influenciando o arquivo que foi inserido no que foi inserido Ok, então eu entendo que não foi muito fácil ver os últimos quatro vídeos. Mas agora sabemos como criar designs de interface de usuário com captura de tela e Photoshop, com captura de tela e Illustrator, com Figma e Illustrator e com PDF e Illustrator Você tem 44, desculpe, não consigo contar. Você tem quatro maneiras diferentes de criar designs de interface do usuário. O que funcionar melhor para você, use-o com seu fluxo Se você tiver alguma dúvida, me avise melhor do que isso. Te vejo no próximo vídeo. 10. Configuração do projeto e estrutura de arquivos: Bem-vindo. Neste e nos próximos vídeos, podemos falar sobre as principais ferramentas para animações de interface do usuário da Apple Neste vídeo, especificamente, podemos falar sobre a configuração do projeto e a organização dos arquivos. Vamos abrir o After Effect, criar um novo projeto no canto superior esquerdo. Primeiro de tudo, vamos criar uma composição. Podemos clicar aqui na parte inferior ou clicar aqui para criar uma composição. Ou, se já tivermos algo aqui, podemos simplesmente arrastá-lo e soltá-lo do projeto em nossa linha do tempo aqui e ele criará uma composição Agora, eu recomendo criar composições com antecedência clicando aqui, clicando aqui e personalizando Eu recomendo trabalhar com 1080 por 1920 ou 1920 por 1080, dependendo se você quiser criar vídeos verticais ou horizontais, vamos criar E eu recomendo 30 quadros por segundo. Existem basicamente três taxas de quadros principais. Há 24, 30 e 60. Às vezes, você pode ver online, por exemplo , no YouTube, cerca de 50 quadros por segundo, mas é um pouco estranho A maioria dos filmes usa 24 quadros por segundo, por exemplo, transformadores , são 24 quadros por segundo Se você usar 60 quadros por segundo, é muito suave, mas não parece natural. Muito natural e, claro, ao dizer isso, estou compartilhando minha opinião, mas na minha opinião, 30 quadros por segundo é o melhor. Então, eu recomendo 30 quadros por segundo, 1920 por 1080 ou 1080 por Na parte inferior, você pode definir a duração da sua composição. Podemos definir, por exemplo, 10 segundos e pressionar OK. A propósito, você também pode dar um nome a ele. A composição 1 funciona perfeitamente bem para nós. Em segundo lugar, recomendo personalizar seus espaços de trabalho. Por exemplo, esse é um espaço de trabalho horizontal, mas, como você pode ver, estamos trabalhando com vídeo vertical, não é o mais conveniente O mais conveniente seria um espaço de trabalho vertical. Para fazer isso, você precisa ir para a área de trabalho padrão, depois arrastar essa coisa na parte superior, arrastá-la para a direita e fazer assim Então precisamos mover isso para cá. Quero dizer, você verá na verdade, o áudio que realmente não precisamos aqui, uma linha, definitivamente precisamos dele, prévia, realmente não precisamos dele. Propriedades, nós precisamos de propriedades. Então, vamos colocá-lo aqui. Também podemos colocá-lo à direita. Ok, e aí está. Aí está a vertical, depois vá em frente, clique com o botão direito do mouse em Salvar esta nova área de trabalho, dê um nome a ela e ela estará localizada aqui ou no topo aqui Você pode redefinir para salvar layout e ele voltará ao padrão. Em termos de organização de arquivos, eu recomendo criar pastas. Como você talvez saiba ou não, você pode criar pastas. Você pode criar pastas clicando nelas ou pode criar pastas arrastando algo para a pasta e ela criará uma pasta Então, por exemplo, digamos que tivéssemos comp one, depois vamos duplicar algumas vezes Vamos selecionar todos os três, dragão, solte-o aqui e dê um nome a ele. Combine um, dois, três. E clicando aqui, você poderá abri-lo. Isso mantém as coisas mais organizadas. É mais fácil de acessar, especialmente quando estamos trabalhando com designs de interface do usuário. E às vezes existem centenas, se não mais, camadas, e eu só quero ter certeza de que você sabe onde as coisas estão localizadas. Caso contrário, será uma grande dor de cabeça. Você não quer isso. Faça isso. Crie uma composição e você estará pronto para começar. Se você tiver alguma dúvida, me avise. Melhor do que isso, nos vemos no próximo vídeo. 11. Camadas de formas e ferramentas essenciais de animação: Bem-vindo. Neste vídeo, falaremos sobre ferramentas de formas e ferramentas essenciais de animação. Vamos pressionar Command e para criar uma nova composição. E, a propósito, as configurações que criamos no vídeo anterior sempre serão padrão para novas composições, a menos que você altere a configuração Então, se mudarmos para 1080 por 1080 e pressionarmos ok, próxima vez que criarmos uma nova composição, ela será 10801080 Há várias coisas que são importantes ao criar animações de APO UI Primeiro de tudo, precisamos criar formas e podemos pressionar Q para selecionar a ferramenta de forma. Também podemos pressionar Q e vamos selecionar uma forma com retângulos arredondados Desculpe, uma ferramenta de retângulo arredondado. Em seguida, vamos selecionar o círculo Ellipso, depois esse polígono e uma ferramenta SAR Vamos criar uma ferramenta de retângulo arredondado. E pressionando a tecla shift, vou me certificar de que é um quadrado perfeito. Vamos colocá-lo no meio. A propósito, também podemos alterar o tamanho da composição. No meio da edição, isso não é um problema. Então, outra ferramenta organizacional que usaremos é a nomenclatura. Então, por exemplo, para este, vamos lê-lo quadrado vermelho. OK. Também vou pressionar Command e clicar duas vezes nessa ferramenta panorâmica, que vai centralizar o ponto de ancha A razão pela qual queremos centralizar o ponto de ancoragem é porque, se criarmos animações e , digamos, animações de caminho, elas serão baseadas no Portanto, você quer ter certeza de que está bem no meio, não em algum lugar em um dos lados, o que destruirá completamente a animação. Agora, vamos criar outro retângulo. Certifique-se de selecionar este. Eu posso clicar aqui, mas se tiver uma tonelada de camadas. Aqui você pode simplesmente pressionar Shift Command A ou Shift Control A. E vamos criar outro retângulo, colocá-lo também no meio centralizar o ponto de ancoragem E para este, vamos mudar sua cor. Vamos mudar para Vamos mudar para branco. Então, isso vai ser um pequeno quadrado branco. Você pode renomear pressionando Enter e, em seguida, poderá renomear Você também pode alterar as cores de cada camada. Então, por exemplo, para o vermelho ligado, podemos realmente selecionar vermelho, mas para o branco não há branco, podemos selecionar como rosa, amarelo, pêssego, o que estiver mais próximo Você também pode editar os rótulos e definir a cor que quiser. Por exemplo, em vez desse verde escuro que eu nunca uso, podemos realmente definir branco, e podemos chamá-lo de branco. E agora poderemos definir branco assim. Perfeito. Porque, no futuro, trabalharemos com a transformação das formas Precisamos ter certeza de que sabemos como conectar as formas para que possamos transformá-las. Então, por exemplo, se eu aumentar a escala, aumentamos apenas a escala de um deles. A propósito, precisamos inserir o ponto de co para este. Ok, então digamos que aumentamos a escala, mas a pequena não escala. Hmm. Bem, para escalar o pequeno, precisamos educá-lo, e fazemos isso criando o pequeno com este, apenas colocando-o Se você não ver o ícone do chicote por algum motivo, pressione Control S ou Alt S no Windows e você poderá alternar entre as ferramentas aqui Então, agora, se eu aumentar a escala, os dois escalarão exatamente o que queremos. No entanto, e isso é grande, digamos que queremos alterar o retângulo Digamos que queremos mudar seu tamanho. Então, por exemplo, assim ou assim, certo, mudamos sua posição, por exemplo, aqui, ou mudamos a redondeza. Existe alguma maneira de fazer isso para que o branco mude da mesma forma que o direito? Sim, com certeza. A maneira de fazer isso é abrir o retângulo, o pequeno branco Temos o tamanho, a posição, a rugosidade, exatamente o mesmo que temos para o E agora precisamos aumentar o tamanho do pequeno para o tamanho do retângulo grande Você verá que acabou de se tornar um tamanho. E agora será capaz de personalizá-lo. Então, se eu definir a opacidade desta em 50% indo até a propriedade, por exemplo, 50, você verá que temos a vermelha atrás e eles estão fazendo exatamente o mesmo Sabemos que isso funciona porque esses valores são vermelhos. Então 671, seis, 71, e temos exatamente o mesmo aqui E se mudarmos isso, também mudará para o outro. Esses valores são vermelhos, isso significa que eles estão conectados. Bom. Temos as mesmas quatro posições. Então, se mudarmos a posição, mudará também. E agora, para o arredondamento também, vamos conectar o arredondamento Agora, se mudarmos o arredondamento de um deles, o outro também muda Agora, podemos voltar e conectar apenas a redondeza, por exemplo Então, vamos conectar a redondeza. E ao aumentar a redondeza da grande, também mudamos as rodadas da pequena Interessante, certo? Ok, em termos de animação, você tem várias animações. Você tem suas animações de transformação regulares. Você tem suas animações aqui. Tipo, tudo que tem esse ícone de cronômetro, tudo pode ser animado E há uma extensão muito boa, que é o animation composer, que é totalmente gratuita E também tem muitas animações. Então, por exemplo, diz transições, mas tecnicamente também são animações. Então, por exemplo, temos um quadrado vermelho. Podemos dar uma olhada em qualquer um deles. Também podemos aumentar o tamanho, se quisermos. E digamos que clicamos aqui, animação entra, e é assim que funciona. Digamos que nosso ponto de ancoragem esteja em algum lugar ao lado aqui e façamos a animação, e você pode ver que está indo do ponto do tornozelo É por isso que é importante centralizar o ponto final para que, quando estiver dentro, seja simétrico em relação ao meio, as coisas corram Nós podemos fazer a animação . Nós podemos fazer as duas coisas. E isso pode economizar muito tempo para nós, porque em vez de animar isso manualmente, podemos realmente seguir em frente e fazer isso Por exemplo, vamos duplicar. E vamos remover do quadrado vermelho dois. Vamos mudar a posição de ambos. Ok, então temos um crescendo e depois diminuindo de tamanho. Ok, então precisamos fazer isso com escala. Escale em um, colocamos em zero aqui, colocamos para ver o quão grande é. De qualquer forma, vamos aumentar de tamanho para cerca de 120, provavelmente. Então, em vez de fazer essa animação, a propósito , provavelmente eles pressionaram F nove também um pouco. Estamos errados por um quadro, mas você entendeu. Em vez de fazer isso manualmente todas as vezes, certo podemos simplesmente pressionar , podemos simplesmente pressionar esse botão aqui e pronto. Economiza uma quantidade incrível de tempo. Para baixar o compositor de animação, basta acessar o compositor de animação do Google Aí está. Vá em frente e experimente gratuitamente. Não há necessidade de pagar nada. Você acabou de experimentá-lo gratuitamente para sempre. Se você tiver alguma dúvida, me avise. Mas, além disso, brinque com isso e nos vemos no próximo vídeo. 12. Editor gráfico, facilidade e curvas suaves: Bem-vindo. Neste vídeo, vamos explorar o editor gráfico, facilitando, facilitando e começando. Ok, então temos nosso quadrado no meio. Vamos criar um quadro-chave. Vamos pressionar P para ver a posição, definir um quadro-chave, movê-lo ainda mais e, em seguida, definir outro quadro-chave E temos uma animação muito simples da praça subindo. Agora, se você selecionar os dois, podemos pressionar FN F nove e vamos simplificar Então começa mais devagar e termina mais devagar. Deixe-me ir ao editor gráfico pressionando este botão aqui, ou você pode criar um shroc para si mesmo, e o shro para mim é Control G. E você verá que temos dois Se eu pressionar FN F nove ou apenas F nove, em vez de ficar rígido em ângulos de 80 graus , ficará suave Então, antes e depois. E quando esses quadros-chave se transformam em uma forma diferente, significa que você está usando a atenuação, a atenuação Você também pode pressionar no comando e no quadro-chave, comando e no quadro-chave e voltar ao movimento linear Mas não queremos linhas lineares. Queremos animações suaves. Ok, então vamos ao Graph Editor. Com essas alças, você pode controlar a suavidade da animação. Então começa devagar, vai muito rápido e depois fica lento novamente. Então, vamos ver. Você pode ver que é um tipo diferente de animação em comparação com esta Vamos comparar mais uma vez. Esta é uma versão mais extrema dessa facilitação de entrada e saída. A propósito, você quer ter certeza de que está editando o gráfico de velocidade, não o gráfico de valores, para fazer isso. Se chegarmos ao gráfico de valores, ele é um pouco mais avançado. Normalmente, 99% das vezes eu uso o gráfico de velocidade. Se você chegar ao gráfico de valores, ele se parece com isso. E a razão pela qual parece isso é porque é um pouco mais avançado. Temos dois movimentos. Temos o movimento vertical e o movimento horizontal. E você vê se não temos nenhum movimento da direita para a esquerda. É por isso que a vermelha, que é a posição X , não muda em nada. Mas a posição Y muda porque está se movendo para cima e para baixo. E uma coisa que posso fazer é clicar com o botão direito na posição e separar as dimensões. Portanto, poderei personalizar este. Então, se eu vou impressionar o F nine, vai ficar um pouco mais suave Eu posso arrastar essas alças ainda mais. Este só permite mais personalização. Eles são basicamente uma coisa muito parecida com o que fizemos com Let's Back. Eu fui muito longe. De qualquer forma, vamos colocar a posição aqui, uma posição aqui, um pouco abaixo. Ok, então é assim. FNF nove, agora ele vai na direção oposta. Na verdade, também podemos movê-lo daqui para que a animação seja 0-1, digamos, 115, para que a animação seja um pouco mais longa Agora, uma coisa que você também pode fazer é clicar duas vezes no quadro-chave e personalizá-lo com precisão Você verá que cada quadro-chave tem velocidade de entrada e saída, e a saída é para este porque está fora e este está dentro e Então, se eu clicar duas vezes nesta, teremos basicamente que ignorar essa parte e observar apenas a velocidade de entrada desse quadro-chave Para esse quadro-chave, precisamos dar uma olhada apenas na saída e ignorar essa Mas, por exemplo, se tivéssemos um terceiro Algo assim. Se eu clicar nesse quadro-chave, agora temos que prestar atenção a ambos Portanto, depende se o quadro-chave tem entrada e velocidade de saída Em palavras simples, significa se há animação nos dois lados do quadro-chave ou apenas em um lado do quadro-chave Basicamente, você pode personalizar a suavidade. Por exemplo, posso colocar cerca de 65 aqui. Eu posso clicar duas vezes e posso colocar 65 aqui também. E você verá que temos diferentes tipos de animações. Na verdade, podemos torná-lo muito semelhante arrastando-o, assim Agora, se você tiver um pouco de orçamento, há uma extensão chamada fluxo. É essa extensão aqui. Deixe-me mostrar como instalá-lo. Portanto, custa $35 da AE Script selecionar nossa forma, clicar duas vezes em qualquer animação que quisermos e ela será criada Então, se você quiser, pode personalizá-lo. Mas se você quiser, podemos clicar neste. Então, em vez de clicar em um botão, basta clicar duas vezes em um deles e pronto. Então é assim que você cria movimentos suaves. Se você tiver alguma dúvida, me avise. Mas, além disso, nos vemos no próximo vídeo. 13. Objeto nulo e configuração da câmera: Bem-vindo. Neste vídeo, falaremos sobre objetos nulos e configurações de câmera Na verdade, não precisamos necessariamente usar câmeras, mas com câmeras, você tem um pouco mais de liberdade, liberdade criativa às vezes, e eu gosto de usá-la. Também gosto de usar o nos para animar as câmeras porque, com o nos, somos capazes de fazer algo que não podemos fazer apenas com as câmeras Eu vou te mostrar isso em um segundo. Então, por exemplo, vamos criar um plano de fundo pressionando o Comando Y. Vamos criar um plano de fundo Vamos aplicar a rampa de gradiente. Vamos criar uma forma grande aqui na parte inferior, centralizar o ponto de ancoragem e criar outra forma, então centralize o ponto de ancoragem e coloque-o no meio E vamos gostar desse, colocá-lo no meio também. Ok, então temos um pequeno tango de crack, um tango crack grande e um gradiente sólido branco Temos um e temos dois. E vamos criar uma câmera, B pressionando o comando de opção Shift C ou shift Alt Control C no Windows. Vamos criar um K. E diz que as câmeras afetam apenas três camadas D. Isso é verdade. E agora vamos criar um comando nulo, pressionando a opção Shift Y, ou Shift Alt control Y. E vamos conectar nossa câmera ao Vamos pressionar Control S para revelar outras partes. Às vezes, esses botões aparecem aleatoriamente e desaparecem aleatoriamente Não sei se há um padrão de quando eles aparecem e desaparecem, então basta pressionar d ou Control S para alternar entre os dois. Agora, vamos transformar nossos três nulos em três D. Também faremos com que os dois retângulos sejam três D. E, na verdade, vamos para a horizontal. Ao clicar aqui, vou pressionar em Nova visualização. Vou pesquisar por Nova visualização, então veja Nova visualização. Vou pressionar este ou este botão aqui para torná-lo em tela cheia. E eu vou alternar entre as câmeras. Na verdade, vou mudar para a vista superior e agora podemos ver as coisas. Portanto, temos nosso plano de fundo, que não é afetado pela câmera. Temos nossos um e dois, que são afetados pela câmera. Temos a câmera e o nulo. Assim, podemos criar a câmera e o nulo em uma única cor. Vamos fazer com que seja laranja e vamos fazer esses dois. Vamos torná-los brancos, os dois, na verdade. Agora, o que estamos tentando fazer é criar um efeito de paralaxe Precisamos mudar a posição do retângulo grande e do retângulo pequeno Então, vou mudar a posição do pequeno retângulo e colocá-lo de volta E a posição de um retângulo grande, vou colocá-lo um pouco para a frente para que haja mais espaço Você pode ver que este é o pequeno. Esse é o maior. Há um pouco de espaço entre eles. Portanto, quando, por exemplo, mudamos a posição do nulo, você pode ver que eles mudam forma diferente por dentro, porque se estivessem na mesma posição e nos movêssemos para cima e para baixo, você sabe, eles permaneceriam na mesma posição Mas como eles estão localizados em posições diferentes, vamos fazer isso de novo. Sabemos que temos esse interessante efeito de paralaxe, assim como na vida real, assim como na vida real, porque quando você dirige um carro, por exemplo, coisas que estão mais distantes mudam menos de posição do que coisas que estão perto Ok, então esse é um bom exemplo. As nuvens no fundo mudam um pouco menos do que no primeiro plano O primeiro plano está correndo muito rápido, mas o plano de fundo não muda tão Então esse é o efeito que estávamos tentando alcançar aqui. Vamos mudar a posição. Câmera. A razão pela qual conectamos a câmera ao nulo é porque, se quisermos ter movimentos muito suaves, precisamos controlá-la com nulos, Se eu mudar a posição da câmera e cronometrá-la, por exemplo, viemos daqui para aqui, pressionamos F nove e temos o movimento suave. E digamos que quiséssemos nos mover, digamos, para você possa ver, porque se dermos uma olhada neste gráfico, temos essa parte aqui, que é como se estivesse descendo para zero e depois tivesse que começar de novo. Não é isso que queremos fazer . Vamos cancelar tudo isso. Em vez disso, o que podemos fazer é cronometrar a posição do nulo. Então, vai mais longe. Ok, ótimo. Fã de nove. Está indo mais longe. Ao mesmo tempo, podemos criar outro nulo, então vamos duplicar este e comparar este com o nulo número dois P e vamos excluir os quadros-chave de posição para este, e vamos clicar na posição e clicar na posição aqui E um ventilador F nove, mais uma vez, para suavizá-lo. Agora, o segredo para um movimento suave é iniciar o próximo movimento antes que o primeiro termine. Então, como você pode ver exatamente o que temos aqui, temos nosso primeiro nulo ainda no processo e nosso segundo movimento já começando E é assim que você pode criar esse movimento super suave. Então, vamos dar uma olhada. Ok, vamos abrir o fluxo e fazer assim. Talvez não seja tão difícil assim. Ok, isso já é muito bom. Ok, ótimo. Então, um movimento muito, muito suave. E isso é algo que não conseguimos alcançar apenas com a câmera. E essa é exatamente a razão pela qual estamos fazendo isso com null , para que o movimento seja muito mais suave Porque, mais uma vez, com as câmeras , se animarmos alguma coisa, temos que esperar até que o quadro-chave termine e depois passar para o próximo Sim, tecnicamente, podemos fazer isso facilitando a entrada e a saída Nem sempre é tão fácil. Demora um pouco de idas e vindas, e é só que leva muito tempo. E por uma fração do esforço, é assim que você pode fazer isso. Então, não, câmeras, paralaxe. Se você tiver alguma dúvida, me avise. Mas mais do que isso. Te vejo no próximo vídeo. 14. Máscaras, foscos alfa: Bem-vindo. Neste vídeo, exploraremos máscaras, tapetes, tapetes alfa, tapetes uma, coisas Pode parecer assustador, nem um pouco assustador. Vamos começar. Primeiro de tudo, vamos criar um fundo branco e vamos criar um fundo roxo, então talvez não roxo, mas rosa. Para não criar nenhum tipo de máscara, precisamos usar uma ferramenta de modelagem. Nesse caso, vou pressionar Q ou vou pressionar aqui, segurar e selecionar qualquer tipo de forma. Vamos começar com a ferramenta retangular. Ao selecionar nosso plano de fundo sólido, vou apenas desenhar uma forma e você pode ver que ela está criando uma máscara. Se tivermos uma camada selecionada e, em cima dela estivermos desenhando uma máscara, desenharemos uma máscara. No entanto, se eu estiver apenas desenhando uma forma, sem nada selecionado aqui, ele desenhará uma forma. Selecione a forma do desenho, isso criará uma máscara. Selecione qualquer coisa, crie as formas para criar a forma Se selecionarmos uma ferramenta de retângulo arredondado, você verá que nossos ângulos serão arredondados Para controlar o arredondamento das bordas, você precisa usar um mouse Assim, você pode rolar para cima e para baixo e ver que está mudando o arredondamento. A propósito, estávamos fazendo a camada de forma. Então, vamos desativá-lo, selecioná-lo e estamos fazendo exatamente a mesma coisa aqui. Não podemos personalizar o arredondamento da máscara posteriormente No entanto, podemos personalizar o arredondamento da forma. Então, se eu entrar no caminho do retângulo, posso personalizar o arredondamento Mas se criarmos uma forma, não poderemos personalizar o arredondamento posteriormente. A maneira como podemos fazer isso é, você sabe, criar formas. Temos que selecionar uma máscara. Temos que selecionar nossos pontos e depois personalizá-los dessa forma, mas não há como fazer isso simplesmente com o controle deslizante para que isso afete todos os pontos Se fizermos isso com um círculo direto, para garantir que o círculo seja exatamente o mesmo em todos os lados, basta pressionar e Vai fazer com que seja muito redondo. Para esse polígono, também, como você pode ver, agora é um triângulo e, para alterar o número de ângulos que ele tem, mais uma vez, podemos usar o rolador do mouse e criar mais rolagens ou menos rolagens E a mesma coisa que temos que fazer com esse Tortol. Agora, isso é uma máscara. E quanto ao Track Mat? Track Mat funciona de forma semelhante à máscara, mas tem mais opções para trabalhar e mais personalizações Então, por exemplo, digamos que criamos um retângulo arredondado. Vai ser preto. E então vamos rastrear nosso sólido azul até a forma. Eu vou apenas colocá-lo nesta forma. Mamãe. Interessante. Portanto , ele desativa automaticamente o retângulo e podemos ativá-lo Mas o que ele faz é mostrar apenas o que seu tapete de rastreamento tem a forma em que você o rastreia. Então, por exemplo, rastreamos esse azul ou roxo emaranhado até nosso retângulo e ele está apenas mostrando isso dentro do O que podemos fazer é inverter o tapete pressionando e ele fará exatamente o oposto Só vai mostrar tudo o que está fora da praça. No momento, na verdade, temos um buraco no meio. E se quiséssemos, vamos adicionar algum texto. Digamos que tenhamos nosso texto abaixo dessa camada, na verdade, vamos tornar o texto muito maior, aumentar o tamanho dele, assim. E se eu pressionar P, isso muda a posição do texto, como você pode ver, temos um buraco no meio. Agora, também há uma maneira de fazer alfa mat. Alpha Mt é ainda mais interessante. Para isso, precisamos criar um sólido. Vamos aplicar um gradiente. Gradient Tramp. Agora vamos criar uma forma mais uma vez, colocá-la no meio. E agora vamos rastrear nossa forma até o gradiente. E agora temos que pressionar aqui. Em vez de ser apenas um tapete normal , será alfa fosco. Agora, isso é interessante. Basicamente, o que está acontecendo é que o que estiver preto no gradiente ficará transparente em nosso tapete de corrida, e o que for branco não será transparente Então, deixe-me dar um exemplo melhor se começarmos o ponto inicial do gradiente. Então, vamos fazer assim. E vamos fazer assim. OK. Agora vou desativá-lo e você verá que as áreas escuras do tapete ficaram transparentes. Então, essa parte é realmente transparente. Se eu colocar algum texto atrás, deixe-me mover o texto para baixo. Na verdade, digamos assim, para que você possa ver que essa parte é transparente, mas essa parte não é transparente. E esse é o tapete alfa. Na verdade, podemos combinar os dois. Então, digamos que animamos o plano de fundo e colocamos a posição final Vamos colocá-la aqui, e depois colocaremos essa posição aqui, então ela ficará assim, e revelará nosso quadrado dessa forma. Também podemos F nove para fazer com que entre, saia. Também podemos rastrear o texto da mesma forma, certo? Então, podemos rastrear o texto para esse cara também, e podemos fazer o tapete alfa e fazer exatamente o mesmo. Se você tiver alguma dúvida, me avise, por favor. Te vejo no próximo vídeo. 15. Brainstorming de conceitos de UI Viral com ChatGPT: Bem-vindo. Neste vídeo, vamos debater ideias de interface de usuário viral com o HAGPT, especificamente ideias de vídeo, porque nosso objetivo é criar dois vídeos, um vídeo vertical e um vídeo horizontal E o vídeo vertical que vamos criar será para mídias sociais, o vídeo horizontal será, o vídeo horizontal será na verdade, para a introdução das partituras. E eu vou te dar algumas dicas que me ajudam a criar as ideias. Além disso, aumente minha inspiração. Em primeiro lugar, eu sempre gosto de ter ideias em um pedaço de papel. Eu tenho esse pedaço de papel grande ou tenho outros menores, e eu adoro escrever com um lápis. É tão bom. É algo que esquecemos como fazer Muitas vezes usamos nossos computadores. E para mim, para sentir a inspiração e preencher as ideias, para realmente criar as ideias e colocá-las em um pedaço de papel, isso é o melhor. Gosto de fazer uma combinação da minha criatividade com o HGPT. O HGPT sabe tudo o que já existiu, mas, para ser sincero, não é criativo Esse é o maior problema com a IA e por que a IA não substituirá as pessoas, porque pelo menos no futuro próximo, IA não é criativa. Tudo o que a IA faz é treinada em modelos que são apenas exemplos dados por pessoas. Então, a IA sabe muitas coisas, e é por isso que ela é capaz fornecer as respostas e fornecer o tipo de criatividade, mas na verdade não é criativa. Embora seja muito bom em muitas outras coisas, mas em criatividade, simplesmente não existe nenhuma. Não há criatividade com a IA. Então, vou abrir o CHADPT e vamos ter ideias Então, vamos começar a fazer um brainstorming. Primeiro de tudo, precisamos ter duas ideias, duas ideias. Um vídeo vertical, segundo vídeo Sonto. Ok, para o vídeo vertical, já que estamos falando sobre a Apple, acho que, na verdade, tive uma ideia quando comecei a escrever algo que fiz em um dos meus outros cursos: fiz um dos meus outros cursos: fiz vídeo sobre Misty Beast sobre Jimmy E acho que, já que estamos fazendo a Apple, acho que podemos criar uma animação da Apple falando sobre a Apple. Vamos colocar isso como uma ideia, vídeo sobre animação de interface de usuário da Apple sobre a Apple. De qualquer forma, pode parecer confuso. Isso não importa. O objetivo é obter os resultados. Isso é o mais importante. Ok, para o vídeo horizontal, ele precisa ser um, então vamos colocar algo aqui, introdução ao curso Ok, então temos duas ideias, e acho que devemos explorar e realmente conversar com Cha GPT sobre isso e depois obter suas ideias porque ele sabe muitas coisas, e acho que ele será capaz de me ajudar com isso Agora, para obter os melhores resultados com o Ha GPT, você deve falar com ele e nomear qualquer especialista que ele seja Neste vídeo, ele será um roteirista profissional de ideação e roteiro ou idealista de ideias. Quem sabe? De qualquer forma. Vamos falar com ele. Você é um roteirista profissional que recebe $100.000 para escrever o melhor roteiro do planeta O roteiro é para um roteiro será para um vídeo vertical e um roteiro será para um vídeo horizontal. Então, um total de dois vídeos e um total de dois roteiros. Preciso que você me ajude com a ideia do vídeo vertical e o roteiro. E então, para o vídeo horizontal, você precisa me ajudar com o roteiro e não com a ideia. Quero dizer, talvez um pouco de ideia, mas principalmente o roteiro. Ok, deixe-me explicar. No vídeo vertical, estou criando um curso sobre animações no estilo Apple UI E para mostrar às pessoas como isso é feito, estou pensando em criar uma animação de vídeo vertical no estilo Apple UI sobre a Apple. Então, algo que fizemos com você no passado foi criar um vídeo sobre o Sr. Busin quanto ele ganha por segundo Estou pensando em algo parecido, algo semelhante, mas algo sobre a Apple. Então, isso pode ser quanto a Apple ganha por segundo ou quanto Tim Cooks ganha por segundo ou algo sobre a Apple porque está relacionado à Apple Acho que seria interessante. Em segundo lugar, para o vídeo horizontal, precisamos criar uma introdução ao curso É a primeira coisa que os alunos veem quando abrem o primeiro vídeo. Tem que ser um choque, tipo, algo que os atraia, algo que faça com que eles concluam o curso, algo que será muito valioso para eles. Quero dizer, essa animação no estilo AppLui é super valiosa. É por isso que eles farão esse curso. Você já conhece o curso, então vá em frente e responda. Ideia de VAD vertical e propósito do script. Na verdade, fizemos um trabalho bem rápido para criar a ideia do vídeo. Então, se você tiver alguma dúvida, me avise. Mas, além disso, nos vemos no próximo vídeo, onde vamos escrever um roteiro. 16. Criação de roteiro para storytelling de UI visual: Bem-vindo. Neste vídeo, vamos escrever um roteiro para as duas ideias que acabamos de criar. Ok, eu tenho uma ideia. Primeiro de tudo, vamos falar sobre o vídeo vertical, e acho que devemos fazer algo como quanto a equipe cozinha ou alguém que recebe mais na Apple? Quanto essa pessoa ganha por segundo? E fazemos uma configuração muito semelhante à que fizemos com o vídeo de Mr. Beast Basicamente, basta copiar e colar o script porque funcionou muito bem. Sim, então vá em frente e faça isso de vez em quando, discutiremos sobre o vídeo horizontal um pouco mais tarde. Ok, não tenho certeza do que aconteceu, mas vamos usar um script muito semelhante ao último script que usamos com Mr. Beast. Então isso seria quanto o Sr. Beast ganha por segundo Vamos detalhar isso. Em 2024, Beast Industries faturou $473 Isso é como mês, semana, hora, dia, segundo, minuto e assim por diante. E então, use esse script. Não tente mudar muito isso. Sim, vamos ver o que isso faz. Ok, eu gosto bastante de tudo, mas talvez não. Vamos seguir em frente e copiá-lo. Então, vamos fazer anotações. Vou criar uma nova nota. Então, na verdade, o texto que recebemos anteriormente é, vamos detalhá-lo. Ok, então as estatísticas sobre Tim Cook são estatísticas reais de, tipo, de onde vêm essas estatísticas? Encontre um artigo que suporte esses detalhes. Também quero ter certeza de que tudo está correto. Ok, há alguma estatística sobre 20:24 ou talvez 2025. OK. Estou um pouco confuso. No roteiro acima, você me deu a informação de que, se ele ganhasse 63 milhões por ano , seriam $6 por segundo E agora você está dizendo que $74 milhões 2,3 $7 por segundo Como isso é simplesmente impossível. E agora você está dizendo isso OK. Então, o TGPT cometeu um erro. Quanto Tim Cook ganha por segundo? As pernas se quebram em 20 a 2040. Eu quero me livrar do CDA. Não acho que vamos ter um CTA. Só estamos tentando fazer um ótimo vídeo. Ok, esse é o roteiro. Livre-se dos horários, tipo de comentários, seja o E certifique-se de usar os dados de 2024 sobre Tim Cook e certifique-se de calcular tudo duas vezes , porque antes dessa mensagem, você disse que em 2023, ele ganhava $6 por segundo Agora você está dizendo que ele ganha $2 por segundo. Certifique-se de que as informações sejam relevantes e atualizadas. Oh, de jeito nenhum. Mr. Beast fez mais do que Tim Cook Quero dizer, Tim Cook tem um salário. Mr. Beast tem toda sua indústria. Tipo, o próprio Sr. Beast não ganhava muito Foram suas empresas que ganharam tanto, mas, tipo, às vezes você pode confundir Mr. Beast com suas empresas, de qualquer forma, você pode me dizer, por que você está mudando o roteiro Eu te mandei o roteiro, tipo, Onde estão as palavras? Vamos detalhar isso? Estou me esforçando para entender. Por que isso está mudando tanto? Ok, ótimo, ótimo, ótimo, ótimo. Isso é exatamente o que precisávamos. Copiar, colar. Quanto Tim Cook ganha por segundo? Vamos detalhar. 24 Tim Cook ganhou $74,6 milhões. Isso é. Ok, ótimo. Agora, vamos criar um CTA onde compartilhá-lo com um amigo e dar um motivo para compartilhá-lo com o amigo Dê-me, tipo, dez razões diferentes para que eu possa escolher. Compartilhe isso com um amigo que precisa de um aumento. Essa é boa. Na verdade. Tudo bem, acho que seria muito engraçado dizer que é por isso que os iPhones custam Compartilhe isso com um amigo que precisa de um aumento. Essa é muito boa , muito boa. Eu absolutamente amo esse. Ok, então temos um script. Isso é ótimo. Às vezes, posso escrever um roteiro em um pedaço de papel, mas como posso mudar as coisas no futuro, gosto de mantê-lo na tela, só que um pouco mais fácil dessa forma. Agora, para o vídeo horizontal, vamos trabalhar no vídeo horizontal agora. Ok, ótimo. Então, terminamos com isso. Agora, vamos trabalhar no vídeo horizontal e, especificamente, no roteiro. Estou pensando em algo parecido com , na verdade, deixe-me verificar primeiro o script que você enviou para lhe dar algum feedback. Você está prestes a desbloquear o estilo exato usado pela Apple. Eu gosto disso. Startup de bilhões de dólares parece estranha porque startups. A Apple é uma delas. Por que startups? Então, criadores virais , sim, podemos manter isso. Isso não é apenas design de movimento. Sim, eu gosto disso. Seja você editor freelancer ou criador de conteúdo, o estilo de fazer com que seus projetos pareçam ter saído de Cupertino. Oh, adoro isso. Ok, precisamos encurtar o vídeo. Eu te disse o que eu gostei, com base no que eu gosto, crie um novo roteiro que tenha metade do tamanho do que você escreveu. Você está prestes a desbloquear o estilo exato de animação usado pela Apple e pelos criadores, obtendo milhões de visualizações É isso que torna impossível ignorar o Brand Field Premium e o conteúdo. Se você é editor freelancer ou criador de conteúdo, não se preocupe, mesmo que o After Effects falhe, antes era demais, você aprenderá tudo passo a passo Vamos pegar. Eu acho isso ótimo. Esse será nosso roteiro. E vamos fazer assim. Por que você gosta disso? Deixe-me contar um pouco da minha experiência. Então diz o que as pessoas vão receber, e isso é algo que as pessoas querem. Só estou tentando pensar como espectador. Isso não é apenas design de movimento. Verdadeiro. Isso é design de movimento. A maioria das pessoas está cansada apenas do design de movimento. Nós O que estamos tentando fazer é fazer com que pareça premium e impossível de superar. Exatamente. Estamos conversando diretamente com as pessoas que desejam fazer esse curso. Então, por exemplo, freelancers, editores, criadores de conteúdo. E, claro, posso dar muito mais explicações sobre que tipo de pessoa está tentando aprender esse estilo No entanto, também vai levar uma eternidade porque muitas pessoas estão tentando aprender. Principalmente são freelancers, editores e criadores de conteúdo que querem Essa linha parece única e interessante. E isso está falando sobre dificuldades e as razões pelas quais as pessoas podem não querer fazer esse curso E, mais uma vez, essa é uma espécie de criação rápida do script. Para ser honesto, você nunca sabe que tipo de script funcionará até que você realmente tente. A melhor maneira de tentar é realmente seguir em frente e ver que tipo de resultados você obtém. E se você não obtiver bons resultados, mude e experimente. O teste AB é, você sabe, você cria algo, você testa com outra coisa. Quem tiver melhor desempenho vence, digamos que este vença, ele sobe Em seguida, mais alto, você o compara com uma coisa nova. Você vê qual funciona melhor. Ainda este, fique com este. Mas então esse funciona melhor. Fique com esse. E então você sobe e sobe e sobe e é assim que você cria ótimos resultados. Bem, criamos dois scripts, o que é ótimo. Esse era nosso objetivo. Se você tiver alguma dúvida, me avise. Mas antes disso. Nos vemos no próximo vídeo. 17. Planejamento + narração: Bem-vindo. Neste vídeo, vamos criar uma narração e planejar nossos Quando estou criando meus próprios vídeos ou vídeos para outras pessoas, não tento planejar com tanta antecedência , porque se eu planejar com muita antecedência , não tenho muita criatividade no processo. primeiro lugar, em segundo lugar, é meio mais fácil para mim criar no processo do que com antecedência , porque sempre que começo a trabalhar e entro nesse fluxo interessante, isso me ajuda a fazer as coisas com mais facilidade. Agora, vou dizer que às vezes fico sem ideias, às vezes não tenho ideias ou quero novas ideias. Mas eu não tenho novas ideias. Nesse caso, vou usar ha GPT para potencialmente estimular um pouco de criatividade Muitas vezes, eu também faço uma pausa, faço alguma coisa. Enquanto faço outra coisa, penso sobre isso e então as ideias começam a surgir na minha cabeça. Esse é o meu processo. É assim que funciona. Se não funcionar dessa maneira, acho que é melhor criar seu próprio tipo de fluxo de trabalho criativo em torno disso. A melhor maneira de criar seu próprio fluxo de trabalho é apenas experimentar e experimentar. Você não sabe o que vai funcionar, você não sabe o que não vai funcionar. Então, a melhor coisa para você tentar, literalmente , pensar o que na Terra pode ajudá-lo a alcançar o que você deseja alcançar. Se você quiser ser mais criativo, o que pode ajudá-lo a ser mais criativo? Provavelmente novas ideias, como obter novas ideias e, você sabe, meio que fazer um brainstorming dessa forma Gosto de pensar no brainstorming como associação. Então, eu estou apenas tentando associar uma coisa com a outra. E o tipo de ideia criativa para mim também tem a ver com associação. Então, se você já jogou o jogo com associações como, você sabe, mesa, madeira, floresta, animais, zoológico, água, oceano, pôr do sol, espaço , você sabe, universo, partículas, você sabe, coisas assim. Então, é meio interessante. Se você nunca jogou, tente jogar na sua cabeça. Acho que é muito útil. E então isso meio que faz parte do meu fluxo de trabalho é simplesmente fazer outra coisa, fazer essas pequenas associações na minha cabeça, e então eu sou capaz de ter ideias. É assim que eu tenho ideias e posso planejar as coisas com antecedência. E é por isso que eu não gosto necessariamente de planejar as coisas com antecedência. O jeito que eu gosto de plantar é que eu gosto de ter, tipo, uma visão geral do que vou fazer. E Alred sabe o que eu vou fazer. O que vamos fazer é ter esses modelos diferentes. Então, por exemplo, um será como o Finder View. O outro será o Safari. O outro vai ser iPhone e coisas do tipo. Então, vamos mudar aplicativos diferentes e depois fazer animações em aplicativos diferentes E essa é uma espécie de visão geral do meu plano. E então, à medida que começarmos a editar os vídeos, vou obter mais detalhes. Agora, também precisamos criar as dublagens. A forma como eu crio dublagens é usar mensagens de voz em um Mac Eu tenho um microfone conectado com o qual estou gravando e vou apenas ler o roteiro. Do jeito que eu gosto de preparar os músculos do rosto, é melhor preparar os músculos do rosto, porque se você não preparar os músculos do rosto, pode escolher um pouco disso e não é muito bom. Vou te dar algumas dicas. Eu aprendi isso com uma pessoa chamada Vin. Aquele Vin que é como um palestrante profissional, você pode pesquisar no Google. Basicamente, ele dá algumas práticas. Antes de tudo, faça seu rosto pequeno, faça seu rosto grande. Tão pequeno e grande. Pequeno. E então eu fico assim por uns 30 segundos. Então imagine que você está comendo um chiclete enorme e ele sobe assim Então, continue assim por 30 segundos. Eu tento mover minha mandíbula, desse jeito. Então, estou tentando ler esse roteiro como se estivesse exagerando, como cada palavra, por exemplo, vídeo horizontal Você está prestes a desbloquear o estilo de animação exato usado pela Apple. Dessa forma, você melhora sua pronúncia, suas palavras soam melhor. E a última, se você acabou de acordar de manhã, você tem esse tipo de voz do Batman Se você quiser se livrar disso e ter esse tipo de altos e baixos em sua voz , é melhor fazer assim É isso aí, então esse é o meu processo de cinco etapas para preparar os músculos do rosto e mandíbula para gravar os vídeos. Depois de eu ter feito isso. O que leva cerca de 3 minutos. Consigo gravar vídeos. Na verdade, isso é o que eu faço antes de gravar esses vídeos para você. Então, toda vez que eu faço isso. Agora, vamos criar dois vídeos. Eu vou ler um roteiro. Eu não vejo muito bem. É por isso que vou usar óculos. Mãe, ele. Você está prestes a desbloquear o estilo exato de animação usado pela Apple e pelos criadores, obtendo milhões de visualizações É o que faz com que as marcas se sintam premium e o conteúdo seja impossível de ignorar. Seja você freelancer, editor ou criador de conteúdo, esse estilo faz com que você trabalhe como se tivesse vindo direto dele. Oh, esse estilo faz você trabalhar, parece que esse estilo faz você trabalhar, parece que veio direto Esse estilo, faz você trabalhar, parecer esse estilo, esse estilo, esse estilo, esse estilo, esse estilo, faz você trabalhar, parece que veio direto de Cupertino Esse estilo faz você sair direto desse estilo, desse estilo, desse estilo. E não se preocupe. Mesmo que os efeitos posteriores parecessem opressores antes, não se preocupe Você aprenderá tudo passo a passo. Você aprenderá tudo. Ok, essa é uma gravação feita. Vamos gravar o segundo vídeo. Além disso, eu também pego um pouco de água e mantenho a água logo atrás de mim, ao meu lado. Caso contrário, é muito doloroso na garganta. Quanto Tim Cook ganha por segundo? Bem, é claro, os vizinhos emitirão um bipe. Em 2024, Tim Cook ganhou 74 milhões. O que esses vizinhos estão fazendo? Sim, é com isso que eu tenho que lidar toda vez. Compartilhe isso com um amigo que precisa de um aumento. Ok, está feito. Não tenho certeza se vou usar essa gravação. Não gosto da forma como minha voz soa agora, então talvez eu regrave isso. Mas esse é o processo. Isso é o que eu tenho que passar. Então, tivemos uma ideia. Nós passamos por isso com o HatPT. Nós criamos roteiros. Gravamos um áudio e, depois disso, tudo o que precisamos fazer é entrar no After Effects e criar essas animações Se você tiver alguma dúvida, me avise. Mas além disso, eu vou ver no próximo vídeo, nós criamos as animações. Vamos. 18. Parabéns! : Parabéns. Se você está assistindo isso, significa que você chegou metade do conteúdo do curso Eu sei que cobrimos muita coisa, então parabéns a você por chegar até aqui. E haverá muito mais conteúdo valioso em breve. Mas antes de chegarmos ao próximo vídeo, quero simplesmente perguntar se você encontrou valor neste programa até agora, levar 60 segundos para deixar uma análise honesta. Claro, eu apreciarei imensamente isso. Um feedback também ajudará centenas de futuros alunos a decidir o melhor programa para eles. Então, deixe seu feedback agora. E, claro, se houver alguma coisa em que eu possa ajudá-lo, informe-me na seção de perguntas e respostas abaixo. Você está indo muito bem. Continue. E sem falar nisso, vamos ao próximo vídeo. 19. Configurando o layout de UI no Figma: Bem-vindo. Neste vídeo, vamos preparar nossos ativos. Então, já criamos os roteiros, gravamos os roteiros. Agora, antes de começarmos a editar, precisamos preparar tudo em que temos que trabalhar. Porque se não fizermos isso, será uma dor de cabeça fazer isso em um processo. Então, vamos copiar esse script e voltar ao Ha GPT. Ei, eu tenho GPT Ok, então para esse roteiro, esse é o roteiro final para o vídeo vertical. Vamos usar, como eu disse antes, vamos criar animações da Apple e precisamos usar diferentes designs de interface do usuário da Apple Você precisa me dar uma lista de diferentes ideias possíveis. Então, por exemplo, pode-se ser uma visão mais fácil. A outra pode ser a visualização do iPhone. Podem ser notificações do iPhone. Podem ser aplicativos para iPhone. Então, em vez das notificações, seria o texto em vez dos ícones, como abaixo dos ícones, em vez do texto, eles seriam o nosso texto. Me dê mais ideias de onde eu possa colocar um texto como este. Talvez possamos fazer, tipo, um navegador. Talvez possamos fazer resultados de pesquisa no Google, algo assim. Então, me dê ideias diferentes relacionadas à interface do usuário da Apple para designs. E sim, me dê uma lista de, tipo, 20 ideias diferentes. Janela do Finder. Ok, eu mando uma mensagem para aquela bolha Ótimo. Banner de notificações do iPhone, notificações na tela de bloqueio, ícones de aplicativos com rótulos, títulos do centro de controle. Mm, pode ser ótimo. Ok, vamos contar quantos temos. Podemos fazer isso com antecedência e, na verdade, comercializar com cores diferentes. Então eu acho que por causa da velocidade, porque isso vai ser muito rápido, podemos comercializar com uma cor, e será uma cena. Vamos fazer assim. Um, dois, três, quatro, cinco, seis. Temos seis cenas diferentes. Só por causa do momento e porque eu já tenho uma ideia de como será o vídeo , eu o dividi assim. É isso mesmo. Não há uma fórmula específica que eu esteja seguindo. Estou meio que tendo uma ideia na minha cabeça e tentando replicá-la na vida real. Precisamos de seis cenas diferentes. Vamos dar uma olhada nos outros. Apple Music. Ooh. Esse vai ser um. Então, estou pensando em notificações. Isso pode ser essa parte. Então, cada notificação será como, teremos uma animação de notificação e, para cada notificação, teremos mês, semana, dia, hora e minuto. Acho que vai ser super legal. Eles não estão em uma ordem específica. Isso é exatamente o que precisamos encontrar. E para que eu entenda que tipo de quantos temos, eu apenas mudo os números. Ok, então agora vamos tentar ir para Figma, Finder Window. Vamos pesquisar a janela do Finder e ver se podemos encontrá-la. Ok, então vamos ampliar, e vamos precisar dessa parte. Ok, então você quer ter certeza clicar duas vezes até que haja, tipo, um específico que você escolheu. E como você pode ver, esse é o que eu precisava. Eu não preciso de todo o localizador número um. Não precisamos do cabeçalho. Então, eu estava clicando até exatamente o que estava procurando, e vou clicar com o botão direito do mouse em copiar como SVJ e vamos para Illustrator, Newfle web, large e Command V ou Control V Agora, vamos aumentar de tamanho. Ao pressionar Shift e opção, vou torná-lo maior assim. Agora vou abrir até vermos todos os objetos. Vou descer e mudar com shift, selecionar todos os objetos. E eu vou arrastar tudo isso para fora. Agora, você verá que alguns deles ficaram um pouco visíveis, então vou excluí-los porque não precisamos deles na parte inferior. Acho que vai ser muito legal criar texto aqui, por exemplo, um, dois, três, quatro, cinco. Podemos ter uma frase inteira aqui. Vamos clicar aqui. Solte a sequência de duas camadas, selecione todas as camadas, 150 camadas. Isso é um grande número de camadas e arraste-as para fora da camada 1. Ok, isso é ótimo. Comande S para salvá-lo. E vamos chamá-la de janela do localizador. Ok. Vou adicionar o texto diretamente no After Effects e, por enquanto, posso simplesmente fechá-lo. Na verdade, posso fechá-lo pressionando Command W ou Control W, e ele fechará a janela. E agora vamos verificar se está tudo bem. Nós vamos abri-lo. Boom, perfeito. Este está pronto. Eu envio mensagens para o chat. Ok, na verdade, isso parece ótimo. E esse é o único. Ok, vamos clicar com o botão direito do mouse em Copiar também. Comando N para criar um novo, webge Command V. Ok, então vamos lançar uma sequência de duas camadas Vamos selecionar tudo, arrastá-lo para fora e agora salvar este. Nós vamos chamá-lo. Se eu enviar uma mensagem, balão. Vou salvar tudo no desktop e depois personalizar. Esse está pronto. Notificações do iPhone. Muito parecido com tudo. Ok, então vamos salvar este também. Solte a camada e arraste-a para fora. Controle e salve na música da tela. Então, temos a música. Ok, vamos voltar às notificações e procurá-las. Tudo o que estou fazendo aqui é passar exatamente pelo mesmo processo Figma Illustrator, salvar o arquivo Em vez de te entediar com exatamente a mesma coisa que você já me viu fazer dez vezes, eu acelerei isso No geral, demorei cerca de 45 minutos para concluir e preparar todos os ativos. Ok, ótimo. Então, agora temos a visualização Find. Eu envio notificações de calendário, outras notificações, bem como músicas e notas. Ótimo. Em termos de design de interface do usuário, temos tudo preparado. Agora, podemos colocá-lo em nosso vídeo vertical. Então, designs de interface do usuário. Podemos colocar tudo aqui para garantir que as coisas estejam organizadas. Então, vamos deixar isso aí. Agora, vamos colocá-lo no vídeo vertical e nos designs da interface do usuário. Ok, agora podemos realmente começar a trabalhar no vídeo. Temos nosso áudio. Nós temos nossos projetos. Absolutamente lindo. Temos tudo preparado e, no próximo vídeo, estamos prontos para começar a trabalhar. Então, se você tiver alguma dúvida, me avise. Mas, além disso, nos vemos no próximo vídeo. 20. Seções de herói de animação: introdução dinâmica + texto: Bem-vindo. Estou muito empolgada com esse vídeo porque finalmente estamos começando a editá-lo. Fizemos toda a preparação, um trabalho chato. Agora, vamos começar e praticar. Ok, então deixe-me mostrar o que eu fiz aqui. Eu não fiz isso na câmera porque quero tirar um tempo e não quero que você entediado com coisas chatas. Então, aqui está o que eu fiz. Tivemos nossos seis designs diferentes, designs de interface do usuário. E eu apenas os marquei com cores exatamente como descrevemos para que eu saiba, por exemplo, nesta parte, vamos usar o localizador Eu também os movo para facilitar um pouco. Não dê uma olhada nesses números, então podemos simplesmente excluí-los. Perfeito. Então, temos isso pronto. Agora, vamos entrar no After Effect. Ok, criamos um novo projeto. Vamos criar uma nova composição. Não tenho certeza de quanto tempo isso vai demorar. Na verdade, como temos caras, esqueci completamente que temos a gravação de áudio Portanto, precisamos criar o projeto de estreia primeiro para cortar o áudio e depois adicionar os designs e os efeitos posteriores Para isso, abra a janela Premiere, crie a sequência, corte-a Você definitivamente pode fazer isso no After Effects. É um pouco mais fácil para mim fazer isso na estreia, porque geralmente o After Effects serve mais para, tipo, design gráfico em movimento, e a estreia é mais para juntar tudo Novo projeto. Vamos chamá-lo de vídeo vertical. E vou escolher um local de vídeo vertical, ok, comando Shift e criar uma nova pasta, e vamos chamá-la de PR. Assim, para abrir um Mojes, é um espaço de comando de controle Em seguida, crie. OK. E aqui, vamos criar um videogame vertical. Crie o projeto. Vamos arrastar nosso áudio aqui. Vamos criar uma sequência. Podemos meio que arrastar e soltar o áudio aqui. Mas então, se dermos uma olhada nas configurações, tipo, não temos controle sobre a configuração, então não é algo que eu queira fazer. Eu quero criar uma sequência. Selecione 30 quadros por segundo, 1920, 10800 Oops. Desculpe, 1080 por 1920. O atalho para abrir as configurações, em primeiro lugar, podemos abrir todos os tipos de atalhos com o atalho do teclado O atalho é a opção Command K no Mac e é o antigo Control K no PC Então, podemos abri-los e, se eu pesquisar por configurações, e pudermos pesquisar por configurações de sequência, Comando K. Você pode pesquisar, você pode colocar o mesmo atalho, se quiser É o mesmo atalho usado no After Effects. Vamos arrastá-lo até aqui. Na verdade, eu não gosto da aparência, então eu crio o atalho para mim mesmo para personalizar a linha do tempo Você pode criticar meus outros cursos sobre como fazer isso. Ok, agora só precisamos cortar tudo. Quanto ganha o Steam Cook a cada segundo? Quanto o Team Cook ganha por segundo? Vamos detalhar isso. Em 2024, o Team Cook faturou 74,6 milhões de dólares. São 6,2 milhões de dólares por mês, 1,4 milhão por semana, 204.000 por dia, 8.500 por hora, E isso é 2,3 $7 a cada segundo. Isso é mais do que a maioria das pessoas ganha em uma hora a cada segundo. Compartilhe isso com um amigo que precisa de um aumento. Perfeito. Vamos criar outra pasta chamada AE, que é o After Effects. E eu vou definir uma etiqueta também. Então eu tenho essa etiqueta roxa, que é o atalho Control 3 no MacBook para criar esse tipo de roxo para que eu saiba que essa cor é apenas relacionada ao projeto Também podemos fazer, tipo, downloads. Isso também está relacionado ao projeto, e então é mais fácil para mim organizar. Então, podemos fazer um link dinâmico. No entanto, se eu clicar com o botão direito do mouse em substituir pela composição do After Effect, isso não funcionará. Para que o link dinâmico funcione, precisamos ter algum tipo de visual. Você sabe, isso não importa. Pode ser o visual em si, pode ser super curto, pode ser tão longo, clique com o botão direito do mouse, e agora podemos fazer isso. No entanto, em vez de clicar com o botão direito do mouse, tenho um atalho Portanto, substitua pela composição pós-efeito. Para mim, o atalho é a opção A, e eu apenas pressiono Dê uma olhada nesta opção A. Aí está. E vamos chamá-lo de vídeo vertical. Tim Cook. OK. E vamos colocá-lo no After Effects. Excluiremos o gráfico. E agora temos a composição que é exatamente a mesma que criamos na estreia Portanto, temos a largura, a altura e 30 quadros por segundo. Tudo está bem, embora a hora seja a hora certa, porque essa é a duração do nosso áudio. Veja isso se transformar em vermelho. Podemos pressionar Command set se quisermos fazer isso e poder colocá-lo depois. Eu diria que seria melhor exportá-lo primeiro do After Effects, caso contrário, ele terá que renderizá-lo em tempo real na estreia E em vez de colocar tanta pressão em nosso computador, podemos simplesmente exportá-lo do After Effects posteriormente. Então eu apenas pressiono Command set. Posso pressionar Shift Command set para refazer, mas vou pressionar o comando ao pressionar o comando a para salvá-lo e o comando Q para sair. Ok, vou selecionar todo o áudio, pressione Shift Command C para pré-compor, e o que chamarei Temos sólidos. Ok, então não precisamos de sólidos. Podemos excluí-lo. Gráfico, podemos excluir o gráfico. Excluir. Áudio. OK. Podemos colocá-lo em áudio, assim como podemos colocar áudio aqui também, porque não precisamos personalizar o áudio. Só podemos personalizá-lo. Quero dizer, podemos, mas não precisamos necessariamente disso. Então, quanto ganha o Steam Cook a cada segundo? Vamos detalhar isso. E para isso, vamos usar a janela do localizador Ok, então vamos pesquisar nossos designs de interface de usuário e encontrar a janela do localizador, a composição, o tamanho da camada, pressionar noka e deixar que ele faça seu trabalho Às vezes, leva um pouco de tempo para carregar tudo. Vamos abri-lo. Então, estou pensando em colocar o texto um, dois, três, quatro, cinco aqui. Então, podemos selecionar isso, encontrá-lo e, em seguida, encontrar uma ferramenta de texto. Que tipo de texto temos? Quanto? Quanto? Como profissional, regular. Perfeito. Essa é a fonte Apple. Lembre-se de que, para parar de editar o texto, pressione Command plus ou Control plus e ele voltará para a ferramenta de seleção. OK. Vamos ampliar. Acho que minha fonte é um pouco grande demais. Precisamos diminuí-lo. Vamos ter certeza de que tem a mesma altura, P e H, então talvez 22. Ok, agora P, vamos mudar sua posição, colocá-la por aqui, e 146, vamos desativá-la Ok, agora, pressionando o Comando D, vou duplicar o texto Vamos colocá-lo aqui, duplicar o texto novamente, P para abrir a posição, colocá-lo lá Em vez de quanto custa. E vamos colocar isso, então. A propósito, vamos desativar, selecionar V e Does Tim Cook, desabilitar está longe. Na verdade, vamos manter todos os textos juntos. Assim como o relatório anual, este. OK. Então, aqui está o que temos. Quanto Tim Cook ganha por segundo? E agora, eu estava pensando em colocar Tim Cook aqui, como nesta parte, como uma imagem real dele. Hm. Vamos pesquisar PNG, temos algo. Isso se parece muito com Steve Jobs. Ok, vamos usar esse. Salve a imagem. E, na verdade, não vamos colocá-lo aqui ainda. Vamos encontrar essa camada. Ok, então talvez precisemos desativar várias coisas aqui. Vamos importar a imagem de Tim Cook. Eu posso abrir a escala pressionando S, e posso abrir a posição pressionando P. E se eu quiser que ambas estejam abertas ao mesmo tempo, eu tenho que pressionar Shift entre elas. Ok, então há algumas coisas que podemos fazer. Nós podemos rastreá-lo e devemos tentar. Então esse é o único. Podemos rastreá-lo? Sim. Como se fosse tão perfeito. S&P. Vamos colocá-lo em 12. A propósito, ele também deve estar visível. Perfeito. Coloque-o no fundo. Tipo, então, isso não é ótimo? Eu acho isso. Isso é lindo. Vamos ao áudio. Quanto ganha o Steam Cook a cada segundo? Vamos detalhar isso. Vamos detalhar isso. Vamos detalhar isso. Ok, podemos fazer isso aqui também. Então, vamos procurar uma duplicata desta. B, mova isso aqui. Agora, vamos selecioná-los para copiá-los e colá-los aqui. Não importa, na verdade, provavelmente deveríamos colá-lo por aqui para que possamos aqui. Agora precisamos animar o texto. Há algumas maneiras de fazer isso. Podemos fazer isso usando o que a Adobe tem, e vou mostrar como fazer isso. Então, por exemplo, o quanto, aliás, você provavelmente me viu usar essa parte aqui. Este é um console de efeitos por vídeo C palt. Assim, você pode fazer o download e, pressionando um atalho, poderá pesquisar efeitos diferentes Então, basta acessar este site, fazer o download e instalar. É totalmente gratuito e, em seguida, você poderá pressionar uma combinação e pesquisar efeitos. Então, por exemplo, para desvanecer palavras cansadas. E você verá que agora teremos o texto animado aqui. Quanto custa vapor? Então, se pressionarmos você, teremos os quadros-chave Então, essa é uma maneira de fazer isso, podemos usar um efeito de máquina de escrever como um fade up, como outra coisa, as animações de texto No entanto, uma das minhas formas favoritas de animar texto é usar um texto evoscrito É um script pago pelo qual você precisa pagar. São $30. Então, se você não tiver essa opção, use o que você tem com o After Effects. Se você tiver a opção de gastar $30, vá em frente e use-a. É absolutamente ótimo. Eu vou te mostrar o que faz. Vou pressionar Shorca para mim mesmo mais uma vez para executar o script Se você não tiver o atalho, você pode simplesmente executar scripts de execução de scripts e você pode ver que esse é o atalho Command R, e eu vou para o desktop Scripts TextEvScript e você pode ver que esse é o atalho Command R, e eu vou para o desktop Scripts E vamos fazer com que esse pop-up apareça. Agora, eu posso, por exemplo, aplicar palavras de Opacidade. É o processo que eu criei para mim, e o imposto vai aumentar. Vai aumentar com a opacidade porque, no momento, a opacidade Eu vou para a pessoa U e Ok. Quanto custa quanto? Você pode acelerar um pouco? Quanto custa quanto custa quanto dá gorjeta? Ao pressionar L duas vezes no áudio, vou abrir as formas de onda para ver melhor as coisas Quanto custa para ver onde certas palavras começam. Então, podemos movê-lo assim, o texto. Também podemos simplesmente pressionar um suporte. Como o colchete esquerdo , ele basicamente fará a mesma coisa que movê-lo ao movê-lo para cá Também podemos pressionar o suporte opcional e ele será cortado É o equivalente a pressionar Shift Command D, fazer um corte e excluir essa parte Então, vou pressionar o suporte esquerdo para cortá-lo. A dica. Opção colchete esquerdo, Tim C. Colchete esquerdo, na verdade não é por segundo É a cada segundo. Vamos verificar se temos texto com o áudio. Quanto ganha o Steam Cook a cada segundo? Vamos detalhar isso. Perfeito. Agora vou executar o script novamente. Na verdade, já está aqui. Então, vamos usar as palavras de opacidade se aplicam, e podemos selecionar todas essas palavras de opacidade se aplicam O Cook a vapor faz a cada segundo. Imprensa. Ok, então eles devem começar mais tarde. O cozinheiro a vapor faz a cada segundo. Então, usaremos a mesma animação aqui. Usaremos palavras de opacidade para aplicar. Você, vamos detalhar. Vamos detalhar isso. Vamos fazer com que todo o texto pare aqui, então, mais uma vez, pressione o comando shift e, em seguida, pressione e delete ou podemos pressionar o colchete direito da opção É só para eu ver onde isso termina. Está abaixado. Quanto ganha o Steam Cook a cada segundo? Vamos detalhar isso. Vamos deixar assim por enquanto. Acesse a janela do localizador de projetos. Quanto ganha o Steam Cook a cada segundo? Vamos detalhar isso. Ótimo. Ok, então para esta parte, temos tudo pronto, e eu vou cortar essa camada aqui. Então, temos os primeiros 326 prontos. Agora, a próxima coisa que precisamos fazer é vir aqui para o evento do calendário da Apple. OK. Vamos pesquisar o calendário da Apple. Acho que vamos usar o calendário do iPhone porque é disso que eu gostei. Composição, tamanho da camada, importação, abertura. Então, vamos tentar criar algum texto aqui. A fonte definitivamente precisa ser menor. Saiba como podemos frankenstein essa coisa juntos. Vai ficar um pouco feio. Ok, talvez devêssemos ir para talvez devêssemos ir para 15. Deixe-me copiar essa coisa. Coloque aqui e depois coloque aqui. Isso vai ser um pouco feio, mas as pessoas não vão notar essas pequenas coisas porque, além disso, vamos animar a câmera Essa parte é, na verdade, tipo, é boa. Ok, então vamos criar uma máscara. Vamos subir, assim. Agora, vamos criar uma máscara, então basta selecionar essa ferramenta e ela é criada para mascarar, mas depois inverteremos a máscara Lexual. Perfeito. E agora, o que também podemos fazer é selecionar uma limpeza linear. Definiremos -90 para que ele vá da esquerda para a direita. Então, cronometraremos a transição. E aqui vai ficar completo. Você também pode pressionar FNF nove para torná-lo suave. Ok, Projeto, onde estava? Calendário do iPhone. Calendário do iPhone em. Coloque-o aqui. Em 2024. T ImCook ganhou $74,6 Vamos abrir o áudio, copiar este, entrar no calendário do iPhone, pesquisar, selecionar, colar e ir até o início. Em 2024, Tim Cook faturou 74,6 milhões de dólares. Talvez devêssemos fazer isso de forma linear em vez disso. Em 2024, Tim Cook faturou 74,6 milhões de dólares. Vou desativar o áudio aqui porque temos áudio duplo. Para quatro. Tim Cook ganhou $74,6 milhões Isso é $6,2 milhões. Então, fizemos os dois primeiros. Eu mando uma mensagem para Chad Bubble OK. Eu mando uma mensagem para Bubble Composição do Trobin, tamanho da camada. O que você faz? São 6,2 milhões de dólares por mês. 1,4 milhão por semana, 204.000 por dia, 8.500 por hora, $141 E isso é 2.3. E para copiar isso, eu envio uma mensagem e colo aqui. Isso é $6,2 milhões por mês? Ok, vamos colocar nosso texto aqui. Está bem? Então, aqui, o texto precisa ser um pouco. Para caber na tela, eu tenho que pressionar Shift e a linha que está lateral Não sei exatamente como se chama, mas é esse aqui. Essa tecla, vários comandos, este, aqui, Shift e aquele, e você volta para essa visualização. Neste ponto, você provavelmente entendeu a ideia. Só precisamos personalizar cada peça que será personalizada, será animada. E então eu não vou falar. Eu só vou fazer isso. Você entendeu a ideia. Se você tiver alguma dúvida, certifique-se de que está ao vivo abaixo, mas fora isso, deixe-me ir em frente e fazer isso. Não te aborreça com isso. E então, quando entrarmos nas coisas divertidas, eu voltarei. Ok, aqui está a parte interessante. Agora que tenho o texto animado, tenho o efeito de máquina de escrever em todo o texto O que eu quero fazer agora é animar cada bolha que aparece Para isso, podemos usar algumas coisas diferentes, mas estou pensando em usar um efeito transformador, que então poderei copiar todas elas. Ou oh, sim. Na verdade, podemos experimentar o compositor de animação, que temos à minha frente. Então, temos os dois. Precisamos cuidar um do outro. Então eu imprimi o chicote no final para o grande, e vamos tentar começar a predefinir, talvez este Está bem? Definitivamente, isso é um pouco demais, talvez salte zero Eu gosto muito de tudo, ok? Agora, precisamos abrir isso para ver onde a animação começa. Eu quero ir, por exemplo, aqui e colar. Vamos dar uma olhada. São $6,2 milhões por mês, 1,4 milhão por semana, 204.000 por dia, 8.500 por hora, 204.000 por dia, 8.500 por hora, $141 por minuto. Ok, ótimo. Agora, em termos de todas essas outras coisas, eu nem tenho certeza. Potencialmente, poderíamos simplesmente desativar maioria das coisas porque não as estamos usando. Mamãe, hmm. OK. Isso parece ótimo. Certifique-se de salvar os projetos. Ok, agora vamos colocá-lo. Então, temos o balão de mensagens I. Isso é 6,2 milhões de dólares por mês. Ok, nós fizemos essa animação agora. Música da Apple. OK. Vamos embora. E precisamos dividir essa parte aqui porque agora é uma grande camada. Precisamos que sejam muitas camadas pequenas. Então é esse. Vamos tirar tudo isso. Tipo, então camada Ok, agora devemos ser capazes, sim. OK. Guarde isso. Vamos experimentá-lo sem fechar o Illustrator primeiro Sim. Ok, agora podemos personalizar cada bit, ok? Então, agora podemos fechar o ilustrador. Deveríamos ter um ícone aqui. Não temos um ícone. Mamãe. Devemos colocar Tim Cook lá. Nós deveríamos. Não é? Linda. Eu acho que é. Ok, agora precisamos de anotações. Em 2024, Tim Cook faturou 74,6 milhões de dólares. São $6,2 milhões por mês, 1,4 milhão por semana, 204.000 por dia, 8.500 por hora, $141 por minuto, e são 2,3 $7 a Isso é mais do que a maioria das pessoas ganha em uma hora, a cada segundo. Compartilhe isso com um amigo que precisa de um aumento. Linda. Não é lindo? Ok, agora, vamos fazer os retoques finais aqui. Então, está tudo bem. Além disso, precisamos adicionar uma foto aqui na parte superior. Adicione um plano de fundo aqui e adicione um plano de fundo aqui. Ok, vamos analisar tudo rapidamente. Vamos criar um círculo. Coloque no meio. E agora vamos colocar uma foto. Ah, sim, vamos colocar outra foto de Tim Cook aqui. E acompanharemos essa imagem. Tipo, então tudo bem. O que mais precisamos? Precisamos de informações básicas aqui, ok? Vamos abrir esse. Ok, vamos encontrar uma foto. Tela do iPhone. Só precisamos acertar as dimensões. Vamos tentar alinhar essas coisas para que elas se encaixem perfeitamente Acho que sim agora. Agora, nós mesmos podemos criar um esboço Vamos criar uma forma de retângulo arredondado, desmarcar tudo com o comando shift atual Ah, agora vamos criar um grande e garantir que ele se encaixe vertical e horizontalmente Também vou abrir a transformação para movê-la para cima e para baixo. Ok, isso é ótimo. Altere o arredondamento para garantir que nos encaixamos Coloque-o bem no fundo. Agora, podemos fazer com que seja a cor que quisermos. Podemos torná-lo branco para que possamos ver as coisas. Mas em vez de branco, por que não criamos? Vamos fazer papel na parede do iPhone. Vou pressionar um atalho Shift Option Command H ou G, e esse é o atalho que nos permite ajustar um determinado objeto ao tamanho da tela, vertical ou horizontalmente ao tamanho da composição E a partir daí, posso torná-lo maior, menor, fazendo com que seja um pouco maior. Então, vamos colocá-lo em 35. OK. E vamos rastrear o acasalamento desse cara. Mamãe, hmm. Ótimo. Agora, vamos duplicar esse iPhone, torná-lo visível Vamos fazer apenas o traçado, vamos aumentar a largura do traçado. Tipo, então vamos fazer isso. Vamos garantir que nosso ponto de ancoragem esteja no meio. E agora vamos torná-lo um pouco menor, só um pouquinho, e vamos torná-lo preto. Isso é ótimo. A única coisa que precisamos fazer é mudar a posição porque ela não é muito reta. Então, vamos nos conectar a este e P mover este um pouco para a direita. Então, agora vamos copiar essa coisa e colocá-la aqui. Vamos colocá-lo no fundo, P, vamos movê-lo um pouco. Para a esquerda. Vamos mudar o plano de fundo do iPhone para outra coisa . Eu adoro isso. Ok, agora precisamos adicionar apenas algumas coisas notificações, porque vamos verificar novamente. Notificações, sim. Então, temos algum tipo de ícone lá. Mensagem do iPhone para iPhone. Eu posso baixar. Então, vamos deixá-lo aqui, deixá-lo aqui. Ok, vamos fazer assim por enquanto, e então podemos mudar isso um pouco mais tarde no futuro. Vamos ver o que criamos. Quanto o Team Cook ganha por segundo? Vamos detalhar isso. Em 2024, o Team Cook faturou 74,6 milhões de dólares. São $6,2 milhões por mês, 1,4 milhão por semana, 204.000 por dia, 8.500 por hora, E isso é 2,3 $7 a cada segundo. Isso é mais do que a maioria das pessoas ganha em uma hora a cada segundo. Compartilhe isso com um amigo que precisa de um aumento. Ok, estou adorando tudo. Definitivamente, teremos que criar algo em termos de plano de fundo um pouco mais tarde, porque não temos de fundo para nenhuma dessas coisas, mas, além disso, acho que está muito bom, muito caro Talvez criemos uma borda arredondada aqui porque atualmente não parece um iPhone, mas certamente podemos fazer isso. Tipo, não é um problema. Nós o criamos aqui. Super fácil. Veremos o que podemos fazer aqui também. Além disso, acho que quero parar por aqui, fazer uma pequena pausa, colocar algumas ideias novas na minha cabeça, voltar com uma nova visão e ver que tipo de resultados podemos obter aqui. Estamos fazendo um ótimo, ótimo trabalho. Obrigado por assistir. Se você tiver alguma dúvida, me avise. Mas, além disso, nos vemos no próximo vídeo. 21. Transições, 3D e profundidade com Null Chains: Já se passaram cerca de duas, 3 horas desde minha última sessão. Estou continuando com essa edição. Há algumas coisas que podemos fazer. Eu gostaria de explicar algumas das opções que você tem quando se trata disso. Vamos dar uma olhada no calendário, por exemplo, uma composição não tem tantas camadas. Acho que foi esse. O que podemos fazer é criar uma câmera e ampliar com a câmera. Se ampliarmos o zoom com a câmera, perderemos qualidade. Por quê? Porque tudo vai continuar com a mesma qualidade, basicamente. E nós apenas ampliamos e ampliamos aqui, você pode ver que a qualidade é muito ruim. No entanto, há uma solução interessante para contornar isso, que tem a ver com os arquivos SVG que foram criados no Por exemplo, vamos criar um nulo pressionando o comando da opção Shift Y. Ok, ele ficará na parte inferior Selecionaremos tudo, exceto o nulo, e vamos atribuir tudo ao nulo Por exemplo, ao mesmo tempo, também vamos clicar nesse botão , que é Rustiz E, portanto, digamos que pressionamos S e agora vamos aumentar o tamanho. Eu posso ver que a qualidade está realmente se tornando melhor do que costumava ser. Costumava ser, você sabe, dar uma olhada nesta parte ou dar uma olhada nesta parte. Nós o aumentamos em tamanho e ele está ficando melhor. Então é isso que acontece quando você rasteriza. Ok, eu vou voltar para cancelar tudo. Então, algumas coisas que podemos fazer. Então, sim, podemos definitivamente trabalhar com a câmera para criar esse efeito Boca, basicamente o desfoque no fundo, no primeiro plano, que parece muito caro Claro. E podemos realmente fazer isso em segundo plano. também podemos usar os mesmos efeitos com o desfoque de moda. Ao mesmo tempo, o que também fizemos muito bem foi ter cada um de nossos sets, cada uma de nossas cenas em uma composição diferente. E como já temos o áudio aqui, podemos realmente animar cada um deles sozinhos. Vamos tentar. Vou selecionar tudo, pressionar A e A para fechar tudo. Então, agora temos tudo fechado, e eu vou mudar a composição disso para 1080 em 1920 Então, vamos torná-lo vertical. E tudo bem, vamos começar com esse primeiro. Vamos fechar todo o resto. E eu vou selecionar o comando Everything para Oh, na verdade, está aqui. Então, rasterize cada camada. Agora vou desmarcar tudo. Shift Command A, selecione a primeira camada, e aqui vamos criar um comando nulo com a opção shift Y. Agora, vamos pressionar o Comando A para selecionar tudo e, pressionando Shift, vou pressionar nulo para desmarcá-lo, e agora vamos passar tudo para o nulo Portanto, mesmo que arrastemos uma coisa para o nulo, ainda estamos criando tudo para o Ok, ótimo. Então, agora, podemos controlar tudo aumentando o nulo, lindo Na verdade, esses serão os nulos principais, use P e S. Na verdade, vamos começar aproximadamente desta posição aqui, colocar dois quadros-chave, realmente aumentar a escala E vamos colocar algo como no meio. Acabamos de aumentar esse nulo e, como queremos um movimento super suave, vou selecionar esse nulo e criar outro nulo, e vou conectar esse nulo, o nulo principal ao nulo número três, principal ao nulo número três, vou selecionar esse nulo e criar outro nulo, e vou conectar esse nulo, o nulo principal ao nulo número três, não importa os nomes. E agora, enquanto estamos ampliando, já começaremos a nos mover para a esquerda, assim E, eventualmente, devemos terminar aqui. Vamos F N F nove, tudo. Quanto o cozinheiro a vapor faz a cada segundo? Ok, isso precisa parar por aqui. Na verdade, acho que o que podemos fazer é fazer assim, então começará muito rápido logo no início e diminuirá a velocidade. Quanto ganha o Steam Cook a cada segundo? E talvez precisemos ampliar um pouco menos. Então, vou suavizar muito isso. E enquanto este ainda está em movimento, vamos começar a descer neste caso, podemos simplesmente duplicá-lo e depois criar um pai Ao pressionar P, excluiremos esses quadros-chave. E então vamos começar a partir dessa posição. E nós vamos cair. Assim, selecione-o, clique duas vezes. Vamos detalhar isso. Eu vou. Vamos detalhar isso. Talvez precisemos de um pouco menos. E quanto a isso? Então, vamos dar uma olhada neste aqui. Quanto ganha o Steam Cook a cada segundo? Vamos detalhar isso. Vamos criar outro nulo por aqui. Então duplique este, P, conecte este a este, exclua os quadros-chave de posição e comece E então, digamos aqui, faremos isso sozinhos, aumentaremos o zoom e faremos assim. Vamos criar um marcador. Vamos pesquisar como deixar o marcador. Você se lembra? Ok, controle oito. Então, vamos colocar o marcador aqui, Controle oito. Ok, ótimo. Agora temos um marcador E vamos detalhar isso. Ok, lindo. Segundo. Vamos detalhar isso. Talvez devêssemos começar este um pouco mais cedo. Segundo. Vamos detalhar isso. Talvez devesse ir um pouco mais baixo. Segundo. Vamos detalhar isso. Talvez ainda mais baixo. Nós somos os segundos. Vamos detalhar isso. Ok, vamos ver. Quanto ganha o Steam Cook por segundo? Vamos detalhar isso. Então, para o primeiro, temos itens que Cook faz a cada segundo. Vamos detalhar isso. Em 22. Vamos abrir esse. Vamos fazer com que seja 108 T em 1920. E vamos fazer exatamente a mesma coisa que fizemos anteriormente. Deixe-me selecionar a camada superior, criar um nulo, selecionar tudo, selecionar o nulo, transformar tudo no E enquanto tivermos tudo selecionado, clicaremos em Rasterizar Já está rasterizado. K Ps renomeie-o para main null. Ok, então nós tínhamos nosso iPhone aqui. Vamos selecionar nosso iPhone, este, esse, esse. Selecione nosso iPhone , leve-o para o calendário do iPhone e cole-o. Agora, vamos colocar tudo no meio. Porque nós o cuidamos. É por isso que essa coisa aconteceu. Ótimo. Agora podemos dissecar esse plano de fundo e agora podemos selecionar tudo, desmarcar o nulo e podemos rastrear tudo para o iPhone porque esse era o nosso tapete tudo para o iPhone porque esse era o nosso Então, basta selecionar tudo. Vamos reduzi-lo um pouco. Tipo, então 99. Perfeito, para que não cortemos as bordas. Vamos associar esses dois ao nulo também para que o nulo conecte tudo Então, agora que, quando escalamos, temos nosso iPhone assim. Como essa extremidade vai para a direita? OK. Então, podemos realmente fazer com que chegue. Este será o quadro-chave final, e devemos fazê-lo, tipo, que este vá para a esquerda Esse vai vir assim. Em 2020? Um pouco mais de espaço porque literalmente não há espaço. Em 2024, Tim Cook fez. Vamos verificar o que parece. Divida isso. Em 2024, Tim Cook fez 74 pontos Ok, vamos dar uma olhada agora. Quanto Tim Cook ganha por segundo? Vamos detalhar isso. Em 2024, Tim Cook faturou 74,6 milhões de dólares. São 6,2 milhões. Ótimo. Ok, agora precisamos criar nosso iPhone pensando aqui também. Vamos pegar nosso iPhone também, copiá-lo e colá-lo no balão de mensagens I. É selecionar este, colocá-lo no meio, no meio. E, na verdade, precisamos alterar o tamanho da composição 1080 até 1920 Nossa animação em segundo plano não está perfeitamente no meio porque não a colocamos no meio no Illustrator, algo que é melhor fazer, mas não fizemos isso e não é o fim do mundo Vamos criar um nulo, selecionar tudo. Vamos desmarcá-los. Vamos atribuí-lo ao nulo. Ok, rasterizado, ligado, e eu estava pensando em selecionar o nulo e colocá-lo no meio Ok, então podemos fazer isso com réguas. Portanto, temos 1080 em 1920. Você pode ver os números. 1080 dividido pela metade é 540, então eu acho 540, esse será o Isso vai ficar bem no meio agora. Perfeito. Vamos ligar esses caras. Parece que nossa equipe Cook não está no meio, mas seja o que for. Ok, agora vamos selecionar tudo, exceto o nulo, e rastrearemos o tapete até o nosso iPhone Em seguida, desmarque tudo e também podemos excluir este iPhone E para desativá-lo, altere a posição do nosso nulo Agora também precisamos encontrar a imagem disso, e precisamos rastreá-la até a forma xl, vamos pesquisar onde temos essas coisas Eu quero ignorar P e mudar a posição deles para que fique um pouco mais alta. Agora, as coisas estão do jeito que deveriam ser. Vamos fechá-los porque já terminamos com eles. Então terminamos com os dois primeiros. Agora vamos trabalhar nisso. Duplicado mínimo, pai P e S. Na verdade, o que podemos fazer é dar uma olhada Vamos criar outro nulo aqui. Crie esta, P, selecione a posição E, e então começamos a descer rapidamente FNF nove, abra Então, $60 milhões OK. E vamos começar isso. Preciso de um plano de fundo porque não consigo ver o que está acontecendo. Vamos habilitar isso. Ok, então vamos começar a partir daqui. Vamos fazer isso, assim F nine. Ok, agora estamos fazendo exatamente a mesma coisa mais uma vez, apenas vamos nos livrar do plano de fundo. OK. Vamos ver o que temos até agora. Quanto Tim Cook ganha por segundo? Vamos detalhar isso. Em 2024, Tim Cook faturou 74,6 milhões de dólares. Isso é 6,2 milhões. São $6,2 milhões por mês, 1,4 milhão por semana, 204.000 por dia, 8.500 por hora, $141 por minuto, e são 2,3 $7 a Isso é mais do que a maioria das pessoas ganha em uma hora. Vamos dar uma olhada em tudo junto. Quanto Tim Cook ganha por segundo? Vamos detalhar isso. Em 2024, o Team Cook faturou 74,6 milhões de dólares. São $6,2 milhões por mês, 1,4 milhão por semana, 204.000 por dia, 8.500 por hora, $141 por minuto, e são 2,3 $7 a Isso é mais do que a maioria das pessoas ganha em uma hora a cada segundo. Compartilhe isso com um amigo que precisa de um aumento. Mmm, sim, acho que tudo, na verdade, tudo está ótimo Além de talvez alguns zoomins como, por exemplo, aqui, acho que pode ser um pouco melhor quando se livrar dos planos de fundo e definir um plano de fundo Então, vamos tentar fazer isso. Ok, então, para esse plano de fundo, vamos excluí-lo. Ok, definitivamente estamos chegando lá. Ok, então, para esse plano de fundo, vamos pesquisar. Isso parece ótimo. Ok, por que não entramos aqui no projeto Fender, baixamos, soltamos, vamos até o final e colocamos aqui Ok, então vamos tentar algumas coisas. Vamos tentar essa movimentação com o resto da imagem. L significativamente maior, algo assim. Se você quiser que ele esteja conectado. Oh, não, precisamos ser ainda maiores. Ok, então vamos dar uma olhada. Quanto o cozinheiro a vapor faz a cada segundo? Vamos detalhar isso. Ok, o primeiro parece ótimo. O que temos a seguir? Em seguida, acho que para a próxima, devemos escolher um gradiente. Então, comande Y para criar uma rampa de gradiente sólida. Me dê um código de cores para usar como gradiente na animação da Apple Na verdade, não devemos simplesmente colocar um gradiente. Provavelmente deveríamos colocar um gradiente de quatro cores. É disso que precisamos. Ok, na verdade, talvez nem precisemos colocá-lo aqui. Acho que podemos usar um plano de fundo semelhante aqui, então podemos simplesmente copiá-lo. Deixe-me fechar tudo Estou começando a perder a noção das coisas. Controle C, Controle V. Na verdade, vamos tentar colocar essa cor no fundo aqui. Vamos animar a opacidade. Como tudo, exceto pela transição aqui, acho que devemos fazer algo a respeito. Eu não gosto do jeito que isso termina. Talvez devêssemos mudar a posição para ser assim. Milhões de dólares. Milhões de dólares. São seis pontos de milhão de dólares. Isso é 6,2 milhões. São $74,6 milhões. Isso é 6,2 milhões. Talvez esse precise começar mais alto. Vamos tentar. Quanto Tim Cook ganha por segundo? Vamos detalhar isso. Em 2024, Tim Cook faturou 74,6 milhões de dólares. São 6,2 milhões de dólares por mês. Eu acho que é ótimo. Talvez eu faça algumas outras mudanças insignificantes no futuro. Mas, no geral, acho que esse vídeo está se tornando absolutamente fantástico. Então, agora vamos exportá-lo. No próximo vídeo, vamos trabalhar nos efeitos sonoros. Vamos exportar no TornoQ, dar um nome, salvar e Linda. Talvez devêssemos também adicionar um pouco de desfoque de movimento a tudo, ou talvez não vejamos, porque no momento não há desfoque de movimento em nenhum Então, vamos dar uma olhada no vídeo final. Quanto ganha o Steam Cook por segundo? Vamos detalhar isso. Isso parece ótimo. Acho que devemos adicionar desfoque de movimento, então selecione tudo para adicionar desfoque de movimento Quero dizer, isso provavelmente vai demorar muito para o computador. Podemos experimentá-lo e ver que tipo de resultados obtemos. Especialmente em transições , será muito útil porque facilitará muito as transições Quanto ganha o Steam Cook por segundo? Vamos detalhá-lo em 2024. Sim, a transição é muito mais suave dessa forma. Vamos decidir no próximo vídeo qual deles vamos usar, um pequeno cliphanger para Além disso, se você tiver alguma dúvida, me avise. Mas, além disso, vejo você no próximo vídeo, então veja no próximo vídeo. 22. Design de som: áudio de UI + sincronização de tempo: Bem-vindo. Ok, fizemos algumas coisas incríveis até agora. Criamos o vídeo, preparamos o design. Tipo, terminamos esse vídeo, o que é ótimo. E agora precisamos dar uma olhada nos vídeos, e eu os organizei ontem. Portanto, temos o Export, que não tem desfoque de movimento, e este está com desfoque de movimento Você pode até mesmo vê-lo na prévia. Vamos dar uma olhada no desfoque de movimento primeiro, depois daremos uma olhada no especialista e, em seguida, decidiremos qual deles usar e, em seguida, começaremos a editar o áudio e a música Quanto Tim Cook ganha por segundo? Vamos detalhar isso. Em 2024, Tim Cook faturou 74,6 milhões de dólares. São $6,2 milhões por mês, 1,4 milhão por semana, 204.000 por dia, 8.500 por hora, $141 por minuto, e são 2,3 $7 a Isso é mais do que a maioria das pessoas ganha em uma hora, a cada segundo. Compartilhe isso com um amigo que precisa de um aumento. Ok, lindo. Absolutamente. Tipo, super caro. Vamos dar uma olhada nesse. Quanto o Team Cook ganha por segundo? Vamos detalhar isso. Em 2024, Team Cook fez 74,6 Sim, como aquele com Motion Blurr Moore. E eu gostaria de dar uma olhada aqui para ter certeza de que tivemos desfoque de movimento Interessante. Então esse quadro, é como se tivéssemos desfoque de movimento aqui, e então esse quadro ele pára E então é assim por duas molduras. Tudo está bem nessa frente. Acho que podemos cortar essa parte, essa moldura. Eu acredito que é apenas com quadros-chave para mover o quadro-chave um pouco para a esquerda Mas em vez de reanimar, exportar, o que provavelmente levará menos de 15, Então, em vez de fazer isso, podemos simplesmente cortar isso. Vamos verificar se todo o resto está bem. Oh, acho que o mesmo problema aqui. Sim. Interessante. De qualquer forma, vamos abri-lo no Premiere Então, para isso, vou criar, na verdade, já criamos nosso projeto de estreia, então vou abri-lo Para abrir qualquer coisa no Mac, você pode pressionar o Command O no Windows provavelmente semelhante, algo como Control O, e ele o abrirá. E então eu vou te mostrar maneiras interessantes de obter um áudio muito bom de graça, ok? Então, exporte também. Vamos organizar as coisas. Então, vamos criar uma pasta pressionando Command e este botão. Então, comande e certifique-se de selecionar a pasta do projeto. Então, com o comando e esse botão, criamos um compartimento. Ou podemos realmente selecionar, por exemplo, este, pressionar Shift B e ele criará uma caixa dessa seleção. Então, isso vai ser chamado de áudio bruto. Isso será chamado de sequências. Tudo bem, vamos deixar isso aqui por enquanto. Exclua o áudio e faça assim. Quanto ganha o cozimento a vapor vamos ver para onde as coisas foram. Sim, definitivamente precisamos reexportar porque temos, tipo, um, dois, três, quatro. Temos três quadros congelados. Podemos deletar isso. E agora vamos abrir o projeto After Effects. Vamos, AE. Comando O, abra-o. Vamos reexportar, apenas nos certificaremos de resolver esse problema lá Então, o que eu acho que são os quadros-chave quando os movemos no final deve ser este aqui. Então, ainda temos o texto, e ok, vamos dar uma olhada aqui agora. Os. Isso é. Isso é 6.2 Ok, esse é bom. Eu posso rolar entre os quadros pressionando as teclas de comando, comando e seta. Caso contrário, se você tiver alguma coisa selecionada, você a moverá para a direita e para a esquerda. E por que temos isso assim? Então, é esse? Não. É esse? Sim. Ok, o que está errado? O que estava errado aqui? Por que fizemos isso? Por que fizemos isso? Ok, vamos verificar cada quadro intermediário. Exporte três, vamos usar a Exportação três e agora vamos renderizar. Vai levar algum tempo. Esse projeto é bem pesado. Enquanto isso, enquanto estiver exportando, deixe-me mostrar como obter áudio de qualidade profissional gratuitamente É por meio de um site chamado Pixabay. Você pode pesquisar coisas diferentes. Você pode pesquisar imagens, vídeos, presentes, três modelos D, efeitos sonoros e músicas. Agora, eles têm uma ótima biblioteca de efeitos sonoros. E se pesquisarmos por UI, esses são ótimos sons de UI. Tipo, para isso, não há som no IOS, mas tudo bem, para este, também não há som. Mas para animações de mensagens, na verdade há um som. Quando você envia uma mensagem e quando recebe, não tenho certeza de quando você envia, mas quando você recebe, definitivamente há som. Ok, então, para isso, podemos usar apenas uma máquina de escrever ou um teclado supersimples Esse também é super simples. Ok, então, basicamente, preciso encontrar os sons da minha mensagem, e vamos procurá-los. Notificação. Estou criando um vídeo sobre o Apple UI Design e preciso encontrar efeitos sonoros e verificar com você sobre os efeitos sonoros. Basicamente, é o iPhone recebendo mensagens e enviando as mensagens. Há algum som quando você envia e recebe uma mensagem? primeiro lugar, em segundo lugar, onde posso baixá-los gratuitamente online? A mensagem soa. OK. Vamos dar uma olhada nesse. Perfeito. Isso é exatamente o que eu estava procurando. Vou baixá-lo aqui. Acabei de copiar o link. Eu venho a este site. Precisamos apenas do áudio para este, então não precisamos dele em boa qualidade porque a boa qualidade pesa, na verdade, 3,21 Isso não importa. Então, temos esse download. Isso é bom. Controle também como comando, para que não ocupe nossa memória. Nossa exportação deve estar aqui. Sim, vamos colocá-lo nesta pasta. OK. Exportação número três, podemos atrasar essa porque não a estamos usando. Em seguida, coloque esse aqui. E vamos começar a trabalhar imediatamente nos sons do iPhone. Então, vamos ver qual deles precisamos. Então, precisamos desse primeiro. Não. Isso vai ser um. Esse vai ser outro. E vamos ver. Então isso é receber, e provavelmente é Sand. E receba. Ok, então esse vai ser o primeiro. Vamos marcá-lo. Vamos marcá-lo em laranja e esse será dessa cor. A maneira de marcar as cores é entrar na opção de atalhos comando K, Comando um, então roxo Vá lá, duas mangas. Então eu procuro manga, essa é a cor. Na verdade, você pode pesquisar por Libel e colocar atalhos diferentes para teclas diferentes Ok, então esse vai ser um. Vamos colocá-lo aqui. São seis cores. Isso é seis Isso é seis pés. São seis pontos. Vou desativar minha voz para que ela não compita. Agora, vamos fazer isso. Outro esse. Consigo copiá-los pressionando a opção. Não, não, não. E esse também. Então, arraste, pressione a opção. Eu digo que, grosso modo, não precisa ser perfeito, porque as pessoas geralmente nem percebem nada disso. Então, opa, precisamos usar laranja também. E é isso. Ok, então vamos dar uma olhada. Não. Não. L. L. Isso pode ser um pouco alto demais, então precisamos abaixá-lo pressionando G menos dez Vamos ouvir com tudo. Milhões de dólares. Isso é um milhão de dólares. Isso é seis pontos? Talvez não menos dez, mas vamos colocar em menos cinco Milhões de dólares. Isso é seis pontos? Sim. Isso é ótimo. Imediatamente, entre todas essas transições rápidas de Zoomins precisamos Então, vou usar o premiere composer animation composer, o mesmo que usamos no E eu vou procurar por swoosh. E eu vou adicioná-lo. Quanto eu faço? E provavelmente precisa cortá-lo. Mudo, o de cima. Ok, então temos outra transição aqui. Vamos adicionar outro. Ok, talvez vamos usar um diferente porque essa transição é um pouco mais rápida. Provavelmente podemos baixá-los um pouco mais para manter as oscilações em um nível e esses caras no outro nível Eu não gosto do jeito que este é muito rígido, então vamos tentar usar este aqui também Um pouco mais tarde. Silencie esses caras também. Começa muito cedo. Ok, algo parecido com isso. Vamos procurar outro momento de transição. Está lá. A propósito, essa transição é tão perfeita. O motivo é porque temos um fundo muito escuro, e esse também é escuro. É por isso que parece tão bom. E vamos usar o último por aqui. Vamos falar um pouco mais cedo. Ok, vamos dar uma olhada nas transições. Ok, ótimo. A propósito, aqui, eu sei que, imediatamente, vou usar para que possamos desativá-los. E vamos trabalhar nessa faixa agora. Então eu vou pressionar S e isso só vai habilitar essa faixa, faixa número três. E vamos adicionar um efeito de máquina de escrever aqui. A propósito, vamos manter isso organizado. Então, para isso, precisamos de Sex, e vou procurar a pasta SFX e colocá-la nela Você pode encontrar a mesma pasta Sexo na seção de recursos para download e terá acesso a todo o som Na parte inferior, você encontrará uma máquina de escrever ou um teclado Apple potencialmente pesado aqui, que pode parecer ainda mais caro do que a máquina de escrever Então, vamos encontrá-lo. E, por exemplo, vamos selecionar essa parte e E clicar nela. Então, vamos ouvir. Linda. Para isso, na verdade, não tenho certeza de qual som devemos usar aqui. Talvez não tenhamos nenhum. Mas vamos começar agora. E vamos tentar pensar que som devemos usar aqui? Talvez devêssemos usar algum tipo de som de interface do usuário como algo que queríamos fazer . Eu gosto desse som. Vamos baixar vários deles e depois descobriremos. Mamãe, na verdade. Vamos baixar esse som também. E então vamos ver o que mais. Isso é ótimo. Estou procurando sons caros, e não sei se há uma maneira de não sei se há uma maneira descrever um som como esse, mas um som tátil, mas um som tátil, algo que pareça muito caro e caro quando você toca Então, isso é algo que eu estou procurando. Na verdade, esse também era lindo. Sim. Ok, então baixamos alguns deles. Vamos ver o que temos. Para cada uma dessas palavras que aparecem, quero ouvir algum tipo de som Então, na verdade, vamos abrir isso e tentar tudo isso. Não, não aqui. Vou fechar este e vamos tentar tudo isso aqui. E vamos ouvir. Então, vamos usar esses dois primeiros para saber como é W? Por quanto tempo? OK. Mal podemos ouvir essa. Vamos fazer com que seja mais alto. É -20 Vamos aumentá-lo em 15. OK. Não, não parece bom. Aqui está o que vamos fazer. Vamos usar esse som para cada texto porque também queremos manter os sons consistentes. Caso contrário, não vai parecer caro. Oh, aqui devemos fazer assim. E aqui podemos ser capazes de usar tudo isso ao mesmo tempo. Onde isso começa aqui? Sim, na verdade, acho que parece ótimo, talvez um pouco mais tarde. Ok, agora vamos dar uma olhada em tudo. Vamos me desativar. Ótimo. Ok, para este, vamos usar um marcador e podemos encontrá-lo na pasta de fax Vamos procurar um marcador. Temos dois marcadores diferentes. Um marcador como esse. O outro é mais longo. Vamos usar uma mais longa porque eu sei que essa animação é bem longa, então, na verdade, precisamos tê-la mais longa. Ok, definitivamente precisamos fazer este -20 porque está muito alto. Adicione uma transição aqui, mas vamos usar o fax e fazer um corte centralizado para que fique invisível Sim, você mal consegue ouvir, mas é bom. Ok, aqui também precisamos adicionar um teclado ou Ok, e estou procurando um som quando você digita em um iPhone. Vamos usar apenas um teclado que usamos antes. Então, vamos ver por onde começa aqui. Ok, para cada vamos dar uma olhada no que baixamos. Ooh. Na verdade, esse som pode funcionar para essas palavras que aparecem na parte superior. Algo parecido com isso? E por aqui , precisamos de algum tipo de interruptor. Acho que temos, tipo, plástico. Se cortarmos aqui, não, na verdade, da maneira oposta, desculpe. Tipo, então vamos descobrir quando ele aparece e colocá-lo lá dentro. OK. Ok podemos usar este novamente. Ainda assim, você pode ouvir isso claramente. Ok, então vamos procurar outra coisa. Na verdade, vamos excluir isso e pesquisar a notificação do iPhone. Onde o usamos? Ok, vamos ver aqui. Ah. Às vezes, menos também é mais, e é por isso que definitivamente podemos usar muitos sons aqui, mas acho que isso funcionará ainda melhor porque é meio simplista Não estamos usando mais sons. Acho que é simples, minimalista e é por isso que funciona Ok, então isso é o que temos em termos de sons. Vamos ouvir tudo do começo ao fim sem mim e, depois disso, trabalharemos com música. Ok, imediatamente, este precisa começar um pouco mais tarde, como uma fração de segundo depois. Mamãe. Esse começa tarde demais. Precisamos movê-lo um pouco para a esquerda. Ok, acho que está ótimo. Esses três, definitivamente, são muito altos, então devemos baixá-los em pelo menos dez. Talvez menos cinco extras. Sim. Hm. Vamos procurar músicas. Ok, já que estou criando um vídeo sobre a Apple, que tipo de música a Apple usaria para criar um vídeo sobre a Apple? Na minha opinião, é algo minimalista, como seus designs de interface Mas como posso pesquisar o tipo de música no pixabay.com Na verdade, talvez devêssemos procurar apenas coisas minimalistas, eu sei Uma coisa que eu sei certeza é que poderemos usar uma música do Epidemic Sound porque eu a uso nos últimos cinco, seis anos, talvez até mais Eles são absolutamente ótimos e têm uma seleção incrível Se você quiser conferi-los na seção de recursos, você pode encontrar um link para um teste de 30 dias. Você pode experimentá-lo se não gostar , cancelá-lo a qualquer momento Não se preocupe, mas eu realmente recomendo. É um preço pequeno, mas depois os vídeos se tornam, tipo , não apenas dez, mas, tipo, 100% melhores. E como você pode ver, o que eu estou procurando por essas músicas aqui não necessariamente funciona da melhor maneira. Por quê? Porque, você sabe, porque este site é gratuito. O Epidemic Sound tem um pequeno orçamento. Eles têm tantos artistas profissionais que realmente se esforçaram, e vamos tentar encontrar uma música aqui, Bush. Mmm. Eu absolutamente amo essa música. Ok, então vamos baixá-lo e experimentá-lo. Então, testamos as opções gratuitas. Opções gratuitas. Sim, existem algumas boas opções, mas não as que estamos procurando. Epidemic Sound, encontramos uma música, Quão rápido? Super rápido. Então, vamos dar uma olhada na música. Acho que a música funcionará incrivelmente bem. Devemos começar por aqui. Então, vou selecionar uma pequena parte, arrastá-la até a frente, cortá-la até que a música realmente comece e soltá-la. OK. E então, quando uma batida mais interessante começar, vou usar essa parte. Essa é uma espécie de introdução, a primeira parte. E então, nesta parte, podemos usar um tipo diferente de música para aumentar a tensão, vencer o interesse. Então, vamos colocar isso aqui, tente algo assim. Ok, precisamos cortar um pouco. Talvez, tipo, mas ok, então, para essa parte, eu quero quando a parte muito interessante dessa música começar. Potencialmente aqui, vamos colocá-lo aqui. Ok, transição. E então eu também quero ter, tipo, a própria ação para construir por aqui. E então, no final, vai desacelerar até essa parte, que podemos ver aqui. Na verdade, vamos começar do final aqui, porque acho que esse será um final muito bom para a música, a menos que seja melhor aqui. Esse vai ser o nosso fim, então vamos colocá-lo aqui, tipo, então. Portanto, podemos excluir essa parte por enquanto. Linda. Agora, para esta parte, sim, vamos definitivamente usar. Não tenho certeza do que faremos, mas não tenho certeza sobre os resultados. Estou apenas experimentando, vendo como as coisas funcionam ou não Ok, vamos pegar tudo sem minha voz primeiro. Não, é incrivelmente bom. Inacreditavelmente bom. Agora só precisamos baixar tudo em -20 decibéis, veja se você pode Quanto o Team Cook ganha por segundo? Vamos detalhar isso. Em 2024, o Team Cook faturou $74,6 milhões. São 6,2 milhões de dólares por mês, 1,4 milhão por semana, 204.000 por dia, 8.500 por hora, E isso é 2,3 $7 a cada segundo. Isso é mais do que a maioria das pessoas ganha em uma hora a cada segundo. Compartilhe isso com um amigo que precisa de um aumento. Uau. Acabou sendo muito bom. Agora, eu posso ouvir que os efeitos sonoros aqui estão um pouco altos demais, então precisamos baixá-los. Quanto ganha o Steam Cook por segundo? Vamos detalhar isso. Então, vamos diminuí-lo em, digamos dez e ver o que temos. Quanto ganha o Steam Cook por segundo? Vamos detalhar isso. Em 2024, Team Cook fez 74,6 Este também precisa ser reduzido em $5 milhões. Isso é $6,2 milhões. São 6,2 milhões de dólares por mês. Ok, este também precisa ser reduzido, em algo como menos $5 São 6,2 milhões de dólares por mês. Absolutamente, inacreditável. OK. É assim que você faz a música. É assim que você faz o efeito sonoro. Os efeitos sonoros. Se você tiver alguma dúvida, me avise. Além disso. Te vejo no próximo vídeo. 23. Exportando e exibindo o projeto 1: Estamos prestes a terminar este vídeo. Estamos quase terminando. E a última coisa que precisamos fazer é exportar adequadamente esse vídeo. Portanto, se você trabalha no áudio no After Effects ou na estreia, as duas formas funcionam bem É muito mais fácil fazer isso na estreia do que no After Effects porque imagine ter essas muitas camadas no After Isso é uma tonelada. Então, o que precisamos fazer é exportar. Primeiro de tudo, precisamos selecionar I e selecionar O no final. Se você fizer isso no After Effects, não precisará fazer isso. Você simplesmente exporta toda a sua composição. Agora, quando chegarmos à exportação, recomendo que você defina essas configurações. Então, essa é uma predefinição que eu criei. Basicamente, isso corresponde à fonte. Em seguida, entramos na renderização na profundidade máxima. Você usa a máxima qualidade de renderização. codificação de hardware serve apenas para taxa de bits de exportação mais rápida Eu configurei este e a taxa de bits alvo para 19. Agora, você pode definitivamente configurá-lo para máximo ou pode escolher essa opção aqui. Descobri que essas configurações funcionam melhor para mim. Se você quiser, você pode simplesmente ir em frente e copiar. Então, deixe-me atrasá-lo. Agora, uma coisa que eu vou te dizer, que é muito importante se você quiser exportar no Premiere, há um problema com a estreia quando você exporta o vídeo porque o vídeo que você exporta não ficará tão As cores não serão escuras. Então, é como se o contraste estivesse um pouco diminuído. E se você quiser evitar isso, há uma maneira de fazer isso. Você precisará entrar em vigor e aplicar um lote de compensação QT Gamma Na verdade, esse lote torna o vídeo mais saturado. E se não fizermos isso, os vídeos serão um pouco menos contrastantes, mas se você fizer isso, faça aqui Assim, você pode selecioná-lo e encontrá-lo no seu computador. Vamos ver onde o temos. A compensação da QT Gama deve existir, esta é a única. Está bem? Então eu vou em frente e abro, e pronto. Você também pode baixar esse slot nos recursos disponíveis para download E então você pode salvar sua predefinição. Você pode personalizar os cabeçalhos. Você pode ir em frente e copiar meus títulos. Em seguida, clique com o botão direito do mouse em Salvar predefinição e pronto. Agora, vamos continuar e pressionar em Exportar. E você pode realmente ver a diferença na exportação. Então, isso é com o lote de compensação How Much Tips, então isso é com o QT Gamma Compensation, e esse é sem nem mesmo clicar, você pode ver a diferença na saturação Este é muito menos saturado ou tem menos contraste, e este é muito mais. E é melhor sempre usar esse, caso contrário, as cores ficarão um pouco insossas Agora, a última coisa que precisamos fazer é assistir ao vídeo, ter certeza de que está tudo bem. E se for bom, poderemos publicá-lo. Vamos ver. Quanto Tim Cook ganha por segundo? Vamos detalhar isso. Em 2024, o Team Cook faturou 74,6 milhões de dólares. São 6,2 milhões de dólares por mês, 1,4 milhão por semana, 204.000 por dia, 8.500 por hora, E isso é 2,3 $7 a cada segundo. Isso é mais do que a maioria das pessoas ganha em uma hora, a cada segundo. Compartilhe isso com um amigo que precisa de um aumento. Absolutamente lindo. Agora, também darei algumas dicas sobre como publicar esses vídeos corretamente. Se você publicar vídeos verticais, é melhor publicá-los do seu telefone. Por quê? Porque você tem um pouco mais personalização, especialmente no YouTube No YouTube, para selecionar uma miniatura em um pequeno vídeo de telefone, atualmente, você precisa enviá-la do seu Ou você pode carregá-lo do seu computador, mas ainda precisa acessar o telefone e escolhê-lo no telefone. Por isso, recomendamos fazer isso a partir do seu telefone. É um pouco mais fácil, um pouco mais direto Por exemplo, o Instagram também não permite que você altere sua biografia ou seus links no navegador, você tem que fazer isso por telefone, estúpido, mas é assim que essas plataformas funcionam. Na verdade, não tenho certeza sobre o TikTok se há alguma desvantagem, mas é mais fácil publicá-lo do seu telefone, então vá em frente e envie via telegrama do WhatsApp, via airdrop, qualquer opção que você queira escolher do seu computador, para o seu telefone, publique do seu telefone e pronto Então, esse é o primeiro vídeo feito. Se você tiver alguma dúvida, me avise. Mas, além disso, vamos começar o próximo vídeo. Nos vemos lá. 24. Como criar o layout de UI de vidro (Figma): Bem-vindo. Neste e nos próximos vídeos, vamos trabalhar no vídeo horizontal. Trabalhamos na vertical. Agora é hora de trabalhar na horizontal. E, especificamente, vamos criar esse novo IOS 2026, esse efeito de vidro que é super legal, caro e transparente E deixe-me mostrar algumas coisas. Então, isso é baixado do site oficial da Apple, e é assim que parece. Portanto, é transparente, mas não totalmente, não é 100% transparente. Algumas coisas são mais transparentes do que outras. Tem uma espécie de efeito de medição e desfoque. Mas, resumindo, a forma como esse efeito é feito é vamos criar esse efeito que afetará toda a composição. Vamos fazer isso com uma camada de ajuste. Criamos uma camada de ajuste, criamos todos os tipos de efeitos. E então basicamente rastreamos meu efeito até uma forma. É isso mesmo. Essa é a história curta. A história mais longa que veremos nos vídeos futuros. Mas, por enquanto, queremos apenas manter isso em mente enquanto criamos nossos designs de interface do usuário, enquanto preparamos nossos designs de interface do usuário. Então, temos esse script. E acho que o roteiro já está perfeitamente detalhado porque será um vídeo horizontal. Em vez de usar mais o iPhone, acho que devemos usar mais MACUI porque teremos mais espaço para trabalhar, poderemos usar mais texto na tela E acho que vai jogar a nosso favor. E eu acho que a forma como esse roteiro é dividido é ótima. Acho que devemos continuar assim. Não deveríamos simplesmente dividi-lo, você sabe, em mais linhas. Teremos isso neste vídeo, tivemos uma, duas, três, quatro, cinco, seis cenas porque temos seis cores diferentes. E aqui teremos quatro cenas diferentes. Portanto, serão menos transições, mas mais foco em entregar toda a ideia e o valor Quero dizer, o vídeo anterior também fez isso, mas neste vídeo, teremos um pouco mais de tempo para brincar com isso. Eu já entrei no IgM e comecei a pesquisar kits de interface do usuário. E como trabalharemos com o Mac, encontrei esta pesquisa por Mac EY, kit Mac OS Big Sir UI. E eu estava pensando em usar mapas. Acho que mapas seriam muito interessantes. Então eu encontrei esse modo de luz específico, basicamente abri cada um deles. Agora, vamos copiar cópias do SVJ para abrir o Illustrator, comando para criar uma nova web grande. Vamos colá-lo. Vamos ver o que temos. Acho que haverá muitos objetos diferentes. OK. Portanto, é o mesmo problema que tivemos anteriormente com as imagens. Então, vamos verificar esse histórico. OK. Então, mesmo que eu tenha colado essa imagem, ainda é Shi, vamos criar uma nova camada Sim, ainda é transparente. Ok, e se copiarmos como PNG e colarmos em Background, copiarmos, Illustrator, nova camada e colarmos Ok, conseguimos colá-lo. O que precisamos fazer agora é garantir ele caiba 1.000% corretamente Vamos selecionar tudo, tirar tudo desse grupo, colocá-lo abaixo da camada dois e depois colocar a camada dois na parte inferior. Talvez não no fundo. Por exemplo, vamos ampliar para ver se é realmente perfeito. Ok, isso parece muito bonito. Comando O. Agora, vamos fazer a mesma coisa com essa imagem. Então, precisamos copiar e colar, S, P e G, colar e tentar colocá-lo exatamente na mesma posição. OK. E vamos copiar essa imagem também. Vamos selecioná-lo primeiro. Ok, aí está. Copie como Bing gi e cole. Linda, majestosa Absolutamente o próximo nível. Então, agora precisamos pegar tudo isso, selecionar tudo isso. Na verdade, precisamos clicar em nossa camada um e clicar aqui, e agora podemos selecionar tudo e arrastá-lo para fora. Então, agora poderemos mover cada peça ao redor. Então, acabei de selecionar tudo. Vou aumentar o tamanho até cabermos na tela inteira. Shift O, e podemos cortar essa coisa por aqui e pressionar Concluído. Este está pronto para ser usado. Comande S, e vamos colocá-lo no desktop e chamá-lo de mapas. Vamos procurar outra coisa. O que mais eles têm? Nódulos como esse? Mamãe. Linda. Navegadores bem super caros. Mamãe. Para o navegador, acho que podemos colocar como um texto aqui e depois abaixar para ter um texto aqui para que ele se destaque ainda mais. Então eu acho que o navegador funciona muito bem. Safari, modo de luz do Safari. Sim, eu gosto mais do modo de luz. Então, vamos selecionar este, copiar e colar SPJ, Command N e colá-lo A propósito, podemos redimensioná-lo desde o início para nos poupar alguns nervos, deslocar O e cortá-lo da direita, assim Agora precisamos copiar a imagem. Copie como pingi, cole no Comando V. Aí está. Vamos abaixá-lo. Coloque-o lá e vamos garantir que ele se encaixe perfeitamente novamente. Ajuste perfeito. Oh, alguns ícones desapareceram. Então, precisamos obter esses Zooming. É disso que precisamos. Copie e cole, cole em PNG para garantir que tenha o mesmo tamanho em que os outros o colocaram. Agora, uma coisa é que eu a copiei como uma imagem, e você pode ver que o SVG está mantendo uma qualidade muito boa e o PNG não está mantendo a melhor H. Vamos tirar tudo do grupo para ouvir esses caras também, então vamos clicar nessa camada, soltar, tirar tudo. Agora, essa é a camada 22. É toda essa coisa com texto. Ok, precisamos fazer algo semelhante aqui. Retire isso. Eles estão lá em camadas agora. Leve-o para selecionar todas as camadas. Ok, agora cada um deles é personalizável. Ótimo. E esse texto? Então, agora temos o texto separadamente. Comando S. Vamos chamá-lo de Safari. Isso é muito bom. Vamos até Figma e busquemos mais. Nesta parte, estou seguindo exatamente os mesmos passos. Vá para Figma, vá para o Illustrator, salve o projeto, e eu estou preparando mais dois designs Uma delas é a loja de aplicativos. A outra são as mensagens. Não há necessidade de você ver o que você já viu dez vezes, então é por isso que estou apenas acelerando isso Ok, e vamos salvar esse. Comando S, chame-o de Abstoe. Ótimo. Então, agora demoramos cerca de uma hora para encontrar o que estávamos procurando. Temos nossas quatro interfaces de usuário. Temos uma mensagem abstrata. Esse, esse e esse. Certo. Bem, se você tiver alguma dúvida, me avise. Mas, além disso, nos vemos no próximo vídeo. 25. Seções de herói de animação: introdução dinâmica + texto: Bem-vindo. Neste vídeo, vamos criar nossas camadas de vidro a partir das camadas que criamos. Vamos fazer exatamente a mesma coisa. Criaremos a composição do EPR. Bem-vindo ao comando de deslocamento horizontal N, e faremos o mesmo com o AE. Agora, vamos criar um vídeo horizontal em PR e depois colocá-lo no After Effects porque primeiro precisamos cortar o áudio. Novo projeto. Este é o local escolhido. Podemos colocá-lo aqui, vídeo horizontal, e vamos criar. Vamos colocar nossa nova gravação aqui. Vamos criar a composição primeiro. Nesse caso, configurações de sequência de sequência, 1920 , 30, vamos fazer 30 quadros, segundo. Ok, ótimo. Desculpe, eu esqueci de novo. 1080 em 1920 deveria ser assim. Então, vamos colocar este, selecionar ou combinar para torná-lo mais alto. Vamos ouvir. Moinhos. Você aprende tudo passo a passo. Lindo, lindo, lindo. Ok. Vamos selecionar tudo. Opção A, e vamos colocá-la aqui e vamos chamá-la de vídeo horizontal. Então, podemos comandar Z, excluir esse Controle S, Comando Q, e estamos aqui. Shift Command C, áudio. Ah, a propósito, sim, estamos fazendo isso horizontalmente Portanto, também podemos usar essa visão. Então, vamos às anotações. Ok, e nós temos uma loja, eu envio mapas. Acho que Coppertino serão mapas. Então, vamos marcá-lo com azul porque eu quero marcar mapas com mapas azuis, Safari e message, Abstore Então, isso também vai ser azul. Acho que devemos começar com o Safari. Então, vamos colocá-lo mais alto. Então, o primeiro será um safári. Ok. Vamos falar sobre o After Effects. Abra o safári. Não precisa de sólidos. Não precisamos de gráfico, exclusão, áudio. Ok, composição principal, selecione-a assim. Chame isso de áudio. E vamos colocar o Safari e começar. Tamanho da camada de composição. Selecione tudo, clique em descansar desde o início, desmarque tudo e vamos decidir onde colocar nosso texto Então, temos um, dois, três, quatro, cinco, seis, sete, 89. Ok, vamos usar esse texto aqui. Vou digitar assim. Vou selecionar o texto. Esse é o texto. Agora, vamos digitar tudo. Você. Também vamos acertar nossas fontes. Na verdade, por enquanto, vamos escrever a palavra maçã, torná-la branca. Definitivamente, não é ousado. Provavelmente tamanho normal 14. Vamos tentar 14. Bala. Perfeito. Onde está esse texto da Apple. Eu só quero colocá-lo aqui. E então eu vou colocar este em cima. Você. A propósito, devemos fazer isso da maneira que devemos colocar o parágrafo no centro para que possamos combinar cada palavra dessa forma. E então, quando digitarmos a palavra, ela começará a digitar do meio Agora podemos seguir em frente e duplicá-lo. P sobre cerca de Great. Você está prestes a desbloquear, você está prestes a desbloquear o estilo de animação exato usado. Acho que devemos colocá-lo aqui, em outras palavras, também desbloquear o estilo de animação exato usado pela Apple. Você estava prestes a desbloquear o estilo de animação exato usado pela Apple. A animação não está perfeitamente no meio. Vamos movê-lo um pouco para o estilo certo usado por Vamos também movê-lo um pouco. Mamãe. Na verdade, eu tenho uma ideia. Talvez devêssemos trocar de lugar desta para que tenhamos maçã aqui. Na verdade, duplique-o. P, mova-o para a direita. Então, selecionaremos a camada abaixo e acima. E vamos dizer que é tão bonito. Você fala sobre animação da Apple. Eu quero colocar a Apple porque temos maçã no meio. Então, no final, aí. Também desativamos o texto que estava aqui. Vamos verificar novamente. Sim. Um dos textos está aqui. Vamos marcar esse traje de outra cor que não esqueceremos. Vamos marcar, não, não vermelho. Fuchia funciona muito bem. Só para identificar qual é esse e que não devemos escondê-lo. Assim. Vou usar o texto Evo mais uma vez para fazer as animações. Vou selecionar todos os textos e vamos aumentar a opacidade Vamos abrir U. E, a propósito, vamos ao áudio Você está prestes a desbloquear o estilo exato de animação usado pela Apple Inc. Vamos colocá-lo aqui. Talvez devêssemos colocá-lo abaixo. Acabei de me lembrar por que desativamos isso para adicionar mais texto lá. De qualquer forma, faremos isso em um segundo. Você está prestes a desbloquear o estilo de animação exato usado pela Apple e pelo criador. Selecione tudo como A e, em seguida, selecione. Ok, então essa é a única vitória a ser mudada também neste texto. Ok, precisamos copiar um desses, colocá-lo na parte inferior, mudar a posição. Coloque isso à direita por enquanto. Ok, eu quero selecionar essa coisa. Clique com o botão direito do mouse em T e aumente um pouco a opacidade. Tipo, então vamos colocá-lo em algum lugar. Você está prestes a desbloquear o estilo exato de animação usado pela Apple e pelos criadores, obtendo milhões de visualizações. Surpreendente. Vamos fazer exatamente a mesma coisa agora. Safari, e depois faremos isso. Quero dizer, vamos mudar isso no futuro por enquanto. Só queremos colocá-lo aqui. Milhões de visualizações. Vamos ver onde isso termina. Agora, selecionamos a opção de texto colchete direito para cortá-la. Agora, vamos descobrir onde está aqui. Perfeito. Você está prestes a desbloquear o estilo exato de animação usado pela Apple e pelos criadores, obtendo milhões de visualizações Isso não é apenas design de movimento. Isso não está bem, eu mando uma mensagem para Mac. Então, teremos que brincar com isso porque temos um pouco mais de trabalho a fazer. Eu vou desativar, então vamos chamá-lo de imagens. Vou desativar as imagens aqui porque elas estão ocupando um grande espaço então, se eu clicar em qualquer lugar da tela, nós as selecionamos , como você pode ver, dessa forma, e não queremos isso , então vou desativá-las e vamos fazer vários cortes. Primeiro de tudo, vamos criar uma máscara aqui e vamos mascarar essa coisa, e vamos inverter a máscara para exatamente a mesma coisa aqui Então inverta a máscara. E veremos isso aqui. Isso não é apenas design de movimento. Eu quero colocá-lo aqui, e precisamos torná-lo cinza. Esse cinza. Definitivamente, é algo ousado. Na verdade, há um atalho para mover uma camada para o topo. Não me lembro o que é, mas o que é um atalho no After Effects para mover uma camada para o topo ou para o fundo Troca de comando e suporte. Então, mudança de comando, colchete. Ok, agora é para a nota máxima. Agora podemos desativá-lo. Duplique o texto, P, e mova-o para a direita. Coloque o texto. Ok, este não é ousado. Este é normal e é branco. E eu acredito que é um pouco maior. 15. E também, vamos colocar esse em 20. Por exemplo, vamos desativar esse texto, e vamos encontrar esse, desativá-lo e habilitar este. Não é normal. É médio. Ok, onde vamos deixá-lo por enquanto. Vamos ver. Não parece muito diferente, especialmente se as pessoas virem isso pela primeira vez, elas vão dizer: Oh. Criadores de IA obtendo milhões de visualizações. Isso não é apenas design de movimento. É isso que torna impossível ignorar o BransfelPremium e o conteúdo Coloque-o no topo desde o início. Vou usar o texto evo novamente e vamos escrever pasit mais palavras Aplicar isso não é apenas design de movimento Para este, na verdade, ainda, vamos usar uma máquina de escrever. Para este. O que faz com que as marcas alimentem o premium e o conteúdo seja impossível de superar até o design? É isso que faz o motion design. É isso que torna as marcas combustível premium e as marcas combustível premium. Então, o premium já acabou aqui, então estou apenas gastando um pouco É isso que faz com que as marcas sejam premium e o conteúdo seja impossível de ignorar. E acelere isso um pouco. Role até lá. Ótimo. Então, vamos colocá-lo. Isso não é apenas design de movimento. É o que faz com que as marcas se sintam premium e conteúdo seja impossível ignorar. Se você é uma aberração E fiz exatamente a mesma coisa nas duas cenas seguintes, animando o texto e alinhando tudo na composição Você está prestes a descarregar o estilo de animação exato usado pela Apple e pelos criadores, obtendo milhões de visualizações Isso não é apenas design de movimento. É o que faz com que as marcas se sintam premium e o conteúdo seja impossível de ignorar, seja você freelancer, editor, Bertino e não se preocupe Mesmo que os efeitos posteriores parecessem opressores antes, você aprenderá tudo passo a passo Ok, então temos que enviar uma animação de texto. Deixe-me fazer uma pequena pausa e, depois disso, criaremos nossa aparência de vidro 26. Como animar camadas de vidro com profundidade: Ok, agora vamos criar a animação de vidro líquido. Vou criar uma nova composição para juntar tudo lá e depois vamos transferi-la. 1920 por 1080, 30. O bônus não importa muito. Vou criar uma forma primeiro pressionando cue e shape com retângulos arredondados Coloque assim, centralize o ponto de ancoragem. Agora vamos criar o Jamar. Opção Comando Y. Vamos chamá-la de vidro. E vamos procurar um efeito chamado vidro CC. Ok, vamos chamar esse quadrado. E uma coisa que podemos fazer é criar ou adicionar um papel de parede. Que você veja o que está acontecendo. Ok, vamos colocá-lo na parte inferior. Então você pode ver se essa é a diferença. Isso é basicamente a animação de vidro líquido. Só precisamos mudar isso. Para o quadrado, precisamos usar um nada para traçado e uma cor sólida para o preenchimento. Não importa de que cor seja. Agora, vamos ao vidro, à superfície, à luz. Ok, então aqui precisamos selecionar nossa forma. Vamos colocar esse em 25. Essa. Então, suavidade de 25 de altura a 64 de luz Vamos usar luzes AE e criar uma luz, AE e criar uma luz, novo comando de mudança de opção de luz L. Comando de mudança de opção L. Vamos criar uma nova luz. Vamos criar uma luz ambiente com intensidade 200. E podemos colocá-lo na parte inferior. A luz afeta apenas a camada de três D, então vamos fazer nosso quadrado três D e vamos ajustar nosso copo até nossa forma. E aí temos esse copo. Vamos duplicá-lo e chamá-lo de derrame. E aqui, vamos habilitar AVC, não AVC. Vamos torná-la branca e garantir que essa camada esteja visível. A largura do traçado para algo como dois e a opacidade para algo como 50% E também podemos alterar o modo de mesclagem para sobreposição. Vamos duplicar esse quadrado novamente e chamá-lo de sombra O que podemos fazer, nesse caso, é, em um preenchimento preto, ativá-lo. Vamos procurar um efeito chamado fast Box Blur e vamos aumentar o raio para algo assim E vamos rastrear o Monte nossa sombra até o quadrado e vamos inverter o tapete para que tenhamos esse tipo de sombra Também podemos brincar com essas configurações para garantir que gostemos da aparência. Algo parecido com isso. Vamos viver assim por enquanto. Ok, vamos também adicionar um desfoque de Gaon e aumentar esse desfoque Vamos fazer 15, só para fazer números redondos. E você verá que o exemplo que pegamos é muito parecido. Então, agora vamos deslocar o traçado para o quadrado e vamos deslocar a sombra para o quadrado. E agora, se a movermos, isso é o que temos. O importante é que, digamos que quiséssemos mudar o retângulo, tipo, o caminho dele, e faremos algo assim Como você pode ver, isso não está conectado. E é por isso que aprendemos anteriormente a conectar a posição do tamanho e o arredondamento de cada um deles, então o caminho do retângulo e conectamos o tamanho ao tamanho do Então, vamos fazer o tamanho. Vamos fazer a posição e, na verdade, podemos aumentá-la um pouco, vamos fazer o arredondamento, e podemos fazer a mesma coisa aqui, e podemos conectar o tamanho, o arredondamento e a posição, E agora, digamos que o personalizemos para ser maior, menor, os outros caras também o seguirão. Perfeito. Vamos fazer assim. Agora temos todos os nossos efeitos. Só precisamos trazê-lo para outras composições. Então, por exemplo, para o Safari, o que realmente será transparente aqui? Assim, podemos tornar essa parte transparente na parte superior e também podemos tornar essa parte transparente. Não tenho certeza se as notificações serão transparentes, mas tenho certeza de que sim, as notificações serão transparentes. Esta parte será, e então podemos prosseguir e tentar fazer isso na parte inferior aqui. Potencialmente, porque não estará visível, provavelmente pularemos essa parte, mas veremos Então, vamos selecionar tudo , selecionar a parte superior e encontrá-la. E vamos fazer isso, criar formas a partir da camada vetorial e colocá-la no topo. Por exemplo, precisamos trazer nosso copo e ir ao Safari, colá-lo e depois rastreá-lo até o nosso para que fique tipo, então vamos derrubá-lo, mas talvez não até o fundo, mas talvez não até o fundo um pouco mais alto. Ok, vamos trazê-lo ainda mais alto Eu não sei. Vamos colocar isso aqui por enquanto. Então, essa será a nossa forma de vidro. E agora temos que fazer exatamente a mesma coisa. Temos que duplicá-lo. Um será um derrame. Um será um derrame. Derrame assim. E outra vai ser uma sombra. Vamos fechar todo o resto por enquanto, além de, na verdade, vamos renomear esse pente para ter certeza de que é um exemplo de vidro Está bem? Então, para o traço, podemos fazer exatamente a mesma coisa que fizemos com o conteúdo. Vamos encontrar combustível. OK. Para colocar o traçado ao mesmo tempo, adicione o traçado para que possamos desativar o preenchimento e ativar o traçado, e faremos exatamente isso. Passe para 50% e vamos para o modo de sobreposição. Para selecionar tudo, vamos adicionar também uma sombra. Para a sombra, podemos simplesmente copiar esse desfoque rápido da caixa, colocá-lo na sombra e ativá-lo Precisamos torná-lo preto. Sinta, vamos torná-lo preto. Veremos que isso também está afetando essa parte, então precisamos diminuí-la um pouco para cima. Então, a camada 25 é responsável por isso. Vamos colocar a sombra no vidro e invertê-la. E, potencialmente, precisamos diminuir também, vamos diminuir a opacidade, algo muito baixo Definitivamente estamos chegando lá. Glass, vamos aumentar o desfoque. Um pouco mais. E agora vamos comparar. Então é isso que temos: a animação em vidro, e essa não é uma animação em vidro. Vidro, não vidro, vidro. Na verdade, vamos ver isso aqui. Vidro, não vidro. Parece interessante, mas esse efeito de vidro. E agora, tudo o que precisamos fazer é literalmente copiar colar a mesma coisa em cada coisa que queremos que pareça um copo. Sim, um pouco demorado. Vamos ver se conseguiremos fazer isso. E, na verdade, vamos ver se ainda precisamos disso, porque provavelmente aumentaremos o zoom assim, talvez até mais. Portanto, não tenho certeza se precisaremos ver essa parte. exemplo, podemos desativá-lo completamente porque não vamos usá-lo. Mãe, hmm. Ok, para a sombra também, eu vou te dizer isso. Então, temos essa camada 25. Eu quero criar uma sombra. A camada 25 a transformará em forma. Vamos colocá-lo na parte inferior, habilitar essa camada. E vamos apenas copiar o desfoque rápido da caixa. Aplique-o. E eu não gosto do fato de estar fazendo sombra no topo aqui. Mas se baixarmos, na verdade, podemos baixá-lo um pouco. Está bem? Então, digamos que fazemos assim para que ainda tenhamos a sombra aqui vindo desta e da parte inferior também, para que tenhamos a sombra vindo de todas as direções. Sim, agora está lindo. Além disso, podemos tentar alterar esse texto aqui, e vamos aplicar um efeito de toque para que ele fique branco. E vamos fazer o mesmo com este. Sinta, será uma sensação branca apenas para que fique mais consistente e mais visível. Quer dizer, esse estilo ainda não foi finalizado com a Apple, então não temos certeza de como as coisas ficarão em todos os lugares, mas deve ser um bom contraste E vamos ver, talvez, na verdade, era melhor antes. Quais são seus pensamentos? Talvez esteja melhor agora. Também me pergunto o que é essa linha branca , talvez seja melhor assim. Eu acho que é. Então, antes e depois, é definitivamente melhor, assim. Ok, então esta é a animação em vidro. É assim que você faz. Sim, parece ótimo. Parece muito caro. Veja se queremos fazer isso pelos outros também. Definitivamente, não quero mexer com essa porque não tenho certeza de como ela realmente vista da própria maçã Os mapas também não querem tocar nisso neste exato momento. Talvez devêssemos tentar fazer isso aqui no topo, mas fora isso, não devemos tocar em mais nada. Aqui, talvez devêssemos tentar aqui e aqui também. Ok, vamos fazer isso. Vou acelerar esse momento para não perder seu tempo, mas você entendeu. Se você quiser criar algo parecido com vidro, crie formas a partir da camada vetorial, combine a camada de ajuste com o efeito de vidro com essa camada, crie um traçado e uma sombra e brinque com as configurações, se quiser. Agora, o que também podemos fazer se entrarmos no efeito de vidro, se entrarmos no sombreamento, podemos realmente aumentar o brilho Então, por exemplo , aqui, vai ficar assim. Vamos colocá-lo em, digamos, 100 e colocaremos ambos 100 porque precisamos que seja mais brilhante. Assim. Tudo bem, eu absolutamente amo o jeito que esse acabou. Parece muito bom. Este olha, vamos tentar encontrar esse mapa Thingy Troke e este, e vamos movê-lo para baixo, para baixo, para baixo, para baixo até irmos abaixo do Mãe, hmm. Então é por aqui? Sim, esse é o mapa. Então, vamos dar uma olhada em tudo. Aqui está o que temos. O primeiro, o segundo, o terceiro, o quarto. Maçã, vidro. Animação. Ah, sim. Vamos dar uma olhada em tudo e ver o que temos. Você está prestes a desbloquear a animação exata. Eu gostaria de ser usado pela Apple. Grandes criadores fazendo cocô. Isso não é apenas design de botões. É o que faz com que as marcas se sintam premium e o conteúdo seja impossível de ignorar. Seja você freelancer, editor ou criador de conteúdo, esse estilo faz com que seu trabalho pareça ter saído direto do ubertino e não se preocupe Mesmo que os efeitos posteriores parecessem opressores antes, você aprenderá tudo passo a passo Ok, vamos fazer uma pequena pausa aqui. Se você tiver alguma dúvida, me avise. Mas, além disso, vou ver no próximo vídeo que vamos juntar tudo. Então, até mais. 27. Movimento de câmera 3D e transições com cadeias nulas: Neste vídeo, vamos terminar com as animações. Vamos criar três câmeras D e vamos animar tudo Em termos de câmera e movimentos, você verá que vamos usar uma combinação do que usamos no projeto anterior, onde vamos usar o nulo para manter a qualidade, mas, além disso, vamos usar a câmera Vamos começar com este. Comando Shift Option Y para criar um nulo, selecione tudo, exceto o nulo, transforme tudo no Vamos chamar isso de Snow main null. Duplique este, conecte este a este. Isso será apenas um nulo normal. S P, vamos ter certeza de que está subindo. Sim. Ok, onde temos a mensagem? Ok, aí está. Então, vamos aumentar a escala. Eu gostaria de começar um pouco mais alto. Talvez assim. Além disso, vou reduzir a resolução para metade porque sei que a qualidade será boa, mas também não quero destruir completamente meu computador porque usaremos muitas coisas aqui, consome muita energia do computador. Na verdade, talvez queiramos diminuí-lo ainda mais. Em terceiro lugar, você está prestes a desbloquear o estilo exato de animação usado pela Apple. Ok, então é aqui que deveria terminar? Você estava prestes a desbloquear o estilo de animação exato usado pela Apple. FNF, nove. Você está prestes a desbloquear o estilo de animação exato usado pela Apple. E criadores que estão puxando a Apple para criar. Por que é tão rígido aqui? Usado pela Apple. E criadores de jeito nenhum. Cada um tem uma posição. Eu cometi um erro. No início, temos que voltar ao início, onde criei o primeiro nulo e comecei a animar coisas, porque foi quando eu selecionei todas as camadas e foi aí que criei os quadros-chave de posição Está bem? Então, vamos ver P, P. Está tudo bem agora? Ok, ótimo. Quem. Vamos conectar este a este. Ok, P e S, escala de posição. Você está prestes a desbloquear o estilo exato de animação usado pela Apple e pelos criadores, obtendo milhões de visualizações Ótimo. Crie um nulo, selecione tudo, selecione o nulo, transforme tudo no nulo e vamos fazer Man, null, duplicate, connect, duplicate, connect, sem P e S. E agora Isso não é apenas design de movimento. É o que torna o combustível Brands preferido. E conteúdo impossível de rolar, pergunte. É isso que faz com que as marcas sejam premium e o conteúdo seja impossível de ignorar. Na verdade, eu gostaria talvez, experimentar esses quadros-chave como fã do Ni e ver o design É isso que torna o Brands Fuel Premium e o conteúdo impossível de ignorar. Ótimo. Agora, vamos fazer algo semelhante aqui. Mais uma vez, você está prestes a desbloquear o estilo exato de animação usado pela Apple e pelos criadores, obtendo milhões de visualizações Isso não é apenas design de movimento. É o que faz com que as marcas se sintam premium e o conteúdo seja impossível de ignorar. Seja você freelancer, editor ou criador de conteúdo, esse estilo faz com que seu trabalho pareça ter saído diretamente do Kubertino e não se preocupe Mesmo que os efeitos posteriores parecessem opressores antes, você aprenderá tudo passo a passo Ah, ótimo. OK. Você está prestes a desbloquear o estilo exato de animação usado pela Apple e pelos criadores, obtendo milhões de visualizações Isso não é apenas design de movimento. É o que faz com que as marcas se sintam premium e o conteúdo seja impossível de ignorar Seja você freelancer, editor ou freelancer, editor ou criador de conteúdo, esse estilo faz com que seu trabalho pareça ter saído direto do Kubertino e não se preocupe Mesmo que os efeitos posteriores parecessem opressores antes, você aprende tudo passo a passo Ótimo. Estou absolutamente adorando isso. OK. Vamos criar um comando de opção de deslocamento de câmera de três D C. Para abertura, vamos colocá-la em zero por enquanto porque explicarei o porquê em um segundo Crie um nulo também, conecte a câmera ao nulo, transforme o nulo em três D. Agora precisamos transformar esses caras em três D porque a câmera afeta apenas três camadas D, D porque a câmera afeta apenas três camadas D, e precisamos ampliar assim, e precisamos mudar um pouco a orientação para que tenhamos esse efeito de três Agora, vamos ampliar ainda mais, abaixar assim. Não vamos fazer uma inclinação tão grande. Vamos fazer, tipo, cinco, talvez dez. Vamos ver o que dez faz. Você está prestes a desbloquear o estilo exato de animação usado pelos criadores da Apple. E aqui, então todos nós fazemos assim. Eu quero mudar a orientação. Você está prestes a desbloquear o estilo exato de animação usado pelos criadores da Apple. Apenas retorne este para zero. Então, vamos colocar zero aqui, estilo F N F nove usado pela Apple e pelos criadores, obtendo milhões de visualizações Então, vamos fazer tudo. Podemos clicar duas vezes na câmera e introduzir a abertura. Vamos fazer assim. Vamos criar uma segunda visualização. Você pode chegar lá como antes. Pesquise por visualizador, novo visualizador , você criará um ou pode simplesmente clicar lá. E com a câmera, precisamos da distância do foco. Assim. Agora você já pode ver o tipo de vídeo que obteremos no próximo nível. Não precisamos que a abertura seja tão grande porque queremos ver o que está acontecendo na tela Vamos fazer isso de uma forma em que voltemos às opções da terceira câmera e precisamos animar a distância do foco Então, começamos a partir daqui, e então a distância do foco precisa estar lá. E quando chegarmos aqui, precisamos que seja assim. Você está prestes a desbloquear o estilo exato de animação usado pela Apple e pelos criadores, obtendo milhões de visualizações Isso não é apenas design de movimento. Eu quero me livrar da câmera aqui. Cole o máximo. Você está prestes a desbloquear o estilo exato de animação. Animações usadas pela Apple Ok, a qualidade é absolutamente superior A razão pela qual temos essas barras pretas é porque, no MacBook, a proporção não é de 16 por nove É uma proporção ligeiramente diferente. E quando você faz uma captura de tela no Mac, se ajusta de forma que as partes superior e inferior se conectem às laterais , você obtém esses quadrados pretos, e é exatamente isso que temos aqui Portanto, precisamos ampliar um pouco o zoom, para que possamos, você sabe, pressionar Shift Option Command H e ajustá-lo à tela. Na verdade, acho que pode ser a melhor coisa a fazer. Ok, eu gostaria de exportá-lo. Dê uma olhada no que temos e, na verdade, sempre podemos fazer alterações. Mas, por enquanto, acho que o começo é realmente cativante, e depois veremos o que podemos fazer, ok? Então, vamos exportar isso. Você está prestes a desbloquear o estilo de animação exato usado pela Apple e pelos criadores, obtendo milhões de visualizações Isso não é apenas design de movimento. É o que faz com que as marcas se sintam premium e o conteúdo seja impossível de ignorar. Seja você freelancer, editor ou criador de conteúdo, esse estilo faz com que seu trabalho pareça ter saído diretamente da Kupertino e não se preocupe Mesmo que os efeitos posteriores parecessem opressores antes, você aprende tudo passo a passo Acho que não é muito importante aqui, e talvez devêssemos fazer assim. Então, antes e depois. Sim, isso definitivamente está mais focado. Agora precisamos ativar o desfoque de movimento. Cada quadro vai levar uma eternidade para carregar. Sim, cada quadro levará 2 segundos para carregar, como você pode ver aqui. OK. Bem, obrigado por assistir. Isso renderizará. Veremos os resultados finais no próximo vídeo, onde também trabalharemos no áudio. Eu vou ver nesse vídeo. Obrigado por assistir, se você tiver alguma dúvida, me avise, mas fora isso, nos vemos lá no próximo vídeo. 28. Design de som e exportação para o Projeto 2: Bem-vindo. Hoje é um lindo dia. Atualmente, são 6h45 da manhã de um sábado, e estamos na reta final linha de chegada com este vídeo onde só precisamos colocar o áudio, a música, juntar tudo, exportar e o vídeo está pronto para ser usado Eu direi que foi uma jornada incrível levar você comigo nesse processo, e eu realmente espero que você tenha encontrado muitas coisas valiosas, porque estou realmente me esforçando muito para isso. Uma coisa que quero dizer é que, se você está tentando realizar seus sonhos, está seguindo sua paixão, precisa fazer algo extra, por exemplo, como trabalhar às 6:00 da manhã de um sábado ou às 8:00 da manhã. Em uma sexta-feira, estou com você como trabalhar às 6:00 da manhã de um sábado ou às 8:00 da manhã. Em uma sexta-feira, estou Eu sei o que significa estacionar, e é ótimo. Devemos realmente apreciar o que temos. Temos a oportunidade de fazer isso, de aprender coisas novas. E vamos começar. Então eu criei a sequência Premiere Pro organizei as coisas aqui Agora, temos nosso vídeo completo, o que é absolutamente ótimo. Decidi usar o vídeo com desfoque de movimento porque parece mais caro primeiro lugar, em segundo lugar, já que fizemos duas exportações e a primeira você está prestes a carregar a exp. Na verdade, sim, a primeira exportação está um pouco fora de foco Temos o foco aqui. Mas na segunda versão. Você estava prestes a descarregar o. Temos nosso foco aqui, o que é perfeito. E então, com o desfoque de movimento, parece mais caro. Mais uma vez, como esse borrão, quão bom é? Inacreditável. Para encontrar sons, decidi usar o som epidêmico neste projeto Usamos o pixel B no projeto anterior. Vamos usar o som epidêmico para isso. Se você gosta de efeitos sonoros, pode encontrar todos os tipos de efeitos aqui. Podemos procurá-los, por exemplo, como UY, certo, e encontraremos todos os tipos de efeitos Ou podemos clicar em uma delas, por exemplo, Interface do usuário. A maioria dos sons que eu uso todos os dias são de sons epidêmicos, como mais de 90 por cento Ao longo dos anos, eu mesmo consegui criar esse tipo de biblioteca. E não é apenas um som epidêmico, mas na maioria das vezes eu uso esse Então não deixe eu te aborrecer com isso. Deixe-me coletar todos os sons e, depois disso, entraremos no Premiere e juntaremos tudo Mais uma vez, se você quiser um teste gratuito de 30 dias para som epidêmico na seção de recursos, se quiser, você pode clicar em Link LCUni Quando comecei a pesquisar, estava tentando entender exatamente que tipo de som estamos procurando E, para ser sincero, não precisamos de muitos sons aqui. Tudo o que precisamos é, tipo, música aqui porque, para ser honesto , será um pouco demais criar som para cada palavra. Só podemos fazer sons para Wushes e swooshes. Por exemplo, aqui e aqui, podemos adicionar um teclado aqui, mas nós o temos. teclado também está aqui, mesmo que não seja necessariamente um teclado, mas vamos aqui, procure por swoosh E eu vou colocar o swoosh mais longo aqui. Criadores. Amble. E vamos colocá-lo quando a câmera usa dois D em vez de três D. A propósito, tivemos um pequeno problema aqui Então você pode ver que isso também não é desfoque de movimento. Acabei de decidir cortar essa moldura, e pronto. Use. Isso não é porque é como um quadro. Não importa em termos de áudio. Isso não afeta nada disso. Então, vamos colocar outro toque como esse aqui. Isso são visualizações. Isso não é só um pouco mais tarde. Isso não são apenas visualizações. Isso não é apenas design de movimento. É o que faz? Acho que podemos ter essa grande oscilação quando ela está se movendo significativamente na tela, mas não a É isso que faz com que as marcas se sintam elegantes? Esse barulho também. Se você está no passado. Se você é freelancer Também podemos fazer esse grande golpe. Esse estilo faz o criador de conteúdo, esse Peter, esse estilo faz com que funcione e não funcione. Ok, agora, venha aqui e vamos procurar nossa pasta SFX, arraste-a para dentro E vamos procurar o teclado mais uma vez. Oh, vamos ver onde podemos usá-lo. Aqui não. Sim, podemos começar a usá-lo aqui. Faz com que o combustível premium e o conteúdo de Brad sejam impossíveis de percorrer Pat Acho que podemos usar uma parte diferente desse som. Se você é um freelancer, editor ou criador de conteúdo, vou usar outra parte para essa parte , porque eu só quero um pouco de variedade de sons e agora quando o evento começar. Mesmo que os efeitos posteriores sejam opressores antes, ok? Antes de aprender tudo passo a passo. Ok, ótimo. Então, vou baixar esse para menos dez, todos esses desejos para menos dez também Criadores de IA obtendo milhões de visualizações. Isso é, vou procurar uma permissão para Q e aplicá-la a um dos áudios Clique em Editar e intensificador vocal. Para ver a diferença. Você estava prestes a desbloquear o estilo de animação exato usado pela Apple. Vou copiar esse efeito e colá-lo em outras partes da voz. Mmm. Ok, então eu acho que em termos de design de som, podemos simplificar assim. E então, por que não vamos já que usamos o Epidemic Sound da última vez, vamos tentar encontrar uma música no Pixel Bay E vamos procurar algo minimalista. Isso é minimalismo, mas não tenho certeza se eu gosto. A propósito, eu encontrei esse criador, Pika, esse cara. Eu até criei um marcador para mim. Música inacreditável. Inacreditável Você pode ir em frente e encontrá-lo também. Acho que procurei por Marimba e o encontrei. Então, vamos considerar, sim. Eu gostaria de usar algo como Marimba dele. Ok, mesmo que seja uma ficção científica assustadora, acho que podemos usar partes da música porque é simplesmente linda. Então, vamos colocá-lo. Ok, estou gostando muito dessa parte inicial, então vamos colocá-la. Talvez eu possa descer, a propósito, eu possa descer para baixo e para cima pressionando Opção e as teclas de seta. Então, vamos colocá-lo aqui e vamos ver. Você estava prestes a desbloquear exatamente o I, vamos cortar o silêncio no começo. Como uma segunda metade de segundo de silêncio. Você está prestes a desbloquear o estilo exato de animação usado pela Apple e pelos criadores, obtendo milhões de visualizações Isso não é apenas design de movimento. É o que faz com que eu queira que essa transição apareça aqui. São vistas. Isso não é apenas design de movimento. É o que faz com que as marcas se sintam premium e o conteúdo seja impossível de ignorar, seja você freelancer, editor ou temporário. Então não temos nenhuma música aqui, certo? Então, vou cortar este para cima, movê-lo para baixo pressionando a opção e movendo este para a esquerda. E agora é só conectar esses dois. Você está prestes a desbloquear o estilo de animação exato usado pela Apple. Mamãe. Podemos fazer uma transição mais tarde. Então, podemos começar da mesma forma que decidimos, mas, tipo, fazer uma transição aqui. Mm, não estou gostando do jeito que está se tornando. Vamos lidar com isso no final. Agora, eu quero usar essa parte em algum lugar no final. Mesmo que depois de um fato tenha se sentido opressor antes, você aprenderá tudo passo a passo Não tenho certeza se essa música funciona aqui, mas acho que essas batidas realmente vendem as transições e parecem interessantes Vamos descobrir a parte do meio, no começo, desculpe. Mm, deixe-me tentar fazer isso assim. Então, vamos ver onde começa, tipo, exatamente. Ok, então você viu o que eu fiz. Acabei de encontrar a peça. Basicamente, é como um loop no início da música. Então eu descobri onde ele faz a transição e, em seguida, coloquei essa parte final desse loop porque é tipo, digamos que é tipo, um, dois, três São quatro loops diferentes, logo no início, porque é como se as mesmas teclas estivessem sendo tocadas e eu pudesse simplesmente ouvi-las Então foi assim que consegui fazer esse efeito. Basta baixar tudo menos dez. Você está prestes a desbloquear o estilo exato de animação. Menos cinco e isso eu farei menos dez. Também criarei outra transição aqui. Só pela Apple e pelos criadores obtendo milhões de visualizações. Isso não é apenas design de movimento. É o que faz com que as marcas se sintam premium e o conteúdo seja impossível de ignorar. Seja você freelancer, editor ou criador de conteúdo, esse estilo faz com que seu trabalho pareça ter saído diretamente do Kubertino e não se preocupe Mesmo que os efeitos posteriores parecessem opressores antes, você aprende tudo passo a passo Muito disso é apenas o gosto pessoal. Gosto muito do jeito que está acontecendo. Não acho que a música esteja funcionando melhor com o tipo de vídeo que temos. Eu posso mudar isso no futuro. No entanto, acho que, por enquanto , especificamente, estou muito feliz com o resultado. Realmente, realmente. Bem, acho que vamos parar por aqui. Se você tiver alguma dúvida, me avise. Mas, além disso, nos vemos no próximo vídeo. 29. Último passo!: Parabéns. Você está quase 100% concluído com o curso de After Effects for Apple UI Design. Há apenas dois pequenos passos que você precisa dar. Primeiro, aja. Como disse Kafuch, uma jornada de 1.000 milhas começa com uma única etapa Então, se você ainda não o fez, dê o primeiro passo editando seu primeiro vídeo. Todas as melhores informações do mundo não significam nada se você não agir de acordo com elas, e até mesmo pequenos passos levam a resultados massivos. Por fim, se você encontrou valor neste programa, eu realmente agradeceria se você pudesse dedicar 60 segundos para deixar um feedback honesto Serei imensamente grato a você e seu feedback ajudará enormemente centenas de futuros alunos a escolher o melhor programa para eles Embora esse curso esteja concluído, sua jornada está apenas começando. Estou empolgado em ver você editar on-line, então não se esqueça de manter eu e seus colegas informados. Lembre-se, estou aqui para o seu sucesso. Portanto, se precisar de alguma coisa, não hesite em entrar em contato na seção QnS abaixo Obrigado novamente por me escolher como seu instrutor, desejando a você tudo de bom, e estou ansioso para vê-lo em cursos futuros