Adobe Animate CC para todos (2019)

1. Animar CC para todos introdução: Oh, que galinha infeliz. Ei, o que se passa? Eu sou Karl, filmar histórico dot TV e eu quero ensiná-lo a fazer animações divertidas como esta. Tudo bem, não é difícil. Tenho um novo curso chamado Anime CC para todos. É que somos principiantes. Então, se você gosta de rabiscar e fazer pequenas peças divertidas de arte, deixe-me mostrar-lhe como trazê-los à luz. Não precisa ser um gênio. Tenho toneladas de vídeos. Eles vão andar lentamente através do básico que você sabe exatamente o que fazer. Tudo bem, não vamos ficar muito difíceis e complicados. Não estou aqui para me exibir. Tudo bem? Quero que aprendas a fazer coisas muito fixes. Como fazer casa com imposto de foguete aplicado ou fazer alguns emoji olhos duros. As coisas têm andado bem. Não vai ser muito complicado. Eu vou martelar o básico para que você entenda e se divirta muito. Este curso abrangente para iniciantes inclui não pequenos projetos para você construir. Começando terminou f l a. Arquivos para todas as lições, instruções escritas e meu acompanhamento especial ao longo de vídeos onde eu realmente fazer todos os passos que têm instruções na tela. E também há palestras profundas que você não vai encontrar em nenhum outro lugar. Então, por favor, suba, faça o curso para dar uma volta. Sei que vais ficar entusiasmada com o que vais construir. Vamos lá. 2. Interface: Toda a gente liga aqui da Circle Dot TV e hoje estou muito entusiasmada para te colocar no nosso primeiro vídeo de introdução. Vamos falar sobre a interface CC animada antes de entrarmos em, você sabe, realmente fazendo animações. Eu tenho que ter certeza que você está um pouco familiarizado com o layout do Animate CC. Então, eu vou orientá-los, criando o que chamamos de espaço de trabalho para que suas ferramentas e painéis estejam na mesma polícia que a minha quando eu estiver mostrando os vídeos. Então, quando você for fazer aulas e outras coisas, seu ambiente será exatamente o que você vê nos meus vídeos. Obviamente, se você quer fazer alguns clientes, você é mais do que bem-vindo para fazer isso. Você nem precisa de um arquivo. Aberto para este primeiro vídeo serão informações sobre qual arquivo estou usando abaixo. Mas por enquanto, apenas sente-se e assista e quando terminar e configure seu espaço de trabalho como eu e nós vamos para as corridas. Então aqui eu tenho animado cc aberto e eu tenho um documento aberto, e eu quero mostrar a vocês que o espaço de trabalho ou layout é um pouco de uma bagunça. Tudo bem, há todas essas ferramentas e painéis por todo o lado. Nem consigo dizer o que estou a ver. Então, para este curso, eu quero que você em casa tenha o mesmo espaço de trabalho e layout de seus painéis que eu estou usando na minha tela quando eu gravo. Tudo bem, assim você não vai gastar muito tempo procurando por coisas diferentes. As primeiras coisas no topo aqui, eu posso escolher entre diferentes espaços de trabalho, tudo bem. E a Adobe diz: “ Ei, Ei, se você é um animador, este é o espaço de trabalho que você pode gostar de usar com a linha de tempo acima do painel de cores aqui. Mas para este curso, eu vou apenas ficar com o essencial, OK? Estou gravando com uma resolução de 12. 80 por 7 20 Então, esses vídeos ficam bem em uma ampla gama de telas, de telefones a tablets a desktop, e com esse espaço de trabalho essencial. É exatamente como eu usaria as coisas com a pequena exceção de eu realmente gosto ter minhas ferramentas à esquerda. Então ele vai clicar aqui, e eu vou arrastar todo o caminho para a esquerda e quando eu ver aquela pequena linha azul, isso significa que o painel vai se encaixar no lugar. Tudo bem, posso deixar meu painel flutuando de graça se quiser, mas eu queria ficar em um lugar aqui, e então vou esmagar tudo. Vou ter uma lição sobre como criar seu próprio espaço de trabalho personalizado e como abrir, expandir e mover esses painéis. É um pouco de uma forma de arte, mas agora eu realmente quero me concentrar em colocar vocês em animação o mais rápido possível . Agora que meu espaço de trabalho está configurado, deixe-me apenas reproduzir esta animação e você verá alguns círculos verdes animando algum texto. E é bem simples. Agora, o que eu quero falar sobre primeiro facilitar o palco, ok, e o palco é este retângulo que estamos vendo no meio da minha tela com a borda preta e o fundo laranja. Agora o palco é usado para definir a área visível da nossa animação. Qualquer coisa fora desse estágio não será visível em nosso vídeo de presente final ou html cinco animações de tela, então eu tenho Herman aqui e você verá que há alguns desses círculos que são meio no palco e metade fora do palco. E o que chamamos de área de pasta que eu quero fazer é um filme de teste de controle, e veremos essa animação em um navegador da Web, tudo bem. E o que eu quero salientar é que você não vê Herman aqui à direita. Estamos apenas vendo a cor de fundo branco padrão da página HTML e você verá que alguns desses círculos estão sendo cortados porque metade deles estão fora da área definida pelo palco de volta no inimigo Sisi. Eu vou para o painel de propriedades, que vai nos dar diferentes propriedades do nosso palco aqui. Podemos mudar a largura e a altura. Então, se eu quiser todos esses círculos como parte da minha animação final visível, eu poderia digitar um novo número aqui. Eu poderia fazer algo como 500. Mas eu também quero mostrar que este número aqui é um valor de controle deslizante para que eu possa deslizá-lo de volta para baixo se eu quiser e fazer algum ajuste fino, apenas com o meu mouse. Então agora da próxima vez que eu for testar um filme em um navegador, você verá que nós vamos ver basicamente o fundo de todos esses círculos lá. O que quer que esteja no palco ficará visível no nosso documento final. A próxima coisa que quero falar é sobre o painel Ferramentas. Temos uma série de ferramentas para selecionar e transformar itens, bem como criar formas de arte e de vetor e texto. Vou ter lições sobre a maioria dessas ferramentas avançando, mas por enquanto, eu só quero mostrar que vamos usar essa seta preta ou a ferramenta de seleção um pouco para clicar nas coisas para selecioná-las e movê-las. E também temos a ferramenta de transformação livre aqui, que podemos usar para dimensionar itens ou escrever. Leve-os livremente, não bata, desfaça algumas vezes para trazê-lo de volta ao normal. E então eu não preciso mostrar a vocês agora como usar a ferramenta de retângulo para criar um retângulo ou a ferramenta oval para criar um oval. Mais uma vez, teremos lições sobre desenho e manipulação de arte e criação de texto à medida que avançamos neste curso, quero chamar a nossa atenção agora para a linha do tempo na parte inferior da minha tela. E vamos passar muito tempo na linha do tempo mostrando como lê-lo, como criar animações na linha do tempo. Mas basicamente a linha do tempo nos permite especificar como as coisas vão olhar em um certo ponto no tempo ou em um determinado quadro de nossa animação. O que estou fazendo agora é pegar esse retângulo vermelho aqui, que é referido como nossa cabeça de jogo. Ok, e o que eu estou fazendo é apenas esfregando um número de quadros que temos em nosso filme. Sempre que vemos essas flechas aqui com o fundo azul, isso vai nos dizer que há algum tipo de animação acontecendo lá. Ok, então enquanto eu estou esfregando para trás e para o quarto ano, você verá que nós temos uma camada na linha do tempo chamada Title. E é aí que o título está desaparecendo e subindo. Eu tenho muitas e muitas camadas para todas essas bolas diferentes são círculos de esporos, se você quiser, onde eles estão todos animando de uma forma escalonada novamente, eu vou me concentrar muito em mostrar que você tem que criar animações. Vou explicar em detalhes quadros, quadros-chave , como adicionar quadros, manipular extensões de quadros de animações. E vamos passar muito tempo na linha do tempo à medida que avançamos. Mas por enquanto, eu só quero mostrar a vocês que é basicamente onde toda a magia da nossa animação acontece. Todos esses pequenos círculos negros que você vê aqui representam um recall. Os quadros-chave são pontos-chave em nossa animação, e você verá que esse texto meio que desaparece e vem de baixo. Se eu quiser que esse texto venha de cima, Aiken, volte para o primeiro quadro Frankie daquela animação. Selecione o texto que está invisível agora, e eu posso usar minha ferramenta de transformação para movê-lo aqui. Agora, da próxima vez que eu tocar esta animação, você verá que a tecnologia começa o topo e se move para baixo. Tudo bem, então eu posso editar a escala de posição, uma rotação ou Alfa de qualquer um desses elementos, desde que eu esteja ajustando um quadro chave. Mas, novamente, vou mostrar a vocês todos os estagiários para trabalhar com a linha do tempo e criar animações. Eu quero chamar sua atenção agora de volta para o painel de propriedades, que é onde nós vamos ver diferentes propriedades fora do que nós selecionamos. Ok, da última vez que cliquei, algo realmente estava no palco. Então estamos vendo propriedades do palco. Se eu clicar em Herman, o painel Propriedades agora está me dizendo que eu tenho um gráfico selecionado e ele está me dando a posição X e Y, bem como a largura e a altura. Se eu clicar em um quadro na linha do tempo, o painel de propriedades será alterado para me mostrar as propriedades desse quadro. Tudo bem, podemos colocar um rótulo em uma moldura. Podemos ajustar a flexibilização, mas eu só quero salientar que o painel Propriedades é contextual porque muita informação sobre o que quer que seja que selecionamos. Então, se eu clicar na placa de ritmo ou no palco, eu obtenho as propriedades do palco, eu posso obter propriedades do símbolo ou eu posso obter propriedades do quadro. Ok, então é por isso que é realmente importante, qual dos painéis essenciais, nós sempre queremos tê-lo acessível para que possamos ver informações e alterá-lo sobre as coisas em que clicamos. A última coisa que quero mostrar é a biblioteca. Então, ao lado do painel de propriedades, temos a biblioteca, e a biblioteca é onde vamos armazenar símbolos, que são ativos que iriam ser reutilizados em toda a nossa animação. Ok, você vai notar que para este documento, eu tenho três símbolos. Eu tenho um círculo verde. Eu tenho um cara, Herman, que tem um nome simples e insiste de Snorkel agora e nós temos um título. Ok, agora é legal sobre símbolos é que eles podem ser reutilizados várias vezes em nossos documentos. E se eu editar um símbolo, todas as instâncias desse símbolo no meu filme serão atualizadas. Digamos que um diretor de arte diz: “ Ei, Ei, quer saber? Quero que vendam círculos azuis agora ou outra coisa. Bem, eu posso clicar duas vezes no círculo para editá-lo e deixe-me apenas mostrar-lhe muito rápido. Vou pegar aquele Phil verde, e vou mudá-lo para um bom azul claro. E agora, quando eu voltar a ver um olhar o que acontece na minha animação. Cada instância desse círculo agora é azul. Então você quer mudar de verde para azul aqui no texto. Mas é incrivelmente poderoso como os símbolos funcionam. E vamos ter uma lição profunda sobre criar símbolos, editá-los, trocá-los. Vamos passar pelo trabalho. Tudo bem. Mas eu só quero mostrar a vocês que a biblioteca é onde guardamos todos os símbolos ou, se quiserem , personagens que usaremos em toda a nossa animação. Então, desde que você tenha seus trabalhos baseados até o essencial, você terá acesso fácil às ferramentas que eu vou estar usando o palco, a linha do tempo, a biblioteca e as propriedades lá número de ferramentas aqui em painéis que vão passar, como nosso misturador de cores ou amostras de cores. Mas, de novo, temos um grande caminho pela frente, e eu vou entrar em tudo isso quando chegar a hora. Eu vou realmente querer me concentrar, embora em colocar vocês em funcionamento com Adam Nation no próximo vídeo, eu vou mostrar a vocês que os três tipos de animação serão construindo, e nós vamos fazer com que vocês construam algumas animações em O seu próprio. Bem, você sabe, batendo 3. Três tipos de animação: Então, agora que temos uma compreensão decente de nossos trabalhos baseados em diferentes painéis dentro do animado C. C, eu quero me concentrar nos três tipos de animação que serão criando neste curso. Tudo bem, isso vai ser apenas uma visão geral das interpolações clássicas, animação emoldurada chave e tweens de forma. Tudo bem, isso é apenas para dar uma idéia do tipo de animações que serão construindo. Não vai ser um mergulho profundo em cada um deles. Neste arquivo que eu tenho aberto, eu tenho esses três tipos de interpolações em três camadas diferentes. Então o primeiro de que vamos falar é o que é chamado de Tween clássico. E é aí que um objeto vai se mover, escalar, girar, mudar seu alfa ou tenda sobre uma série de quadros. E basicamente, o que você faz com um Tween clássico é dizer ao anime a posição inicial e a posição final, e ele descobre todos os quadros entre eles. Então uma coisa que eu posso mudar muito rápido e enquadrar um aqui do círculo é que você sabe, eu poderia selecionar esse círculo, ir para o painel de propriedades e sob estilo eu poderia mudar a tenda para ser qualquer cor. Eu quero que você faça isso azul. Ok, então agora no quadro um, é azul no quadro 20 é laranja, e o anime agora descobre como animar a mudança de matiz enquanto está mudando a escala na posição. Tudo bem, então essas interpolações clássicas são praticamente as animações mais fáceis e populares que serão criadas ao longo deste curso. E eu vou estar explicando novamente os quadros chave, como eles funcionam e tudo isso à medida que avançamos. O próximo tipo de animação é uma animação enquadrada chave, e estou usando essa explosão como exemplo. partir de uma animação de quadro-chave basicamente na animação enquadrada de chave, você está criando um novo trabalho artístico em cada quadro. Certo, enquanto estou progredindo aqui, vocês verão que temos essas pequenas bolas de fogo laranja e amarelo que progressivamente ficam maiores e se espalham. Ok, então cada um desses quadros é desenhado à mão, e você usaria animações emolduradas chave para explosões e coisas como ciclos de caminhada ou qualquer tipo de animação de personagem articulada, possivelmente afundando lábios também, onde você precisa fazer mudanças realmente precisas entre os quadros e cada quadro é basicamente drasticamente diferente do que o precede. Em seguida, temos moldado Tweens e estes ar realmente legal na medida em que nos permite selecionar uma forma inicial no primeiro quadro e uma forma final no último quadro e animar inteligentemente interpolação a transformação de uma forma em outra. E você pode ter várias formas no primeiro quadro e várias formas no quadro final. E vai fazer algumas coisas muito legais, passando do quadro um para o último quadro dessa sequência. Novamente, não vou aprofundar a forma como criamos e construímos estas animações nesta pequena visão geral , mas quero que saibas de algumas pistas visuais que o inimigo nos dará o número um . Quando estamos fazendo esses Tweens clássicos. Eu quero que você note que nós temos esta extensão azul de quadros aqui e você vê uma seta, um quadro-chave. Animação vai ter um monte desses círculos pretos, que nos diz que temos novos quadros-chave em cada quadro, e um quadro-chave basicamente diz que cada quadro vai parecer um pouco diferente do que o anterior ou depois dele . E então, por último, essa forma de Interpolação é mostrada com este fundo verde e a seta. Então você deve ser capaz, você sabe, ao longo do tempo, ser capaz de digitalizar em um documento e saber que tipo de interpolações e animações estão sendo usadas . Então, novamente, visão geral rápida. Então esses são os três tipos de animações que nos concentraremos nesta classe, e estou ansioso para colocá-los na primeira animação que vocês iriam construir. Bem, você sabe, batendo. 4. Primeiro polimento: Tudo bem. Então, até agora eu tenho te mostrado esse problema aqui. Isso é que você ainda não fez nada. Eu sei. Bem, escute, na verdade eu vou te mostrar como construir sua primeira animação. Tudo bem? Eu só quero que você se sente, no entanto, e me veja fazer isso. Vou manter isso muito simples. Não vou explicar tudo em detalhes. Eu só vou orientá-lo através da mecânica básica de criar sua primeira animação clássica do Tween . E eu não quero fazer nada. Eu quero que você me observe. Então, no próximo exercício, eu vou ter instruções na tela que você vai seguir, e vai ser muito fácil. Então é isso. Vamos chegar a ele. Então eu abri o início de OVNIs, e o palco é bem grande aqui, então eu vou diligir está no canto superior direito. Posso mudar o tamanho, mas infelizmente, o tamanho que eu quero, que é 75%, não está nesse menu. Então deixe-me apenas fazer 75 isso me permite ver todo o meu palco e um pouco do tabuleiro de pasta circundante. Eu vou ter certeza que eu tenho minha ferramenta de seleção selecionado a seta preta e vamos para a biblioteca e eu vou clicar no OVNI, e eu vou pegá-lo e arrastá-lo para o palco. É um pouco grande para o que eu preciso agora, então eu vou para a ferramenta de transformação livre aqui e vocês verão agora que eu tenho essas alças de controle, então mantendo a tecla Shift pressionada, eu posso dimensionar e restringir a proporção, o que é muito bom se eu não segurar o turno, eu posso fazer isso ou aquilo. O que? Eu não quero diligência. Então deixe-me desfazer o Comando Z ou o controle Z mantendo o turno pressionado. Vou apenas torná-lo um pouco menor e depois vou movê-lo para cá. Então, no início da minha animação, o OVNI vai estar fora do palco e bem pequeno. Eu não vou descer para minha linha do tempo, e eu vou clicar na camada número 20 para que ela seja destacada ou selecionada, e eu vou inserir o quadro-chave da linha do tempo. Tudo bem, então agora a peça tinha saltos para a frente para o quadro número 20. Eu tenho um círculo preto ou um porta-chaves lá, e eu vou pegar o OVNI e trazê-lo para algum lugar no meio do palco. Não precisa ser perfeito. E então agora eu quero inimigo para criar os quadros entre o quadro um e o quadro 20 para que eu obtenha uma animação suave. Eu vou voltar para o quadro número um, e eu vou clicar nele para que ele seja destacado e, em seguida, ir para inserir, criar Tween clássico. Quando eu faço isso, agora temos aqueles quadros ficando azuis. Vemos aquela flecha que falamos no último exercício e agora, quando arrasto a jogada para a frente , criei o meu primeiro Tween clássico, então vamos fazer mais um Tween clássico e então vou deixar você tentar. Vamos para o quadro número 40. Eu vou clicar nesse quadro e então eu também vou inserir a linha do tempo um quadro-chave e eu vou pegar a nave agora que tem um quadro chave seu primeiro. Vou pegar a nave e arrastá-la até aqui. Vou voltar ao quadro número 20 e, novamente, quero animar para criar a interpolação entre 20 e 40. Então, com esse quadro destacado ou selecionado, vou inserir criar Tween clássico. Agora, quando eu puxar para a frente, você verá que a nave deixa o palco um pequeno pedaço de finalização. Vamos voltar ao quadro número 20. Vou clicar logo acima dele ou arrastar a cabeça de jogo para o quadro 20 e vou selecionar o OVNI novamente. Posso ter certeza de usar a ferramenta de transformação livre aqui, e eu vou apenas manter a tecla shift pressionada, dimensioná-la para cima. E então quando eu rolar o canto aqui, você vai notar que eu tenho aquele pequeno ícone de rotação ao lado do cursor vai dar um pouco de uma torção como esta. Vamos voltar ao quadro um, e eu posso apertar, retornar ou entrar dependendo do que seu teclado diz ou há um botão play abaixo. Então deixe-me pressionar isso, e agora você verá minha primeira animação. Ou devo dizer, sua primeira animação. Vou bater no “Return “de novo, e isso é muito legal. Tudo o que fizemos foi criar alguns quadros-chave até que o inimigo criasse esses tweens entre eles, e é isso pessoal. Isso é literalmente 90% do que você vai fazer em sua carreira animada na CC, criando quadros-chave e interpolações clássicas. Então o que eu quero que você faça é assistir este vídeo mais uma vez, tomar tudo dentro, e então o que vai acontecer é que você vai para a próxima lição, e você vai fazer o que é chamado de seguir ao longo de onde eu dei esses passos exatos, Eu os gravei só para você, e vou te mostrar umas duas ou três coisas. Então você vai puxar é o vídeo que você vai ver na tela instruções que lhe dizem o que fazer. Você vai fazer isso sozinho. Então você vai me ver dar o próximo passo. Haverá instruções na tela, e então você vai fazer isso. Tudo bem, então este exercício aqui é uma visão geral onde você se senta e então entra e faz isso mais uma vez e depois segue em frente sozinho. Tudo bem. Veja, do outro lado, surra mais real 5. Seguir em tendência: Tudo bem. Então aqui estamos nós em nosso primeiro exercício de acompanhamento, onde você está indo para construir sua primeira animação será construir exatamente a mesma animação que você me viu fazendo o vídeo anterior. Mas desta vez, vou dar as instruções muito claramente. Você vai ver instruções do que na tela. Você vai pausar o vídeo, você vai fazer esses passos na tela, e então você vai voltar, reproduzir a próxima parte do vídeo onde você realmente me vê fazer as coisas que você vai ler as instruções e Faça você mesmo. E isso vai durar cerca de cinco ou seis passos. No final, você terá sua primeira animação. Então a próxima tela vai mostrar qual arquivo usar e como abri-lo. E depois é tudo. Você está bem? Divirta-se. Tudo bem, então para abrir o arquivo para este exercício, nós vamos para o arquivo aberto, e você vai navegar para a sua pasta animate CC. Tudo bem? Você deveria ter baixado e extraído o zip e você vai ver OVNI começar e OVNI terminou. Você pode abrir UFO terminou se você quiser ver como esse arquivo ficaria quando você estiver pronto . Mas quero que abra o OVNI e abra. Então aqui eu tenho OVNI começar aberto. Eu reduzi a tela para 75%. E o que eu vou fazer é apenas usar a ferramenta de seleção. Vou ao painel da biblioteca. Vou clicar no OVNI e arrastar OVNI para o palco. Tudo bem. Você viu o que eu fiz. Agora olhe para as instruções e você vai bater no Paul. Não é agora. Mas quando eu digo isso, sempre que você vê essas palavras, você conhece suas patas, você vai fazer os passos você mesmo, e então você vai jogar para ir de novo. Então, agora, o que eu quero fazer é bater. Pausa, acerta o Paul. Tudo bem, então você fez essas coisas. Tudo bem, continue. Vou usar a ferramenta de transformação livre e manter a tecla Shift pressionada. Vou fazer com que seja metade do tamanho normal e movê-lo do palco para o canto superior esquerdo . Em seguida, clique no quadro 20 para selecioná-lo e vá para inserir linha de tempo. quadro principal arrastou o OVNI para o centro do palco. Clique no Quadro número um e vá para inserir, crie o clássico Tween Scrub a linha do tempo Forward toe. Assista a sua animação em outro quadro-chave no quadro 40 clicando no quadro Número 40 e vá para inserir o quadro-chave da linha do tempo, selecione um OVNI e arraste-o para fora do palco. Agora volte para o quadro 20 clicando no quadro 20 e vá para inserir, criar Tween clássico, criar Tween clássico, arrastou a cabeça de reprodução para frente e para trás e assista a nossa animação voltar para o quadro número 20. Selecione um OVNI, aumente um pouco, mantenha a tecla Shift pressionada e, em seguida, gire. Arrastou a cabeça de reprodução de volta para o quadro um e, em seguida, pressione Reproduzir Aí está você. Sua animação final. Parabéns. Você fez isso. Você é um animador. Vá para o Twitter, arme em torno de uma maneira e diga a seus amigos Pegue seu currículo para fora. Não posso inimigo. Tudo bem, não é tão difícil direito que vamos fazer nas próximas lições é realmente chegar ao nitty corajoso de como a linha do tempo funciona. Vamos explorar quadros-chave, cobertores, quadros, adicionando quadros, encolhendo quadros, e você realmente vai começar a entender exatamente o que está fazendo. Tudo bem, vamos devagar, vamos nos divertir muito. Você vai fazer algumas coisas legais. Tudo bem? Vês, na próxima lição? Não, sério? Bem, você sabe, batendo. 6. Linha Linha de tempo: Bem-vinda de volta. Você acabou de criar sua primeira animação clássica do Tween. Dou-lhe instruções passo a passo, e espero que consiga segui-lo. Ok. Você deve estar se sentindo muito bem sobre o fato de que agora você é um animador. Bem, agora é hora de eu te ensinar algo. Esta próxima lição já é muito importante. Uma dessas lições fundamentais que você realmente precisa ter sob sua pele para realmente entender o que vamos fazer em frente. Muito bem, vamos dizer-te exactamente como ler a linha do tempo da CC animada. Fale sobre quadros, quadros-chave e quadros cobertores. Não, esta não é a coisa mais elegante e maravilhosa do mundo. Eu quero reiterar que ao longo deste curso eu ensino muito da mesma maneira que eu seria se você viesse ao meu lado no trabalho e dissesse, Ei, Carl, Carl, me ensine sobre quadros-chave. Tudo bem? Eu abriria o FL com um polvo patinando com armas laser e outras coisas. Não, eu abriria um espaço em branco se eu um desenhar algumas coisas scrappy no fluxo e realmente tentou ilustrar para você o que está acontecendo em cada quadro chave, blankie, quadro e quadro regular. Então, neste exercício, vou guiar-te por isso. Como eu faria qualquer um e eu estou esperando realmente apenas reduzir as coisas exatas que você precisa saber sobre esses conceitos. Então eu criei esta legenda da moldura da linha do tempo que você pode imprimir Pendurar na sua parede. E o objetivo desta lição é decifrar isso para você. Ok, vamos falar sobre quadros, quadros-chave , cobertor, quadros e quadros potenciais. Eu quero te guiar por todas essas coisas diferentes para que quando começarmos a fazer alguma animação real, a próxima lição você vai saber exatamente como ler a linha do tempo e você vai se sentir confortável. Tudo bem, então vamos entrar nisso. Então, para começar nossa jornada através da leitura da linha do tempo e todos os ícones diferentes ou diferentes tipos de quadros, eu vou abrir um novo documento ou criar um novo documento. E, por enquanto, vou usar um documento HTML 5 canvas. Falaremos sobre os diferentes tipos de documentos à medida que avançamos agora, isso não faz diferença, na verdade. E a primeira coisa que quero chamar sua atenção são esses quadros na linha do tempo agora, é meio difícil ver o que está acontecendo aqui, então vou aumentar o tamanho do meu quadro só um pouco para você. Sempre que criar um novo documento, você começa com um quadro de chave em branco. Ok? Não há nada na linha do tempo na primeira camada. Não consigo arrastar a jogada para a frente. Eu estou meio que trancado lá. Então o que eu quero fazer primeiro é apenas estender a quantidade de tempo que eu tenho para jogar enquanto eu estou fazendo esta pequena demonstração. Então temos uma taxa de quadros agora de 30 quadros por segundo, o que significa que levará um segundo para reproduzir 30 quadros. Então vamos apenas dizer que eu quero uma animação que é um segundo longo. Vou sair para o quadro número 30 e quero adicionar quadros ao meu documento. Sempre que vemos esses quadros alternados de luz e cinza escuro. Cada quinto quadro que nos diz que temos estamos chamando de quadros potenciais, tudo bem. Eles ainda não estão em nosso filme ou em nosso documento aqueles quadros ainda, então eu vou para o frame número 30 e clique, e anteriormente eu estava mostrando para você ir para inserir linha do tempo, e talvez nós adicionamos um quadro-chave ou um quadro anteriormente, mas isso é muita distância para viajar. Seguindo em frente, vou usar o menu de contexto do clique direito. Se você tem um mouse de um botão, você faria um clique de controle, eu acredito. Então. Eu só vou para inserir quadro. E agora o que acontece é que agora eu posso arrastar do quadro um todo o caminho para o quadro 30 para que eu possa colocar coisas em qualquer um desses quadros. Eu posso colocar molduras lá, mas por enquanto eu tenho este pequeno quarto. Se você tiver um segundo valor de animação ou tempo com que eu possa trabalhar aqui agora apenas adicionando esse quadro, algumas coisas diferentes acontecem. Primeiro, agora podemos notar que este quadro aqui é um círculo traçado. Ok, com um centro oco, isso significa que no quadro um, nós temos o que estamos chamando de um quadro de chave em branco. Não há nada nessa moldura nessa camada. Você também notará que é sutil, mas esse intervalo de quadros aqui não é mais claro e escuro, alternando a cada quinto quadro. É apenas uma cor sólida e cinza escuro. Ok? E então essa extensão de quadros estava se referindo apenas como quadros regulares ou apenas quadros onde você vê o círculo oco. Esse é um quadro chave em branco onde temos os quadros cinza de cor sólida. São apenas quadros normais. E então temos este outro ícone aqui, que é um pouco intrigante. É este pequeno retângulo acariciado, e tudo o que nos diz é que a extensão atual dos quadros vai acabar. OK, não é diferente no quadro 30 do que no quadro 29. Eles são todos apenas quadros regulares, e este é apenas um indicador visual de que a extensão do quadro atual vai terminar. E isso é tudo o que ele faz. Agora que estabelecemos que eu tenho 30 quadros no meu filme e o primeiro quadro é um quadro chave em branco . Eu vou voltar para o quadro um, e eu só vou pegar minha ferramenta de pincel e eu vou desenhar um círculo no palco realmente áspero . Ok, então no quadro um, eu desenhei um círculo. É difícil dizer porque o jogo vai passar por aquele quadro, mas eu vou em frente, e agora você vai ver que temos um círculo preto lá. E isso significa que eu tenho um quadro chave que tem algum conteúdo no palco. Então deixe-me selecionar isso. Vou deletar. E agora vocês verão que voltamos para este círculo oco, então há um quadro de chave em branco, e assim que eu colocar algo no boom do palco, ele é preenchido e nós temos nosso quadro chave. Então a primeira coisa que eu quero que você se comprometa com a memória sobre quadros-chave é que eles dizem que algo está no palco neste quadro desta camada. Então eu conheço um quadro número um que é um círculo preenchido. Há algo no palco lá e digamos, no quadro número 30 eu quero mover o X para a direita do palco. Então, novamente, meu jogo vai no quadro 30. Vou selecionar todas as obras de arte no X, e vou movê-la para cá. Então você pode estar pensando, tudo bem, eu estou no quadro 30. A coisa está à direita. Quando eu voltar para o quadro um , deve estar à esquerda. Não é assim que funciona. Deixe-me fazer uma edição, desfazer e deixe-me desfazer novamente até que o X volte. Certo, aqui estou eu no quadro número um. Nada selecionado. Quando eu passar para o número 30 e se eu selecionar o X notar que este intervalo de quadros realçado, esta é uma forma animada de dizer, Ei, você sabe o quê? Mesmo que suas cabeças de jogo no quadro número 30 você está realmente selecionando essa coisa no quadro principal número um. Portanto, a regra novamente aqui é que você só pode selecionar objetos em um quadro-chave. Então, mesmo que as cabeças jogo no quadro 30 o último quadro chave que tem este xn, é caminho de volta em um. E este é um erro que você provavelmente vai cometer cerca de 1000 vezes, mesmo depois de você entender completamente por que ele funciona dessa maneira. Ainda faço isso até hoje às vezes. Então, se eu quiser mover o X ou fazer qualquer coisa para ele no quadro número 30 o que eu preciso fazer é colocar um quadro-chave lá primeiro. Então eu vou dizer, vamos inserir um quadro-chave, e então agora você verá que temos este círculo sólido aqui. Está preenchido, tudo bem, então agora posso pegar o X e o quadro número 30 e posso movê-lo para cá. Agora, quando eu voltar para o quadro número um, que é quando o excesso para a esquerda e o quadro número 30. Aconteceu outra coisa com ele. É movido para a direita, e isso me leva à terceira regra do quadro chave que você deve entender. Podemos fazer coisas com objetos em um quadro-chave sem afetar outras coisas em outros quadros-chave . Tudo bem, então basicamente, quando estamos neste quadro chave aqui, eu posso pegar este X e eu posso simplesmente esmagá-lo, fazer qualquer tipo de coisa estranha que eu quero e não afetar nada no quadro número um e também no quadro número um. Eu poderia desenhar um círculo aqui em um círculo aqui, e isso não afetará nada no quadro número 30. Então esses quadros-chave meio que bloquearam o que está acontecendo naquele quadro particular dessa camada em particular. E em seguida, vamos apenas falar sobre esses quadros regulares novamente. Ok. A extensão sólida de quadros aqui. Então o que eles querem dizer é que, ou o que eles nos dizem é que ao longo deste período de quadros, as coisas do quadro-chave anterior estão ficando estáticas para esse período. Então, basicamente, Aiken esfrega todo o caminho desde o quadro número um até o quadro número 29. E eu sei que nada no palco vai mudar. Vai parecer tudo igual. Para ilustrar ainda mais isso, vou para o quadro número 15. Vou clicar com o botão direito e inserir quadro chave. E outra coisa que eu deveria mencionar sobre quadros-chave é que quando criamos um novo quadro-chave , ele cria uma duplicata exata de tudo o que está no palco no quadro principal anterior . Assim, o quadro chave um e o quadro chave 15 são idênticos. Agora que tenho um porta-chaves e quadro número 15, posso levar tudo no palco. Posso movê-lo para cá. Eu posso, uh, você sabe, deixe-me apenas escolher uma nova cor para fora. Apenas faça alguma coisa realmente. Você sabe, boba e vou usar meu pincel de novo. Desenhe círculos vermelhos demais. Então essas mudanças que eu fiz no quadro número 15 não vão afetar nada no quadro número um ou no quadro número 32. Lembre-se, a terceira regra dos quadros-chave é que podemos fazer coisas com objetos em um quadro-chave sem afetar outras coisas e outros quadros-chave. Então, no quadro 15 eu posso fazer o que eu quiser. Não vai mudar o quadro um ou o quadro número 30 agora. Eu também estava falando sobre esses quadros regulares. Eles nos dizem que nada vai mudar aqui. Então, enquanto eu arrasto do quadro 15 todo o caminho para o quadro 29, tudo no palco permanece exatamente o mesmo. Quando eu chegar ao próximo quadro, isso me diz: “Ei, “Ei, você sabe o que é possível. Algo nesse quadro vai mudar e nós temos essa grande bagunça aqui para que eu possa fazer coisas no quadro número 30 novamente, e isso não vai afetar nada no quadro 15 ou quadro número um e deixe-me voltar para a regra número dois, que é que você só pode selecionar objetos em um quadro-chave. O que isso significa novamente se eu for para o quadro número sete e eu tentar selecionar este círculo e movê-lo para cá. Observe que eu estou selecionando no quadro um porque não há um quadro-chave no quadro número sete. Então, quando eu voltar para o quadro número um, eu não quero me surpreender que este círculo aqui tenha se movido antes de eu terminar. Vamos falar sobre quadros de chave em branco e uma moldura blankie novamente. Isso é um círculo oco? E isso nos diz que nada está no palco neste quadro desta camada. Então aqui, no quadro número 15 eu tenho um quadro chave. Tem coisas nele. Quando eu clico no quadro, ele realmente seleciona tudo naquele quadro, e eu vou apenas acertar o vazamento e me livrar dele. E olha o que acontece. Você vai ver. Temos o círculo oco aqui. Isso significa que no quadro 15 temos um quadro de chave em branco. Posso apagar coisas do quadro 15 novamente sem afetar nada no quadro número um. Então vamos ler toda esta linha do tempo no quadro número um. Tenho um ponto preto que me diz que tenho um porta-chaves. Os quadros que se seguem são toda essa cor sólida que me diz que nada vai mudar à medida que eu puxar a cabeça de jogo para a frente. Eu vou ver essa coisa de traço retangular aqui e completamente ignorado porque realmente não significa nada exceto para me dizer que no próximo quadro algo pode mudar porque esta extensão de quadro está terminando. E eis que, no quadro número 15, tenho este círculo oco, e isso significa que tenho uma chave em branco. Depois disso, eu tenho outra extensão de quadros com uma cor de fundo sólida, que mais uma vez me diz que nada vai mudar avançando o retângulo preto que eu posso ignorar completamente, exceto para fazer um nota mental de Hey, algo pode mudar a seguir. E então eu vejo que eu tenho um círculo preto aqui, que me diz que eu tenho o quadro chave que tem coisas nele para embrulhar. Vamos rever o que você precisa saber sobre quadros-chave. Tudo bem. Um quadro chave nos diz que há algo no palco. Ok, quando você vê aquele ponto preto você sabe que naquela moldura da camada, há algo no palco. Uma das regras, como gosto de chamá-los de quadros-chave, é que você só pode selecionar objetos em um quadro-chave, então, se você tiver algo no palco e quiser selecioná-lo, mova-o. Certifique-se de que a cabeça de jogo está em um quadro chave primeiro. Eu demonstrei algumas vezes o que vai acontecer se você não fizer isso a seguir. É importante saber que podemos fazer coisas com objetos em um quadro-chave sem afetar outras coisas em outros quadros-chave. Então, se você tem a cabeça de jogo sobre um quadro-chave e você manipular um objeto no palco lá, você não vai estragar as coisas e outros quadros-chave. E por último, quando você está criando um novo quadro-chave, ele cria uma duplicata exata do quadro-chave anterior. E isso é algo em que vamos mergulhar um pouco mais na próxima lição quando construirmos algumas animações de quadros-chave. Então não se preocupe. Não quero anotar todas essas coisas. Eu vou ter tudo isso abaixo do vídeo, e eu também vou novamente te dar a legenda do quadro da linha do tempo, e espero que , agora, todas as coisas nesta impressão façam sentido. Mas novamente, eu sugiro que você olhe para cima estudá-lo. E se for preciso, você sempre pode assistir esse vídeo novamente. Mas a próxima coisa a fazer é mostrar-lhe como aplicar esses conceitos de uma forma muito prática. Estamos construindo nossas primeiras animações emolduradas e ele realmente vai afundar porque você sabe por que eu vou continuar martelando até que isso aconteça. Tudo bem, Incrível. Mais surra. 7. parte1 de Keyframe de chave: Ei, bem-vindo de volta. Então nós já falamos sobre quadros-chave um pouco sobre o que eles são e como eles funcionam . E agora vamos aplicá-los a um re um pouco de animação antes que possamos fazer as coisas loucas , como explosões ou ciclos de caminhada. Sabe, vamos começar o básico. Já me conheces. Eu sou tudo sobre os fundamentos. Está bem? Quero que aprendas o básico para fazermos as coisas legais mais tarde. É tudo de segunda natureza, e eu não tenho que ir mais de 100 vezes. Eu já fiz isso, tudo bem. E também vou apresentar-vos a minha primeira lição de estilo de campo de treino. O que é isso? Vamos manter o acampamento de quadros onde eu vou gritar algumas instruções sobre bater atalhos de teclado e desenhar coisas na tela para que você coloque isso na sua cabeça. Certo, vamos nos divertir um pouco com isso. Eu sou todo sobre você aprender através da repetição, gritar medo e se divertir um pouco. Então vamos tentar misturá-lo e vamos embora. Tudo bem, Então vamos lá um novo brilhante, limpo e fresco f a nós vamos selecionar HTML cinco. Canvas realmente não importa agora. Que tipo de documento está usando? E assim como na última lição, eu estou começando com um quadro de chave em branco aqui porque não há nada no palco da primeira camada. Então se escondendo atrás dessa linha vermelha aqui está um desses círculos vazios. Vou selecionar minha ferramenta de pincel, e vou desenhar o número um aqui à esquerda. Assim que eu desenhar algo no palco, agora temos um quadro chave com o círculo preenchido. Isso é preto, porque isso nos diz Ei, há algo no palco nesta moldura desta camada. Agora, o que eu vou fazer é progressivamente revelar os números 1234 e cinco atravessando o palco. Agora, só tenho uma moldura, lembras-te? Eu não posso pegar a cabeça do jogo e arrastar para qualquer lugar porque eu só tenho esses quadros que são cinza claro e escuro alternando a cada cinco. Como se chamavam mesmo? Sim, chamei-os de quadros potenciais. Certo. Eles ainda não estão no nosso filme, mas eles têm o potencial para ser, então eu quero ter um quadro aqui e o que eu vou fazer é apenas destacar o quadro número dois. Vou clicar com o botão direito e ir para inserir o quadro chave. E agora que eu tenho um novo pequeno círculo preto aqui quadro-chave, eu sei desde a última lição que ajudar um novo quadro chave cria uma duplicata exata de tudo no palco do quadro chave anterior. Então quadros um e dois agora são idênticos. Enquanto eu esfregava a peça de cabeça para frente e para trás, não há mudança. Eu também aprendi na última lição, ou devo dizer, eu ensinei você a aprender isso no quadro número dois. Agora eu posso adicionar algo ao palco como o número dois sem afetar nada no quadro número um. Então, quando eu vou para o quadro número dois boom, eu tenho o número dois que eu estou indo agora, apenas para a direita. Clique no quadro seguinte e arraste ALS até aqui e procure inserir o quadro chave. Meu Deus, é tão laborioso usar o menu do botão direito. Então agora que eu tenho o quadro chave aqui, deixe-me colocar o número três em avançar. Eu não quero ter que abrir este menu e ler e encontrar coisas. Então vamos adicionar um monte de quadros chave, quadros e quadros cobertores. Então é hora de começarmos a usar atalhos de teclado. O atalho de teclado para adicionar um novo quadro de teclas é F seis. Então, sem clicar em qualquer lugar, eu só quero ter certeza que minhas cabeças de jogo e quadro número três eu posso apenas bater F seis. Isso vai dar-me uma nova moldura aqui em baixo e quadro número quatro, e eu vou desenhar o número quatro e sem clicar em nada aqui em baixo, eu vou bater F6 novamente. E agora eu tenho um novo quadro chave e quadro número cinco, e eu vou desenhar o número cinco. Então, em cada um desses quadros principais 1234 e cinco, estou adicionando coisas novas ao palco quando adiciono coisas novas ao palco e ao quadro. Cinco. Não está afetando nada no quadro quatro. Agora, se eu for tocar essa animação, você percebe que isso acontece. Whoa, super rápido. Ok, bem, isso é porque esses quadros estão bem ao lado um do outro e a uma taxa de quadros de 30 quadros por segundo, cada quadro é exibido por literalmente 1/30 de segundo, que é como nenhum Tempo em tudo. E para apenas jogar estes primeiros 5 quadros, vai levar 1/10 de segundo. Então, realmente, não há tempo para nossas cabeças sequer calcular realmente o que está acontecendo no palco. Vemos quase todos os números aparecem de uma só vez, tecnicamente, mesmo que haja um pouco de tempo entre eles. Então, se quisermos que as pessoas realmente tenham alguma antecipação para como é o próximo número, ele não contaria. Você vai querer ter alguns quadros entre cada um desses quadros chave, então vamos voltar ao quadro um agora. Eu poderia clicar com o botão direito, inserir quadro, e então isso empurra o segundo quadro-chave sobre um pouco. E se eu continuar fazendo moldura de inserção, eu vou ficar tão cansado fazendo este quadro de inserção. Você vai notar agora que nós temos um quadro-chave e, em seguida, nós temos esses quadros regulares lembrar seus fundos coloridos sólidos, e eles nos dizem que para a extensão de quadros, o material no palco do quadro-chave anterior vai Fique estático. Então, mais uma vez eu posso esfregar através desses quadros e nada muda. Este retângulo aqui nós ignoramos completamente porque tudo nos diz, é que o quadro atual vai acabar no próximo boom quadro. Temos um porta-chaves, o número dois aparece. Então, fazendo isso, eu adicionei algum tempo entre o primeiro quadro ou este é apenas o primeiro quadro-chave e o próximo quadro-chave. Então o que eu vou dio é em vez de fazer inserir quadro o tempo todo aqui para obter mais espaço entre esses dois quadros-chave, eu vou apertar F cinco, que é o atalho de teclado para adicionar um novo quadro. Então vou fazer isso três vezes. Vou clicar no próximo quadro chave. Vou acertar 5123 vezes. Vou para o próximo quadro chave e acerto F 5123 vezes. E, por último, o último quadro chave. 123 vezes. Então agora eu tenho um pouco de tempo entre cada um dos meus quadros-chave eu vou bater, entrar para jogar e agora você pode ver que cada vez que ele toca nossos cérebros têm um pouco de, você sabe, tempo para realmente ver os números e entender que há um pouco de tempo entre cada um. Constrói um pouco de antecipação. Ainda acho que pode haver mais tempo entre cada um. Então eu vou apenas trazer minha cabeça de jogo de volta entre quadros um e cinco e eu vou bater F 53 mais vezes. 123 Vá por aqui. 123 Vá por aqui. 123 aqui de novo. Apertando F cinco para adicionar quadros três vezes 123 Então agora minha animação inteira tem 35 quadros de comprimento, que coloca um segundo e deixe-me apenas reproduzi-lo. Tudo bem, então temos uma animação de quadro-chave muito básica em cada novo quadro-chave. Este conteúdo no palco está mudando. O que é isso? Que som é esse? É hora de manter o acampamento cerebral. O que é isso? Significado? Significa que não vamos fazer um exercício divertido ou eu grito instruções para você e você tenta acompanhar. Tudo bem, vamos fazer isso. Tudo bem, vamos para o arquivo novo, criar um novo documento, e agora vamos lá. Você vai ver que tem um quadro de chave em branco. Eu quero que você selecione sua ferramenta de pincel. Você vai desenhar o número um que você vai acertar seis. Desenhe o número para acertar F6. Desenhe o número três hit F seis empate o número quatro hit F seis. Desenhe o número cinco. E o que você tem? Você tem sua primeira animação de quadro de chave de fogo rápido. Agora precisamos adicionar algum tempo entre os quadros. Se voltares ao quadro um, vais acertar o F 55 vezes. 12345 Você vai arrastar a cabeça de jogo para o próximo quadro chave. Aperte F 512345 vezes Vá para o próximo quadro-chave Aperte F 512345 vezes Vá para o próximo quadro-chave. 12345 Última moldura chave. 12345 Tudo bem. Quero que conheça esses atalhos de teclado como a palma da sua mão. Quero que pegue meu atalho de teclado. Deus, leve para o monitor. Leve-o para o topo da sua cabeça. Se ficou para trás, quero que faça essa lição de novo até acertar. Tudo bem. Você vai se divertir. Fazer o quê? Completá-lo. Vai mais bater 8. Bootcamp de keyframe em branco: Tudo bem. Bem-vinda de volta. Mas Deus descanse depois do último campo de treinamento, vamos ter uma lição rápida agora mostrando a diferença entre inserir um chave e inserir um quadro de chave em branco. Você aprenderá o atalho de teclado F sete para adicionar novo cobertor. Frame vai ser bem rápido porque eu realmente quero que você aplique esses princípios para animações do mundo real. Muito bem, estamos a fazer os nossos passos de bebé agora, e depois vai ser para as corridas, por isso entra. Muito bem, então, semelhante ao último exercício, o que vamos fazer é criar um pequeno contador, mas apenas um número vai aparecer de cada vez. Então, quando um novo número aparece, os antigos vão embora, então vamos arquivar novo e novamente HTML cinco. Canvas é bom para isso, e agora vamos ter um novo documento limpo com um quadro de chave em branco aqui porque nada está no palco. Vou mudar minha cor de preenchimento para este lindo azul escuro. Vou usar minha ferramenta de pincel no centro do palco. Vou desenhar o número um agora que a minha moldura de cobertor é uma moldura normal. É um círculo preto preenchido porque algo está no palco naquela moldura. Agora eu quero desenhar um número dois no quadro número dois. Eu não posso puxar a cabeça para frente, então eu vou apenas clicar com o botão direito aqui. E se eu inserir quadro-chave, aprendemos antes disso. Adicionar um novo quadro-chave novamente duplica o conteúdo do quadro anterior. Então quadro um e dois são iguais. Então, se eu quiser apenas um dois no quadro número dois, eu teria que usar minha ferramenta de seleção para pegar o único excluí-lo. E agora eu tenho um quadro de chave em branco porque eu excluí o que estava no segundo quadro-chave. Agora eu tenho uma chave em branco, e eu poderia desenhar o número dois. No entanto, eu vou desfazer tudo isso, e eu quero pular o passo desnecessário de ter que excluir as coisas eu mesmo. Então, de volta ao quadro um, eu só tenho um quadro aqui. Agora vou inserir, e vou selecionar inserir quadro de chave em branco. Tudo bem. Inserir quadro-chave criaria um novo quadro-chave e duplicaria tudo no quadro. Um. Onde está inserir quadro chave em branco vai me dar meu círculo oco e um estágio em branco. Então agora eu posso apenas desenhar o número dois no quadro número dois. E eu tenho um e quadro número um e dois e quadro número dois. Vou clicar com o botão direito do mouse novamente aqui e selecionar. Lá está ele. Eu sinto muito. Insira o quadro de chave em branco, e eu tive que mover minha boca. Até agora, estou tão cansada. Mas lá eu tenho minha moldura de cobertor e eu vou desenhar o número três novamente. Eu não gosto de ter que clicar direito ler e depois tentar descobrir para onde eu estou indo. De agora em diante, vou voltar ao quadro número três. Vamos usar F sete, que é o atalho de teclado para inserir um quadro de teclas em branco. Por isso, agora vou pressionar F7. Isso me dá um quadro em branco na minha linha do tempo aqui, ele limpa o palco. Vou desenhar o número quatro. Vou pegar F 71 mais tempo para pegar uma moldura de cobertor e quadro cinco que eu vou desenhar o número cinco. Então agora, em quadros 1234 e cinco. Eu tenho novo conteúdo em cada quadro. E quando você está criando seu próprio como animações riel como explosões ou ciclos de execução ou contadores como este, este é provavelmente o método que você vai querer tomar seu vai ser limpar conteúdo anterior e desenhar novo conteúdo agora semelhante até o último exercício. Agora temos essa animação acontecendo muito rapidamente porque tudo está acontecendo literalmente em cinco quadros, o que é como 1/10 de segundo. Então o que eu vou fazer, assim como no último exercício, eu vou enquadrar um. Vou apertar uma tecla especial para adicionar quadros. Alguém sabe o que é essa chave? Sim, você na primeira fila F cinco, certo, então 512345 vezes. Vou para o próximo porta-chaves. E isso é por bater f cinco. Eu vou estar empurrando todos os outros quadros para a frente. Então, selecione este quadro e, em seguida, 12345 Eu estou adicionando essa extensão de quadros regulares onde novamente, durante esses quadros regulares, as coisas do quadro-chave anterior permanecem estáticas. O que isso significa? Nada está se movendo nesses quadros aqui. Vá para o próximo quadro-chave. 12345 Vá para o próximo quadro-chave. Acerte um 512345 Então agora eu tenho um contador que vai jogar, e eu posso ver um novo número em cada novo quadro chave, dependendo de suas necessidades. Talvez queiras ter mais espaço ou tempo no meio. Moldura da chave. O que é isso? Que som é esse? Sabe que horas são? É hora de ficar em branco. Mantenha chuva Boot camp. O que é isso? É onde eu vou gritar e gritar instruções para você em fogo rápido Seaquest para ver se você consegue acompanhar. Tens de aprender isto por dentro e por fora e fazê-lo com os olhos fechados. Então vamos para as corridas. Siga Giddy para cima. Tudo bem, prepare-se. Vamos arquivar o novo HTML 5. Canvas está bem por enquanto. Vamos usar a ferramenta de pincel. Eu queria desenhar o número um no meio do estado. Você vai então bater sete para criar uma nova moldura de cobertor. Desenhe o número para acertar F sete novamente. Desenhe o número três acerte F sete novamente. Desenhe o número quatro. Vamos, você consegue. Acerte F sete novamente. Desenhe o número cinco. Tudo bem. Temos nossa animação de quadro chave aqui, onde cada novo quadro tem algo novo e nada do quadro-chave anterior. Agora é hora de adicionar algum espaço. Então, o que vamos fazer? Vamos enlouquecer cinco. Volte para enquadrar um Hit F 512345 vezes. Vá para o próximo quadro-chave. 12345 Vá para o próximo quadro-chave. 12345 Vá para o próximo quadro-chave. 12345 Vá para o próximo quadro-chave. 12345 Oops. Perdi um F cinco? Lá vai você. Volte ao início. Acertar, retornar ou entrar. E aí está a sua animação. Tudo bem. Você fez isso. Estou super orgulhoso de você. Se não foi você, volte e faça. Mas eu sei que você fez isso. Por isso, neste momento, acabámos com os nossos acampamentos de botas. Eles podem ter visto um pouco bobagem, mas realmente eu preciso que você pegue esses fundamentos de quadros-chave e cobertores, quadros e quadros em sua cabeça. Para que quando avançarmos de novo, vamos ter uma vela suave e fazer algumas coisas realmente legais. Eu também quero que você pegue o meu guia de atalhos de teclado e novamente gravá-lo no topo do seu monitor. Você precisa memorizar em cinco F seis e F sete. Eles precisam ser como, construído em forma de memória muscular. Só batendo as chaves sempre que precisar. Tudo bem? Então, novamente, estou muito feliz por termos superado esses fundamentos. Muito obrigado por ficar comigo. Vamos passar agora a fazer alguma implementação prática, no mundo real de construir animações chave emolduradas do que fazer rainhas clássicas e um monte de outras coisas. Mas temos muitas coisas básicas fora do caminho. Então, parabéns. Mais surra. 9. Visão geral de stop: Então bem-vindo de volta. Eu sei que você passou pelo campo de treinamento. Você tem seus 12345 frames para animar e você provavelmente está pensando Mas Carl, eu estou fazendo este curso porque eu quero fazer coisas mais profissionais e você sabe o que você vai eo que eu quero fazer agora é levá-lo sobre o meu feed animado adiciona Twitter e como as principais marcas estão usando a mesma técnica de quadro de teclas stop motion em sua publicidade. Vamos, Aqui está o meu animado, adiciona página do Twitter. Eu coloquei isso junto muito rapidamente para que eu pudesse retweetar anúncios animados e eu não queria realmente abranger meus seguidores de televisão de snorkel com um monte de anúncios, então eu decidi criar uma conta separada. Agora o que eu estou fazendo é apenas percorrer meus vários feeds do Twitter. E quando eu vir um anúncio legal, vou retuitar a partir desta conta. Então, aqui, Target tem alguma animação agradável, seu feed do Twitter, e este é o tipo de coisa que eu vou estar mostrando a vocês como construir aqui. Nós acumulamos efeito stop motion que este castelo branco adere. Você será capaz de construir isso com os olhos fechados depois de fazer este curso, e eu vou rolar rapidamente para baixo porque eu quero mostrar a vocês a educação que inspirou este próximo exercício. Bem, em primeiro lugar, o Starbucks é muito legal e realmente estava acontecendo aqui. É apenas uma série de fotos onde eles estão adicionando um elemento à cena, tirando uma foto, tirando uma foto, adicionando outra tirando uma foto, e então eles importam todas essas fotos para quadros-chave em um programa como inimigo. Então aqui está a configuração que eu fiz inicialmente para um dos meus testes. Pelo que estamos prestes a construir. Eu tenho um saco de batatas fritas de Taco Bell, um pouco de queijo na minha câmera no casulo de gorila Jobi e rolando para baixo o que temos aqui. Applebee é um anúncio como este amigo chave. Não há animação suave. São apenas esses cortes duros entre um coração de texto e uma foto de um bife para te dizer o seguinte, provavelmente vamos construir esse também. Mas o que eu realmente vou atrás e o que realmente me inspirou foi esse Ed bem aqui. Você é de Taco Bell? Você está brincando. Tackle Bad. Então lá está a maneira de ter essas batatas fritas nacho que surpreendentemente, estão em muito alta demanda. E você verá que há uma animação das batatas fritas indo embora. E como eles vão embora, o queijo desaparece. E o que chamou a minha atenção sobre esta coisa aqui foi que quando o queijo vai embora, você não vê um monte de queijo manchado ao redor da borda ou algo assim. É tudo muito bom e arrumado. Então o truque que usei foi começar sem batatas fritas e depois sem queijo. E eu tirei fotos adicionando batatas fritas e adicionando queijo, e eu tenho certeza que foi assim que eles fizeram também. Certo, aqui está minha versão das batatas fritas desaparecidas. Não consegui comer batatas fritas de nacho porque quer saber? Eles foram descontinuados. Estão nos fazendo esperar até o verão. Então eu usei algumas batatas fritas de nacho e um pouco de queijo nacho. Então vamos pular sobre o inimigo. E também você tem que construir esta animação. Certo, então, Sisi inanimado, vou criar um novo documento HTML 5. Eu vou mudar o palco para ser 800 por 800 retornar, e então eu vou para o menu de ampliação e caber na janela. E isso vai encolher para que eu possa ver o palco inteiro. E quando você for para importação de arquivos, eu vou importar para o palco. Agora você verá que eu tenho essas fotos aqui que saíram da minha câmera. Vou selecionar o 1º 1 e em um Mac. Se eu bater na barra de espaço, eu poderia ter uma prévia deles. Eu estou batendo a seta para cima agora para que você possa ver que eu tenho essa progressão de imagens que tem mais batatas fritas e queijo sendo adicionado. Então é uma característica agradável do Mac lá. O que eu vou fazer é apenas escolher a primeira imagem na sequência, que é 7611 e quando eu bater. Inimigo aberto é muito inteligente, e diz que este arquivo parece ser parte de uma sequência de imagens. Você quer importar todas as imagens na sequência e eu vou bater? Sim, e depois algumas coisas iam acontecer. Você verá que o anima CC coloca cada imagem em seu próprio quadro-chave já para mim, e se eu for para a biblioteca, você verá que todas essas imagens agora fazem parte da minha biblioteca. Então eu só quero mostrar a vocês que nos bastidores, tudo o que importamos vai para a biblioteca, e agora nós também temos cada imagem no palco em seu próprio quadro chave. Agora, com esta animação aqui, a ideia era mostrar a alguém como começar com um saco cheio de batatas fritas e queijo e depois, ao longo do tempo, fazê-los desaparecer. Agora, eu tirei essas fotos em ordem inversa para que eu pudesse lentamente adicionar queijo ao pequeno que está aqui, ok? E para que não fosse confuso. Então, se eu tivesse começado com queijo cheio e depois retirado, teria sido manchado por todo o lado. Então eu apenas construí a sequência ao contrário. Agora, o propósito desta animação, quero as coisas viradas ao redor. Então, em vez de ter começando com um saco vazio e queijo vazio sido e, em seguida, enchendo, eu quero começar com o vazio, o queijo cheio e navios e, em seguida, tê-los desaparecer. Então, o que eu vou fazer é clicar e arrastar para selecionar todos esses quadros, e então eu vou clicar com o botão direito e fazer quadros inversos aqui em baixo. E agora esses quadros são trocados. Então eu estou começando com batatas fritas e queijo e ao longo do tempo, em cada quadro chave, eu tenho uma nova imagem com menos batatas fritas e queijo. Então, quando eu toco isso agora, ele vai muito rápido. Agora quero abrandar isso um pouco. Então uma coisa que eu poderia fazer é ir para o painel de propriedades e um quadro por segundo é definido como 30. Eu poderia reduzir isso para algo como cinco, e agora da próxima vez que eu jogar assistir, é definitivamente mais lento, ok? Só me mostra cinco quadros por segundo. Agora, se isto fosse tudo o que este ficheiro ia ter, tudo bem. Mas se eu quiser adicionar alguma outra animação que está acontecendo ao mesmo tempo, é um pouco mais suave e não tão agitado. Hum, eu não ficaria feliz com uma taxa de quadros de cinco quadros por segundo, então embora eu pudesse fazer isso, eu vou manter essa taxa de quadros sólida em 30 agora. E eu vou voltar para a técnica que eu já mostrei, e isso é nós vamos adicionar tempo entre cada quadro-chave e fazer isso. Qual é o atalho do teclado? Como vamos editar quadros? O que é esse pedaço de papel preso na sua cabeça? Diga que deve dizer pressione em 512345 quadros. Vou adicionar pressionando F cinco, vou selecionar o próximo quadro. 12345 Selecione o próximo quadro-chave. 12345 o próximo 112345 E fazer isso por todos aqueles 45 E quando eu chegar ao último quadro, eu também quero ter um pouco de tempo morto no final. Agora eu posso arrastar de volta para o início, e quando eu apertar Enter, você vai ver que eu tenho uma boa velocidade aqui e nós temos este efeito de todos os chips e ela está desaparecendo. Parece muito bom. Em seguida, eu vou criar um vídeo de acompanhamento muito simples para que você possa construir isso para si mesmo, e então nós vamos orientá-lo através da exportação como um vídeo que você pode compartilhar com seus amigos. Acho que é hora de comer nachos mais tarde. Bem, você sabe, batendo 10. Seguir,: Tudo bem, pessoal, pessoal, bem-vindos de volta que estamos fazendo é parar de fotografar. Siga por onde eu vou te guiar. Os passos para criar estão desaparecendo animação nachos . Agora o que eu vou fazer é mostrar a vocês alguns passos de cada vez que eu vou colocar instruções na tela. Quando vir as instruções na tela, basta pausar o vídeo, seguir as etapas e, quando terminar, repita o vídeo para o próximo conjunto de etapas. Então aqui vamos nós. Tudo bem. Para este exercício, o que eu vou fazer é criar um novo arquivo F l um arquivo. Nova seleção HTML cinco tela definir o com 800 a altura para 800 e bater. OK, a fim de ver o palco completo aqui, eu vou usar a ampliação, puxar para baixo e selecionar ajuste na janela. Em seguida, eu vou salvar o arquivo usando arquivo salvar, e é importante aqui que eu navegue para a minha pasta de nachos stop motion. OK, então onde quer que você extraiu os arquivos de lição para esta lição, você vai encontrar nachos stop motion e você vai ver uma pequena pasta de fotos lá dentro . É muito importante que estejamos guardando no diretório certo. E eu vou chamar esse Carl Dash nachos, e você pode colocar seu nome aí ou simplesmente chamá-lo de nachos. Não importa. Eu vou bater, salvar o próximo. Eu vou importar as imagens, então eu vou para importação de arquivo para o palco, e eu quero ter certeza de que eu estou dentro da minha pasta de nachos stop motion onde eu acabei de salvar meu f l a. e então eu vou clicar em abrir meu fotos pasta pequena. E aqui eu quero selecionar a imagem chamada I m G sublinhado. 7611 Você verá que é parte de uma série de imagens, então eu vou selecionar 7611 hit open, e então animate vai me dizer. Esse arquivo parece ser parte de uma sequência de imagens. Você quer importar todas as imagens na sequência e eu vou bater? Sim. Bom trabalho. Agora você notará que todas essas imagens são importadas como quadros-chave. Agora começam sem nachos. E enquanto eu deslizo para a frente, vamos para mais nachos e mais queijo. Queremos reverter esta sequência. Então o que, você está indo para Dio é clique e segure o mouse para baixo e arraste para o quadro 10. Isso vai selecionar todos esses quadros. Todos eles devem ser destacados. Agora eu vou clicar fora e mais uma vez só para mostrar a você, você clica. Mantenha o botão do mouse pressionado e arraste para selecionar todos os quadros com o quadro selecionado, você vai clicar com o botão direito e sapatos, inverter quadros, inverter quadros, arraste a cabeça de reprodução para trás e, em seguida, pressione. Volte para ver seus nachos desaparecerem para adicionar mais tempo a cada quadro para que possamos vê-lo na tela por mais tempo. Vamos adicionar mais quadros entre cada quadro-chave. Vamos acertar F 512345 vezes. Vou selecionar o próximo quadro-chave e apertar F 512345 e fazer isso para todos os quadros-chave , incluindo o último. Quando terminar, sua animação deve ter 60 quadros e agora você pode voltar ao quadro número um hit, retornar ou entrar para reproduzir. E agora você pode assistir sua animação fazer um arquivo final salvar e parabéns. Você está tudo feito. Você gritou? Boo hoo! Acho que não ouvi quem? Vamos lá quem você fez isso. Você fez uma animação incrível. E a seguir vai mostrar-lhe como compartilhar com seus amigos? É o melhor. Mais seremos maus. 11. Exportação de vídeo: Bem-vinda de volta. Você tem suas batatas fritas e queijo desaparecendo, e eu sei que você está animado. Queres mostrar aos teus amigos a tua família, mas não sabes o que fazer. Bem, adivinha o que vou mostrar-te neste exercício como exportar a tua animação para vídeo. Vamos usar o Adobe Media Encoder para compactar seu vídeo, e depois mostrarei como fazer upload para o Twitter. Em apenas alguns minutos, você estará compartilhando suas animações com o mundo. Tudo bem, Então de volta ao inimigo que temos estão desaparecendo animação queijo Nacho aqui e queremos fazer agora sua exportação para vídeo. Então o que vamos fazer é ir para exportação de arquivos, e eu vou escolher exportar vídeo. Agora, temos algumas opções aqui. O que? Eles vão passar rapidamente. Temos a largura e a altura do nosso vídeo. Neste momento , corresponde à largura e altura do nosso palco. Então, se você quisesse fazer um vídeo menor, poderíamos mudar a largura e a altura. Ignorar a cor do palco nos permite ter um fundo transparente se você precisar disso. Mas agora, em todo o nosso fundo é coberto pelas fotos. Mas o que é muito importante é esta opção converter vídeo na Adobe Media Encoder. Muito bem, Adobe Media Encoder é um aplicativo autônomo que acompanha o Animate e a Adobe Creative Cloud. E isso nos permitirá converter nossos arquivos de vídeo em vários formatos diferentes. E podemos dizer ao nosso vídeo para ter uma certa quantidade de quadros ou uma certa quantidade de tempo. E agora tudo o que estamos fazendo é baseado em quadros. Então vamos deixar selecionado quando o último quadro for alcançado. Agora temos a opção de salvar nosso vídeo em algum lugar. Então eu vou navegar para uma pasta específica. Eu vou para a minha área de trabalho ou eu tenho o meu CC animado para todos pasta e dentro da minha pasta nachos onde eu estou trabalhando neste projeto, eu vou bater , salvar e eu vou para exportação. Tudo bem, então animate faz algumas coisas. E então o que você verá é que o Adobe Media Encoder será iniciado se você ainda não o tiver iniciado. Certo, aqui está o Adobe Media Encoder. Eu não vou ser capaz de dar um tutorial completo sobre todos os prós e contras de Adobe media encoder, mas o que eu quero mostrar a vocês. É que aqui nesta fila, temos o nosso ficheiro Carl nachos M O V. Certo, então o inimigo criou um arquivo M.O.V . , e o que vamos fazer é pegar esse arquivo e convertê-lo em um formato diferente. Agora, por que eu iria querer fazer isso? Bem, deixa-me ir ao meu localizador, e quero mostrar-te isso em mente. Pasta Nachos aqui. Este é o arquivo M. O V. O V.que foi exportado do Animate. E quero mostrar a vocês que são 152 megabytes. Tudo bem. Como um arquivo M.O.V M.O.V , isso é muito ridiculamente grande e não é o tipo de coisa que gostaria de enviar um e-mail ou postar nas redes sociais para as pessoas. Então o que o codificador de mídia Adobe vai fazer é nos permitir converter este filme para um tipo de arquivo diferente. Então, geralmente o que eu faço é eu só quero ter certeza de que de todos esses tipos de arquivos aqui, eu gosto de selecionar cada ponto para 64. Ok, você tem uma grande quantidade de compressão aqui. Hum, e você ainda tem clareza visual, e você vai ter um tamanho espiral muito bom e então praticamente pode querer apenas verificar novamente para ver onde esse arquivo está sendo salvo e o show está sendo salvo em nosso pasta nachos. Então está tudo bem. Então tudo o que eu realmente tenho que fazer agora é, uma vez que eu tenho cada ponto para 64 definido como o meu formato, eu vou tocar play. E o que isso vai fazer é passar pela fila de vídeos que eu quero converter. Tudo bem, usuários avançados podem ter, você sabe, 10 ou 20 vídeos diferentes aqui eles configuraram para conversão. Só o hit play passa por todos eles. Agora, eu só tenho esse vídeo para converter alguns para tocar, e então o Adobe Media Encoder vai fazer algumas coisas e estamos prontos, tudo bem, então pode ser um pouco confuso para os usuários da primeira vez. Você aperta este botão play, você viu algumas coisas piscando na parte inferior da tela enquanto ele estava codificando. E agora está feito. Bem, o que queremos fazer é voltar para a pasta em que estávamos trabalhando, e agora você vai ver que eu tenho este arquivo do MP 4 aqui, Carl. Nachos dot mp quatro. E você verá que apenas 2,6 megabytes no Mac. Só vou bater na barra de espaço para pré-visualizar. E lá vamos nós. Temos nosso arquivo de vídeo. É relativamente pequeno. É insanamente menor do que isso. Arquivo M O V. E agora está pronto para dividir e demitir Fox. Aqui eu tenho o meu animado adiciona conta Twitter. Abra. Vou usar isto porque só vou irritar 16 pessoas. Todo mundo que está me seguindo lá. Você é o melhor. Então, o que está acontecendo? Eu vou dizer, Ei, Ei, acabei de fazer uma exportação do Animate e Adobe Media Encoder. E deixa-me fazer isto. Vamos dizer teste um porque outro teste está chegando. Eu vou clicar no botão de imagem aqui, e eu estou indo apenas para navegar para o meu CC animado para todos pasta ir para nachos. Vou selecionar o MP 4. Vou abrir. Recebo uma prévia do meu vídeo. Isso não é incrível? Vai fechar isso? Vou tocar no tweet! E lá vamos nós. Meu tweet foi publicado para todas as 16 pessoas verem Awesome. Você tem certeza que tinha uma automação de compartilhamento com o mundo inteiro. E adivinha? As coisas que você vai fazer vai ficar melhor e melhor. Sim. Desculpe ter ficado congelado por um segundo. No próximo vídeo, vou mostrar-lhe como automatizar o processo de exportação de suas animações através de um codificador de reuniões DUI diretamente para o Twitter. Seria muito rápido e muito legal. Veja, do outro lado. Bem, você sabe, batendo. 12. Exportação de vídeo: Tudo bem. Como prometido, eles têm um pequeno bônus aqui. Vamos mostrar-lhe como configurar o Adobe Media Encoder para carregar automaticamente nos seus canais sociais favoritos, como Twitter, vídeo do Facebook, YouTube, etc. Tudo bem, então você não vai a todos esses sites diferentes e seleciona o arquivo que o enviou, certo? Novas mensagens. O Adobe Media Encoder vai automatizar tudo isso para você. É muito legal. Então aqui, um inimigo com o mesmo arquivo aberto, vamos ao vídeo de exportação. Vou usar as mesmas configurações, exceto aqui. Eu só vou criar um novo arquivo M O V, e eu vou colocar o Twitter nele assim. Então sei com qual estou lidando. Vou bater, salvar e, novamente, quero ter certeza de que estou convertendo vídeo no codificador Adobe Media. Eu vou para exportação. E assim Adobe Media Encoder deve abrir. Veremos a mesma tela que vimos antes. Mas o que eu quero mostrar é que se eu clicar no formato, o que acontece é que o Adobe Media encoder abre outra janela. Ele nos permite cortar o início no endpoint se quisermos, e podemos configurar um monte de configurações diferentes e personalizá-los sobre os efeitos de vídeo, áudio ou o tipo de coisa. Mas eu quero mostrar a vocês que temos esta guia publicada aqui. Agora o que? A resolução que tenho atualmente, , você não pode ver o que eu quero mostrar. Tudo bem? Eu tenho que rolar por esta janela longa aqui, então eu vou apenas para minimizar as configurações de exportação. E então agora eu vou mostrar a vocês que sob publicação temos todos esses diferentes canais sociais que podemos exportar para, um Vimeo, Twitter, YouTube. Mas vamos nos concentrar no Twitter aqui. Você pode ver essa lista compactada inicialmente. Então aqui está o Twitter. Vamos clicar nele e abri-lo. E não estou logado na minha conta do Twitter agora. Então, através do codificador Adobe Media, eu vou fazer login e ele vai me pedir para autorizar meu aplicativo. Então eu vou usar o nome de usuário de anúncios animados ou animar o papai é um pouco estranho. E então minha senha será panquecas. Arcos. Um capítulo disse isso, e eu vou fazer login, e diz Agora nós autorizamos isso para saber tudo sobre você e sua privacidade está completamente arruinada. Sangue, sangue, Obata autorizou. E agora estamos bem. codificador de mídia da Adobe reconhece a conta de adição animada. E eu só vou dizer teste para, hum vamos chamar isso de publicação direta. Sim, e então nós só vamos bater agora. Certo, então veja isso. Agora temos este vídeo no nosso Q. Ainda precisamos tocar no Play. Faça isso. O inimigo faz a sua coisa. E vamos esperar alguns momentos e você verá que esse link aqui aparece tão diretamente do codificador Adobe Media. Eu posso clicar nesse link e ele vai me levar para minha página no Twitter e vai me mostrar meu último tweet. Certo, então temos o teste dois e tudo está funcionando perfeitamente. Isso não é incrível? Sim, é. Então, se você alguma vez fazer algumas campanhas de mídia enormes e você quer postar em vários canais, você pode fazer com apenas literalmente um clique de um botão. Incrível. Bem, você sabe, batendo 13. Introdução: Então para este próximo módulo foi realmente tentado a dar-lhe um projeto que era, como, brilhante e chamativo e muito legal. Mas o problema é um princípio fundamental da forma como ensino é que quero fazer como se estivesse no seu escritório e me sentasse ao seu lado. E a coisa é, você sabe o quê? Eu não estaria estourando um grande projeto e mostrando todas essas coisas complicadas agora. Nós estaríamos fazendo isso de forma muito isolada. Lembra-se? Outra coisa que eu disse é que eu quero rever coisas e isolamentos, que não há distrações, e eu sei que você realmente entende as coisas básicas. Então, para este próximo conjunto de lições foram fazendo algumas animações realmente básicas em um elemento, mas que o tipo de animações que você vai estar fazendo um zilhão de vezes ao longo de sua carreira e eu quero tomar este tempo agora no início para ter certeza de que você Tens isto na cabeça e sabes como fazê-lo sozinho. Não adianta eu te dar instruções elaboradas sobre coisas complicadas. Se você não pode fazer esses pequenos conceitos básicos e a coisa é quase certo que você sabe como fazer a maioria dessas coisas já. Mas vamos passar por este próximo pedaço pequeno e vai estar em boa forma. Então o que vamos fazer é fazer uma pausa muito simples e depois sair. Vamos fazer um pulso. Vamos dar uma volta. Vamos fazer animações erráticas em um único elemento. E ao longo do caminho, vou mostrar-lhe algumas dicas e truques que já o mostraram antes. Então, embora esses vídeos sejam apenas dois ou três minutos cada, eu realmente quero que você assista através de todos eles. Você vai pegar algumas dicas adicionais ao longo do caminho, e então eu quero que você abra os arquivos de início e faça cada um deles bem. Para cada uma dessas pequenas animações aparentemente básicas eu realmente quero que você seja como tudo bem , eu sei como fazer isso. Vou arrastar algo para o palco para fazer alguns quadros chave nos Tweens se movendo e novamente se você puder fazer isso. E é fácil. Incrível, porque nós vamos nos divertir muito seguindo em frente à medida que entramos em técnicas mais complicadas , então bem-vindo ao módulo de volta ao básico e, uh, vamos para ele. 14. Entenda o tempo: Neste exercício, vamos fazer uma pausa muito básica e depois sair. Agora vai ser bem simples. Vai ser um vídeo de três minutos. Mas, novamente, é importante que tenhamos esses conceitos básicos para baixo agora no início do curso. Então vamos construir e coisas muito legais, então vamos começar a isso. Tudo bem, então para isso, entre em pausa, deixe o efeito. Eu vou para a minha biblioteca. Vou tirar o símbolo da bola, colocá-lo fora do palco à esquerda em algum lugar. Não importa onde só para que fique fora do palco. Então essa vai ser a posição inicial. Eu vou para enquadrar, digamos apenas 20 por enquanto. E eu vou bater F6 para adicionar o quadro final, e eu vou mover a bola para o centro do palco. Então, vou arrastá-lo assim. Se quiséssemos ser realmente particulares, eu faria o comando K, e diríamos uma linha para encenar e centralizá-la horizontalmente. Tudo bem, então agora o que eu quero fazer é se eu quiser criar os quadros entre o quadro um e o quadro 20 . Vamos apenas clicar com o botão direito e criar Tween clássico. Então, agora aquela bola entra no palco e depois pára. Agora o que eu quero fazer é apenas ter uma pequena pausa aqui e depois deixá-la ir embora. Então, eu só vou descer a linha do tempo sobre o quadro número 50 e vamos bater F6 novamente. Então esse é o quadro-chave que vai iniciar a animação de saída. Vou até o quadro número 70. Eu vou apertar F seis e adicionar o quadro para onde ele vai estar quando ele realmente sair, e eu vou arrastar o círculo para a direita. Solte, clique com o botão direito, crie Tween clássico. E agora, quando eu toco essa animação desde o início, entramos, paramos e saímos. Então, novamente, é uma animação muito básica, mas é uma que você estará usando em muitos, muitos projetos e aplicativos, e é importante que você possa fazer esse tipo de coisa basicamente sem pensar nisso. Certo, então não vou dar instruções para isso aqui, mas quero que tente fazer isso sozinho. Se tropeçar ou for pego em algum lugar. Volte, Assista ao vídeo e continue fazendo isso até que você crie por conta própria. Tudo bem. Eu sei que você pode fazer isso. 15. Pulso: nesta lição estará construindo este pulso simples onde um elemento cresce e encolhe de volta ao seu tamanho normal. Podemos usar a mesma técnica para fazer algo desaparecer e desaparecer, ou até mesmo balançar. São apenas alguns passos. Encorajo-te a ver o vídeo. E, claro, você precisa construir isso por conta própria para que você se familiarize com essas técnicas e elas se tornem segunda natureza. Vamos lá. Tudo bem, então aqui, vamos trabalhar no nosso pulso simples. Ok, então deixe-me tirar a bola da biblioteca. Colocá-lo no palco irá para o meu comando de painel de alinhamento K, e vamos alinhá-lo exatamente no centro. E aqui vamos fazer um pulso básico de escala. Ok, então nós queremos ficar maiores e depois voltar ao seu tamanho normal. Então, para isso, o que eu vou fazer é em um quadro-chave e quadro número 15, atingindo F seis e, em seguida, outro quadro-chave no quadro 30, atingindo F seis. Então, como sabemos, toda vez que adicionamos um quadro-chave que cria uma duplicata do que estava no quadro-chave anterior . Então, no quadro um quadro 15 e quadro 30 tudo é exatamente o mesmo. Tudo bem, agora eu vou voltar para o quadro do meio, que é emoldurado 15. Vou selecionar minha ferramenta de transformação livre. E o atalho para isso vai ser fofo. Um bom para saber. Então deixe-me apenas clicar fora. E se eu tiver minha ferramenta de seleção regular e eu apertar Q, ela vai me dar a ferramenta de transformação livre, certo? E eu vou aumentar a escala mantendo o turno pressionado. Certo, fazendo isso, vou mudar o símbolo no quadro 15. Lembre-se, de volta ao início. O que eu faço neste quadro chave não vai afetar o quadro um ou o quadro número 30. Então agora o que eu quero fazer é apenas interpolação entre esses estados criar interpolação clássica criar clássico entre. Então, agora, quando eu voltar ao início, nós escalamos para cima e depois para baixo, e isso é o que eu estou chamando de meu pulso simples. Então, quando animações como esta onde você sabe que você vai estar retornando ao estado inicial , eu gosto de adicionar meus quadros de chave do meio e do final no início. É um pequeno truque. Então, novamente, é uma animação muito simples. Muito básico, devo dizer. Mas é uma dessas coisas que você vai fazer muito. Então, novamente, quero que abra o arquivo inicial, tente construir isso por conta própria. Se você ficar preso, assista a este vídeo até que você tenha esses passos memorizados. Tudo bem, este é o tipo de coisa de iniciante que preciso que você tenha pat baixo para que possamos acelerar as lições maiores pela frente. Tudo bem, incrível. 16. Spin: neste exercício estará fazendo este spin básico. Você provavelmente vai fazer as coisas girar e girar cerca de um zilhão de vezes ao longo de sua carreira. é muito importante No entanto, que você entenda que a rotação é uma propriedade de quadro. Deixa-me mostrar-te como arranjamos isto, está bem? E agora, para dar a volta, vou à biblioteca. Quero que reparem que a bola que estou a usar aqui é um pouco diferente. É difícil dizer quando um círculo sólido está gastando, então eu fiz dois tonificados aqui. Então vá para o meu painel de alinhamento novamente. O que é esse atalho de teclado? Oh sim, Comando K. E eu só vou tocar bum bum! Centralizá-lo perfeitamente e agora para gastá-lo novamente. É um pouco diferente, e nunca fizemos isso antes. Eu não quero que ele se mova para qualquer lugar, mas eu ainda preciso de um quadro de chave final, então eu vou clicar no Frame 20 hit F six para adicionar um novo quadro-chave. Agora, quando eu adiciono uma interpolação clássica aqui, eu não criaria a interpolação clássica agora no quadro 20 uma vez que a interpolação esteja no lugar. Mesmo antes que você saiba, eu poderia girar um pouco assim, eu teria uma rotação básica, mas deixe-me apenas desfazer esse comando Z ou controle Z, mas inanimado. Se quisermos girá-lo um certo número de vezes, o que vamos fazer é ir para o quadro um, ir para o painel Propriedades, e aqui você verá que rotação ou rotação é uma propriedade do quadro. Certo, se eu clicar no símbolo, vou pegar as Propriedades do Símbolo. Certo, é um gráfico. É um exemplo de bola, mas vou clicar no quadro para ter certeza que tenho o painel de propriedades aberto. Isso me diz que eu estou recebendo as propriedades de um quadro aqui, e por rotação, eu vou dizer no sentido horário, e nós vamos fazer isso uma vez. Ok, então agora quando eu executar isso pressionando Return, você verá que ele gira em torno de uma vez. Se eu voltar ao quadro um, e eu disser, vamos girar isso no sentido horário. Uh, eu não poderia fazer isso duas vezes. Vamos correr, e depois verei girar duas vezes. Portanto, é importante observar que a rotação é uma propriedade de quadro agora. Eu também posso mover isso e girado ao mesmo tempo, Então aqui está um pequeno truque e quadro. Número um. Eu só vou voltar e arrastar essa coisa para fora do palco. Vá para o quadro 20. Mova-o para cá. E então agora vocês verão que quando eu tocar isso, nós vamos realmente fazer um movimento e girar. Ok? Muito legal. Se eu acho que ele está se movendo muito rápido ou muito lento, eu posso ADM ou Frames. Lembra-te do truque para aquele F 5, certo? Isso vai adicionar quadros. Então, bater em F cinco vai adicionar quadros a essa extensão. Então eu vou ter mais tempo agora para isso se mover e girar. Se eu voltar ao quadro número um, lá vamos nós. agradáveis Rotação e movimentoagradáveise suaves. Então, espero que vocês possam ver que, apesar de estarmos fazendo essas animações muito simples e pequenas lições, hum, nós estamos revisando o básico que estava nos refrescando, e nós também estamos aprendendo algumas coisas novas. Tudo bem, então é importante, também, assistir a cada vídeo, independentemente de quão simples possa ser desde o início. Tudo bem, eu vou estar sempre revisando o básico e adicionando coisas novas para você. Tudo bem. Então, novamente, é importante abrir esse arquivo de início e construir essa animação para você mesmo. Tudo bem. Você pode me ver fazer isso e pensar que sabe o que está acontecendo. Mas realmente, não é até que você abra o arquivo construir esses Tweens que você vai construir uma confiança que você será capaz de fazer essas coisas rapidamente no futuro. Tudo bem, então dê uma chance. Só vai levar, tipo, tipo, três minutos. 17. Skillshare de Skillshare: nesta lição estará fazendo esta animação errática às vezes só precisa de algo para se mover todo louco. Vou mostrar-lhe como você pode construir um estado de animação muito rapidamente sem criar manualmente um monte de quadros-chave e interpolações. Vou mostrar-lhe uma dica legal que permite inserir quadros-chave simplesmente clicando em um elemento no meio de uma extensão de interpolação. Verifica isso. Tudo bem, então para esta animação errática ou esta animação irregular, eu vou tirar a bola da biblioteca, colocá-la no palco Agora eu poderia apenas ir para o quadro número 10 hit F 6 em um novo quadro-chave. Mova essa coisa para aqui, vá para o quadro 20 em um novo quadro chave, mova-o para baixo, vá para o quadro 30 em um novo quadro chave batendo em um seis e mova a bola para cima. Então agora eu tenho esses diferentes quadros-chave com a bola em diferentes posições em cada um. Então eu teria que clicar com o botão direito, criar Tween clássico clique direito, criar interpolação clássica e clicar com o botão direito, criar interpolação clássica. Então agora eu tenho a bola meio que se movendo por todo o lado. Seja qual for. Ok, hum, se eu quisesse, eu também poderia mudar a escala dele em diferentes quadros. Mas é muito trabalho criar todos esses quadros-chave e criar esses três interpolações clássicas diferentes . Então deixe-me mostrar-lhe uma maneira mais rápida de voltar ao início. Só vou fazer desfazer a escola. Tudo bem? Na verdade, se graduar logo e lá estou eu. Eu tenho minha bola no quadro número um, e eu vou para o quadro número 30 e apertar F seis para adicionar meu novo quadro chave. E então eu vou apenas trazer a bola para cá. Tudo bem? Vou clicar com o botão direito, criar o Tween clássico. E agora eu tenho a animação da bola se movendo entre o quadro um e o quadro 30. E vamos fazer isso se eu voltar ao quadro número 10. Reparei que com a ferramenta de seleção, não consigo clicar na bola para selecioná-la. Eu não entendo o contorno azul em torno dele. O negócio aqui é que eu posso Onley selecionar um item em um quadro-chave. Não no meio de um intervalo de interpolação como este, mas veja isso. Se eu clicar e arrastar. Cria um quadro chave para mim. Eu posso ir para o quadro 20 e eu posso então 21 quadro 20. Eu posso clicar e segurar, e ele também irá criar um quadro-chave para mim. E deixe-me beber. Traga isso aqui. Então agora eu tenho uma animação semelhante e eu não tive que bater F6. Eu não precisava clicar com o botão direito do mouse para criar novos quadros-chave o tempo todo. Meio que funcionou para mim, tudo bem. E vá para o quadro número 25 aqui e novamente com a ferramenta de seleção. Se eu clicar e segurar boom, ele cria um quadro chave, e então eu posso fazer o que eu quiser e eu vou movê-lo para cima e quadro número 15. Eu posso novamente clicar e segurar para criar um quadro-chave, e eu vou mudar agora para a minha ferramenta de transformação livre, e eu vou aumentar a escala neste quadro, tudo bem, E agora há algo um pouco diferente com o ferramenta de transformação livre. Quando tentarmos este truque, se eu for para o quadro número cinco, digamos, e se eu clicar nele ferida ferramenta de transformação livre, selecione-o. Se eu clicar e segurar com a ferramenta de transformação livre estou segurando por, tipo, você sabe, 10 segundos. Eu não estou recebendo um novo quadro chave com a ferramenta de transformação livre para fazer esse truque. Você realmente tem que clicar e movê-lo para algum lugar. E então o porta-chaves aparece, tudo bem. Assim, com a seleção regular, ferramenta, clicar e segurar criará o quadro-chave com a ferramenta de transformação livre. Está clicando, segurando e se movendo. Então aqui eu vou encolher este um pouco. E assim, com apenas um pouco de clique e arrastando, eu tenho esse tipo de animação errática. Certo, de novo, nada está planejado. Onde vai em cada quadro, estamos fazendo coisas aleatórias. Ok, então eu só quero que você saiba que você não pode escolher algo entre um intervalo de interpolação clássico. Então deixe-me ir para o quadro 55. Faça isso mais uma vez l f seis para adicionar um novo quadro chave irá clicar com o botão direito do mouse para criar uma interpolação clássica e novamente aqui neste quadro. Não consigo clicar e selecionar, mas usando a ferramenta de transformação livre eu poderia movê-la aqui. Posso ir para o quadro número 45. Movê-lo aqui e encolher para baixo, Tudo bem, então eu não tive que clicar com o botão direito e criar novas interpolações clássicas. Eu poderia apenas selecionar o intervalo médio e movê-lo ao redor. Aí está minha animação errática. E novamente abra o arquivo de início e tente fazer isso por si mesmo. Acho que vai se divertir com ele. Incrível. 18. Ufo com alien: Bem-vindo de volta. Vamos voltar para um pouco mais de animação. Vamos focar essa usando Interpolações clássicas e mostraremos como criar várias animações em várias camadas. Tudo bem, estamos falando de uma das principais regras das interpolações clássicas, que é que você só pode animar um elemento de cada vez por camada. Vamos discutir a criação de várias camadas, nomeá-las, bloqueá-las. Vamos tocar um pouco no painel de alinhamento, mas deixe-me pular para o arquivo acabado. E então o que vamos fazer é criar esta pequena animação de OVNI seria realmente construir sobre a animação de OVNIs anterior que construímos. Vamos ter um pouco mais de tempero. Vamos adicionar uma cabeça alienígena e um texto. Então, através do processo de Ana encontrar várias coisas, nós realmente vamos entrar em sua cabeça este processo de criação de animações clássicas do Tween . Tudo bem, então vamos ao assunto. Tudo bem. Então, ao longo de uma animação eu tenho meu arquivo aberto chamado OVNI com ponto de partida alienígena alienígena e eu tenho meu palco ampliado para cerca de 50% e na minha linha do tempo, eu tenho um quadro chave em branco aqui. Não há nada nele. Você vai ver que temos aquele círculo oco com o traço preto e as coisas estão parecendo muito esparsas. Tudo bem, sempre que começo na animação, gosto de ter alguns quadros para brincar. Quanto a estar na minha linha do tempo agora, não consigo arrastar a jogada para a frente. Tenho todos esses quadros em potencial. Lembra-se? O que eu vou fazer é apenas ir para o quadro número 60 aqui. E eu poderia inserir o quadro da linha do tempo, mas isso é muito lento e árduo. Então vamos ser usuários poderosos. Então você me conhece e meus atalhos. O que é isso? Sim. F cinco vai adicionar um quadro. Um quadro 60. E agora posso mover a cabeça da peça e dar um suspiro de alívio. Quero mostrar-te na minha biblioteca. Estou fornecendo uma série de bens para você. Mostrar que temos essa cabeça alienígena. Temos os olhos dele como um símbolo separado. A cabeça como um símbolo separado. Nós temos isto. Texas é de outro mundo. Temos montanhas espaciais separadas. Temos uma imagem com as montanhas espaciais e algumas estrelas. Temos nosso OVNI novamente e um texto que diz que suas habilidades são tão nesta fase do jogo , eu estou apenas fornecendo os símbolos para você mostrar que você teve animação. Mas mais tarde, eu vou contar tudo sobre a criação de seus próprios símbolos e todos os diferentes tipos de símbolos . Mas por enquanto, novamente, estamos focando na animação. Então o que eu vou fazer aqui primeiro as coisas na camada um. Vou renomear esta minha camada de fundo. Então eu clique duas vezes na camada. Eu só vou chamá-lo de fundo e eu vou adicionar o meu fundo espacial J peg ao palco. Então, vou arrastá-lo para qualquer lugar. Agora, eu poderia tentar alinhá-lo perfeitamente no canto superior esquerdo e eu tenho alguns guias que meio que me mostram o que está acontecendo quando eu me alinho com o fundo e depois o lado esquerdo. Mas o que quero mostrar é que vou usar o painel de alinhamento. E se você estiver usando seu espaço de trabalho essencial, você pode clicar neste botão aqui para uma linha que você pode ir para janela uma linha, mas você me conhece Eu gosto dos meus atalhos de teclado. Então eu vou fazer o comando K no Mac ou controlar K no PC. E então agora esta pequena palete sai e eu vou clicar em uma linha para o palco e então eu vou apenas fazer Vamos para a borda esquerda e para a borda superior. E lá eu sei que estou absolutamente, perfeitamente alinhado ao canto superior esquerdo do palco. E a minha imagem tem o mesmo tamanho do palco. Então está tudo encoberto. Nada desse fundo de espaço legal aqui. Agora, ao longo deste projeto vai ser adicionando a cabeça alienígena, algum texto, os OVNIs, e eu não quero inadvertidamente clicar no fundo e movê-lo e cometer erros e deslocado até mesmo por um pixel único. Então, se eu tiver essa coisa alinhando o dedo esquerdo e o topo, o que eu vou fazer é descer até a camada na linha do tempo, e este pequeno ponto sob a fechadura vai me permitir trancar essa camada. E o que isso significa é que eu não posso mais selecionar ou mover nada nessa camada. Assim que eu tiver meu plano de fundo no lugar, eu gosto de trancá-lo uma vez que a camada está bloqueada. Em seguida, vamos construir animação Rufo, e isso vai ser muito parecido com o que fizemos anteriormente com nossa primeira animação Tween . Mas quer saber? dedo do pé aprende essas coisas, é tudo sobre repetição. Ok? E eu quero que você faça essas coisas algumas vezes para que você realmente coloque na sua cabeça para construir a memória muscular. E já que já fizemos isso antes, posso fazê-lo rapidamente na segunda vez. O que vai ser novo nesta lição é que vamos adicionar novas camadas ao nosso documento. O que vai ser novo nesta lição é que vamos adicionar novas camadas ao nosso Então aqui eu tenho a camada de fundo bloqueada. Vou clicar neste botão aqui e adicionar uma nova camada em cima dele. Tudo que eu colocar nesta nova camada vai estar visualmente em cima de qualquer coisa na camada de fundo. Vou clicar duas vezes nesta camada e chamá-la de OVNI. Nomear suas camadas é uma ótima prática para entrar. Queremos construir esse hábito porque você pode ter 10 2060 camadas em um arquivo, e se você não rotulá-los, vai ser um pesadelo real. Então, nesta camada de OVNI, vou à minha biblioteca. Se não estiver aberto, você pode clicar no tipo aqui e eu vou selecionar OVNI, e eu vou arrastá-lo para o palco. E de agora em diante, vou fazer exatamente os mesmos passos que você já fez antes. Vou selecionar o OVNI. Vamos usar a ferramenta de transformação para dimensioná-la. Vou manter a tecla Shift pressionada que restrinja a escala vai movê-la para cá. Vou ao quadro número 10. Vou bater o quê? Sim, F 6 para adicionar um novo quadro chave, e eu vou pegar o OVNI, trazê-lo um pouco para o meio. Eu vou manter a tecla Shift pressionada para restringir a escala, e então eu vou girá-lo um pouco novamente. Você já fez isso antes, então vou ser rápido. Vou ao quadro número 20. Vou tocar F6 para adicionar um novo quê? Um porta-chaves? Sim, e vou levar o OVNI a mudar para cá. Talvez incliná-lo para baixo desta forma. Segure, mude e encolhe. Então eu tenho esses 123 quadros-chave dentro e não há nenhuma animação entre eles. Mas o que fazemos exatamente? Vamos adicionar um clássico Tween clique direito criar interpolação clássica clique direito do mouse criar interpolação clássica Então agora eu posso arrastar de volta para enquadrar um retorno de hit ou entrar e reproduzimos nossa animação. Em seguida, vamos animar a cabeça alienígena e isso vai nos apresentar a uma das regras mais importantes da criação de tweens clássicos. E isso é isto. Você pode Onley anim comer um elemento de cada vez por camada. Então, o que isso significa? Bem, digamos que no quadro número 10 decidimos que queremos animar nossa cabeça alienígena. Se eu pegar a cabeça alienígena e arrastá-la para o palco e o quadro número 10 veja o que acontece? Temos o que chamamos de “tweens quebrados”. Em nossa linha do tempo, agora vemos essas linhas pontilhadas entre nossos quadros principais. E o que vai acontecer é que da próxima vez que formos à animação de jogadores, teremos essa coisa estranha da cabeça alienígena se movendo por todo o lado, e não é totalmente o que eu queria fazer. Tudo bem, se você pensar sobre isso? Anime realmente não aguenta uma coisa, que é um OVNI e um imediato em duas coisas e, em seguida, no quadro 20. Nem sei como descobriu o que estava fazendo. Observe que quando eu vou para o quadro 20 que ele simplesmente desaparece. Então, no final do dia, estamos recebendo todos esses resultados indesejados e inesperados. Ok, então novamente, a regra é Onley animar um elemento de cada vez por camada. Então eu vou voltar ao quadro número 10 e me deixar desfazer, e isso deve se livrar da minha cabeça extraterrestre doente e incriminar. Eu sinto muito. E mesmo que ele tenha ido embora, acho que você ainda está no quadro número 10. Deixa-me livrar-me dele. Vou clicar nele e acertar, Delete. E então, instantaneamente, você verá que essas linhas pontilhadas voltaram a ser setas agradáveis e tudo está muito movendo para a frente. Seja qual for. Você está fazendo suas próprias coisas. Se você vir essas linhas pontilhadas, é hora de dizer OK, eu estrago algo, deixe-me descobrir o que é. Agora que tirei a cabeça extraterrestre do quadro número 10, estou a salvo. Bem, eu não quero apresentar o alienígena até o quadro número 20. Hum, e o que eu vou fazer para o alienígena agora é adicionar uma nova camada e eu vou chamá-la de Alien. E você realmente quer ter o hábito de nomear suas camadas? Eu sei que é fácil não o fazer, mas depois de um tempo, você vai ter a camada 1 a 70 e você não tem idéia do que precisa. Uma camada. Agora, algo que eu mostrei anteriormente foi que se eu quiser introduzir este novo elemento para o palco e quadro número 20 eu preciso ter um quadro chave seu primeiro. Certo, Certo, deixe-me fazer do jeito errado. Tudo bem? Vou fingir que não somos estudantes que levaram meus acampamentos de botas para quadros-chave e no quadro número 20. Vou pegar na cabeça alienígena e arrastá-lo para o palco. E agora vou voltar ao quadro número um e dizer: “ Meu Deus, Meu Deus, por que essa cabeça alienígena está no quadro número um? Bem, isso é porque não havia um porta-chaves primeiro sem emoldurado número 20. Então, se você cometer esse erro e adicionar sua coisa mais cedo no filme, então você queria. Você sempre pode clicar nesse quadro para selecioná-lo e arrastá-lo para a frente. E agora o meu quadro chave é o número 20 e estou bem. No entanto, quero mostrar-lhe o caminho certo para fazer isso. Então deixe-me apenas desfazer um monte de coisas até que o alienígena tinha desapareça novamente, dando em cima do Comando Z. E então antes de colocar o alienígena no palco e quadro 20 eu vou clicar, e eu vou apertar F seis para adicionar meu novo quadro chave. Você pode notar que é um quadro de chave em branco. Bem, isso é porque não havia nada no palco anteriormente. Então eu tenho um quadro cobertor e quadro número 20 e eu posso pegar a cabeça alienígena agora arrastá-lo para o palco e colocá-lo bem aqui. Tipo centralizado verticalmente. Os poucos pixels para a esquerda. Eu não estou indo para perfeito agora. Quero que esta cabeça alienígena comece pequena e transparente em escala. Então o que eu vou fazer por isso é no quadro 20. Vou fazer as coisas do jeito que quero no final da animação. Então, quando você for para o quadro número 30 eu vou clicar lá, e eu vou apertar F seis novamente para criar um novo quadro chave. Aprendemos anteriormente que a criação de um novo quadro-chave irá duplicar tudo do quadro-chave anterior. Assim, o quadro 30 e o quadro 20 são agora idênticos. O que eu posso fazer no quadro 20 embora, é usar a ferramenta de transformação é Aiken. Seleciona ele. Eu posso segurar, mudar e Aiken reduzi-los um pouco. E eu também posso ir para o painel de propriedades. E sob efeito de cor , pode ser condensado para o seu colapso. Você pode ir para o efeito de cor em Alfa selecione. E aqui o Alfa é semelhante à opacidade ou transparência. Tudo bem, em Alfa de Zero o torna totalmente transparente. E Alfa de 50 vai torná-lo meio transparente. Alfa de 100. Ele é totalmente opaco, então eu vou trazer este controle deslizante Alfa todo o caminho para baixo para zero. E então, no quadro 20, ele é pequeno e transparente no quadro 30. Ele é grande e totalmente opaco, então deixe-me voltar ao quadro número 20 ou em algum lugar entre esse espaço e criar Tween clássico. E então agora eu tenho uma animação do alienígena tinha crescendo e desaparecendo em Deixe-me apenas arrastar de volta para enquadrar Número Um Hit Return. E lá vai você. Ei, como você está? Você está bem? Bom. Eu só queria ver como você está. Ouve, sei que já passamos por isto há algum tempo. Você tem feito muito bem prestando atenção nesses vídeos, e estou muito orgulhoso de você. Você já fez algumas aulas, e eu acho que estamos realmente começando a pegar um jeito desses quadros, quadros-chave , Tweens clássicos e todo aquele jazz. Então eu só quero parabenizá-lo. O que, você acha que um pouco de respiração agora? Ok. O que? Levante-se, pegue um pouco de água. Volte. Bem, não esta coisa fora. Você está indo incrível. Tudo bem, estou de volta para embrulhar. O que vamos fazer é trazer aquele texto que diz que suas habilidades são de fora deste mundo . Vamos para o arquivo acabado e eu vou mostrar a vocês que vamos ter o Texas vindo da direita e alimenta um pouco dizendo que suas habilidades são de fora deste mundo. Ha ha. Tudo bem. E vai ser mais do que fizemos antes. Então deixe-me voltar ao quadro número 30 aqui e com o alien lier selecionado, eu vou adicionar uma nova camada que colocará uma nova camada acima de alienígena, e eu vou chamá-lo de suas habilidades estão bem. E agora sabemos que se eu quiser iniciar a animação desse texto no quadro 30 eu vou primeiro selecionar o quadro 30 apenas clicando nele. Aperte f seis para adicionar o meu novo quadro chave. E eu vou para a minha biblioteca. Vamos pegar esse símbolo que diz que suas habilidades são e eu vou arrastá-lo para o palco. E de novo, não vamos ficar muito loucos com o posicionamento. Eu ia colocá-lo bem ali. Talvez apenas alinhá-lo com os olhos dele um pouco, ok? E então é aí que eu quero que o texto seja depois que a animação é feita. Então, no quadro número 40, eu vou clicar lá novamente. Acerte f seis. Não estás contente por estarmos a usar atalhos de teclado? Eu sei que você é, então temos uma duplicata do quadro 30 e volta no quadro número 30. Vou pegar essa mensagem e posso arrastá-la para a direita. Mas o que eu vou fazer é manter a tecla Shift pressionada e apertar a seta para a direita para movê-la 10 pixels para a direita e eu vou fazer isso mais três vezes. 123 Ok, e então eu vou voltar para o painel de propriedades. Vai me mostrar que agora a última coisa em que cliquei foi uma moldura. Ok, então eu não quero ficar confuso com isso. Vou clicar no símbolo real Ha ha. E vai me dizer que é um gráfico. Uma instância de suas habilidades são, e novamente, eu vou para o estilo de efeito de cor Alfa, e ele já foi reduzido para zero. Então, no quadro número 30 estamos à direita com um Alfa de Zero e o quadro número 40 ou mais à esquerda. Boom totalmente opaco clique com o botão direito, crie Tween clássico. E agora meus textos chegam e alimentam e, ao mesmo tempo, para o último novamente, as repetições vão ajudá-lo. Vamos adicionar uma nova camada. Eu fiz isso tão rápido, e eu vou dizer agora fora deste mundo e nós vamos voltar para o quadro número 40 aqui . Vou bater no meu amigo F6, ir à biblioteca, e vou tirar deste mundo da biblioteca. E nós vamos apenas colocá-lo no palco, movê-lo sobre alguns pixels para baixo um pouco. E agora, no quadro número 50, vou clicar lá novamente. Há 50 hit F seis e são porta-chaves. Eu vou voltar para o quadro número 40 clique no símbolo, passar cerca de quatro vezes. Tudo bem que saia do palco. Nesse ponto no tempo, vamos para o painel de propriedades e vamos definir o Alfa para zero. Vamos clicar com o botão direito aqui e criar o Tween clássico. E agora vamos desaparecer. Voltaremos ao início e acertaremos. Incrível. Sabe, acho que está um pouco perto aqui. Vamos assistir isso se eu precisar encontrar coisas sintonizadas um pouco. Posso selecionar isto. Posso segurar o turno. E eu posso mover isso um pouco para a esquerda usando a tecla de seta para a esquerda. Incrível. Eu posso pegar o alienígena, talvez ir alguns de novo. Nós não estamos indo para o posicionamento perfeito de pixel agora, mas nós temos a opção de mover coisas por aí, obviamente. Então eu vou arrastar de volta para o início. Acertar, retornar ou entrar. E lá tenho minha animação. Incrível. Tudo bem, acho que vamos embrulhar isso aqui. Em seguida, vai fazer é dar-lhe seguir ao longo instruções que podem fazer tudo isso por si mesmo e novamente nesta parte da fase de aprendizagem. É importante ter toda essa repetição. E nem peça para assistir a este vídeo mais uma vez antes de fazer o acompanhamento ao longo de parte disso. Mas não se preocupe. Eu vou te dar todos os passos que você vai fazer isso. E todas essas coisas de quadro chave em Tweens clássicos, tudo vai afundar e se tornar uma segunda natureza. Apenas confie em mim. Você vai ficar muito bom nisso. Mais surra. 19. UFU com seguir ao longo: Tudo bem, eu tenho outro vídeo de acompanhamento para você. Vamos construir este OVNI com exercícios extraterrestres. Tudo bem, então o que eu fiz é que eu fiz a demonstração anterior, e eu dividi tudo em pedaços 32 onde eu iria mostrar muito conciso, os passos que você precisa seguir. Então você vai ver instruções na tela. Quando vir as instruções, basta pausar o vídeo, fazer os passos por si mesmo e continuar a percorrer. Há cerca de seis minutos de vídeo aqui para você assistir. Deveríamos não fazer essa lição em cerca de 20. Tudo bem, então quando você dedicar o tempo a fazer isso da maneira certa, você vai aprender. Realmente? Bem, certo, vai haver uma boa repetição neste vídeo, mas novamente, é assim que você vai aprender. Então, sigam. Supere isso e celebraremos no final. Tudo bem. Para obter instruções sobre onde obter esses arquivos. Basta ler a descrição abaixo. Deve haver algo lá sobre onde descarregá-lo. Tudo bem, então vá para ele. Tudo bem. Eu tenho o OVNI com arquivo de inicialização alienígena aberto. Eu só tenho um quadro no meu filme, então vamos para o quadro número 60. Vamos clicar no Quadro 60 e clicar em F cinco para adicionar quadros. Voltamos ao quadro um e vamos para a biblioteca e vamos pegar espaço fundo J peg para fora, arrastá-lo para o palco em qualquer lugar, e então vamos para o painel Alinhar, que novamente você pode ir para a janela um linha, mas eu quero que você faça o comando K. Isso vai abrir o painel Alinhar. Certifique-se de uma linha de dois estágios verificados e uma linha para a borda esquerda e para a borda superior. E se o painel permanecer aberto e você pode simplesmente clicar fora para que ele desapareça em seguida, vamos renomear e bloquear a camada um. Então, clique duas vezes na Camada um e apenas nomeie o plano de fundo e pressione, digite ou retorne. E então nós vamos clicar no ponto sob a fechadura e que bloqueia o fundo no lugar. Não consigo movê-lo para lado nenhum. Próximo. Vamos animar o OVNI, então vamos criar uma nova camada de duplo clique para renomear essa camada de OVNI. Você vai para a biblioteca, arrastar o OVNI para o palco e usar a ferramenta de transformação livre. Basta reduzi-lo um pouco e deixá-lo no canto superior esquerdo. Em seguida, vamos criar a nossa animação do OVNI. Clique no quadro número 10 Hit F six Para adicionar um novo quadro-chave, mova o OVNI para o centro do palco, puxou o deslocamento para baixo para dimensioná-lo um pouco, usando a ferramenta de transformação e girando um pouco para frente em um quadro-chave no quadro Número 20 batendo em F seis. Arrastar o OVNI para fora do palco, girar para o outro lado e reduzi-lo um pouco movendo-se para cá. E então você vai voltar para o quadro número um clique direito, criar interpolação clássica e, em seguida, no quadro número 10, clique direito e criar interpolação clássica. Neste ponto, você recruta através da animação, e deve parecer bom. Em seguida, irá adicionar uma nova camada para o alienígena, então vamos clicar no botão nova camada clique duas vezes para renomear o Alien Camada. Nós vamos clicar no Quadro 22 em um quadro chave lá, atingindo F seis, e então vamos tirar o símbolo alienígena da biblioteca e arrastá-lo para o palco . Em seguida, você vai adicionar outro quadro-chave no quadro número 30 pressionando F seis. Volte para o quadro 20 usando a ferramenta de transformação livre Escale a cabeça para baixo mantendo o deslocamento pressionado. Vá para o painel de propriedades e sob efeito de cor, defina o estilo para Alfa de Zero e, em seguida, clique com o botão direito do mouse no Quadro 20 e crie Tween scrub clássico para frente. E agora você vê a animação do alienígena. A seguir, vamos animar. O primeiro pedaço de texto irá adicionar uma nova camada. Nomeie essa camada. Suas habilidades são retornos. Vamos adicionar um quadro chave e um número de quadro 30 novamente. Vamos acertar o F seis. Para fazer isso, vamos para a biblioteca e você vai pegar suas habilidades estão fora da biblioteca, arrastá-los para o palco e alinhá-los aproximadamente com os olhos alienígenas usando sua tecla de seta ou seu mouse. Em seguida, você vai adicionar um quadro-chave no quadro número 40 pressionando F seis. Volte para o quadro 30 e com o texto selecionado, puxado para baixo Shift e pressione a tecla de seta para a direita quatro vezes 1234 e, em seguida, vá para o painel Propriedades e defina o Alfa para baixo para zero, clique com o botão direito no quadro 30 ou em qualquer lugar entre 30 e 40 e criar um Tween clássico esfregou a cabeça de reprodução para ver sua animação e uma nova camada e nomeá-lo fora deste mundo hit Return no quadro 40. Você vai adicionar um quadro-chave novamente, atingindo f seis. Vá para a biblioteca, tire deste mundo da biblioteca. Coloque-o onde gostaria que acabasse. Vá para o quadro número 50 e aperte F seis. Para adicionar seu quadro-chave. Volte para o quadro 40 com o texto selecionado seta para a direita quatro vezes e, em seguida, usando o painel de propriedades, você vai definir o Alfa novamente para zero e, em seguida, clique com o botão direito do mouse para criar um scrub de interpolação clássico de volta ao início Ele retorna. E lá vai você, Wu boom, boom! Você fez direito. Basta segui-lo junto. Você tem essas três ou quatro coisas diferentes animando e você me prova que você tem a força mental do dedo do pé assistir esses vídeos acompanhando e aprendendo tudo bem. Vocês deveriam estar super orgulhosos de vocês mesmos. Se você passou por este exercício, você sabe que pode lidar com qualquer coisa que eu vou jogar em você no resto deste curso. E tenho tentado dizer-te que não é assim tão difícil. Muito bem, vamos realmente martelar nestes fundamentos. E à medida que continuamos, vocês verão que têm as mesmas habilidades que as pessoas estão usando no mundo profissional ou certo. E sim, vai levar tempo para encontrá-los, sintonizá-los e tornar-se um especialista. Mas, na verdade, não fica muito. Muito bem, tenho muita informação para te mostrar, e espero que me tenhas seguido durante o resto da viagem. Tudo bem, então parabéns. E espero que tenha tirado muito desses vídeos. Vamos continuar. Mais espancamento 20. Escolha o tipo de plataforma: Eles têm classe. O que se passa? Tenho uma lição muito importante para você hoje. Não vai ser sobre como você move isso para aqui e para ali. E Adam Eat CC. Mas será uma palestra aprofundada explicando os diferentes tipos de documentos e tipos de plataformas e animar CC. Até este ponto, eu tenho lhe dito, adicionar o tipo de documento não importa. E, na maior parte, isso é verdade, porque todas as coisas que estamos aprendendo sobre quadros-chave, interpolação ferramentas diferentes funciona exatamente da mesma forma no documento HTML cinco canvas como no documento de script de ação 3.0. No entanto, avançando, eu vou ser muito específico sobre qual tipo de documento eu escolher, e eu quero explicar exatamente por que eu tomei essa decisão, e eu poderia apenas dar-lhe a resposta em uma frase. Mas eu realmente quero que você entenda por que estou tomando essa decisão e por que estamos usando a que estamos usando. Então, sem mais delongas, vamos entrar nisso. Então agora eu apresento a vocês animar CC 2019 escolhendo o tipo de plataforma certo barra Uma breve visão geral de 20 anos de tecnologia flash, a razão tipo de plataforma é tão importante é que determina onde suas animações serão executadas , onde eles são reproduzidos em um navegador da Web. Deseja colocá-los em um e-mail ou talvez enviá-los para o Facebook ou Twitter? Ele também determina quais recursos você terá acesso na interface do Animate CC. Alguns tipos de documentos têm mais recursos e outros, e isso é extremamente importante. Por último, tipo de plataforma determina qual linguagem de script você usará se houver, se isso for ação Script três ou javascript fato divertido. Você pode realmente digitar javascript diretamente no animate e controlar suas animações com JavaScript So inanimate CC 2018 e anteriores. A nova janela de documento permitirá que você escolha o tipo de documento através desta lista à esquerda . Há alguns aqui, e então os mais proeminentes seriam HTML 5. Tela e script de ação três. Agora, embora você possa clicar em cada um para obter uma breve descrição, eu suspeito que muitas pessoas iniciando projetos de animação foram apenas como, Ei, eu só quero fazer um GIF simples, loop. Mas o que tem que escolher essa porcaria? Para um animado CC 2019, as coisas eram diferentes depois que você escolhe uma categoria do que você escolhe um tamanho e, em seguida, você escolhe um tipo de plataforma. É interessante notar que diferentes tipos de animações padrão os diferentes tipos de plataforma . Observe que, para animação de caracteres, o tipo de plataforma é a ação Script três. E você pode estar pensando, bem, eu estou fazendo animação de personagens que vai ser como quadros de chave intrincados com pequenos movimentos. Por que precisaria de ação? Script três para isso, e isso é um ponto válido. E quando eu pretendo abordar quando eu selecionar educação como o tipo de animação que eu vou criar , você vai notar que os tipos de plataforma que é html cinco tela novamente um recém-chegado pode ser confundido com isso. O que torna o HTML cinco canvas melhor para a educação? Bem, nós vamos descobrir isso, mas vamos primeiro fazer uma pequena turnê pela vida do Flash e do Flash Player para entender melhor o que essas coisas significam. Então, no final dos anos 90, a Internet era um lugar horrível. Mesmo a maior marca lutou para fazer um site com boa aparência. Mesmo a Apple, a autoridade final sobre o que parece bom tinha este é o seu site. Yuck. Alguns dos problemas com o Web design inicial era que você tinha opções de fonte limitadas e todos estavam em modems discagem, então você tinha que usar imagens muito pequenas que muitas vezes eram compactadas com baixas quantidades de cores . O layout era restrito a grades de mesa chatas de linhas e colunas, então o Flash Player entra para mudar o jogo. Flash Player foi inicialmente desenvolvido por uma empresa chamada Future Splash, que foi então adquirida pela Macromedia e por volta do final dos anos noventa é onde o flash player realmente ganhou destaque. Então o flash player era um pequeno plugue que poderia ser instalado no navegador. Os usuários da Internet instalariam esse pequeno aplicativo chamado Flash Player, e então eles seriam capazes de reproduzir coisas chamadas Arquivos Swift. Agora, como o plugue do Flash Player tinha um monte de código dentro dele que sabia como executar arquivos Swift , ele permitiu que os arquivos Swift permanecessem pequenos. Outro benefício dos arquivos Swift era que eles eram super nítidos. Eles tinham gráficos vetoriais escaláveis com tamanho de arquivo muito baixo. Flash Player também suportou streaming, que significava que você poderia criar uma animação e baixá-la progressivamente para que você pudesse começar a reproduzir a animação antes que o final dela fosse realmente baixada no computador do usuário , e isso foi enorme. Outra coisa que os designers adoravam era que você poderia usar praticamente qualquer fonte que você quisesse. E para desenvolvedores, em grande parte erradicou problemas entre navegadores. Naqueles dias, havia navegadores como Netscape e Internet Explorer para o computador Macintosh, e era realmente difícil obter sites para renderizar o mesmo em todos os navegadores. Mas o Flash Player cuidou de muito disso. E isso até todos esses benefícios. Havia também algo chamado script de ação, que era uma linguagem que poderia ser executada dentro do flash player. E oferecia a capacidade de animações dinâmicas que poderiam ser controladas via script. Então você poderia literalmente escrever código que dissesse aos seus clipes de filme como eles devem se mover. Você pode criar animações que respondiam às interações do mouse, então agora você pode clicar nas coisas, arrastá-lo, soltá-lo onde quiser. Foi incrível. script de ação também suportava o carregamento progressivo de imagens de alta reserva, para que você pudesse construir uma galeria elaborada com centenas de imagens. Você pode acompanhar o download de cada imagem e Onley carregar as imagens que quiser quando quiser. Você poderia fazer manipulações super legais de mapa de bits nessas imagens. Você poderia deformar eles. Você poderia fazer efeito de cor. Você poderia transformá-los em escala de cinza. Você pode afetar o contraste, tudo com código. Não havia criação de arte vetorial guiada por script. Você poderia escrever um pequeno script que criaria milhares de linhas e preenchimentos. Você teria essa arte aleatória generativa que estava linda. Agora você pode carregar dados de bancos de dados ou na próxima vez l arquivo. Então você é galerias e tudo que você construiu poderia ter todo o texto sobre descrições e arquivos externos que eram fáceis de atualizar. Em seguida, veio superfast GPU gráficos acelerados e algo chamado Estágio três D C. Poderia literalmente obter estilo console três gráficos D em execução no navegador dentro do Flash Player. Foi incrível. Você também pode obter acesso ao sistema de arquivos local e à câmera da Web. O Flash Player ofereceu recursos que nenhuma das tecnologias nativas do navegador poderia tocar designers que nunca sonhariam em se tornar programadores de computador. Agora estamos criando jogos e experiências on-line interativas que rivalizam com o que as grandes empresas estão lançando, e tudo isso derramado sobre o Web design foi completamente revolucionado. Você não precisa mais ajustar imagens pequenas em caixas minúsculas, agora você pode usar qualquer fonte que você gosta. Você poderia exagerar imagens e texto com recursos avançados e modos de mesclagem exatamente como os designers estavam fazendo na loja de fotos. Não há praticamente limites para o que você poderia fazer, e os designers aproveitaram ao máximo até 2010. O Flash Player governou a Web. Praticamente todos os vídeos foram entregues através do Flash Player YouTube. Lulu, Netflix usou flash player para streaming de vídeo com proteção DRM Toda a indústria de publicidade de mídia rica foi literalmente construída em arquivos Flash Player e Swift. Agora você pode ter anúncios que você pode expandir, reproduzir vídeos ou até mesmo jogar um jogo. Em Falando de quais toneladas de jogos que jogamos no navegador, grandes títulos móveis como Angry Birds relataram o Flash Player e, em seguida, integrado no Facebook. A maioria dos sites premiados eram baseados em flash, e havia uma comunidade de desenvolvedores próspera. Havia evangelistas flash. Havia formulários de suporte para desenvolvedores. Havia toneladas de blogues de tecnologia focados no flash. Havia mercados onde você poderia comprar e vender seus pequenos widgets flash e criações, e flash estava disponível em centenas de milhões de computadores. Então esse cara que nos deu essa coisa escreveu essa carta. Eu Steve Jobs, eu gosto Obrigado foi banido. Em poucas palavras. Flash nunca funcionaria no iPhone. Algumas das razões dele. Um flash abreviado não era uma tecnologia aberta. Isso significava que a Adobe tinha controle sobre isso. Era uma espécie de caixa preta, se preferir. Era uma fonte aberta. As pessoas não sabiam o que estava acontecendo dentro do Flash Player e, portanto, não era confiável. Html cinco CSS e JavaScript Vamos ser as ferramentas que impulsionaram a próxima geração do desenvolvimento de Web móvel e aplicativos. Eram padrões abertos que qualquer um poderia pegar, e ninguém realmente tinha controle. Você pensou que a confiabilidade e o desempenho dos flash players eram questionáveis quando ele estava especialmente preocupado com a duração da bateria. Uma grande coisa foi também a falta de apoio ao toque. Na última década mais ou menos, tudo foi conduzido por mouse. Foi só quando o iPhone saiu que realmente começamos a fazer interações baseadas em toque em grande escala. E, claro, ele estava preocupado com a porcaria da APS. O que ele quis dizer com isso foi que com o desenvolvimento flash, não havia interface universa unificada ou padronizada. Ele estava preocupado com pessoas que são designers pobres fazendo coisas que não ficariam bem em seu lindo dispositivo iPhone. Eles fazem os botões pequenos demais para você tocar. Eles escolhem as cores erradas, e seria apenas uma bagunça horrível agora, embora houvesse alguma verdade por trás de algumas dessas declarações, nem todos concordaram. A interpretação do desenvolvedor era simples. A Apple se sentiu ameaçada pelo Flash Player e queria controle total sobre seu ecossistema de loja de APP . Em termos simples, se o flash player tivesse permissão para ser executado dentro de um navegador móvel, as pessoas teriam acesso a aplicativos totalmente funcionais sem passar pela loja de APP . A este respeito, Apple não conseguiria controlar a qualidade ou a segurança desses tipos de aplicativos. Talvez outra preocupação seria que os desenvolvedores fariam jogos e APS para o flash player que iria competir com o que ele estava vendendo para a loja APP também. Quem sabe, independentemente das razões ou motivações, uma coisa ficou clara. Apple tinha traçado uma linha na areia sobre o Adobe Flash Player e IOS, então a Adobe precisava reagir, e eles fizeram algumas coisas. Eles desenvolvem o flash player para o navegador móvel do Android. Essa coisa meio que funcionou, e foi emocionante, e eu tinha alguma esperança para isso. Mas no final , não deu certo. O desempenho nunca foi tão bom, e há muitos testes mostrando que a duração da bateria era bastante horrível. Houve também o tempo de execução do ar, que permitiu que o conteúdo baseado em flash fosse empacotado no IOS e no Android APS. Esta foi realmente uma ferramenta muito inteligente, e ainda está viva e bem hoje. Assim, o tempo de execução do ar basicamente só permitiu que você pegasse conteúdo desenvolvido em flash, profissional ou flex e compilá-lo em algo que poderia ser vendido através da loja APP . Se você está interessado em fazer o desenvolvimento de aplicativos de plataforma cruzada, definitivamente confira o ar. E o maior avanço foi que, em 2011, eles introduziram a capacidade de exportar para cada pequena cinco tela com suporte decente JavaScript diretamente de para último profissional. Em poucas palavras, isso significava que você poderia usar profissionais em flash, poderosa linha do tempo e ferramentas de criação de arte para criar animações que jogam com base nos padrões abertos da Web que Steve Jobs está pedindo. Você poderia fazer coisas legais em flash profissional e executá-lo nativamente em um navegador da Web sem o flash player, e eu não posso exagerar o quão extremamente legal isso é. Enquanto a Adobe tentava descobrir o que deveriam fazer a seguir, toda a indústria estava em tumulto. Comunidades flash inteiras e mercados basicamente desmoronaram, os usuários saíram e as portas fecharam. freelancers e agências do Flash tiveram suas cargas de trabalho cortadas severamente, e toda a indústria e on-line se afastaram do flash $1.000.000.000 gigantes como DoubleClick do Google teve que renovar completamente toda a sua infraestrutura para mudar de servindo cabeças rápidas para HTML cinco. Se você é um freelancer solo flash ou uma empresa de $1.000.000.000, se seu sustento estava de alguma forma ligado à produção ou envio de arquivos rápidos, você tem que encontrar outra coisa para Dio e diz tudo porque um cara escreveu uma carta. Agora, embora Steve Jobs possa ter tido algumas razões válidas para não querer o flash player no iPhone em seu estado atual, a infeliz realidade de 2010 era que não havia nada lá fora no mundo de padrões abertos que poderia competir com o Flash Player. À medida que os recursos vão, e até mesmo em 2014 os padrões abertos da Web de HTML, CSS e JavaScript ainda eram extremamente incapazes de combinar todas as coisas que o Flash Player poderia fazer. E de onde eu estou sentado, provavelmente foram apenas os últimos dois ou três anos em que eu tenho visto os sites de ponta e posso pensar comigo mesmo. Não precisamos mais do Flash para fazer esse tipo de coisa. Então vamos dar uma olhada em onde estamos hoje. Em 2019, o Flash Player tem seu fim de vida programado para dezembro de 2020. Isso significa que a Adobe não desenvolverá mais ou oferecerá suporte ao flash player e o Flash Player não será instalado por padrão em navegadores de desktop. Isso significa que você tem que instalá-lo manualmente, e quando você encontrar conteúdo flash, geralmente tem que clicar para jogar carne. EDS. Ar basicamente inexistente e praticamente todo vídeo e áudio é agora HTML cinco compatível, então sites como YouTube e Hula e Netflix podem obter vídeo sem o flash player. Agora vamos discutir onde está o Flash Professional hoje. Bem, ele foi renomeado para Animate CC em 2016 em grande parte para fugir de todo o estigma com o nome flash . Então, mesmo que o flash player praticamente estava sendo morto e morrendo o aplicativo de desktop Flash profissional, que ainda era usado para criar animações e aplicativos incríveis. Eu ainda tinha muita vida nele, e as pessoas estavam confundindo com o flash player quando as pessoas diziam, Oh, flash está morto Eles pensariam que o aplicativo flash profissional estava indo com ele, e que estava causando muitos problemas. Então agora ele é chamado Animate CC, e Animate CC é uma ferramenta de desenvolvimento multi-plataforma para ar presente de vídeo script de ação para Android e IOS Air para desktop cada mais cinco telas SPG Web G l e G L T F. Que é basicamente um três D que permite transferir três modelos e cenas em D. E temos VR 3 60 em VR Panorama. Então eu não vou explicar o que tudo isso é. Mas a ideia básica é que anima. Sisi é um programa incrível para designers, animadores, programadores, onde eles podem fazer obras de arte incríveis ganharem vida e exportadas para todos esses formatos maravilhosos . Então, agora a grande pergunta. A razão pela qual eu comecei esta apresentação em primeiro lugar qual tipo de plataforma para fazer Select Action Script três ou um HTML cinco documento canvas. Você provavelmente está pensando, “O script três de ação é só para aquele flash player ou coisa do ar. Está desatualizado e quebrado, e html cinco canvas é baseado em padrões da Web. É o que Steve Jobs queria. Tem que ser melhor. Bem, eu respondo a grande pergunta com outra pergunta. A animação precisará ser executada em um navegador da Web e oferecer suporte à interatividade? Se ele precisa executar o navegador da Web, Ele definitivamente não deve ser um arquivo rápido. Então vamos começar a inclinar-se para HTML cinco canvas. No entanto, o disjuntor de negócios é se a interatividade é necessária ou não. Se sim para ambos, então definitivamente escolha HTML cinco canvas. Então vamos dar uma olhada em algumas coisas serão boas para HTML cinco canvas. Você escolherá HTML cinco telas para coisas como cada equipe de cinco anúncios de banner, porque com estes, você precisa clicar sobre eles para ir a um site. Então isso é interatividade e baixa execução nativamente em um navegador. Coisas como jogos, muita interatividade e você quer executar no navegador sem um plug in. Também temos testes ótimos para educação, mapas interativos e galerias de imagens. Todas essas coisas são ótimas para executar nativamente em um navegador e têm algum nível de interatividade. Agora, ao criar documentos HTML cinco canvas, é importante saber como eles exportam. E quando você exportar sua animação, você terá uma coleção de HTML JavaScript e arquivos de imagem que podem ser incorporados em um site. Vamos dar uma olhada no que isso parece. Então aqui no Animate CC tem um documento HTML cinco tela com esta simples animação de Herman em pé e nos mostrando seus boxers. E há um pool em segundo plano, e eu tenho exatamente uma mesma animação construída usando um script de ação três arquivo. Então o que eu quero fazer é mostrar a vocês o que acontece quando exportamos o html cinco canvas um antes de eu exportar. Eu quero mostrar que no meu localizador eu tenho este arquivo salvo em uma pasta chamada Canvas Export e o F.L. F.L Um arquivo de tela está sentado sozinho aqui. Não há mais nada lá. Então deixe-me apenas dio um filme de teste de controle no navegador. Então aqui o cromo aparece e temos o Herman e uma reunião em loop. Se eu clicar com o botão direito, você verá que eu posso inspecionar este elemento. E se você é um desenvolvedor da Web, você notará que temos um elemento de tela aqui onde toda essa animação está sendo atraída . Está bem. O que eu realmente quero focar, porém, porém, é o fato de que no meu localizador onde eu tinha que f l um documento salvo, Eu agora tenho no arquivo HTML um arquivo JavaScript e a pasta separada com a imagem do pool. Então, se você é um desenvolvedor da Web, você estará familiarizado com todos esses tipos de arquivos diferentes, e você saberá o que fazer com eles. Mas, a fim de obter sua animação para o mundo, você basicamente precisa saber como fazer upload desses arquivos para um servidor Web ou incorporá-los em uma página da Web existente. Mas você não pode pegar esses arquivos e colocá-los em um e-mail ou enviá-los para o Facebook ou Twitter. Para mostrar sua animação, você teria que converter tudo isso em um vídeo ou um presente, então não fique muito atolado com os detalhes de toda essa tecnologia da Web. Eu só quero que você entenda que quando você exporta um documento HTML cinco canvas, você vai obter um arquivo HTML, um arquivo JavaScript e qualquer bit mapeado imagens que você tem ou folhas Sprite dentro de uma pasta de imagens. Então, agora que estabelecemos o tipo de arquivos que o documento HTML cinco canvas exporta , eu também quero salientar que você pode pegar suas animações HTML cinco e exportá-los para vídeo e presente. Então agora vamos pular para por que escolheríamos o tipo de documento de script de ação? Bem, nós escolhemos principalmente para animações lineares, não interativas exportar seu vídeo ou presente. E isso é basicamente qualquer tipo de animação que você vai apenas sentar e assistir passivamente e os usos para isso são enormes. Tudo bem aí. Perfeito para compartilhamento de mídias sociais. Você pode colocá-los em seus e-mails para trazê-los ou para a vida. E, obviamente, você pode colocá-los em keynote do Power Point e páginas da Web, e você deseja especialmente usar documentos de script de ação para animações intrincadas de personagens e desenhos animados. Permitam-me que passe por alguns exemplos rápidos. Então aqui eu tinha o animado adiciona Twitter Page, que é uma conta que eu configurei para mostrar às pessoas os tipos de animações que eu gosto de ensinar-lhes como construir. Você vai notar que Todas essas animações são reproduzidas assim que eles rolam para a exibição, o que é incrível. Então, todos esses arquivos de presente aéreo ou vídeo que seria muito fácil de fazer com Anna Meet C. C. Eu também menciono que esses tipos de animações são ótimos para cair em e-mails para dar um pouco mais possuir. Então, aqui está um exemplo de um presente deixado em um e-mail que enviei para a minha newsletter. Eu também menciono que script de ação três documentos foram ótimos para a animação intrincada de personagens . Eu não sou um grande animador de personagens, mas anima navios CC 2019 com um monte de arquivos para você explorar, que você possa ver como os profissionais realmente fazê-lo. Esses arquivos, acredito que fomos todos criados por Chris Georgie Nous, que é um animador incrível. Então eu sugiro que quando você abrir animate CC 2019 da próxima vez você pode simplesmente ir para o arquivo novo e a janela do novo documento vai mostrar para você na parte inferior aqui, um monte de diferentes exemplos de animações realmente legais que você pode fazer com todas as novas características do animate cc. Bem, você tem que fazer é clicar duas vezes sobre eles para abri-lo, e então você pode explorar o que quiser. Vamos falar bem rápido sobre como acidentes viagem 3.0 phile exportações principalmente. Você receberá um único arquivo rápido que pode ser reproduzido no Flash Player aqui no Animate See. Veja, nós temos a versão do script de ação da Animação Herman. Se eu for exportá-la, teremos um único arquivo rápido. Então deixe-me mostrar a vocês bem rápido no meu localizador que eu tenho um script de ação três pontos de um sentado sozinho em sua própria pasta aqui, e eu vou para controlar o filme de teste no Enemy e você verá que a animação aparece em sua própria pequena janela aqui. E quando eu for para o meu localizador, você verá que temos este script de ação 3.0 rápido. Se eu clicar duas vezes nele para jogar nele, ele vai querer jogar na versão desktop do Flash Player. Tudo bem, se eu for exportar isso para um filme de teste de controle de página da Web no navegador Oh, infelizmente, Google Chrome vai aparecer e eu recebo este pequeno botão de 10 anos atrás que diz que eu preciso instalar o Flash Player . Infelizmente, não posso fazer isso agora. Eu amo arquivos Swift até a morte, mas novamente, flash players indo embora e eu realmente não posso recomendar que alguém faz conteúdo para o flash player. Então nós estabelecemos que os arquivos Swift que podem ser reproduzidos no Flash Player basicamente ruim e inútil porque o flash player está indo embora. Então, de que servem esses documentos de ação Script 3.0. Bem, a grande coisa é que eles exportam como vídeo ou GIF. E como eu disse antes, eles podem ser usados em páginas da Web, e-mail social e até mesmo transmissão de televisão e longas-metragens. Por que você não ouve mais sobre isso é porque ainda há muitos equívocos por aí. Tudo bem. As pessoas acreditam que desde HTML cinco tela é um padrão da Web, por isso deve ser o único a escolher ao criar um novo documento. E, claro, as pessoas pensam que o script de sotaque 3.0 é uma relíquia dos dias de flash. Steve Jobs não gostou. Não funciona em dispositivos móveis. Não devemos usar nada associado a ele. Então, o script de ação 3.0 F L um arquivo. Este tipo de ser jogado fora com o flash player. E, claro, uma vez que ambos html cinco tela em script de ação 3.0 Docks pode exportar para vídeo e presente, você pode muito bem usar HTML cinco, certo? Por que não? Bem, tenho que dizer que há alguma verdade nessas coisas. No entanto, o documento Action Script 3.0 é muito superior ao documento HTML cinco canvas em termos de recursos e capacidades em termos do que você vê e tem acesso no animado C c I. D e. O documento HTML cinco canvas é literalmente um cidadão de segunda classe. A s três fuma html cinco Quando se trata de filtros como queda, sombra, desfoque, brilho e modos de mistura de chanfro como adicionar tela iluminada sincronizando áudio três D e especialmente novos recursos a s três docas sempre obter as coisas legais primeiro, que é por isso que aqueles f l um arquivos que eu mostrei antes com a animação de personagem incrível . Eles são todos os documentos de script de ação 3.0 e permitem animadores e desejos de fazer coisas que você simplesmente não pode fazer no mundo HTML cinco. Por exemplo, este aqui que tem lábio afundando o áudio do dedo do pé. Cara, esse deve ser o pH mais limpo que eu já vi. Nem um único pedaço de lixo. Estou parando. Você simplesmente não pode fazer isso no mundo H 75. O documento HTML canvas não suporta nenhum tipo de afundamento de áudio. Eu quero criar vídeos individuais para mostrar exatamente como o documento A s três se destaca de todas essas maneiras diferentes. Então, para terminar, vou expor minha posição pessoal. Você escolherá documentos do Action Script 3.0. Se você quer todos os recursos de ponta do animado CC para que você possa fazer vídeos incríveis e presentes que são fáceis de compartilhar, você escolherá HTML cinco canvas. Se você quiser criar animações interativas, jogos e APS que precisam jogar nativamente em um navegador da Web, avançando com Anna, conheça C C para todos. Vamos usar o tipo de documento de script de ação 3.0 porque isso atende melhor às nossas necessidades . E no futuro, eu realmente espero ter um curso HTML cinco canvas para você para que você possa aprender a controlar suas animações com código. A Anna. Conheça C. C. É uma plataforma incrível para aprender JavaScript básico sem todas as dores de cabeça de HTML e CSS. Então fique atento para isso. Muito bem, turma. Espero que goste da pequena caminhada pela faixa da memória. Espero que agora você tenha um maior apreço pelo que anima Sisi é de onde veio , o que nos deu e seguindo em frente. Nós só vamos escolher aquele tipo de arquivo de viagem de acesso 3.0 com confiança. Tudo bem, é incrível, acredite em mim. 21. Edite símbolos: Certo, pessoal, tenho uma palestra incrível sobre edição de símbolos. Vou mostrar-lhe como editá-los no lugar e é na biblioteca. Vamos explicar como cada símbolo tem sua própria linha do tempo com suas próprias camadas. Você verá como você pode aninhar um símbolo dentro de outro símbolo e nos casos em que você deseja símbolos para ser uma espécie do mesmo. Mas não exatamente. Vou mostrar-te como fazer uma duplicata de um símbolo existente. Então, para este exercício, não há muito que você precisa fazer. Apenas sente-se e assista, mergulhe tudo, e então eu vou fazer um pouco de exercício para você, para que você possa fazer algumas dessas coisas por si mesmo. Vamos lá. Tudo bem. Então aqui, C C C inanimado. Eu tenho um arquivo aberto e na biblioteca. Eu tenho esse rosto e eu tenho símbolos. Certo, então não tem nada no palco agora. Vou pegar o rosto, e vou tirar várias instâncias desse rosto da biblioteca e colocá-los no palco. Agora, eu vou para o meu painel de propriedades, e eu quero mostrar a vocês que quando eu clicar neste item, o painel de propriedades me diz que é uma instância de rosto. Se eu clicar neste, é também uma instância de rosto. Como você pode imaginar, assim é o terceiro 1 Agora eu posso transformar diferentes instâncias do rosto. Então, por exemplo, eu poderia fazer este aqui menor. Eu posso pegar este e girá-lo, e eu posso pegar este aqui e fazer algo como, eu não sei. Vamos mudar o Alfa para 40%. Então eu tenho três instâncias diferentes do mesmo símbolo. Escalar este não muda este ou este. Agora suponha que depois de fazer todo esse trabalho incrível, eu decido que quero editar o rosto. Talvez eu queira torná-lo um pouco mais feliz. Portanto, há duas maneiras de editar um símbolo. Uma maneira é editar no lugar, o que significa que eu editá-lo diretamente no palco ou posso editá-lo da biblioteca. Antes que eu faça qualquer coisa. Eu quero salientar que na minha linha do tempo principal você vai ver que eu tenho uma camada de faces aqui com um quadro-chave e cima. Me diz que estou na cena um. Agora, veja o que acontece quando eu clico duas vezes neste rosto. DoubleClick. O que acontece é que eu literalmente entro dentro do símbolo do rosto para que você veja que eu estou na cena um dentro do rosto. E agora eu tenho três camadas diferentes. Eu tenho camada à frente uma camada de boca e uma camada de olhos. Uma das coisas mais incríveis sobre animate é que cada símbolo tem sua própria linha do tempo. Agora, estou no modo de edição de símbolos, editando a linha do tempo e os ativos dentro do rosto. Então deixe-me pegar essa pequena linha aqui e usar minha ferramenta de transformação livre. Vou abaixá-lo e fazer uma carinha sorridente. Agora, notem que enquanto eu estou dobrando isso para frente e para trás, olhe para os outros dois rostos que você vê lá tipo de grande fora um pouco. Mas à medida que estou fazendo alterações dentro do rosto, todas as instâncias do rosto na linha do tempo principal também estão sendo atualizadas. Tudo bem, isso é muito legal. Então, enquanto estou editando, estou vendo como outras instâncias em diferentes tamanhos e opacidade zehr sendo alteradas. Eu vou voltar para ver o número um, e agora você verá que todos os rostos são selecionáveis e viram um, e todos eles têm um rosto sorridente. Eu posso clicar duas vezes na escala para baixo rosto aqui para entrar em símbolo no modo de novo, e você verá as mesmas camadas de cabeça, boca e olhos abaixo. E eu poderia selecionar a cor de fundo e apenas mudar o filme. Talvez eu faça rostos sorridentes cor-de-rosa. Certo, volte a ver um. E agora todos os rostos diferentes mudaram. Se eu entrar na minha biblioteca, você também verá que o símbolo do rosto agora tem este fundo magenta, se você quiser. A segunda maneira de editar símbolo é editá-lo a partir da biblioteca. Veja o que acontece se eu clicar duas vezes no símbolo na biblioteca? Ele me leva novamente para o modo de edição de símbolos para o rosto, e você verá que eu vejo todas as três camadas para o rosto. Mas agora estou vendo o rosto. Não vejo mais nada na linha do tempo principal. Deixe-me pegar essa cor de fundo e eu vou mudá-la de volta para um amarelo amigável . E lá vou eu. Então eu adicionei o rosto da biblioteca. Vou clicar de volta para ver o número um e voilá! Todas as ocorrências do símbolo foram atualizadas. Um dos maiores erros que as pessoas novas para flash fazem é que às vezes eles podem inadvertidamente, clicar duas vezes em um símbolo. Eles entram no modo de edição de símbolos, e eles são meio que jogados fora por peso. O que são todas essas camadas aqui, ou por que eu não estou vendo os tweens que eu tenho no palco? Portanto, esteja sempre consciente de se você está no modo de edição de símbolos ou se você está na linha entretanto. Agora, isso me diz que estou editando o rosto e posso clicar de volta para ver o número um. E aqui está a minha linha do tempo principal. Outra coisa legal sobre símbolos é que você pode ter símbolos aninhados. Então deixe-me clicar duas vezes no rosto de novo, e eu vou te mostrar isso na camada de olhos aqui. Este objeto aqui se eu ir para o painel Propriedades é uma instância de I assim dentro da face , eu tenho uma instância do I. Na verdade, eu tenho duas instâncias diferentes do I. Então, se eu quisesse dar isso, eu posso ser um aluno preto ou algo assim eu poderia clicar duas vezes em qualquer instância. Agora você vai ver que eu estou na cena um dentro do rosto dentro do olho, e eu só vou pegar minha ferramenta oval definir a cor de preenchimento, dedo do pé preto. Vou me livrar de qualquer tipo de derrame. Deixe-me dar um zoom um pouco e vou desenhar um pequeno círculo preto. Quando estou desenhando a pupila para dentro deste olho, você pode ver a outra. Eu também percebo. Volte para o rosto, volte a ver um quando diminuir um pouco. E agora todas as três instâncias deste símbolo têm olhos que têm as pessoas do círculo negro e um rosto sorridente. Portanto, é muito importante entender que cada símbolo tem sua própria linha do tempo e símbolos podem ser aninhados dentro de outros símbolos. Isto é incrivelmente poderoso. E também editar qualquer instância de um símbolo irá atualizar todas as outras instâncias do símbolo. Vou à minha biblioteca e deixa-me tirar outra cara aqui. Agora, suponha que eu queria que este fosse um rosto rosa, mas todos esses outros rostos que eu queria para o amarelo Bem, eu já mostrei a vocês que editar um vai atualizar todos eles. Então o que eu poderia fazer é certo. Clique e eu vou dizer, vamos duplicar este símbolo todo o caminho até aqui e eu vou chamá-lo de cara de rosa. Ok, note que outro símbolo aparece na biblioteca. É uma duplicata do original, e eu posso clicar duas vezes sobre ele para entrar no modo de edição de símbolos do rosto Pink Aiken, selecionar este círculo aqui, e eu posso mudar sua cor para rosa. E agora só mudei este aqui. Voltarei a ver um, e agora tenho um rosto rosa e três rostos amarelos. Eu vou mudar para outro arquivo, e aqui eu tenho um rosto que está sendo animado na linha entretanto de uma camada de rosto. E eu tenho alguns tweens clássicos com o rosto girando, e então ele pulsa para cima, escala para baixo, e então rola para fora do palco. Então é importante notar que no quadro um, esta coisa aqui é uma instância de rosto e no quadro número 15 eu tenho um quadro chave que também tem uma instância de rosto. Então, todos esses quadros chave cada um tem uma instância de rosto. Então, se eu clicar duas vezes neste rosto aqui novamente, eu entro no modo de edição de símbolos e eu vou pegar a boca e eu vou fazer uma carinha sorridente quando eu voltar a ver um. Todas as instâncias do rosto em todos os diferentes estados de animação agora estão atualizando novamente. A edição do símbolo atualiza todas as ocorrências desse símbolo no seu projeto no próximo vídeo. Além disso, você tinha que criar seus próprios símbolos, e então vamos falar sobre criar seus próprios símbolos animados. É tão incrível. 22. Edite símbolos de seguir: neste siga uma longa lição. Vou mostrar-lhe os passos exatos para editar um símbolo no lugar e na biblioteca. Também mostrarei que você tem que duplicar um símbolo e editá-lo. Vamos começar a usar rostos estáticos. Iniciar ponto fl um duplo clique sobre o símbolo do meio e aviso. Na barra de edição, você estará dentro do rosto no modo Editar símbolo, usando a ferramenta de seleção. Role a boca até obter esse pequeno arco sob o ícone Ponteiro. Clique e arraste para baixo para editar o sorriso, como quiser. Clique na cena um botão na barra de edição para voltar a ver um. Em seguida, vamos editar o símbolo do olho. Vá para o painel da biblioteca, clique duas vezes sobre o I. Adicione uma nova camada clicando no botão da nova camada e nomeie-a pupila. Selecione sua ferramenta de pincel. Verifique se a cor de preenchimento é preta. Vá para o painel de propriedades e faça o tamanho de cerca de 20 pixels e clique direito no meio. Clique em voltar para ver um. Notei que todos os seus rostos têm olhos lindos e sorrisos maravilhosos. Trabalho incrível. Em seguida, vamos duplicar o símbolo central. Vire rosa, usando a ferramenta de seleção, clique com o botão direito do mouse sobre o símbolo central e selecione duplicatas símbolo. Nomeie o símbolo rosto rosa. Clique duas vezes no símbolo para entrar no modo de edição do símbolo. Clique no círculo amarelo para que ele seja destacado no painel de propriedades. Ao lado do balde de tinta, Preencher, clique no amarelo e selecione qualquer cor rosa que você deseja. Volte a ver um, e agora você tem um rosto duplicado que você editou de forma personalizada. Parabéns. Tudo feito. 23. Crie símbolos: Tudo bem, então eu mostrei a você. Como Adam comeu símbolos? Eu te mostrei como editar símbolos. O que sobrou? Oh, sim. Você precisa saber como criá-los neste vídeo. Vou mostrar-lhe as duas formas mais populares de criar novos símbolos. Vamos lá. Tudo bem. Então, para começar a criar nosso primeiro símbolo, eu só quero salientar que na minha biblioteca agora, não há nada. E eu quero criar apenas uma animação muito simples deste personagem Herman nomeado após o grande PW, você sabe, ampliando. Então eu já disse antes que não podemos animar algo com um Tween clássico a menos que seja um símbolo. Então, o que é essa coisa? Bem, deixe-me ir ao painel de propriedades. E quando eu clicar nesses itens diferentes aqui, você vai notar que eles são destacados no padrão da matriz de pontos. Isso é uma dica visual para me dizer que tenho uma forma vetorial selecionada, mas se formos para o painel de propriedades, você verá que é de fato uma forma verá a cor de preenchimento. Se eu clicar no corpo de novo, é uma forma. Então tudo o que tenho aqui são uma série de formas vetoriais. Este não é um símbolo ainda, então se eu quiser animá-lo, eu vou transformá-lo em um símbolo. Então eu vou usar minha ferramenta de seleção. Certifique-se de que eu tenha selecionado. E eu vou clicar e arrastar para desenhar Marquês em torno de toda essa arte vetorial para que eu tenho certeza de selecionar tudo isso como eu mostrei anteriormente. Você também pode clicar no quadro e isso vai selecionar todo o trabalho artístico vetorial também. Então, para transformar isso em um símbolo, eu vou modificar converter em símbolo. Agora eu vou voltar e explicar por que Convert é um pouco incorreto. Mas vamos clicar nisso. E então eu recebo essa caixa de diálogo que aparece. Pediu-me para dar o nome ao meu símbolo, por isso vou fazer o Herman. E para o tipo que temos clipe de filme gráfico no botão, dependendo do que você criou por último pode ser o padrão que você vê. Por enquanto, vamos apenas usar um gráfico, e o ponto de registro é basicamente vai ser o ponto onde as coordenadas X e Y são determinadas a partir de agora vamos deixá-lo no centro e bater. OK, agora duas coisas muito importantes aconteceram. Você vai notar que minha obra de arte está agora delineada por este contorno azul. Ok, você não vê mais as formas destacadas com esse padrão de matriz de pontos. E quando eu for ao painel de propriedades, você verá que Herman agora é um gráfico. Certo, então temos um símbolo gráfico selecionado, e é uma instância do Herman. E como falei na lição anterior, poderíamos ir à biblioteca, e agora podemos ter várias instâncias de Herman no palco. Deixe-me apagar aqueles que voltam para o painel Propriedades. Quero selecionar Herman mais uma vez e mencionar as coordenadas X e Y dele. Quando criamos o Herman, dissemos que o ponto de registro seria no centro. Quando criamos o Herman, Então, se eu pegar a coordenada X e definir isso para zero notar que seu centro fica alinhado para a borda esquerda do estágio zero pixels a partir da borda esquerda. E se eu disser que o Y dele é zero, isso vai trazer o centro dele até o topo. Tudo bem? Eu só quero explicar que o ponto de registro é o ponto de onde as coordenadas X e Y vêm. Vou pegá-lo e arrastá-lo de volta para cá. E como um pouco de atualização agora que ele é um símbolo, ele poderia facilmente ser animado. Agora eu quero falar um pouco sobre este converter para símbolo negócio a partir do menu. Quando comecei a dar aulas em flash em2000 e cinco anos, a pessoa que eu estava aprendendo com Victoria Torres, aquele nobre desktop mencionou que converter em símbolo era um pouco incorreto. Quando comecei a dar aulas em flash em 2000 e cinco anos, a pessoa que eu estava aprendendo com Victoria Torres, Porque quando você pensa em converter, você pensa em mudar de uma coisa para outra. E o ponto dela era que você está inserindo algo em outra coisa. Então, o que eu quero dizer com isso? Bem, lembra quando comecei com Herman, ele era um monte de formas vetoriais, e então eu o converti para um gráfico. Bem, se eu clicar duas vezes no Herman, vou entrar no modo de edição de símbolos novamente. Certo? Então vi um, Herman. E aqui temos as formas vetoriais originais. Eles não mudaram de uma coisa para outra. Acabaram de ser colocados dentro do símbolo Herman. Deixe-me voltar a ver um e vou adicionar uma nova camada ao meu documento. Deixa-me ser chique e chamei o 1º Herman, e depois vou chamar esta mensagem. Então eu vou para a minha ferramenta de texto, e eu vou apenas digitar a palavra Herman na cor mais terrível possível. E, na verdade, deixa-me mudar isso, está bem? Deixe-me selecionar o texto e mudar a cor para Herman Blue. Tudo bem? Muito bonita. Então, se eu quiser animar esse texto agora, se eu for para o painel de propriedades, ele me diz que é um campo de texto estático. Certo, não é um símbolo. Não é algo que eu possa criar um Tween clássico em. Então, o que eu quero fazer? Eu quero transformá-lo em um símbolo, então eu vou selecioná-lo e você vai ver novamente. É texto. É editar ervas. Ok, eu vou modificar, converter em símbolo. Eu vou passar pelos mesmos passos e vou chamá-lo de texto Herman e apertar. OK, então agora quando eu clico sobre isso, o painel de propriedades me diz que é um gráfico agora, o campo de texto foi transformado em um símbolo? Foi convertido em outra coisa. Talvez eu só vá argumentar que se eu clicar duas vezes neste símbolo, eu entro nele em Lá está o meu texto original. Talvez eu só vá argumentar que se eu clicar duas vezes neste símbolo, Então meu ponto, não seja exigente, é que estamos inserindo algo em um símbolo, certo? Não há nada sendo mudado. Ainda posso entrar neste texto, e posso editá-lo e dar-lhe uma letra maiúscula adequada. Volte a ver um, e agora tenho o meu símbolo gráfico. Então, tudo o que estou dizendo é que modificar, converter em símbolo pode ser inserido com mais precisão no símbolo. Tem sido assim por 20 anos, então não vale a pena fazer um alarido. Mas é importante notar que as coisas que você selecionou ao fazer modificar converter para símbolo é colocado dentro de um novo símbolo. Se você quiser editar essas coisas, basta clicar duas vezes no símbolo para entrar no modo de edição de símbolos. Certo, então é assim que criamos o símbolo com algo que já está no palco. Há outra maneira de criar um símbolo usando inserir novo símbolo. Quando isso acontece, nos perguntam se você quer um símbolo de Neymar. E agora vou dizer que Star vai mantê-lo como um gráfico. Eu vou bater. Ok, agora, quando eu faço isso, nós automaticamente entramos no modo de edição de símbolos para o aviso de estrela aqui que eu estou na Camada 1. Há um porta-chaves em branco, e não há nada para ver. Meu símbolo de estrela já foi colocado na biblioteca, mas eu não adicionei nada a ele. Então o que eu vou para Dio é ir para a Polly Star Tool. Clique nisso. Eu quero ir para o painel Propriedades e eu só vou para as opções e eu vou selecionar Estrela e vamos fazer cinco pontas estrela hit. Ok, agora essa cor de preenchimento definida como azul que vai funcionar para mim, e eu vou arrastar e criar uma estrela. Eu queria estar centrado em torno desse ponto de registro lá, então eu vou apenas clicar nele, ir para o painel Alinhar Comando K ou controle K e vai boom, boom obtê-lo centrado. Então, de novo, estou dentro do símbolo da estrela, se voltar a ver um, veja isto, hein? Não há nenhuma estrela. Bem, lembre-se, eu nunca coloquei essa coisa no palco. Li vive na biblioteca, então se eu quiser usá-lo em meu arquivo e animado, provavelmente criarei uma nova camada. Clique duas vezes nele, chame de estrela, e então eu posso arrastá-lo para o palco. Então, há as duas maneiras de criar um símbolo um desenho algo no palco e indo para modificar, converter em símbolo ou indo para inserir um novo símbolo e criar um símbolo diretamente na biblioteca. Tudo bem, você me viu criar símbolos. Agora é a sua vez. No próximo vídeo, eu vou ter algumas instruções passo a passo muito simples para você seguir e um pouco de desafio. Verifica isso. Bem, você sabe, batendo. 24. Crie símbolos seguindo: Então agora eu tenho um exercício de acompanhamento para você, onde você está indo para criar um símbolo no palco usando modificar, converter em símbolo e você vai criar um símbolo diretamente na biblioteca usando inserir novo símbolo esses conceitos fundamentais do ar que você necessidade de dominar. Então, por favor, acompanhe de perto e faça este exercício no final. Tenho um desafio divertido para você. Vamos usar o arquivo FL A. Criar símbolo Iniciar. Você usará a ferramenta de seleção para selecionar todas as formas que compõem o Herman. Vá para modificar. Converter para símbolo. Chame-lhe Herman. E certifique-se de que o tipo está definido como gráfico e atingido. OK, vá para o painel da biblioteca e observe que agora você tem um símbolo Herman na biblioteca. Isso foi bem fácil. Em seguida, vamos criar um símbolo na biblioteca. Vamos inserir novo símbolo, nomear esta estrela símbolo novamente. Certifique-se de que é um sucesso gráfico. Ok, a barra de edição vai nos mostrar que estamos agora dentro do símbolo da estrela. Selecione a ferramenta Estrela Poly. Vá para o painel de propriedades, clique em opções. Certifique-se de que o estilo está definido como estrela e o número de lados está definido para cinco e pressione OK. Também no painel de propriedades. Selecione uma cor preenchida que não seja a mesma que o palco. Vou selecionar um azul e desenhar uma estrela. Utilizou a ferramenta de seleção para selecionar a estrela. Abra o painel Alinhar com um alinhamento selecionado na posição vertical e horizontal. Volte para ver o número um clicando em um visto na barra de edição. Você vai notar que não há nenhuma estrela no palco. É porque está na sua biblioteca. Vá para o painel da biblioteca e arraste a estrela para o palco. Incrível. Você fez dois símbolos. Agora sei que não é a coisa mais excitante do mundo. Mas se você está assistindo isso, estou muito orgulhoso de você por passar por essa lição e fazer os passos, porque é assim que você está indo. Dedo aprende. Agora. Eu tenho uma pequena recompensa de desafio para você. Quero que pegue esses símbolos que criou e os anime para mim. Tudo bem. Veja o que eu quero que você faça. Agora que você tem seus próprios símbolos, quero que você os anime. Então meu desafio para vocês é criar animação com Herman e duas estrelas. Não precisa ser nada chique. Você pode fazer o que quiser. Neste momento, só estou a passar por uma linha temporal onde duas estrelas se movem para cima e o Herman está descer ao mesmo tempo. Há um pouco de superação que acontece. Depois voltam para o centro. Então não estou pedindo para replicar o que eu fiz. Mas eu quero que você se divirta um pouco. Mova essas coisas, gire desbotada. Escale. Faça algo sozinho. Uma pequena gorjeta. Certifique-se de que cada símbolo está em sua própria camada. Tudo bem, eu adoraria ver o que você faz. Aproveite. 25. Animações estranhadas: Tudo bem, pessoal. O que se passa? Estou super animado com esse exercício. Você vai fazer esses três corações pulsantes, e este será o nosso primeiro exercício em animações aninhadas. Vamos colocar alguma animação dentro de um símbolo. Agora, isso pode ser um pouco confuso no começo. Então o que eu vou fazer é mostrar a vocês o arquivo acabado antes de eu mostrar a vocês como construí-lo. Verifica isso. Tudo bem. Isto é o que estão terminados arquivo vai olhar como três corações no palco. Uma camada, um quadro chave aqui em baixo. E eu quero mostrar a vocês que quando eu selecionar este elemento aqui, é o símbolo de animação do coração. E se eu clicar duas vezes nele, há um coração lá dentro que pulsa. Certo, isso aqui é um exemplo de coração vivendo dentro da animação cardíaca. Se eu entrar na cena um, o White Hart é um exemplo de animação cardíaca, o Coração vermelho, sua animação cardíaca e assim é o coração azul. E só para deixar isso claro, vou tirar outra animação do coração da biblioteca e outra e outra. E agora, quando eu me esfregar, você verá que todos os corações estão pulsando em uníssono. Então deixe-me mostrar como construímos isso. Tudo bem, então aqui, um inimigo que eu tenho coração animado começou a abrir e no palco eu tenho um coração. O que é isso? Bem, deixe-me clicar nele e o painel de propriedades me dirá que é uma forma. Então, para fazer meu coração pulsante, preciso converter essa forma em um símbolo. Então eu vou modificar, converter em símbolo. Eu me lembro dos exercícios anteriores que eu gosto de dizer inserir no símbolo e eu vou pegar essa forma e inseri-lo em um símbolo coração frio. Vou fazer um gráfico, por enquanto, com o ponto de registro no centro e acertar. OK, então agora no palco esta coisa aqui é uma instância do símbolo do coração. Agora eu quero criar uma animação deste coração pulsando, então eu vou colocá-lo dentro de outro símbolo Seguir por aqui. Vou usar a ferramenta de seleção. Eu vou selecionar o coração e ir para modificar, converter ou inserir em símbolo, e eu vou chamá-lo de animação cardíaca e bater OK e então Agora nada realmente muda no palco. Se eu for à biblioteca, verá que tenho animação cardíaca e coração. Ambos são idênticos. A ideia aqui, porém, é que o símbolo do coração foi colocado dentro da animação do coração. Deixe-me mostrar-lhe como isso funciona. Então aqui está o símbolo de animação do coração que acabei de criar no palco. E se eu clicar duas vezes sobre ele, eu entro no modo de edição de símbolos para animação cardíaca. E dentro da animação do coração é o coração original. Portanto, é extremamente importante lembrar que o coração vive dentro da animação cardíaca. Dentro da animação do coração, temos nossa própria linha do tempo com nossas próprias camadas. Então eu vou criar um pulso muito simples do coração ficando maior e menor, e nós vamos fazer isso exatamente como fizemos anteriormente. Lembro-me dessa lição. Incrível. Então eu vou para o quadro número 10 aqui e aperte F seis para adicionar um novo quadro chave e a mesma coisa no quadro 20. Então, todos os três quadros-chave são idênticos. Vou para o quadro 10. Vou selecionar o coração, usar a ferramenta de transformação livre, manter a tecla Shift pressionada e apenas torná-la um pouco maior, e vou criar um Tween clássico entre o quadro um e 10 e 10 e 20. Então, dentro da animação do coração, o coração está ficando cada vez maior. Então, agora vou ver um. E aqui está a minha animação cardíaca. E se eu for puxar o jogo para a frente, você vai notar que tudo que eu tenho aqui são aqueles quadros em potencial. Deixe-me ir para o quadro 60. Vou apertar F 5 para adicionar mais alguns quadros. E agora veja o que acontece. Enquanto eu me esfregar para trás, você verá aquela animação cardíaca repetindo. Então deixe-me ir para a frente. E mesmo que não haja interpolações na linha do tempo principal e tenha visto Número um, confira, podemos passar por aquela animação cardíaca pulsando. E uma coisa muito importante a observar sobre símbolos gráficos é que eles avançarão à medida que a linha do tempo pai avança. Ok, então eu estou literalmente esfregando através da animação do coração enquanto eu estou esfregando através da linha do tempo principal . Vou à minha biblioteca e deixa-me tirar outro exemplo de animação cardíaca e outro para ter três deles no palco. Eu posso pegar este aqui, torná-lo um pouco maior. Pegue este aqui, faça um pouco maior. E são todas instâncias do mesmo símbolo. Então eu tenho três corações pulsando totalmente em uníssono, todos em um quadro de uma camada. Tudo bem, isso é muito legal. Isso nos permite fazer várias animações em uma camada. Agora, eu redimensiono alguns desses. Eu posso pegar este aqui e ir para o painel de propriedades e ir para a tenda estilo efeito cor. E eu poderia apenas clicar para torná-lo branco. E então este aqui, eu vou fazer, eu não sei, outra tenda de algum tipo de roxo profundo ou azul. Então agora nós temos três instâncias do mesmo símbolo e eles estão todos jogando juntos e novamente. Eu posso clicar duas vezes em qualquer um desses para entrar na animação do coração, e eu posso ver o coração pulsando bem aqui e o quadro número 10. Isso é um exemplo de coração. O coração vive dentro da animação do coração. Então vamos fazer uma fumaça ou exercícios desses símbolos que contêm animações ou animações aninhadas , como eu chamo. E não se preocupe, você vai pegar o jeito, mas agora vamos ter que reconstruir todo esse exercício do zero. Incrível. E mais uma coisa antes de eu ir ver isso, vou pegar o coração aqui no coração aqui e agora. E mais uma coisa antes de eu ir ver isso, Eu só tenho um exemplo da animação do coração no palco. Veja o que eu posso dio eu posso ir para o quadro 30. Posso adicionar um porta-chaves e trazer esse cara para cá. Clique com o botão direito do mouse criar interpolação clássica E agora confira o coração se move e pulsa Tudo bem , então eu estou animando um símbolo animado. Mente explodida. Muito bem, que vamos fazer é fazer com que vocês sigam o próximo exercício e construam os três corações coloridos diferentes pulsando. Você tem que obter a memória muscular. Vejo você lá. 26. Animações estranhadas em SeguÊNCIA: Muito bem, pessoal, aqui temos as instruções para o exercício de animações aninhadas que vão querer. Abra os corações animados começam a ponto e aqui vamos nós. Siga usando a ferramenta de seleção. Clique no coração. Vá para modificar. Converter para símbolo. Se você está vendo todas as coisas aqui embaixo, você pode apenas desligar a vista avançada e você vai nomear o símbolo de coração. Certifique-se de que é um gráfico com o ponto de registro no centro atingido. Ok, clique sobre o painel da biblioteca e notei que você tem seu coração dentro da biblioteca. Com o coração ainda selecionado no palco, Ir para modificar, converter para símbolo e nomear esta animação parte símbolo novamente. Torná-lo um gráfico com o ponto de registro no centro e pressione OK, agora você criou um símbolo dentro de outro símbolo. Clique duas vezes na animação do coração no palco para entrar no modo de edição do símbolo para a animação do coração . Certifique-se de que a Barra de Edição mostra que você está dentro da animação do coração para criar o pulso. Clique no Quadro 10 e aperte F seis para adicionar um quadro chave e, em seguida, clique no quadro 20 e aperte F seis . Para adicionar um quadro-chave, volte ao quadro 10. Selecione a ferramenta de transformação livre, clique no coração, mantenha pressionada a tecla Shift e amplie-a um pouco. Clique com o botão direito entre os quadros um e 10 e criar interpolação clássica clique com o botão direito entre os quadros 10 e 20 e criar interpolação clássica. Vá para a barra Editar e clique na cena um botão para voltar a ver um na linha do tempo principal , clique no Quadro Número 60 e pressione F cinco para adicionar quadros, esfregar a cabeça de reprodução para trás e, em seguida, reproduzir sua animação. Incrível. Você fez um coração pulsante. Agora vá para a biblioteca e traga mais dois corações. Escale-os como desejar e, em seguida, sinta-se livre para mudar a tenda. Você pode ir para o painel de propriedades e com o coração selecionado, vá para cor, tenda estilo efeito de cor e clique em qualquer cor. Você pode fazer o mesmo para o último. Jogue sua animação e vá, Ah, bom trabalho 27. independente de gráfico vs cinema: Certo, então vamos falar sobre o que significa para um clipe de filme ser executado independentemente da linha do tempo principal neste documento. Aqui eu tenho a camada com um quadro. Eu não posso arrastar a cabeça de reprodução para frente porque há apenas um quadro neste documento e na biblioteca tem algo chamado contador gráfico e contador de clipes de filme contador. Gráfico é um símbolo gráfico que tem 10 quadros, e cada quadro tem um novo número e ele Ok, então como eu esfregar através dos quadros, você pode ver esse número aumentando. Eu também tenho clipe de filme contador, que é construído exatamente da mesma maneira. Excepto os números. O Blue vai voltar à cena um? E eu vou pegar o clipe do filme e colocá-lo no palco? Vou tirar o gráfico e colocá-lo no palco. Também é importante observar que o clipe de filme e o gráfico têm ícones diferentes aqui na biblioteca. Então vamos colocá-los bem ali. E agora só tenho uma moldura nos meus documentos, então não posso voltar a avançar e ver nada. Mas vou testar meu filme apertando o comando de retorno e eles vão pegar meu arquivo rápido . E embora a linha do tempo principal tenha apenas um quadro, você verá que o clipe de filme está sendo reproduzido e em loop infinitamente, enquanto o gráfico não está avançando. E isso é o que significa para um clipe de filme ser reproduzido independentemente da linha do tempo principal. A linha do tempo principal não tem quadros, mas o clipe de filme ainda pode marchar ao ritmo de seu próprio baterista, por assim dizer. E enquanto eu estou nisso, a batida desse tambor é que eu acho que são 10 quadros por segundo. Deixe-me ir ao documento aqui. Na verdade, são cinco quadros por segundo que você pode ver esses números e vamos jogar tudo devagar. Tudo bem, então é assim que este documento funciona. Com uma moldura. Deixe-me ir para o quadro número 10 e apertar F cinco para adicionar quadros. E agora algo aconteceu em nós. Olha para isto. O símbolo gráfico avançado para o quadro número 10 e o clipe de filme permanece no quadro número um . Vamos voltar para o quadro número um e ver o que acontece enquanto corro a linha do tempo . Vamos voltar para o quadro número um e ver o que acontece enquanto corro a linha do tempo À medida que eu percorrer a linha do tempo, você verá que o símbolo gráfico está avançando com as principais linhas do tempo. Jogar cabeça. Tudo bem, então o gráfico é uma espécie de bloqueio com o que está acontecendo na linha do tempo principal do filme. O Clip está ali sentado. Por isso, é importante notar que dentro do animado I D. Você não será capaz de visualizar animações aninhadas dentro de clipes de filme, mas você pode com gráficos. Agora deixe-me exportar isso novamente, e você verá que ambas as animações vão estar em loop infinitamente ao mesmo tempo. Agora você pode estar se perguntando, por que o gráfico também está looping? Bem, o acordo com a Swift Files é que a linha do tempo, a linha do tempo principal, vai ser repetida a menos que você diga para parar. Então a maneira de dizê-lo para parar é colocar um pouco de um código de script de ação lá, então eu vou soltar em uma nova camada. Vou até o último quadro, batendo um porta-chaves com F7. Use o F nove para abrir o painel de ações, e eu escrevo “stop”. Então agora, esse comando stop é um pouco de script de ação, que você usaria em um arquivo de script de ação 3.0, que seria exportado para um rápido. E eu quero deixar claro que você poderia fazer exatamente a mesma coisa em um documento HTML cinco canvas com JavaScript. Tudo bem, o comportamento que estou ilustrando nesta demonstração será o mesmo entre um s três html cinco documentos de tela de modo que fora do caminho, vamos agora testar o rápido novamente com uma ação de parada no quadro 10. E você vai ver agora que o gráfico vai parar no quadro 10 porque as linhas entretanto jogar cabeça parou na tenda quadro. Eles podem estar perguntando, Qual é o sentido desse absurdo independente do clipe de filme? Bem-vinda. Venha muito útil se você tem algo como nuvens no fundo que você quer um loop infinitamente. Você pode fazer isso acontecer sem ter 10.000 quadros em sua linha de tempo principal. E falando nisso, eu tenho um arquivo aqui que tem algumas nuvens, um carro na estrada. A linha do tempo principal em Lee tem um quadro, mas todos esses símbolos são clipes de filme com suas próprias animações aninhadas. Então, quando eu for exportar este aqui, confira. Você verá que temos o carro com as rodas se movendo, a estrada se movendo e cada uma dessas nuvens animando. Certo, então temos um monte de animação acontecendo. Mas só há um quadro na linha do tempo principal. E, novamente, isso acontece porque os clipes de filme podem ser reproduzidos independentemente da linha de tempo principal. É muito legal. Deixe-me fechar isso. E só para mostrar o seu bem rápido uma dessas nuvens aqui, se eu clicar duas vezes sobre ela, você vai ver. Deixe-me reduzir a linha do tempo aqui que é uma longa linha de tempo de uma nuvem se movendo através do palco. Tudo bem, então todas as nuvens são construídas assim. Trata-se de uma animação longa de sete segundos, e novamente todos eles loop perfeitamente e parece muito legal. Incrível. No próximo vídeo, eu vou mostrar por que gráficos ar resfriado porque eles dão acesso ao seletor de quadros, o que torna muito fácil fazer expressões de caracteres. Eu posso clicar no símbolo I e ir para o seletor de quadros e escolher qualquer quadro I que eu quiser a partir desse símbolo. Mais no próximo vídeo, mais espancamento 28. Loop de gráfico vs movieclip de movieclip de gráfico: para continuar este Siris em gráficos versus clipes de filme. Eu quero mostrar-lhe como símbolos gráficos dar-lhe acesso opções de loop dedo no seletor de quadros , thes ar, recursos poderosos que fazem símbolos gráficos a escolha de pessoas fazendo animação de personagem . Então vamos começar revisitando nosso arquivo do vídeo anterior onde mostrei que os clipes de filme são executados independentemente da linha do tempo principal. Mas símbolos gráficos como o vermelho à direita aqui vão avançar à medida que a linha do tempo pai avança. Certo, então enquanto eu passar por todos esses quadros aqui, você verá que ele está em loop várias vezes. Deixe-me voltar ao quadro número um. Clique no gráfico e no painel Propriedades, você verá que, sob looping, o conjunto de opções de ar, loop do dedo do pé e o primeiro quadro será um. Ok, então o que eu poderia fazer é dizer, Ei, você sabe o que eu quero que o primeiro quadro seja o número oito. Assim que eu digitar oito, o gráfico avança para seu oitavo quadro. E então, enquanto eu esfregava para a frente, eu vou para o quadro 9 10 e então, desde que ainda estamos definidos loop dedo do pé, vamos voltar para um e ir todo o caminho até 10 novamente, e nós estamos indo apenas para loop infinitamente. Enquanto eu limpo a linha do tempo, eu vou voltar para o quadro número um clique no gráfico, e eu quero mostrar a vocês que se nós não queremos um loop, nós também podemos dizer, Ei, vamos jogar uma vez. Então aqui estou eu dizendo, Nós ainda vamos começar no quadro número oito e vamos para 9 10 e então ele vai ficar lá em 10. Tudo bem? Nós jogamos através de uma iteração dessa linha de tempo gráfica, e ele vai ficar em seu último quadro, que é o quadro número 10 voltando para o quadro número um. Eu posso dizer que eu quero que você jogue em um único quadro e novamente eu posso selecionar qualquer quadro que eu quiser. Agora, só serão oito. E como eu avançava a peça tinha na linha entretanto. Vamos ficar presos nessa moldura. Agora. É legal sobre gráficos. Isso está no quadro 25? Eu poderia adicionar outro quadro chave batendo em F seis e dizer: “ Ei, Ei, quer saber? Quero que me mostre o quadro número cinco. Então aqui e quadro um, estamos mostrando o quadro oito e, em seguida, todo o caminho, nós temos o quadro 25 ele salta. Então eu tenho tudo isso apenas para mostrar a vocês que as opções de loop nos dão uma quantidade razoável de controle sobre o estado ou quadro do gráfico que queremos exibir a qualquer momento. Agora, neste exemplo, é realmente bastante óbvio que eu sei que quando eu digitar oh, quadro número A. Eu vou ver um oito aqui, mas na vida real, nem sempre é tão simples . Então o que é legal é que eu acho que foi um CC 2017 animado. Eles adicionaram este seletor de quadros, que mostra todos os quadros dentro do símbolo. Então eu vou clicar no quadro 10 e, em seguida, minhas atualizações gráficas para o quadro número 10. Então isso é super legal. E agora o que eu quero fazer é mostrar a vocês uma aplicação prática disso. Tudo bem? Muito raramente. Você vai ter clipes que têm apenas 10 quadros que têm 10 números neles. Então vamos dar uma olhada no nosso monstro verde aqui, certo? Se eu for tocar a animação dele, vão ver que os olhos e a boca dele surtam. E à medida que eu passar, vocês notarão que ambos estão mudando para quadros diferentes. Então eu tenho uma camada de boca e uma camada de NYSE na biblioteca de olhos, símbolos e o símbolo da boca. Um duplo clique no gráfico da boca. Você verá que há alguns quadros-chave com diferentes tipos de bocas e posições diferentes . Tudo bem, se eu for para o símbolo dos olhos aqui, você verá que temos três camadas para o fundo, as pupilas nas sobrancelhas e em cada quadro chave. Só estou movendo essas coisas para fazer expressões diferentes, se quiser. Aqui os olhos estão olhando para a frente aqui. Eles estão fechados aqui. Eles estão ficando meio de olhos largos, e então nós temos olhando para a esquerda, olhando para a direita, e então nós temos um pouco de raiva. Então vamos voltar a ver um. E agora, por favor, me perdoe. Eu não sou nenhum personagem profissional, animador ou ilustrador, mas vamos tentar fazer essa bagunça aqui parecer um pouco decente. Então, muito rapidamente, voltamos ao quadro número um, e eu vou dizer ao símbolo dos olhos no painel de propriedades que só vamos usar um único quadro, ok? E farei o mesmo pela boca. Então, como eu mostrei anteriormente, isso vai fazer com que fiquemos presos nos quadros desses símbolos enquanto eu estou limpando a linha do tempo principal. Muito legal. Então eu vou sair para o quadro número cinco e entrar na camada da boca. Eu só vou apertar F seis para adicionar um quadro chave. Ir para selecionar a boca e queremos fazer é colocá-lo tipo de em seu estado de repouso ou fechado . Mas eu não sei que número de quadro é esse. Sabe, eu poderia adivinhar aqui o dia todo. Talvez seja para não. Talvez seja 30 Não seria bom se eu pudesse usar o seletor de molduras? Então eu vou clicar no quadro número dois e vamos movê-lo para que eu possa realmente ver o que aconteceu. Então há o quadro número um quadro número dois. Muito legal. Então eu vou deixar o seletor de molduras aqui e vamos também devagar. Deixe o símbolo de gelo aqui e é importante quadro cinco que talvez eu queira Teoh em um quadro chave primeiro e agora eu vou fechar os olhos, então eu vou fazer algo assim. Então, no quadro um, ele é ah, e então ele vai embora. Oh, e então talvez alguns quadros mais tarde, vamos fazê-lo abrir os olhos novamente e mudar a expressão da boca. Então não vou tentar imitar nada terrivelmente próximo da realidade. Só te mostrar que posso abrir os olhos de novo e clicar na boca e talvez ele fique um pouco assim. posso abrir os olhos de novo e clicar na boca e talvez ele fique um pouco Sabe o que está acontecendo? Então agora ele está tipo, uh, talvez um pouco confuso. Podia pedir-lhe para olhar para a esquerda ou para a direita. Então talvez no quadro 10 você sabe, eu nem sempre tenho que mover os olhos quando eu estou movendo a boca. Então, você sabe, se ele está falando, seus olhos nem sempre vão ficar loucos. Eu poderia dar-lhe um pouco disso. Eu poderia sair alguns quadros, bater F6 novamente, talvez. Ah, torcido. E então, você sabe, espere um pouco bater f seis e vamos dar-lhe um grande sorriso e com seus olhos. Embora eu pretendesse ir a estes, hein? Tudo bem. Muito legal. Então, agora, enquanto eu estou esfregando. Você pode ver que eu posso basicamente criar qualquer, tipo, permutação de expressões dos olhos e da boca. Agora, obviamente, eu fiz isso bem rápido, mas mesmo apenas brincando se eu voltar para o quadro número um e bater no play, você sabe que é um resultado muito legal. Tudo bem, se você colocar uns 20 minutos nisso, você pode realmente obter um personagem que pareça muito legal. E você não precisa apenas, você sabe, você sabe, estar restrito a mudar os olhos e a boca. Você poderia ter mãos ou pernas ou posições de corpo inteiro do personagem dançando em diferentes posições. Assim, espero que este vídeo mostre que você tem as propriedades de loop de um símbolo gráfico sobre o poder do seletor de quadros realmente dar-lhe um monte de controle sobre seus símbolos gráficos. No próximo vídeo, vou mostrar como os modos de mesclagem e os filtros dão aos clipes de filme um pouco de vantagem. Fique atento 29. Filtros de filmagem: Tudo bem, pessoal, para continuar nossa discussão sobre gráfico versus clipe de filme hoje, clipe de filme vai ter a vantagem enquanto discutimos filtros. Pense em um filtro como uma forma de adicionar efeitos avançados às nossas imagens para que você possa adicionar coisas como uma sombra, um borrão. Pense em um filtro como uma forma de adicionar efeitos avançados às nossas imagens para que você possa adicionar coisas como uma sombra, Ah, brilho, um brilho de rádio com cores diferentes, um bisel para um olhar de três D. Com o destaque e a sombra ao redor das bordas, você pode fazer um Grady e Bisel. Você também pode ajustar a cor onde você pode alterar o brilho de saturação ou Hugh. E uma das coisas mais legais sobre esses filtros é que eles podem ser animados. Então veja isso. Temos uma imagem de um carro que é totalmente explodido com o brilho e enfraquecer entre em cores. Tudo bem, então é muito legal o que você pode fazer com esses filtros. Então eu vou apenas dar-lhe uma breve visão geral de como eles funcionam e mostrar-lhe como você pode se divertir um pouco com eles. Vamos lá. Certo, então aqui temos nosso conhecido clipe de filme e símbolo gráfico. Quando eu clico no gráfico, o painel Propriedades me dá as opções de loop, quais já falamos e sob efeito de cor. Fizemos coisas como Mudar o Alfa, que é basicamente a transparência de um símbolo. Fizemos coisas como mudar essa tonalidade, o que significa que podemos mudar o quanto uma cor diferente vai ser aplicada a ela. E podemos ajustar a quantidade de tonalidade e mudar os canais R G B. No entanto, queremos vermelho, verde e azul, e então também temos opções avançadas para vermelho, verde e azul, além de diferentes valores Alfa. Então, hum, é tudo muito legal, mas podemos fazer exatamente a mesma coisa com um clipe de filme. Então, quando eu clicar no clipe de filme, você verá que eu tenho efeito de cor, e eu tenho as mesmas opções aqui. Brilho, Tenda, Avançado e Alfa. Mas o que o símbolo gráfico não nos dá está aqui embaixo. Temos exibição onde temos mesclagem, sobre a qual falaremos em um pouco, mas eu quero me concentrar agora em filtros. Ok, então não há opção para filtros com gráficos, e os filtros são muito legais. Temos esta lista de sombra, desfoque, brilho, chanfro, manto ingrediente, chanfro manto ingrediente radiante, ajuste de cor, e então podemos removê-los ou desativados todos eles. Então vamos nos livrar desses caras aqui. Vamos deletá-los. Vou à minha biblioteca e deixa-me tirar este símbolo de filtros. É apenas um pedaço de texto bastante grande que diz Filtros, e isso nos mostra. É um símbolo de clipe de filme na biblioteca e no painel de propriedades. Você verá que é um clipe de filme, e é uma instância de filtros. O primeiro filtro em aplicar será uma sombra, e você verá, aqui temos essa sombra muito leve. Há um monte de propriedades aqui que podemos ajustar. Você vai notar que quando eu olhar para o Borrão X e borrar Y, você tem este pequeno link aqui. Isso significa que quando eu mudar o borrão e que o Borrão X vai mudar também na moda uniforme. Então, se eu mudar borrão y 2 28 Borrão X também vai ser 28. Eu vou puxar isso um pouco para um olhar mais bonito, e eu quero apontar que no fundo aqui, você vai notar que esses filtros bem aqui. Parece um pouco ruim aqui. É quase, tipo, quadrado fora, e é aí que a qualidade entra. E deixe-me apenas fazer isso alto agora, e então você tem um efeito de filtro mais suave e redondo lá. Então eu realmente gosto da qualidade para definir muito alto. Agora, se você estiver animando um filtro e a qualidade definir o alto, você pode ver um pouco de desempenho, então você pode ter que derrubá-lo para baixo para médio ou baixo. Se você está tendo algum problema, a força é basicamente vai ser como a opacidade do filtro. Então, se eu aumentar essa força muito forte, você vai notar que ela fica grossa. Fica muito mais forte. É muito mais visível para que possamos baixar essa força. E algo menos de 100 você sabe, vai torná-lo muito, muito sutil, mas ainda perceptível. Então, para o bem desta demo, eu vou aumentar isso um pouco para que possamos realmente ver o filtro, e eu poderia apenas borrá-lo um pouco mais. Lá vamos nós. Estou gostando que, hum, nós podemos mudar o ângulo basicamente enfraquecer o conjunto onde as fontes de luz e a distância. Vou diminuir um pouco a distância para trazer o filtro até aqui. E então se eu mudar o ângulo, que está agora em um ângulo de 45 graus, eu posso girar isso para que eu possa fazer a fonte de luz parecer vir do canto superior direito . Ou eu posso puxar esse ângulo para trás e fazer parecer que a luz está vindo de cima e atirar para baixo nocaute é muito legal. Ele realmente tira a cor do texto real que temos lá, e você apenas vê a sombra tipo de, e nós podemos desligar isso. E se eu fizer na sombra dela, isso coloca a sombra na verdade por dentro para algo assim. Talvez eu queira trazer o Borrão, X e Y para baixo um pouco. Bem, isso é bem estranho. Ah, a idéia aqui de que a distância é bem forte. Então temos todo esse tipo de controle legal sobre todos esses parâmetros diferentes. Só vou desfazer isso algumas vezes. Então tiramos a sombra interior. Se eu clicar em Ocultar Objeto. Tudo o que temos é a sombra que está sendo lançada, mas não podemos ver o objeto real, e isso é muito legal. Deixe-me voltar para trás. E então também temos a cor da sombra no mundo real. Você sabe, o ar das sombras, geralmente preto ou cinza. Mas no mundo do design, podemos fazer o que quisermos. Então, se eu quiser ter umasombra amarela horrível, sombra amarela horrível, eu definitivamente tenho a liberdade para fazer isso. Por favor, escolha suas cores com sabedoria. Deixe-me voltar ao preto e por aqui. Sabe, eu poderia pegar a distância e abaixar só um pouquinho. E lá temos uma sombra muito agradável, e novamente podemos brincar com esses parâmetros. No entanto, queremos mudar a distância, mudar o ângulo. E mais uma vez, é algo que eu realmente sugiro que você experimente. Deixe-me diminuir um pouco. Lá vamos nós. Então, muito bom filtro sombra lá. E o que é legal sobre esses filtros é que você pode animá-los. Tudo bem, eu não vou entrar em uma grande lição sobre filtros de animação agora, mas deixe-me apenas ir atrás do quadro número 15 e apertar F 6 para adicionar meu novo quadro chave. E então aqui, com esse tipo de sombra dura e leve, se preferir, não é muito largo. Parece que este texto pode estar flutuando um pouco fora do fundo. Mas no quadro número 15 o que eu vou fazer é pegar este texto aqui e deixe-me apenas escalá-lo um pouco mais como este. E à medida que ele aumenta, eu também vou dizer à sombra que sua distância vai aumentar. Vou empurrá-lo para trás assim, mas também vou reduzir a sua força. Então ele vai meio que, como desaparecer um pouco e enfraquecer, borrá-lo um pouco mais e apenas torná-lo realmente meio suave. Então deixe-me diminuir o zoom apenas um toque e depois voltar para o quadro um onde temos o texto. Pequeno. É perto do fundo no quadro. 15. O Texas está a ficar maior, a sombra está a desaparecer. Deixe-me apenas clicar com o botão direito em um Tween clássico e, em seguida, agora confira. À medida que o texto cresce. Essa sombra vai desaparecer e cair para esta demonstração aqui. Acho que uma cor de palco diferente provavelmente funcionaria um pouco melhor. Ah, isso é legal. Então vamos descer. Então, agora como ele sobe, boom! Tudo bem. Então, novamente, eu vou encorajá-lo a mexer em uma reunião com os filtros e colocá-los. Eu tenho uma lição no futuro sobre animar os filtros, mas por enquanto, eu só queria provar para você que você poderia animá-los. Eu vou me livrar deste Tween clássico por agora, remover Tween clássico. E também vou limpar este porta-chaves. Então eu já disse que F seis é o atalho para adicionar um quadro-chave. Bem, deixe-me dizer que o turno F 6 remove o quadro chave. Então agora de volta ao quadro um. Isto é o que estamos olhando. Eu também posso e vários filtros. Então deixe-me clicar no clipe do filme. E aqui tenho a sombra. Posso deixar o filtro aplicado e desligá-lo. Então eu não vejo se eu quiser, e então eu posso alternar isso se eu estiver totalmente feito com ele. Eu posso apertar este sinal de menos para removê-lo, mas eu quero mostrar a vocês que eu posso misturar filtros juntos. Então eu vou apenas clicar nesta pequena seta aqui para minimizar todas as configurações para a sombra . Então isso é aberto e fechado. E deixe-me adicionar outro filtro aqui temos borrão, tudo bem. E agora ficou um pouco embaçado. E nós temos o Borrão, x e y para que eu possa ligá-los juntos e você verá Whoa, isso é super, super embaçado. Deixe-me trazê-lo de volta um pouco. Agora acho que preciso ir um pouco ao oftalmologista. Tudo bem, isso não é tão bom. Então deixe-me fazer algo assim. Então só para mostrar que podemos experimentar o borrão desses filtros se eu tivesse algo animando da esquerda para a direita, talvez eu não queira ter o Borrão X E por que travar juntos? Então deixe-me clicar aqui. Vou acertar zero. Então agora não há nenhum borrão. Vou desvincular os dois. E agora eu posso apenas mudar o Borrão X Então, se isso estava animando no lugar ou deslizando pela tela, eu poderia começar com sua super borrada no eixo X e então progressivamente trazer esse valor volta para baixo. E isso também lhe dá um efeito legal. Deixe-me clicar de volta aqui. Então temos a sombra e o Borrão. O borrão não é muito agora. Se você quiser se livrar do Borrão, eu posso clicar nele e apertar o sinal de menos, e ele simplesmente desaparece. O próximo filtro que eu vou fazer é apenas um chanfro muito simples onde temos uma sombra e realce cor de preto e branco, e nos dá apenas um pouco de Ah ah, destacar em torno de uma borda levantada e um pouco de sombra no Mais baixo aqui. Então, novamente, temos configurações de desfoque aqui para que possamos aumentar esse borrão e torná-lo um pouco mais sutil. Ou pode ser muito difícil, se você quiser novamente. Temos qualidade. Temos força. Então, se eu baixar a força, você dificilmente vai notar. É um bisel muito sutil aqui, e se eu aumentar a força. Vai ficar muito brilhante. Em contraste, e se eu aumentar o borrão, você sabe, você começa todas essas coisas estranhas no meio e obter um muito tipo de olhar arredondado e suave ou muito duro olhar afiado novamente, nós podemos mudar o cores de destaque. Podemos alterar o ângulo para que a cor do destaque pareça estar vindo de onde a fonte de luz está vindo do canto inferior direito, se você quiser, e podemos fazer nocautear que remove o texto novamente. E temos interior. Temos um bisel externo. Temos um bisel cheio. Então, novamente você pode obter tantos efeitos diferentes de apenas um filtro que eu insisto fortemente você experimente novamente com eles e brinque com eles. Neste momento, quase dei a este texto o que parece ser uma espécie de olhar metálico. Na verdade, parece muito legal. Então, eu estava só brincando. Então, novamente, a experimentação é a chave. Deixe-me me livrar do bisel e também do filtro de sombra. E em seguida eu vou adicionar um golpe de Grady int. Na verdade, faça um brilho primeiro. Desculpe, eu pulei isso, mas um brilho é como uma sombra, mas vai se projetar uniformemente em todas as direções. Ok, você vai notar que nós não podemos mudar a distância ou o ângulo aqui, mas nós podemos mudar o Borrão, X e Y. Então aqui, com o brilho vermelho, você verá que ele simplesmente brilha uniformemente dos personagens lá. Podemos trazê-lo para alta qualidade. Podemos mudar a cor, talvez algo assim ou não tão bom. Talvez um azul mais claro, , através de uma cor mais escura. Ah ha. Então há um brilho azul escuro. A força que podemos derrubá-lo, podemos trazê-lo para cima. E então é quase tão difícil aqui que é quase como um contorno. Se eu derrubar o borrão, você sabe, são tantos diferentes tipos de efeitos que você tem aqui. Eu posso ir para o brilho interno que vai colocar o brilho no interior. Deixe-me ajustar o Borrão, X e Y. Então agora é muito sutil novamente. O ponto aqui é que há tantas opções diferentes, e é muito divertido brincar com cada uma delas. O brilho Int Grady vai permitir que você aplique um Grady em seu brilho, então ele vai ser o mesmo tipo de configurações. Mas aqui você tem um Grady int uma gama de cores que você pode escolher, e eles vão começar semi transparente e ir para a opacidade total. Deixe-me aumentar o borrão X e por que aqui? Então você pode ver E para a primeira cor que eu vou escolher, vamos fazer algo tipo de berrante. Então ele se destaca, vamos fazer um amarelo, e então vamos para um verde brilhante. E aí você tem algo totalmente horrível. Você pode mover essas cores dentro do Grady int. Podemos clicar em outro seletor aqui. Vamos jogar em um rosa horrível só para mostrar que podemos ter esta gama completa de cores diferentes em nosso Grady int. E eu tenho uma risada. Isso é absolutamente, você sabe, hediondo. Mas vou escolher algumas cores aleatoriamente. E então temos este arco-íris louco de cores como Argh! Brilho radiante Deixe-me digitar o texto ou nocauteá-lo. E parece ridículo. Então você pode querer praticar com isso um pouco. Tudo bem, eu vou me livrar disso e vamos fingir que isso nunca aconteceu. Tudo bem, então a seguir queríamos era falar sobre um dos meus filtros favoritos, que é o filtro de cor de ajuste que vai mudar o fundo do palco, dedo branco. Quando você entrar na minha biblioteca aqui e eu tenho este símbolo clipe de filme de um carro vai arrastá-lo para o palco vai para o painel de alinhamento e boom para a esquerda para o topo. Encaixa lá perfeitamente. OK, então aqui temos. É bom clipe de filme ir para o painel de propriedades, e eu vou adicionar o filtro de cor de ajuste a ele. E aqui temos brilho, contraste, saturação e matiz. Tudo bem, então só brincando, eu posso baixar a saturação, que vai torná-la em tons de cinza. Vou trazer isso de volta ao zero para torná-lo normal. Hugh nos dá alguns efeitos legais, então ele aplica cores diferentes. Então, você sabe, com apenas uma pequena mudança, agora eu tenho um carro verde. Muda um pouco a cor do céu. Você poderia passar por cima do rosa azul quando passar por todo o espectro de cores aqui. E Ed Hue para toda a imagem e todos os pixels na imagem é muito bom. Deixe-me ajustar isso de volta a zero. O brilho enfraquece, totalmente explodi-lo. Podemos reduzir ou aumentar o contraste e você tem todos esses efeitos de cor muito legais. É muito parecido com trabalhar na loja de fotos. Bem, eu vou fazer é uma animação muito rápida porque eu amo essa coisa tanto que eu vou para Brilho Zero por enquanto. Deixe-me apenas redefinir tudo 00 e aqui no quadro um, Eu só vou selecionar a imagem vai levar a saturação para baixo para zero. Então agora é totalmente preto e branco no quadro 15. Eu vou f seis para adicionar meu quadro chave e então eu vou selecionar a imagem e eu vou pegar a saturação e trazê-lo até zero. Então agora, no quadro um, é preto e branco quadro 15 cor. Então, temos adicionado quadros-chave e feito interpolações clássicas para sempre. Alterar filtros não é muito diferente. Nós estamos indo apenas para clicar com o botão direito em fazer criar Tween clássico Deixe-me apenas apertar retornar para jogar e nós temos este realmente agradável fade suave em preto e branco. Eu vou para o quadro um, e eu vou trazer o brilho super alto e o contraste. Vamos aumentar uma onda. Então é como este completo, como cal da imagem e, em seguida, enquanto eu esfregava para a frente, foram progressivamente adicionando cor. E é um efeito tão agradável, suave e legal. Eu simplesmente adoro isso. Eu só estou sentado voltando uma e outra vez para continuar assistindo. Assim, espero que você veja que fazer animação de alterações de filtro não é realmente diferente do que mudar a escala ou a posição de um item. E eu amo essa cor apenas efeito e começar a embrulhar aqui. Esses filtros só estão disponíveis em clipes de filme. Tudo bem, então eu vou te dar este arquivo. Você vai ter alguns clipes de filme para brincar, passar por todos os filtros e ter um pouco de diversão e muito rápido antes de ir, eu só quero mostrar a vocês que eu não tenho cada documento semelhante cinco lonas aberto aqui, e este é um clipe de filme, e eu só quero mostrar a vocês que no mundo HTML cinco telas, você não tem o mesmo número de filtros disponíveis. Você verá que o bisel Grady no bisel de ingrediente brilhante não estão disponíveis. E, como nota lateral, você também não tem o mesmo tipo de desempenho ao animar filtros em HTML cinco canvas. Então, como eu disse para estavam fazendo neste curso, nós vamos manter o script de ação 3.0 tipo de documento porque ele é muito superior este respeito. Em seguida, falaremos sobre modos de mesclagem. 30. Modos de mistura com gráfico vs movieclip: tudo bem para continuar a nossa conversa de clipe de filme verso gráfico. Vamos falar de um filme. Modos de mistura de clips. Um modo de mesclagem permite que você mescle literalmente duas cores juntas de maneiras específicas. Isso é quando você tem um clipe de filme sobrepondo uma imagem ou qualquer outra coisa. Você pode mesclar as cores entre o clipe de filme e o objeto sobreposto. E dependendo do modo de mesclagem que você está escolhendo, você pode obter uma grande variedade de efeitos dramáticos. Então vamos dar uma olhada. Tudo bem. Então aqui e animar um arquivo configurado, vamos nos concentrar nessa foto legal do carro. E se eu diminuir um pouco, você verá que eu tenho esse retângulo que tem um dedo verde estranho preto radiante nele. Temos um quadrado azul sólido e, em seguida, um dedão preto branco Grady em Tudo bem. Então, a idéia com os modos Blend é que ele vai pegar cores da imagem base e nosso clipe de filme que está sentado em cima dele e tipo de misturá-los e dar-nos uma cor resultante. Tudo bem, então deixe-me dar um zoom um pouco e eu vou começar pegando este clipe azul de filme e apenas arrastando sobre o carro lá. Ok, então agora este retângulo azul está cobrindo completamente o carro, mas eu vou clicar nele. Veremos que é de fato, um clipe de filme e sob exibição. Verá que temos uma mistura. Então eu vou abrir isso e nós temos alguns aqui. Quando você muda para uma camada, você realmente não vê nenhuma diferença. Eu vou para escurecer, no entanto, e ah hah! Agora você verá essa parte da imagem base. O carro está meio que misturando com aquele azul, e nós estamos recebendo essa imagem de carro azul escuro e eu vou para cima para multiplicar e parece quase o mesmo. Vamos passar por esta lista muito rapidamente. Nós vamos iluminar e ah, isso parece muito bom. Então agora você está vendo mais do tipo do carro amarelo original. Mas alguns dos pixels mais escuros estão pegando o azul e vamos para a tela e isso vai ser muito parecido. Vai sobrepor e, em seguida, o amarelo realmente aparece e nós temos luz dura e isso realmente não funciona para nós ou tudo. Temos adicionar. E nós também temos subtrair isso é bom e então nós temos diferença. E, bem, por último, inverta. Ok, então é como um negativo de antigamente. Então deixe-me ir para algo como clarear, ok? E agora você vai descobrir que quando você está trabalhando com modos de mesclagem, ele vai precisar de muita experimentação porque realmente depende da cor dopixel base, do pixel base, clipe de filme que você está sobrepondo com e, em seguida, também do modo de mistura. E eu não posso entrar em duas técnicas de uma descrição de todas essas coisas agora. Mas quero mostrar que a Adobe tem um artigo de ajuda, e vou te dar o link para ele. E explica como há uma mistura, cor e opacidade, uma cor base, cor resultado e até mesmo,dizem eles, dizem eles, o dhobi recomenda que você experimente os diferentes modos de mesclagem para alcançar o efeito desejado, e depois dá-lhe uma descrição de todos eles. Portanto, pode-se dizer que o clareamento substitui os pixels de Onley que são mais escuros do que as áreas de cores de mesclagem mais claras do que a cor de mesclagem não mudam. Tudo bem. Então é por isso que quando tínhamos iluminado selecionado que, você sabe, a coisa amarela realmente não mudou muito. Mas novamente, mesmo com recomendação adobes, isso requer muita experimentação. Mas eu vou lhe dar esse recurso para que você possa olhar para todos os diferentes e eles são descrições oficiais. Mas no final do dia, acho que isso vai precisar de muita experimentação, mas deixe-me passar por mais um pouco. Então aqui nós tínhamos essa cor azul sólida em cima da foto, certo? E então eu vou pegar esse Grady int, certo? E tem uma espécie de verde semi transparente ou amarelo dentro dele. E agora o modo de mesclagem está definido como normal. E vamos apenas para camada, e isso é sempre o mesmo. Vamos ao escuro, e isso parece muito bom. Então, ao sobrepor esses Grady INTs com os modos de mesclagem, você pode obter esses efeitos realmente agradáveis e pode quase imitar, como, você sabe, alguns desses, como filtros do instagram, se você Will. Se você fizer isso aqui, temos sobreposição. Adoro luz dura, muito elegante. Adicionar tipo de explode um pouco, subtrair faz algo estranho. Nós temos diferença. E então temos invertido. E novamente, os efeitos que você obtém vão depender de quais cores você está misturando e como você está misturando eles. Eu deveria dizer que sim. Aqui temos um radiante preto a branco em cima da nossa imagem. E novamente, muito rápido. Vamos ver esse escuro aqui. Não tão bem. Multiplicar. Sim, mas então você vai para clarear tipo de funky, e então você tem tela. Eu só estou usando minha seta para baixo agora para passar por eles sobrepor um tipo de coisa assim. Parece muito crocante e rico. Luz dura. Nem tanto, Ed. Ei, bem legal e depois subtraia. Tudo bem. Então, novamente, você tem todos esses diferentes, você sabe, tipos de efeitos. Altamente dependente de qual cor sua sobreposição. Tudo bem, deixe-me apenas clicar duas vezes sobre este símbolo aqui e aqui temos o nosso Grady int. Então eu estou dentro do B W. Grady em preto e branco. Eu ia ao meu misturador de cores. Ainda não vos mostrei que tinham de trabalhar com brilho, mas vou escolher uma cor e deixar-me puxar isto aqui. Vamos fazer tipo, realmente rosa brilhante, e então vamos para esta cor aqui. Fará um verde brilhante. Vai ser horrível. Certo? Então vamos voltar a ver um. Sim, certo. Bastante louco. E vamos apenas brincar . Nunca se sabe. Você pode conseguir algo legal, sabe? Eu não sei. Isso pode funcionar. Isso é comer interessante. Isso é horrível. Não tão bem. Você sabe, chegando lá de novo, você realmente tem que brincar com esses Nice. Sabe, eu não poderia nem eu não poderia nemimaginar como eu faria algo assim. E então ele apareceu porque eu experimentei. Então, de novo, vou te dar esse arquivo FL A, e vou te encorajar a mexer com esses clipes de filmes diferentes. Você sabe, um, este aqui. Então experimentamos com a cor azul. Por que não clicamos duas vezes? Sabe, você pode mudar isso para uma leitura sólida. Se você vai voltar a ver um, e você obter um resultado totalmente diferente. Talvez nós vamos para sobrepor Boehm. Legal. Então, isso é sobre isso com modos de mesclagem. Mas eu quero salientar que, assim como com os filtros, lembre-se como eles não funcionaram tão bem, Nós vamos ter tantas opções no mundo HTML cinco tela. Vou voltar ao documento HTML 5 da tela que eu tinha e ver isso. Eu clico neste clipe de filme e quando eu vou para os modos de mesclagem, há Onley. Tudo bem, não temos nenhuma dessas opções aqui. Então novamente, se você está duvidando de mim sobre por que eu escolheria o script de ação 3.0 documento sobre o canvas um, esta é uma dessas razões que temos muito mais opções quando se trata dos modos de mesclagem. Uma coisa que eu quero mencionar é que em ambos os modos de mistura de terra html cinco e script de ação não são algo que poderia ser animado. Tudo bem, eles são apenas uma espécie de conjunto. E eles existem o mesmo o tempo todo. Não é possível interpolar de um modo de mesclagem para outro. Ok, mas o que você pode fazer é animar a coisa que você está mesclando direito ou a imagem de base real em si. Então aqui temos esta imagem aqui, deixe-me apenas muito rápido. Vou livrar-me disto nisto. E então esse cara aqui, eu vou sair. Deixe-me adicionar uma moldura chave. Mas F 6 isso é apenas por razões experimentais. E na camada inferior, eu vou ter que bater F5 aqui para esperar então aquela camada inferior. Então, no quadro um, nós temos isso. Seu quadro 20. São os mesmos no quadro um. Talvez o que eu faça é mudar o ah Alfa disso. Tudo bem, eu posso alimentá-lo e vamos apenas clicar com o botão direito fazer o nosso Tween clássico. E agora essa coisa do modo de mistura está desaparecendo, então você sabe, você pode obter algumas coisas muito legais com isso. Então, mesmo que nós não somos e uma reunião entre um modo de mistura e outro, nós somos Anna encontrando a opacidade da coisa que estamos misturando. Então deixe-me ir em tela cheia ou tamanho completo, e isso é muito legal, certo? Então, novamente, experimente essas coisas, eu vou dar-lhe o link para o artigo da Adobe e acho que você realmente vai apreciar os diferentes efeitos que você pode ter com esses modos de mesclagem. 31. spin!: neste exercício iria um pouco mais fundo em animações aninhadas com este carro com a roda giratória. Assim, o carro está sendo Tween em todo o palco, e dentro do carro há um símbolo chamado roda girar e dentro da roda girar é uma roda que está girando. Então deixa-me mostrar-te como sou eu. Tudo bem, então vamos colocar esse show na estrada. Tenho um FL A. aberto aqui. Nós temos essa camada de fundo e nós temos um quadro e é apenas este cinza escuro então você verá minhas bibliotecas meio carregadas com um monte de coisas. Muitas delas são partes diferentes do carro, então vou explicar isso daqui a pouco. Temos o corpo sólido. Temos a maçaneta da porta. Temos o carro cheio, que é um Volkswagen G T I, o que é incrível. Temos essa coisa de lençóis e luzes. Temos uma sombra, temos roda e temos janelas e tendência escura. Tudo bem, são todos esses pedacinhos que compõem o carro, basicamente. Então o carro cheio é o GT I Então o que eu vou fazer é primeiro ir para o fundo Tudo bem. Então nós temos este tipo agradável de Grady int sutil que vai de um grau A branco de volta para baixo para Gray iria linha que perfeitamente neste palco vai fazer um boom top esquerdo, e nós vamos querer animar o carro. Então, uma das regras, temos que colocar isso em uma nova camada, então eu vou apenas nomear a camada do carro e vamos apenas tirar o g t I e jogá-lo aqui e você vai notar que o carro inclui essa sombra legal e vamos apenas adiar para a esquerda. Tudo bem, você vai notar que o fundo fica meio branco brilhante aqui. É aí que queremos as rodas alinhadas. Não tem de estar em lado nenhum. Perfeito vai colocá-lo fora do palco. E então vamos para o quadro número 60 ou mais, e eu vou apertar F seis para adicionar um quadro chave, e então eu vou pegar o carro e movê-lo para a direita. Agora, você deve ter notado que assim que eu adicionei o quadro chave na camada do carro, eu vi o grande fundo novamente bem no quadro número um. Ali está o fundo. Mesmo em um quadro 60. Não está lá. Agora vamos voltar para a aula anterior. Mas lembre-se, temos esses quadros em potencial aqui. Ok? Quando eu adicionei o quadro chave e o quadro 60 Eu só estendi a camada do carro todo o caminho para quadro 60. Não tenho quadros suficientes na camada de fundo inferior para ver o plano de fundo no quadro 60 . Então eu vou clicar no quadro 60 aqui. E qual é a mágica? O que é isso? Sim. F cinco vai adicionar quadros todo o caminho para a sua. Então agora, enquanto eu esfrego todos os 60 quadros do filme, você verá que eu vejo o fundo. Então, no quadro 60 eu vou clicar no porta-chaves lá, e vamos apenas arrastar o carro direto para cima. Na verdade, o que eu vou fazer é segurar o turno, e isso vai fazer com que eu não movê-lo acidentalmente de cima para baixo. Tudo bem, ele bloqueia para seguir em frente. Lee esquerda e direita mantendo o turno pressionado. Então eu vou apenas clicar com o botão direito em qualquer lugar entre o quadro um e 60 e eu vou criar Tween clássico, e isso é algo que você sabe, nós vimos um monte de vezes. Agora deixa-me tocar no Play e lá se vai o meu carro através do palco. Vou controlar o filme de teste inanimado, e isso vai gerar o arquivo rápido para mim. Está aqui, fora da tela. Lá vamos nós. Até agora, vemos o carro meio que deslizando pelo palco. Tudo bem, vai ser muito bom se essas rodas pudessem girar. Então vamos para o próprio carro. Ir para a biblioteca e clicar duas vezes no símbolo GT I. E agora você verá que temos essa versão muito legal do carro que estamos vendo e confira. Deixe-me ter certeza de que podemos ver todas as nossas camadas. Você vai ver que temos todas essas camadas diferentes dentro do símbolo GT I. Então, dentro da barra de edição, vemos Juan G T I. Isso nos diz que estavam dentro da linha do tempo do g t I, e o que eu vou fazer é apenas ativar e desativar a visibilidade dessas camadas. Então temos sombreamento e luzes aqui, então deixe-me clicar no ponto sob o olho, e então você verá que parece um vermelho muito plano. Então nós temos esta camada que apenas contém estes Grady INTs muito sutis que nos dão as luzes e algum tipo de detalhes de destaques e sombreamento. Então temos a maçaneta da porta. Então eu estou brincando que dentro e fora nós temos roda frente e se livrar disso. Temos roda para trás, e depois temos janelas escuras. Então, nos livramos das janelas e também alguns dos plásticos pretos escuros na guarnição inferior. Ah, corpo sólido. Então agora eu tirei o corpo sólido vermelho, e agora você pode ver melhor um, o que nós tínhamos é esse tipo de clipe de destaque. Certo, só um monte de Grady INTs que nos dão o tipo de três D. Ah, sombreamento e destaque para o corpo sólido é basicamente. Deixe-me ver isso. Vou manter pressionada a opção ou Ault e clicar no ponto embaixo do olho e boom, nós nos livramos de desligar a visibilidade de todas as outras camadas. E agora eu tenho essa forma vermelha. Se eu clicar nisso, posso entrar nele. E diz que estou dentro agora sólido. Então isso é muito legal sobre, você sabe, aninhando coisas dentro de símbolos. Então eu tenho um símbolo sólido corpo dentro do g t eu posso clicar sobre essa forma e verificar isso . Eu posso mudar a cor para ser este azul e então eu voltar para o g t. Eu ligo todas as camadas e agora eu tenho um Knauss um azul g t. Eu só me deixar voltar para o símbolo sólido corpo e voltar para o vermelho que eu tinha, que eu acredito cc 3300 legal. E depois voltarei para o GT I e agora está vermelho de novo. Então, dentro do GT I, temos todas essas partes diferentes que compõem o carro. Agora, o que mais me interessa são estas rodas. Então, se eu clicar neste símbolo aqui, notar que o painel de propriedades vai me dizer que é uma instância de roda e, em seguida, esta coisa na frente também é uma instância de roda. Então nós temos esses dois símbolos de roda no carro, mas eu quero que eles girem em torno de. Então o que eu vou fazer é colocar este dentro de um clipe de filme que vai fazê-lo girar. Então eu vou selecionar a roda e ir para modificar, converter em símbolo. E mais uma vez eu disse que é realmente inserir no símbolo e eu vou chamar isso de roda traço spin. E também vai ser um clipe de filme e eu vou bater, Ok. E agora nada aqui está realmente mudando visualmente no palco. Mas deixe-me clicar nisso. Veremos se ele foi selecionado no painel Propriedades. Vai me dizer que é um exemplo de roda giratória. Ok, então se eu clicar duas vezes no giro da roda, eu entro no símbolo de rotação da roda e aqui adivinha? Tenho a minha roda original, por isso viveremos lá dentro. Roda, rotação e roda é o que eu realmente quero girar ao redor. Então o que eu vou fazer por agora é apenas sair para o quadro número 30. Eu vou apertar F seis para adicionar um quadro chave vai voltar para o quadro número um, e eu vou apenas clicar com o botão direito e dizer, criar Tween clássico. Agora lembre-se que a rotação é uma propriedade do quadro, certo? Quando fazemos essa lição onde fizemos as animações básicas de rotação, Eu só vou clicar no quadro e dizer Girar no sentido horário uma vez, Ok, você vai ver que a roda realmente gira. Então, se eu voltar para o g t eu agora esta roda aqui é um exemplo de rotação da roda. Esta roda aqui é uma instância de roda. Então algo engraçado vai acontecer. Deixe-me fazer um retorno de comando para exportar o rápido e verificar o que viemos. Temos uma roda girando e a outra não está girando. Então o que eu preciso fazer é substituir esta instância de roda com roda giratória. Então veja isso. Vou clicar com o botão direito e fazer algo chamado símbolo Swap. Aqui está bem aqui e agora eu posso escolher o símbolo que eu quero substituir. Vou pegar o volante e substituí-lo por um golpe de roda. Ok. E então agora eu posso ver que isso é realmente girar roda. E quando eu testar meu filme, você verá que o carro está dirigindo agora e ambas as rodas estão girando agora. Parece muito legal, mas parece um pouco nervoso. Eu não sei. Eu não sou. Não sei se há quadros suficientes para mostrar que tudo está se movendo bem. Então o que vamos fazer é isto. Vou voltar ao quadro número um, e vou dar-me mais tempo para ver esta animação. O que eu quero fazer é fazer com que seja quatro segundos de duração. Então, cuidado com este truque. Eu só vou arrastar a cabeça de jogo em qualquer lugar entre o quadro um e 60 e sem quadro selecionado, Eu sou atingido f cinco. E o que isso vai fazer é empurrar o fim da minha linha do tempo para fora. Estou adicionando quadros. Um pouco difícil de ver aqui. Tive que redimensionar minhas janelas que tenho essa barra de rolagem aqui. OK, isso ajuda muito. Então deixe-me apenas continuar a f cinco fora, e assim você vai ver que eu estou empurrando os dois quadros para baixo e eu vou apenas percorrer todo o caminho . Desculpe-me até que esse cara acabe em quatro segundos e lá vamos nós. Então deixe-me testar isso mais uma vez e lá você verá que eu gosto da velocidade do carro, mas é como se as rodas estivessem quase indo muito rápido, tudo bem, é realmente estranho que as rodas estão girando muito mais rápido do que o O carro está se movendo. Então aqui é sempre um pouco de, Ah, tentativa e erro. Então deixe-me apenas clicar duas vezes no giro da roda e eu vou fazer esta animação dois segundos duração para que eu pudesse bater F cinco todo o caminho até lá. Ou eu poderia apenas clicar neste quadro aqui e arrastá-lo para dois segundos. Então deixe-me testar isso agora. E aqui estou eu realmente gostando do momento. É muito agradável e suave. Hum, tudo é noite parecendo muito agradável e limpo. Então, lá temos. Temos um símbolo movendo-se através de um palco que tem uma animação aninhada dentro dele. E nós temos essa linda moção. Estou cavando. Tudo bem, então no próximo vídeo, o que eu vou fazer é deixar você fazer uma facada nisso e eu vou ter que seguir as instruções completas . Incrível. 32. de roda de Gti em seguimento: Tudo bem, então aqui temos as rodas GT I girar, seguir ao longo vídeo. Vou guiá-lo através de todos os passos devagar e claramente haverá instruções na tela e lembre-se de imprimir as construções completas do PDF IC. Tudo bem, vamos começar. Eu estou usando GT I Wheel Spin Start, e o primeiro passo vai estar indo para o quadro 120. Nós vamos clicar no Quadro 20 para adicionar um quadro chave. Clique no quadro 1 20 na camada de fundo e pressione F five para adicionar quadros. Mantenha pressionado, mude e clique no carro e arraste-o todo o caminho para a direita para que ele fique completamente fora palco. Certo. Clique em qualquer lugar entre quadros um e 1 20 na camada de carro e crie Tween clássico ir para controlar filme de teste no animado. Para obter uma visualização do seu arquivo rápido, observe que as rodas não estão girando e, em seguida, feche o rápido. Vá para a biblioteca e clique duas vezes no símbolo GT I para editá-lo. Agora precisamos colocar a roda traseira dentro de outro símbolo para que possamos realmente gastá-lo clique na roda traseira. Vá para modificar. Converter para símbolo. Dê o nome do símbolo, traço da roda, gire. Verifique se o tipo é um clipe de filme e se o registro está no centro. Clique em OK agora clique duas vezes na roda animação Spin para entrar no clipe de filme de rotação da roda que você acabou de criar dentro daqui. Você verá a roda original Clique no quadro 60 dentro da roda. Spin Timeline Hit F six Para adicionar um novo quadro-chave. Clique em qualquer lugar entre o quadro um e o quadro 60 e selecione. Criar interpolação clássica clique no Quadro um e vá para o painel de propriedades no painel de propriedades . Em Conjunto de interpolação, gire para o sentido horário e o valor de um Ir para controlar o filme de teste em um inimigo para ver sua nova animação, você notará que a roda traseira está girando, mas a roda dianteira não está. Então vamos precisar trocar a roda animada pela roda estática. Feche o acelerador na barra de edição. Clique em G T. I para voltar ao símbolo GT I, clique com o botão direito na roda dianteira e selecione o símbolo de troca. Clique em. Vamos girar da lista e acertar. OK, fazer filme de teste de controle no inimigo e Voila! Você tem sua animação terminou de um carro com rodas giratórias. Incrível. 33. Flames de foguetes: nesta lição, Vamos continuar nossa exploração de animações aninhadas. Vamos pegar esse tipo de animação chata de foguetes e realmente apimentar fazendo essas chamas se moverem, ver como isso é muito melhor? Isso só vai levar alguns minutos de trabalho. Verifica isso. Então aqui no Animate, eu tenho chamas de foguetes abertas. E se eu fizer o filme de teste de controle no Animate e isso nos dá o arquivo rápido com o foguete e uma reunião de baixo para cima e com certeza ficaria melhor se aquelas chamas estivessem animando. Agora parece um pouco, sim, sim, não tão bem. Então vamos nos concentrar em construir essas chamas. Este arquivo já tem o clássico Tween no lugar para mover o foguete. Você deve estar muito confortável fazendo tweens clássicos básicos onde as coisas simplesmente se movem de uma posição para outra. Então, neste exercício, vamos nos concentrar em fazer essas chamas. Então, na minha biblioteca, temos o símbolo chamado chamas. É apenas um desenho estático de chamas. Temos o foguete que contém o corpo do foguete e as chamas. Então aqui está o corpo do foguete. Certo, só a forma básica do foguete. Então aqui, eu vou entrar no símbolo do foguete no duplo, clique nele e você verá que temos algumas camadas diferentes. Aqui temos uma camada chamada destaque. Isso é aquele tipo branco de Ah, brilho lá, se você quiser, nós temos o corpo do foguete, que é basicamente a forma azul com o nariz e a pequena prata no fundo. Então temos as chamas, e temos algumas barbatanas. Ok, então o símbolo do foguete contém algumas camadas diferentes com alguns itens diferentes. Agora, a fim de animar essas chamas, você verá que nós já temos um símbolo aqui. Então eu vou selecioná-lo, clicar nele e ir para o painel de propriedades e você verá que é uma instância de chamas e é um clipe de filme. Certo, então eu estou escolhendo um clipe de filme porque lembre-se, clipes de filme são executados independentemente da linha do tempo principal. Isso significa que essas chamas vão rolar para sempre e você não precisa ter quadros dentro do foguete ou dentro da linha do tempo principal para ver essa animação. Agora, meus amigos aqui são um pouco pequenos, então deixe-me dar um zoom um pouco, certo? E eu quero editar o símbolo das chamas. Então deixe-me apenas clicar duas vezes sobre isso. E agora estou no modo de edição de símbolos e estou editando no lugar, que significa que ainda posso ver o foguete fantasma no fundo. A barra de edição diz-me que da cena um estou dentro do foguete e agora estou dentro do símbolo das chamas. Vou aumentar um pouco mais quando apertar o comando mais ou você pode fazer o controle mais em um PC. Ou você poderia usar isso do pai aqui alguns de cerca de 400%. E eu quero mostrar a vocês que dentro do símbolo da chama, temos duas camadas, uma para laranja e outra para amarelo. Então temos essa forma vetorial aqui chamada laranja, e então temos amarelo. Agora tudo o que eu vou fazer é criar alguns quadros adicionais e eu vou ajustar o tamanho de ambas as formas diferentes para que nós tenhamos um pouco de como uma animação de chama errática . E eu vou clicar no palco que nada é selecionado aqui e eu vou apenas clicar em segurar e arrastar para baixo para destacar ambos os quadros em ambas as camadas. Eu vou apertar F seis para adicionar quadros-chave em ambos os quadros de ambas as camadas. Agora, como falamos desde o primeiro dia, já que eu tenho molduras aqui, eu posso mexer com essas formas sem bagunçá-las no quadro um. Então eu só vou rolar sobre o canto disto, estão em forma aqui. E quando eu tiver esse suporte angular, isso significa que eu posso distorcer essa forma. Então, para cada canto, eu só vou puxar e fazer as chamas laranja um pouco mais. Eu vou então para a camada amarela. Na verdade, não tenho que ir a uma camada. Eu poderia rolar sobre a forma amarela e fazer a mesma coisa, então eu vou ter um tipo de combinação. Não preciso que seja totalmente perfeito ou algo assim. Eles podem se sobrepor. Eu não preciso ter quantidades iguais de laranja em torno de todo o amarelo. OK, eu estou indo para ir para o quadro número cinco e eu estou indo para sem quadro selecionado aqui, Clique pressionado Arrastado para selecionar ambos os quadros e eu estou indo novamente pressione F seis para criar quadros-chave. Eu não faço a mesma coisa básica. Talvez eu vá mudar este ponto para cá. Mova este ali. Mova esta armada para baixo. Pegue o YEL baixo e derrubá-lo. Este aqui pode atirar para fora, e este aqui pode descer um pouco e mergulhar nele. Então eu vou apenas passar através das idéias de que nós apenas temos algum tipo de movimento e diferenciação acontecendo entre quadros. Estou deixando esse espaço entre quadros só para que seu olho tenha tempo para, na verdade, tomar nota de que as coisas estão mudando. Estou deixando esse espaço entre quadros só para que seu olho tenha tempo para, na verdade, verdade, Ok, se foram inimigos mudando cada quadro sem espaço, pode acontecer tão rápido que você não vai realmente pegar muito nele. Então eu vou para o quadro sete aqui e novamente clique e arraste para baixo, e então novamente, F seis. Então, esta é uma boa atualização de algumas das noções básicas que aprendemos antes. Eu tenho novos quadros chave em duas camadas, e agora deixe-me apenas puxar este laranja aqui. Este pode ficar muito longo, este aqui. Não tanto tempo. Este pode vir aqui e vamos trazer esse cara para cima. Este pode descer. Este pode vir para cima e de novo. Eu só estou inventando coisas enquanto eu vou, e então eu quero ser capaz de ver este quadro por um tempo. Então eu vou clicar e arrastar e manter pressionado e pressionar F cinco para apenas adicionar quadros lá. Então, basicamente, se eu voltar ao início, nós temos dois quadros onde é o mesmo e então eu vou para o quadro três. Ele muda de quadro para o seu mesmo quadro. Cinco. Ele vai mudar o quadro seis, e então ele vai ficar o mesmo sete. Boom. Então o que eu posso fazer na linha do tempo aqui é este pequeno botão aqui. Eu posso definir loop no dedo do pé e então eu posso tocar, e eu posso realmente apenas assistir a reprodução de animação. Mais uma vez, pessoal , em cada lição, quero dar-vos estas pequenas dicas que sabem que vão ajudar-vos. Então essa é uma animação muito legal. Estou feliz com isso. Deixe-me pausar. Deixe-me voltar a ver o foguete. Está bem? Lá temos o nosso foguete e vamos voltar para ver o número um. Tudo bem, vou desligar o loop. E agora, quando eu passar por aqui, você vai notar. Os Flames não estão a jogar bem outra vez. Lembra quando eu disse nos versos gráficos clipes de filme batalha que o, uh, apenas um gráfico iria avançar enquanto eu estava esfregando a linha do tempo principal, deixe-me fazer um retorno de comando, que é um atalho para teste de controle filme em um inimigo. Então ele ia fazer comando, retorno ou controle entrar em um PC que vai gerar meu arquivo rápido para mim e verificar . Agora eu tenho minhas chamas e parece, ah, 100 vezes melhor. E só levou alguns minutos para mexer e aleatoriamente, você sabe, você sabe, arrastar as coisas e se divertir um pouco com isso. Então agora eu tenho um foguete atirando em chamas muito quente. Tudo bem. Então, como normal. Em seguida, você vai fazer um exercício de acompanhamento ao longo, ou eu vou dar-lhe as instruções diretas e fáceis de seguir. Divirta-se 34. Flames Rocket seguindo ao longo: Tudo bem. Aqui temos nossas chamas de foguete. Siga as instruções. Vamos lá. Verá que tenho chamas de foguete. Sublinhado início ponto fl um aberto. Se você não pode ver o foguete, não se preocupe, ele está sentado aqui embaixo, e nós já temos esse clássico Tween no lugar. Vamos criar uma prévia rápida usando o filme de teste de controle no Inimigo, observe que as chamas não estão se animando e a animação é meio chata. Então vamos fechar o swift, ir para a biblioteca e clicar duas vezes no ícone de símbolos Rockets. Clique duas vezes nas chamas no palco. Olhe para a barra de edição e veja que as chamas estão no foguete, que está na cena um. Foguete Chamas Vi um agora para editar as chamas iam olhar para baixo na linha do tempo, e nós vamos adicionar alguns quadros chave. Clique no quadro três da camada amarela, mantenha o botão do mouse pressionado e arraste diretamente para baixo para enquadrar três na camada laranja e solte o mouse. Enquanto ambos os quadros ar realçado pressione F seis para adicionar quadros-chave para ambas as camadas. Amplie para que as chamas sejam muito fáceis de ver. Usando vista. Ampliar. Farei isso mais uma vez. Isso parece bom. Se o ar chama destacado com este padrão pontilhado, clique fora das chamas para que eles são de selecionado. Passe o mouse sobre o primeiro canto da chama laranja até ver o ícone do colchete angular. Clique e arraste o canto em outro lugar e, em seguida, mova todos os cantos dos quadros laranja e amarelo. Vamos mover este aqui, este aqui e este aqui. Vamos fazer o amarelo e depois vou repetir estes passos para os quadros cinco e sete. Eu vou clicar no quadro cinco na camada laranja, segure e arrastado para baixo e solte enquanto esses quadros de ar realçado. Acerte F seis. Para adicionar quadros-chave, clique fora do quadro em algum lugar para selecioná-los e, em seguida, mover os cantos novamente. Faremos a mesma coisa no quadro. Sete. Clique no quadro sete na camada amarela. Mantenha pressionado e arraste diretamente para baixo e solte com ambos os quadros destacados. Clique no quadro seis. Para adicionar novos quadros-chave, clique fora das chamas para selecioná-los e, em seguida, mover os cantos da chama onde quiser . Com a cabeça de jogo no quadro. Cinco sem quadro selecionado acertar F cinco dedos adicionar quadros em ambas as camadas. Clique na cena um botão para voltar a ver um e, em seguida, fazer o filme de teste de controle inanimado para ver a sua animação final Awesome. 35. Cow de Rocket: Ei, o que se passa, pessoal? Estou super animado com essa lição aqui. Temos vacas com foguetes nas costas voando. Ok, esta é uma das idéias chave que eu tinha na minha cabeça quando eu criei este curso. Eu não vou pegar alguém sem nenhum conhecimento de animação e fazer com que eles façam três vacas com foguetes nas costas com fogo em chamas. Tudo bem, então estamos basicamente lá agora, e neste exercício, vamos fazer muitas das mesmas coisas básicas que temos feito em outros exercícios. Mas vou te mostrar alguns truques. Vamos mostrar-lhe como acessar símbolos de outra biblioteca de arquivos, e também vamos converter uma animação de linha do tempo para um símbolo animado. Tudo bem, isso é realmente importante para mostrar como pegar quadros da linha do tempo principal e colá-los em um símbolo para que possamos reutilizar esse símbolo várias vezes. Então, com isso dito, vamos fazer algumas vacas voarem. Certo, então para este exercício, eu tenho uma vaca foguete aberta e chamas de foguete terminadas, que é o nosso exercício anterior em que o foguete foi lançado e teve as incríveis chamas animadas . Bem, o que vai fazer agora é fazer uma vaca voar através da tela com um foguete. Primeiro quero mostrar a vocês que dentro do começo da vaca foguete, eu tenho um Onley, um símbolo de vaca na biblioteca. Quero tirá-lo e vamos colocá-lo à esquerda do palco. E eu vou sair do pé como o quadro número 60 e eu vou selecionar o quadro 60 hit F seis para adicionar um quadro chave, e eu vou arrastar a vaca para a direita. Agora, se eu apenas arrastasse a vaca como ele é, eu poderia movê-lo para cima e para baixo e para todo o lado. Mas quero ter certeza de que vou movê-lo em linha reta. Então, um pequeno truque é se eu segurar Shift no arrasto que restringe o dedo do pé dele apenas arrastando horizontalmente. Tudo bem, então isso vai movê-lo para fora do palco por um pouco e então clique com o botão direito em qualquer lugar entre esses dois quadros para criar um Tween clássico. E vamos testar isso aqui fora eu estou gerando o arquivo rápido e aí vai você. Temos minha vaca voando pelo palco Mu. Agora acho que estamos muito mais legais se esta vaca tivesse um foguete com chamas animadas, certo? Então vamos fechar isso. Agora. Neste arquivo, eu não tenho um pacote de foguetes com chamas animadas. Está vivendo neste arquivo aqui. Agora. Eu poderia selecionar o foguete, copiá-lo e colá-lo no meu documento. Mas quero mostrar-lhe um pequeno truque. Eu vou começar duas vacas foguetes, e eu quero que o foguete esteja na vaca. Então deixe-me apenas clicar duas vezes sobre o símbolo na biblioteca que vai nos levar para o modo de edição de símbolos para a vaca. Tudo bem, aqui estou eu vendo a linha do tempo do símbolo da vaca, este ar, todas as formas vetoriais que compõem a vaca. Agora, quando olho para a biblioteca, ela me diz a qual arquivado esta biblioteca está associada. E esta é a biblioteca da vaca foguete. Mas eu quero mostrar a vocês que este também é um menu suspenso, e ele me permite escolher as bibliotecas de outros arquivos abertos para que eu possa mudar para as chamas do foguete, arquivos acabados, biblioteca. E lá eu vejo o foguete. Então nós vamos diligir é apenas apontar mais uma vez que eu estou dentro de Rocket Cow Start, mas eu estou vendo a biblioteca de chamas de foguete terminada. Então eu vou tirar o foguete da biblioteca no lugar que ao lado da vaca aqui . E então eu vou voltar para a biblioteca de início da vaca foguete e eu quero mostrar agora que na biblioteca eu tenho o foguete. Tenho o corpo do foguete e as chamas. Então todos os símbolos que estavam dentro do foguete vêm com ele. Está bem. Agora, no símbolo da vaca aqui, eu só vou girar o foguete em torno de um pouco e apenas colocá-lo direito sobre as vacas volta. Então parece legal. Está bem, então está ali em cima. Então agora minha vaca tem dentro dele um foguete. E se eu clicar duas vezes no foguete, entramos no modo de edição de símbolos para o foguete, e você verá que temos nosso símbolo de chama. E se eu clicar duas vezes sobre isso, você verá que temos a sequência animada que construímos no último exercício. Então, na barra de edição, você verá onde dentro das chamas dentro do foguete dentro da vaca na cena um. Então eu voltei a ver um. Vamos fazer um comando enter para testar o filme. E agora o que temos? Temos uma vaca. - Tudo bem. Com um foguete. Tudo bem, isso é incrível. E essa bobagem como essa é exatamente por isso que eu amo animar Sisi. É muito fácil de fazer, e me faz rir. Tudo bem, então vamos fechar isso. Vamos trazer esta obra de arte de volta à vista. Vamos clicar neste botão aqui. Perfeito. Agora, isso é tudo muito bom, mas eu acabei de perceber que eu amo essa animação tanto não seria legal se tivéssemos várias vacas voando pelo palco. Agora eu poderia criar novas camadas e copiar e colar esses quadros em novas camadas. Mas isso é meio chato. O que eu quero fazer é criar um clipe de filme animado que contém a vaca voando da esquerda para a direita. E eu vou colocar várias instâncias desse símbolo no palco. Então a primeira coisa que vou fazer é reduzir um pouco as minhas linhas de tempo para que eu possa ver todos estes quadros. Então, em outras palavras, o que eu quero fazer é pegar essa animação aqui e colocá-la dentro de seu próprio clipe de filme que eu possa então reutilizar. Tudo bem, então eu vou selecionar o quadro um clique e arrastar para destacar e selecionar todos esses quadros para o quadro número 60. E eu vou clicar com o botão direito e fazer um corte quadros. Ok? E agora esses quadros desapareceram, e não vemos nada nesta camada. Tudo bem. Apenas um porta-chaves em branco. Então agora eu vou fazer é ir para inserir novo símbolo, e eu vou chamá-lo de Tao voando e bater, OK, OK, e então você vai ver que nós temos esse tipo de estágio em branco. Tudo bem, temos uma moldura de cobertor aqui, e não há nada dentro do símbolo voador da vaca. Eu só vou clicar com o botão direito e fazer uma pasta quadros. E agora, dentro desse símbolo, temos a vaca voando com o foguete. Vou voltar para ver o número um. Vou diminuir um pouco apertando o comando menos. Vamos voltar ao quadro número um aqui. Tudo bem? E é uma vaca voando. Coloque-o no palco e quero mostrar-lhe isso. Agora, se eu fizer um retorno de comando para testar este filme, lá vamos nós. Ali está a vaca voando com o foguete. Eu vou mesmo levá-lo. Eu vou girá-lo um pouco, e eu vou fazer um comando C comando V, que é uma cópia e colar para fazer outra cópia no Mac. Você também pode fazer uma opção de arrastar. E eu vou levar este aqui. Basta reduzi-lo, torná-lo um pouco menor. Vamos pegar este aqui, reduzi-los. Eles vêm um pouco menores. Coloque-o aqui em cima. Sabe, talvez mover as coisas só um pouquinho. Tudo bem, então aqui está a idéia geral. Tenho várias vacas com foguetes num quadro da minha linha do tempo. Da próxima vez que eu testar, confira. Verdadeiro. Incrível. Temos um exército de vacas voadoras com foguetes. Quão incrível é isso? E como sempre, seguir, vamos ter o vídeo de seguir com todas as instruções, passo a passo, rotuladas na tela, como eu faço. Então é super fácil para você fazer isso. Confira 36. Seguida ao longo: Tudo bem, pessoal. Hora de outro acompanhar o vídeo. Vamos pôr estas vacas a voar. Eu tenho instruções escritas e, claro, neste vídeo vamos ter todas as instruções na tela, como eu faço a cada passo. Incêndio inimigo e vamos. Muito bem, é importante salientar que antes de começarmos, temos uma vaca foguete aberta e também chamas de foguete acabadas. Ok, nós vamos começar, embora com bezerros foguetes. Começa. Vamos lá. Passo um. Vá para o painel da biblioteca e arrastou a vaca para a esquerda do palco. Então me mudei para cá e fiz um desses. Clique no Quadro 60 e aperte F seis para adicionar um novo quadro chave, puxou o turno para baixo e arrastou a vaca para fora do palco para a direita. Clique com o botão direito em qualquer lugar entre os quadros um e 60 e selecione. Crie o clássico Tween do filme de teste de controle em anime para ver uma prévia rápida. Incrível e depois feche. Quando terminar, clique duas vezes no símbolo da vaca na biblioteca para entrar no modo de edição do símbolo. Aviso. Agora estou no modo de edição do símbolo da vaca. Use os painéis da biblioteca caiu, em seguida, você para mudar para as chamas de foguete terminou. F l Uma biblioteca arrastou o símbolo dos foguetes para o palco em qualquer lugar ao lado da vaca. Use o menu suspenso para voltar para a vaca foguete Start F L A. Use a ferramenta de transformação livre para girar e posicionar o foguete sobre a vaca que parece muito bom. Clique na cena um botão na barra Editar para voltar a ver um. Faça um filme de teste de controle inanimado. Para ver a animação Awesome voando vaca com foguetes, feche o rápido Quando você terminar em seguida, eu vou converter a animação da linha do tempo para um símbolo clipes de filme. Clique no quadro um. Mantenha o botão do mouse pressionado e arraste para a direita para selecionar quadros de um a 60 e solte o mouse. Quando feito direito, clique em qualquer lugar no quadro selecionado. Estendido e selecione quadros cortados. Vá para inserir novo símbolo. Dê ao símbolo o nome de vaca traço voando. Certifique-se de que é um clipe de filme e aperte OK, certo. Clique no quadro de um do símbolo de vôo vaca e selecione colar quadros. Clique na cena um botão na barra de edição para voltar a ver um. Clique no botão central do palco, se necessário, para centralizar seu palco arraste o símbolo voador da vaca da biblioteca e coloque-o à esquerda do palco. Use a ferramenta de transformação livre para girá-la um pouco para cima. Teste o rápido usando o filme de teste de controle no animate, Awesome e, em seguida, feche-o. Quando terminar, clique na vaca para se certificar de que está selecionada e editar a cópia e, em seguida, passear no centro. Pegue a vaca copiada, reduza um pouco. Coloque em qualquer lugar que você quiser. Fora do palco. Teste o filme novamente fazendo filme de teste de controle em cowabunga animar! Várias vacas com foguetes voando pelo palco. A partir de agora, você pode fazer muitas vacas como quiser. Uma pequena dica rápida é a opção hold down no Mac ou Ault no PC e fazer um drag, fazer um filme de teste de controle em anime, e agora você tem três vacas voando pelo palco. Você pode notar que esta vaca aqui meio que desaparece antes de chegar ao fim. Tudo bem, bem, a razão para isso é porque ele não está voando longe o suficiente. Então, uma maneira de corrigir isso é que você pode clicar duas vezes sobre a vaca para editá-la e no quadro. 60. Apenas mova isso. O suficiente para que ele se vá embora. E então você pode fazer um filme de teste de controle inanimado novamente. E você verá agora que ele sai do palco. Tudo bem, lá vai você. Aproveite. 37. Combine vs objeto: Tudo bem, pessoal. Adivinha o quê Sou eu de novo. Sim. Eu não te deixei. Ainda estou aqui. Então hoje temos nossa primeira lição de desenho. E antes de entrar em como as diferentes ferramentas funcionam, eu preciso explicar os dois modos de desenho diferentes do inimigo. Tudo bem, temos o modo de mesclagem, e temos o modo de desenho de objetos. E dependendo do modo selecionado, você pode obter resultados muito diferentes quando começar a sobrepor formas de cor diferente ou da mesma cor. Então é muito importante. E é realmente muito legal, porque você pode preferir uma moto da outra. E quero mostrar-vos os prós e contras de cada um primeiro. Vamos lá. Tudo bem. Portanto, a primeira regra importante do modo de desenho de mesclagem é que objetos sobrepostos da mesma cor na mesma camada serão mesclados. Deixe-me mostrar-lhe como isso funciona. Então eu vou pegar minha ferramenta oval e desenhar um círculo laranja e na mesma camada, eu vou desenhar outro círculo laranja. Bem, eles não estão se sobrepondo, então eles são totalmente, completamente objetos independentes. No entanto, se eu pegar este aqui e movê-lo dedo do pé, sobrepor aquele enquanto ele ainda está destacado Aiken ainda tipo de fazer o que eu quero e movê-lo separadamente. No entanto, uma vez selecionado, o Flash faz alguma magia e esses dois objetos se fundem , então objetos da mesma cor na mesma camada quando se sobrepõem, se fundem. Em seguida, eu quero mostrar como em mesclagem objetos de modo de desenho de cores diferentes na mesma camada serão cortados um no outro. Tudo bem, então deixe-me me livrar dessa coisa e deixe-me desenhar outro círculo laranja. E então eu vou escolher outra cor e eu vou desenhar outro círculo laranja como este. Eu disse isso algumas vezes que eu não sou realmente um designer, mas eu tenho a sensação de grande empresa de cartão de crédito poderia realmente usar algo assim como seu logotipo. De qualquer forma, agora que essas duas formas estão se sobrepondo, se eu selecionar esta, eu corto naquela. E agora algumas pessoas que vêm de um fundo ilustrador tipo de surtar quando eles experimentam isso pela primeira vez, e você sabe, eu realmente meio que gosto porque ele permite que você desenhe algumas formas que são um tipo de complexo , sem fazer nenhum trabalho realmente difícil com a ferramenta caneta. Agora, a terceira regra do modo de mesclagem é que traçado e preenche nossos objetos separados. Permitam-me ilustrar isto muito rapidamente. Vou dar ao meu derrame uma cor de preto. E agora, quando eu desenhar um oval, você verá que é um círculo laranja com um golpe preto. Se eu usar minha ferramenta de seleção para clicar nela, você notará que o Phil fica realçado e, no painel Propriedades, posso mudar essa cor do filtro, se quiser. Mas também posso pegar aquele Phil e removê-lo de um derrame de novo. Pessoas do ilustrador meio que piram com isso, mas também é muito legal saber que você pode fazer isso. Eu vou selecionar tudo e excluí-lo e deixe-me apenas desenhar um retângulo agora e mostrar-lhe que eu posso selecionar lados individuais de um retângulo e retirá-los. E outra vez. Você sabe, as pessoas ilustradoras estão indo Teoh ficar muito louco. Mas novamente, todas essas coisas são realmente características muito legais. Então, o fato de que traça e preenche nosso separado nos leva à nossa próxima regra, e que é que traços podem ser usados para cortar preenchimentos. O que isso significa? Bem, vamos ver. Deixe-me selecionar tudo e me livrar de tudo, e eu vou usar minha ferramenta oval novamente. E eu vou desenhar um círculo para que eu possa selecionar o traçado separadamente e novamente no painel de propriedades. Eu poderia mudar sua espessura, seu estilo blá, blá, blá. Mas quero mostrar-lhe que posso movê-lo. E então agora eu posso cortar isso em duas formas separadas. Oh, como você faz isso? Você sabe, então isso pensa nos traços como agindo literalmente como uma faca, se você quiser, tudo bem. E vai ser bem legal por várias razões. Então deixe-me ir e desenhar outro círculo. Eu poderia fazer algo como selecionar o círculo inteiro. Você sabe, nós apenas pulamos para o meu painel de linha. Isso é algo que eu fiz 1000 vezes e centralizei esse círculo perfeitamente. E então eu poderia pegar uma linha e arrastá-la, desenhá-la assim, e novamente eu posso selecioná-la. E então se eu usar meu painel de alinhamento, eu posso boehm direto para o meio do palco. E então agora eu posso fazer um círculo de dois tons com cores diferentes. Podemos torná-lo um pouco mais brilhante lá em cima, se você quiser. Baba. E agora eu tenho um círculo perfeito de dois tons, e eu posso me livrar de todas essas coisas ao redor da borda e fazer um pouco disso e muito bom. Então eu usei um acidente vascular cerebral lá para cortar em um preenchimento na lição futura. Vou ver como eu desenhei este pouco bonito ser apenas usando as características do modo de desenho de mesclagem. Mas antes contra qualquer coisa assim. Vamos falar sobre como o modo de desenho de objeto funciona um modo de desenho de objeto. Os objetos não se destroem ou se mesclam e os preenchimentos e traçados são agrupados . Deixe-me ilustrar no palco aqui eu tenho um quadrado que foi desenhado com o modo de mesclagem para que eu possa selecionar o Phil eo traçado separadamente. Deixe-me ir para a minha ferramenta de retângulo e a diferença entre desenhar algo modo emergir e modo de desenho de objeto é este pequeno ícone aqui em baixo, este botão para desenho de objetos. Vou pressioná-lo para ativar o desenho do objeto, e agora da próxima vez que eu desenhar um retângulo ou quadrado, ele vai parecer praticamente a cena. Mas quando eu clicar nele, observe que ele tem essa borda em torno dele aqui. Ok, quando eu vou para o painel de propriedades, ele me diz que é um objeto de desenho. Quando eu clico neste aqui, é só uma forma. Selecionei o preenchimento. Posso selecionar a forma do traçado, mas este aqui é um objeto de desenho. Então eu só vou mudar a cor desse objeto de desenho com seu eleito, eu posso mudar sua cor de preenchimento, e eu também posso mudar sua cor de traçado de uma só vez. Então foi fazer um roxo estúpido, e eu posso, você sabe, desenhar outro bem ao lado dele. E essas coisas podem se sobrepor tanto quanto quiserem, e nunca vão se destruir ou se fundir. Não posso tirar o derrame deste e movê-lo para outro lugar. OK, lembre-se, com o modo de mesclagem, eu poderia tirar um traço fora, e eu poderia usá-lo para cortar, mas um modo de desenho de objeto o traçado e preencher nossos grupos juntos, e eles não Destruir uns aos outros. Uma coisa que é legal sobre o modo de desenho de objetos é que mesmo que eu não consiga tirar o derrame do Phil. Se eu rolar, ainda posso deformar esses traços como eu faria na versão de humor Merge. É como eu disse antes, eu sou um grande fã emerge humor. Mas ambos os modos diferentes têm seus pontos fortes e fracos. Você só tem que usar o certo para o trabalho certo e escolher o que você está confortável . Felizmente, agora você entende as principais diferenças e você saberá o que fazer se você alternar inadvertidamente para o outro modo, e isso pode acontecer apenas pressionando o Jakey. 38. Como fazer o traçado: Tudo bem. Primeiro, vou mostrar-lhe um pouco sobre apenas traços e preenchimentos. Tudo bem, o Phil vai ser a parte sólida de um objeto. Quando eu clicar neste azul aqui, você vai notar que ele fica destacado neste padrão de matriz de pontos. O painel Propriedades me informa uma forma e, onde quer que você veja esse ícone de balde de tinta, isso significa que ele está se referindo à cor de preenchimento. Você vai notar que eu posso clicar nesta amostra aqui, e eu posso mudar essa cor para este verde. Se eu for até o painel de ferramentas, você também verá que nós temos aquela cor de preenchimento lá, e eu posso mudar isso. Preencha a cor a partir daqui também e torná-lo roxo. Tudo bem. Este objeto também tem um traçado. Se eu clicar no traçado, ele selecionará um segmento dele. Ok, então esse é apenas o segmento superior. Se eu clicar duas vezes, vezes, isso vai me dar todo o golpe. E, novamente, posso ir ao painel Propriedades e ver a cor do traçado, e posso alterá-lo para ler se quiser. Eu posso mudar a espessura do curso se eu quiser e eu posso fazer diesel. E então, se eu for para o painel de ferramentas, ele vai me mostrar a última cor de traçado selecionada e menos cor de preenchimento selecionada agora. E nem o derrame ou o Phil são selecionados porque eu cliquei fora. Então, se eu mudar a cor do traço aqui para ser, eu não conheço Blue. Não vai mudar esse objeto porque o traço não foi selecionado. No entanto, isso mudará o traçado do próximo objeto que eu criar. Então, se eu usar a ferramenta de linha agora, vai ser uma linha azul. Deixe-me selecionar isso e me livrar dele. Outra coisa. Quero te mostrar sobre AVC. Quando você rolar sobre eles, você vai ter aquele pequeno arco ao lado do cursor, e isso significa que eu convenço esse segmento. Ok, então eu vou rolar, clicar e arrastar o segmento. Se eu passar por cima de um canto, você vai notar que eu tenho este pequeno ícone de ângulo ao lado do meu cursor, e então eu posso mover esse ponto de canto, e eu posso fazer isso em qualquer um desses cantos desses objetos. Em um desses ovais aqui eu posso dobrá-lo para baixo, dobrá-lo para que você possa obter algumas técnicas de desenho bem legais gerenciadas apenas morphing este tipo de formas primitivas, como eu mostrei a vocês no vídeo anterior. Quando você desenha coisas emerge modo, você pode selecionar o preenchimento e retirá-lo do traçado. Deixe-me desfazer isso, e você pode selecionar os traços e arrastá-los para longe do preenchimento. Definitivamente assista esse vídeo no modo de mesclagem versus o modo de desenho de objeto para que você entenda completamente esses dois modos. Agora, tudo o que estou fazendo vai estar no modo de mesclagem, então traços e preenchimentos serão separados. Próximo. Vamos falar sobre amostras de preenchimentos e traçados usando a ferramenta de balde de tinta e a ferramenta de garrafa de tinta bem aqui, temos a ferramenta de balde de tinta, e o que isso vai fazer é pegar a cor de preenchimento existente e aplicar 20 preenchimentos que clicamos em. Então vamos mudar a cor para talvez este verde e eu vou clicar neste Phil aqui e agora que faz aquele verde azul. Eu poderia fazer a mesma coisa com este tipo de círculo de salmão aqui em baixo. Agora suponha que eu realmente amo este roxo aqui. E eu quero aplicar este Phil roxo a este quadrado azul aqui em cima. Bem, para isso, vou até a ferramenta conta-gotas. O atalho para isso é olho, o que é bom saber e ver o que acontece com o meu cursor assim que eu clicar. Tudo bem, estou bem no centro daquele círculo roxo, e vou clicar, e então meu cursor, é sobre a ferramenta de balde rosa. E você vai ver agora que eu posso clicar naquele retângulo ali e torná-lo roxo. Então algo que eu amo fazer é clicar na tecla I para pegar o conta-gotas. Então vamos provar isso, Phil, Phil, e agora aplicá-lo a isso. O Phil. Muito bem, muito bom. Em seguida, vamos falar sobre o uso da ferramenta garrafa de tinta na mudança de traços. Certo, então vamos apenas dizer que eu quero colocar um golpe azul em algumas coisas. Bem, eu poderia primeiro, você sabe, certeza que eu tenho uma cor azul como o derrame, que eu já tenho. Então deixe-me fazer essa laranja. Ok, então eu posso ir para a ferramenta de garrafa de tinta bem aqui. E agora, se eu clicar em um golpe, ele vai torná-lo laranja, que é muito difícil de ver ao lado daquele vermelho. Então deixe-me apenas fazer este aqui quando você também vai notar que é apenas um pixel. Ou, na verdade, são 10,10 pixels. Então deixe-me apenas alterar o tamanho do traçado no painel de propriedades para quatro. Tudo bem? E agora eu posso aplicá-lo aqui, e você pode ver isso um pouco melhor, e eu posso aplicá-lo lá. Então agora toda vez que eu clicar em um acidente vascular cerebral, ele vai ter essas propriedades. Agora, você pode notar que este derrame aqui está tracejado. Está bem. E se eu quiser um traço preto tracejado neste círculo aqui? Bem, semelhante a como nós amostramos a cor de preenchimento. Vou bater no “I “Isso vai me levar para o meu conta-gotas. Vou clicar nesse derrame. E então agora confira o painel de propriedades me diz que eu tenho um traço preto e o estilo é tracejado. Então agora eu posso clicar neste aqui, e eu posso aplicar esse traço dois objetos diferentes. Então, novamente, você clica em I para pegar o conta-gotas. Vou selecionar o traço laranja, e passa automaticamente para a ferramenta de garrafa de tinta. E eu posso clicar neste aqui. Onde você está? Lá vai você. E aquele ali. Portanto, é muito legal poder provar traçados e preenchimentos existentes de objetos que você já desenhou e depois aplicá-los a outros objetos. Em seguida, mostrarei como usar a ferramenta de linha e criar traços com estilos diferentes. Tudo bem, deixe-me esclarecer um pouco as coisas. Eu posso fazer uma edição, selecionar tudo ou comando A ou controlar A no PC e, em seguida, apenas bone delete. Tudo bem, e agora deixe-me ir para a minha linha, ferramenta, e eu vou apenas desenhar uma linha. Tudo bem, então basta clicar e arrastar para desenhar linhas. Bastante direto. Deixe-me apenas comandar a excluí-los e eu vou manter pressionada a mudança para mostrar-lhe que Aiken restringir o eixo. Então isso vai ser uma linha horizontal. Se eu segurar Shift e arrastar para baixo, posso obter uma linha reta para baixo. Ou se eu encostar, podemos ajustar para incrementos de 45 graus sua rotação. Então vou desenhar algumas linhas diferentes com as quais vamos experimentar. E eu quero mostrar que uma vez que eu tenha uma linha desenhada, eu posso ir para a minha ferramenta de seleção. E novamente, eu posso transformar essa linha um pouco e eu posso dobrá-la e eu posso ir até o fim e eu posso movê-la ao redor. Tudo bem? Então, tudo é bem comestível em animação aqui. O que eu quero fazer é clicar nesta linha e ir para o painel de propriedades. Deixe-me torná-lo realmente preto para que seja mais fácil de ver. E, de fato, vou selecionar todas essas linhas aqui e torná-las pretas. Devia ter feito isso desde o início. Certo, então vamos falar sobre o estilo de linha diferente. Então deixe-me selecionar essa linha ali e aqui temos o estilo, e eu vou passar por alguns deles aqui. Nós vamos para uma linha tracejada, e agora você verá que é uma linha bast. Certo, tem traços lá. Mas suponha que eu não goste do comprimento do traço ou do espaçamento entre o traço. Bem, com essa linha selecionada, eu posso clicar nesta ferramenta de lápis aqui para editar o estilo do traçado. E então agora ele pode me deixar definir a largura do traço está tudo bem. Então vou deixá-los às seis. Mas eu vou mudar o espaçamento para 12 e então eu tenho uma pequena prévia aqui e você pode ver que agora eles estão espaçados mais longe. Deixe-me apenas fazer, tipo, tipo, 24 hit, OK, e então agora eu tenho minha linha tracejada. Agora, embora pareça que há lacunas reais nesta linha, se eu rolar sobre ele mesmo em um aviso de lacuna, eu obtenho essa curva ao lado do meu cursor. E isso significa que eu ainda posso dobrar e selecionar essa linha se eu quiser. Se eu não estiver feliz com isso, eu posso clicar nele para selecioná-lo. E eu poderia voltar ao estilo e posso até mudar a espessura daqui. Mas posso mudar o espaçamento. E Aiken esfregue isso para 40 e eu poderia fazer os traços mais longos se eu quiser e acertar. OK, e agora eu tenho traços mais longos e mais espaço. Então isso é apenas garantir que eu posso mudar o estilo, a espessura e a cor depois do fato. Então essa é uma linha tracejada. Deixe-me selecionar este aqui porque é agradável e longo, e eu vou para o estilo de pontilhado. E novamente, agora temos pontos aqui. E se eu clicar para editar, podemos mudar o espaçamento. Então, Aiken, esvazie esses pontos. Se eu quiser que os pontos sejam mais grossos ou maiores, eu clicaria nessa linha e eu mudaria o curso para torná-los maiores. Ou se eu voltar para o botão de edição, podemos mudá-lo aqui. Então a espessura do traço vai ditar o tamanho desses pontos reais. Então eles são eles são menores. Deixe-me torná-lo bem grande. Então é só esporão. Lá vamos nós. E eu gosto disso. O próximo que eu quero mostrar vai ser o estippled, que é Ragin meio desagradável. Eu vou para Stippled, e agora você vai ver que é quase como um pouco de efeito de tinta spray lá. Vou aumentar um pouco mais essa coisa, então vou mudar a espessura do curso para 23 hoje à noite. ver o que é. Deixe-me clicar nele. E há algumas coisas diferentes que posso editar. Agora, para este estilo de traço, posso mudar o tamanho do ponto e posso ir por cima muito grande que vai colocá-los mais perto . E eu poderia fazer tudo de tamanho uniforme e bater, OK, e então agora todos os pontos são do mesmo tamanho. Mas deixe-me voltar para editar. E eu vou dizer que vai haver tamanhos aleatórios e podemos mudar a densidade para ser muito esparsa, que significa que vamos ver menos deles e deixe-me apenas isso, isso e vamos para muito denso. E agora você vai ter muito mais deles. Então, muitas maneiras diferentes de variar esse efeito. E já que estamos mudando o traço aqui, se eu selecionar qualquer outra ferramenta que crie um traçado como a ferramenta de lápis que vamos falar em seguida, eu vou desenhar no estilo exato que eu defini lá. Se eu for criar um oval de novo, ele vai usar esse golpe nele. Deixe-me desfazer isso. E agora vamos apenas selecionar o último traço aqui, e vamos mudar o estilo para ser o que temos aqui. Chocou. Está bem. E agora vocês verão que temos essas linhas de escotilha muito pequenas e ajudaria muito se eu explodisse isso um pouco. Por isso, agora estou a torná-los maiores. Vou selecionar isso. E agora com o menu de edição, temos todas essas opções diferentes. Ok, então isso é uma linha reta. Mas o que podemos fazer é girá-los ligeiramente, e então você obtém esse tipo de efeito. Então, se você quiser desenhar grama, talvez isso funcione para você. Podemos mudar a rotação para livre, e então vai ficar meio estranho. Podemos mudar a rotação para livre, Hum e nós também poderíamos mudar que girar para baixo para Eu quero dizer nenhum. E então eu vou fazer o espaço vai ser muito perto. E o jiggle vai ser selvagem e acertar OK, e então você tem algo assim. E da próxima vez que eu usar a ferramenta de lápis na gaveta, você vai ver isso. O que vamos conseguir? Uau, todas estas linhas diferentes. Há variações diferentes no lugar, cara para Eles são todos tipo de alturas diferentes, e eles são todos todos juntos muito. Então, como você viu, há um monte de configurações diferentes para esta linha de hash e todos os outros estilos de linhas. Então o que eu vou fazer é fazer uma pequena pausa agora, e eu encorajaria você a abrir, animar e desenhar algumas linhas e jogar com essas diferentes configurações você mesmo. No próximo vídeo, vou mostrar-lhe como usar a ferramenta lápis, ferramenta pincel e ferramenta de pincel, para que você lá. 39. Desenho de 2 pincel em lápis: Tudo bem. Então vamos continuar nossa palestra da primeira parte, e vamos nos concentrar na ferramenta de lápis, na ferramenta pincel e na ferramenta de pincel. Todas essas ferramentas são muito diferentes. E vou mostrar-vos algumas das funcionalidades que podem não ser tão intuitivas. Então sente-se, relaxe e aprenda um pouco sobre essas novas ferramentas de desenho. Tudo bem, então deixe-me começar usando a ferramenta de lápis. Eu vou para o painel de ferramentas aqui e clicar na ferramenta lápis, e a ferramenta lápis vai criar traços para nós. Então, aqui a cor do traçado é definida como preto. O painel de propriedades está me dizendo que é preto. Está me dizendo que o golpe com este conjunto para quatro, o estilo vai ser uma linha sólida, e isso é tudo o que precisamos saber. Por enquanto, a ferramenta de lápis é ótima. Sempre que você quiser fazer algum tipo de forma livre, talvez algo como algumas colinas aqui e o que eu quero fazer. Este foco nos recursos que não são necessariamente tão intuitivos. E isso pode meter-te em sarilhos. Então você pode notar que depois que eu estou desenhando isso agora, essa forma tem algumas torções de ar, entalhes estranhos nele. Mas quando eu solto, ele fica suavizado um pouco, tudo bem, e isso é muito bom agora. O que não é tão óbvio é que quando a ferramenta de lápis é selecionada, você tem esses diferentes modos de lápis aqui em baixo, e agora o modo de lápis está definido para suavizar. Então, depois que eu terminar de desenhar este relógio, você verá que o tipo de forma muda e animar faz um trabalho legal de suavizar essas formas. Eu só vou clicar no quadro chave aqui para selecionar tudo e se livrar dele. Há outro modo de suavização aqui para endireitar, e para isso, se eu desenhar algo mais parecido com montanhas, veja o que acontece quando eu liberar. Vai me dar linhas mais retas. Ok, ele vai tipo de se livrar de algumas das curvas lá. Quando a opção Endireitar está desativada, Animate também tem o reconhecimento moldado. Então deixe-me desenhar algo que se parece com um quadrado, e então, boom, boom, ele se transforma em um quadrado. Eu desenho algo que é como um círculo, e ele se transforma em um oval. Ali. Eu desenho algo que é como um triângulo, e ele fica muito perto de um triângulo. Se você vai para animar preferências CC, o que você pode fazer é ir para o desenho. E então há todas essas configurações diferentes. Mas aqui há formas reconhecidas, e o que você pode dificar é modificar o quão rigorosa ou tolerante essa configuração é. E então você tem outras opções para suavizar curvas e reconhecer linhas. Então o que eu faço é eu sugiro que você apenas tipo de brincadeira com essas configurações diferentes, e vai demorar um pouco para obter as ferramentas para tipo de executar como você quer. Também temos um modo de tinta, o que significa que depois que você terminar, desenhos animados vão honrar as formas que você desenhou. Haverá uma suavização moderada, mas não muito sobre as propriedades do lápis. Você vai notar que há realmente suavização aqui é bem assim você pode ajustar isso dentro do painel para me deixar selecionar tudo e elite. Então nós temos esses três modos de suavização, que são muito importantes porque, você sabe, se você tem endireitar e você vai desenhar algo como sua assinatura e então, de repente , ele se transforma em que você vai ser bastante horrorizada. Portanto, sempre preste atenção ao modo de suavização que você está usando. Agora vou voltar a me livrar dessas coisas. Deixe-me entrar em suave e digamos que eu desenho algo como uma nuvem e você sabe, isso não é tão bom. Ainda há algumas torções estranhas e coisas assim. O que é legal sobre animar é que você pode suavizar as coisas depois do fato. Então eu vou para a minha ferramenta de seleção e clique duas vezes no traçado para selecionar a coisa toda . Se eu aumentar o zoom, whoops, deixe-me usar a ferramenta manual. Você verá que esse traço está realmente selecionado lá. Então deixe-me comandar menos para diminuir o zoom. E agora eu tenho essa opção aqui para suavizar essa forma ainda mais. Então o que vai acontecer é, cada vez que eu apertar esse botão, ele vai remover pontos. Vou ter uma nuvem muito mais suave e mais bonita. Certo, então isso não é tão ruim, né ? E da mesma forma, se você estava desenhando algo que talvez você quisesse parecer mais, você sabe, montanhas ou algo assim, e talvez tivesse algumas curvas lá, deixe-me Ah, selecione isso Pedaço bem aqui. Eu posso clicar no botão de endireitar aqui, e isso vai endireitá-lo. Eu acho que pode haver algum tipo de torção estranha aqui, então deixe-me selecionar este segmento, e eu vou clicar no botão de endireitar e então assistir aquele boom. Então é muito legal que você saiba, você não precisa ser os melhores artistas com a mão mais gentil. Depois do fato, você pode usar alguns desses truques aqui para, ah, limpar suas ovelhas um pouco. Depois do fato, você pode usar alguns desses truques aqui para, ah, Portanto, lembre-se quando a ferramenta de lápis estiver selecionada, você pode selecionar seu modo de lápis antes de começar a desenhar. E se você quiser mudar as coisas ao redor, você pode selecionar seus segmentos, e então você tem as opções suaves e alisadas para fazer algum tipo de ajuste fino no final. Então, em seguida, eu quero falar sobre a ferramenta de pincel e seus vários modos de pincel, que são muito importantes porque eles fazem a ferramenta de pincel agir de forma muito diferente. Então logo abaixo do lápis temos a ferramenta de pincel para não ser confundida com a ferramenta de pincel , sobre a qual eu vou falar a seguir, mas por enquanto, vamos lidar com a ferramenta de pincel, que vai nos dar uma maneira de pintar preenchimentos. Então nossa cor Phil Vamos apenas torná-lo este vermelho aqui e você verá que eu tenho um contorno com meu cursor está mostrando o tamanho real do pincel. Então, aqui eu pintei um preenchimento, e quanto às opções de pincel ir no painel de propriedades, você pode mudar sua cor caiu. Por aqui. Nenhuma dessas opções se aplicam, mas aqui em baixo para um pincel opções, você pode ter um pincel redondo ou você pode ter um oval ou quadrado tão tipo de ah, formas primitivas que você pode usar como pincéis. Aqui você pode alterar o tamanho do pincel, então vamos usar um pincel muito menor como 30. Então, é realmente uma maneira interessante de desenhar quadrado se você precisar. Quando o tamanho do zoom com o palco é selecionado aqui, ele diz que o tamanho do pincel é dimensionado à medida que você aumenta e diminui o zoom do palco. Então agora o tamanho do meu pincel é 33 pixels. Então, se eu ampliar um pouco para baixo usando o comando menos na próxima vez que eu clicar e clicar, eu vou obter uma caixa que era do mesmo tamanho se o palco é ou não maior. Agora, se eu desligar isso, veja o que acontece quando eu diminuir o zoom. Verá que a caixa que desenha é muito maior. Ok, porque o pincel não está mudando de tamanho à medida que o palco escala à medida que eu zoom de volta no comando mais ou controle. Além disso, você verá que está desenhando pequenos quadrados lá. Mas se eu diminuir o zoom para outro grau, ele vai desenhar um quadrado de tamanho diferente. Então, é uma opção legal para ter e usá-lo como você achar melhor. Então, no painel Propriedades, você deve basicamente alterar a cor, a forma do pincel, se preferir, e então o tamanho e as opções de zoom. Então deixe-me clicar na moldura aqui e apagar toda essa bagunça. Isso é tudo bastante intuitivo. E eu acho que antes de ir para a próxima parte, eu só quero mostrar que já que você está desenhando com um preenchimento que você pode colocar um golpe no Phil, deixe-me primeiro pegar a ferramenta de seleção e apenas mostrar que já que está pronto, preencher você consorte de você sabe, Morphin mutar suas bordas externas. Quando eu selecionar isso, Phil. Eu poderia ir até aqui e suavizar, assim como fiz com coisas que desenhei com uma ferramenta de lápis. Tudo bem, está apenas suavizando a forma vetorial ali, bem ali. Mas o que eu quero mostrar é que, como é um preenchimento, você também pode aplicar um acidente vascular cerebral depois do fato. Agora, como aplicamos um derrame a um Phil? Bem, voltamos para a última lição para lembrar. Temos a ferramenta garrafa de tinta para que eu possa clicar na ferramenta garrafa de tinta e clicar no lado de fora . E então eu coloquei um preenchimento em torno disso. Desculpe por ter colocado um derrame naquele preenchimento que acabei de desenhar. Deixe-me selecionar tudo e excluir. E então mais uma vez, eu perdoo desenhar com o pincel. E então se eu usar a ferramenta de garrafa de tinta, eu posso colocar um golpe nela. Tudo bem, então só coisas que você deve saber agora. O que é realmente importante sobre a ferramenta de pincel está escondido no painel de ferramentas. Então deixe-me apenas clicar no pincel novamente, e aqui em baixo nós temos o que é chamado de modo pincel e nós temos pintura normal, que é o que você quer. Temos preenchimentos de tinta, temos tinta atrás. Temos seleção de pintura e temos tinta no lado. Tudo bem, então o que eu vou fazer é apenas ilustrar isso para você muito rapidamente. Então pinte normal. Nós sabemos. E já que é isso que temos feito, use o pincel e deixe uma marca onde estava. E já que estamos no modo emergente, preenchimentos da mesma cor vão se fundir novamente. Tivemos uma grande lição sobre como funciona o modo de mesclagem. No entanto, vamos para essas diferentes configurações de pincel aqui. E então aqui vamos ter preenchimentos de tinta. Ok. O que isso significa é que não vamos pintar traços. Então, para ilustrar isso, deixe-me usar a ferramenta de garrafa de tinta e colocar alguns traços nesta forma aqui. Ok, então agora quando temos o nosso modo pincel definido para pintar normal, se eu mudar a cor do meu pincel para azul e eu fizer algo assim, notar que ele corta todos os traços e os Phils e tudo é você sabe, em todos os lugares que desenhei com o meu pincel agora é azul. Bem, deixe-me mudar para preenchimentos de tinta. E agora, se eu atravessar assim, veja o que acontece. Os traços não são destruídos. Os traços ainda estão pretos. O próximo modo que vou mostrar é pintar atrás. Tudo bem, então isso é interessante. Eu vou colocar uma linha aqui e então notar que a nova tinta azul foi atrás do preenchimento vermelho no traço preto. Tudo bem , não o destruiu. Então esta é uma daquelas coisas em que se esse modo está ligado e você não está ciente dele, você pode estar muito curioso para saber por que o derrame está indo para trás? Bem, isso é por causa do modo diferente que você tem aqui. Agora temos seleção de tinta. Ok? Então deixe-me mostrar como isso funciona. Eu vou na verdade, vou ligar isso. Mas primeiro, eu realmente tenho que ter algo selecionado. Isso está um pouco bagunçado, então deixe-me deletar tudo e deixe-me desenhar. Deixe-me ver algumas formas aqui. Tudo bem. Só alguns círculos. Deixe-me mudar minha cor de preenchimento aqui com nada selecionado irá para este verde aqui e então eu vou selecionar este objeto. Vou para o meu pincel e vou para a seleção de tintas. E quando eu fizer isso, eu vou desenhar através de todos os três círculos. Mas só o selecionado lá vai ser pintado. Então agora eu poderia ser muito desleixado, e eu posso criar um círculo listrado no centro sem afetar os outros objetos azuis. Então faça algo assim e só vai pintar onde está a seleção. Ok, então você não vai precisar disso o tempo todo. Mas de vez em quando, vai ser muito útil. O último modo de pincel vai ser pintura no lado, Ok, tão semelhante à seleção de pintura. Se eu começar a pintar dentro desta forma e sair dela, só vai pintar dentro dessa forma. Não vai destruir o derrame, e não vai pintar fora dessa forma. Então, com este modo, é importante que você realmente comece dentro do objeto que deseja pintar, e então você não precisa se preocupar com essa pincelada indo em qualquer outro lugar. Então, em geral, a ferramenta de pincel é bastante direta. Mas são esses diferentes modos de pincel que você só precisa prestar atenção. Está bem, guardando o melhor para o fim. Temos a ferramenta de pincel. Tudo bem, então a ferramenta de pincel é esse cara aqui, eu vou clicar nele, e à primeira vista, pode parecer que está fazendo a mesma coisa que o outro pincel. Deixa-me livrar-me daquela coisa ali. Mas o truque para a ferramenta de pincel é escolher o pincel certo. Então, no painel de propriedades da ferramenta Pincel, temos este pequeno ícone aqui, a biblioteca de pincel. Então o que você vai fazer é clicar sobre isso, abrir este painel separado, que eu vou mover para cá e deixe-me apenas mostrar-lhe algumas coisas. Temos setas especiais, então você pode pintar com uma flecha real. E a coisa mais importante sobre isso é que você deve clicar duas vezes na seta para selecioná-la. É tão importante que coloquem aquela dica de ferramenta ali. Se eu clicar neste e ir para a gaveta, será o último que selecionei. Então deixe-me apenas clicar duas vezes sobre este. E agora temos uma flecha diferente com esse contorno. Livra-te de tudo lá e deixa-me ir ao artístico. Então eu vou passar por alguns desses para que você possa realmente ver como eles são . DoubleClick. E lá vamos nós. Então nós também podemos ajustar a suavização, e nós podemos Indra ajustar a largura, então talvez eu só vou fazer um pouco menor aqui. Certo, então pegamos esse pincel artístico muito bom. Olha, deixa-me ir à tinta. Você sabe, você pode apenas ver todos esses diferentes, uh, estilo. Então, em vez de me ver desenhar com cada um deles, vou sugerir que abra isso e faça você mesmo. Porque um monte de diversão jogando em torno dos diferentes pincéis e as diferentes opções. Você tem um monte de efeitos diferentes. Deixa-me livrar-me de tudo isso. Mas uma coisa que eu quero salientar é que esta pequena opção aqui desenhar como Phil é importante. Ok? Ou pelo menos faz uma pequena diferença. Então, se eu tiver desenhar como Phil selecionado e eu desenhar, você verá que quando eu usar a ferramenta de seleção eu posso selecionar isso como um preenchimento normal, certo? E isso significa que posso formá-lo. E eu posso realmente usar minha ferramenta de garrafa de tinta e aplicar um golpe nele assim. Então agora eu estou realmente acariciando o que estava no pincel com um golpe muito grosso. Deixe-me desfazer isso. Então deixe-me clicar de volta para a ferramenta de pincel e mostrar-lhe que com a ferramenta de pincel selecionado, isso é um pouco irritante, mas é algo vai ter que lidar com. Uma vez que esta forma é selecionada, Eu não estou vendo as propriedades da ferramenta pincel, então eu vou bater, escapar para de select. E agora vejo minhas opções de ferramenta de pincel. E agora não vou desenhar como Phil. E quando eu fizer isso, vai desenhá-lo como um derrame. Agora parece praticamente o mesmo. Mas quando eu usar minha ferramenta de seleção e rolar sobre ela, você vai notar que eu tenho aquele pequeno arco curvo ao lado do carro, senhor. E isso significa que eu posso dobrar isso e distorcê-lo como se eu pudesse um derrame real. Tudo bem? Onde está este aqui, lembre-se, é um preenchimento que fica distorcido assim, e pode ser selecionado como um todo, mas não posso dobrá-lo ou fazer nada com ele. Então este é um derrame, e este é um preenchimento. Eu vou selecionar todos esses, e eu vou pular muito rápido em pincéis padrão, que são muito legais. Vamos para as fronteiras, temos rastros de pássaros. Então eu vou ter certeza de que estou usando minha ferramenta de pincel e clique duas vezes. Lá vamos nós. E agora posso desenhar estes rastros de passarinho. Na verdade, são pés de passarinho. Vamos lá, Teoh desça um pouco. Vamos lá, Temos essas linhas de flechas duplas que estou desenhando com o pincel, e podemos ir à novidade e fazer algo como essas flores para que eu possa pintar em flores. Então, há todos esses belos pincéis decorativos. Você pode realmente criar suas próprias formas de pincel. Isso é um pouco além do que posso fazer agora. Vou selecionar todos esses. E o que é legal é que para todos esses pincéis diferentes, eles podem realmente ser aplicados como traços para outros objetos. Então, por exemplo, eu posso ir para esta ferramenta de retângulo na próxima vez que eu desenhar meu retângulo, esse pincel pode ser usado como um traço em torno desse Phil. Então é muito legal o que você pode fazer. Posso então selecionar esse golpe, certo? E então eu posso mudar o pincel para arame farpado. Parece que só selecionou o de cima. Então deixe-me apenas ter certeza que eu estou clicando em todos eles e eu vou clicar duas vezes sobre o arame farpado. Isso é que eu só estou recebendo um de cada vez. Parece que duplo-clique. Selecione este lado e clique duas vezes. Então agora eu posso desenhar coisas com um contorno de arame farpado porque eu estou usando aquele pincel personalizado lá. Tudo bem, então se você é um ilustrador por profissão, hum, você vai ter uma emoção com esses pincéis diferentes e obter alguns efeitos de caligrafia realmente agradáveis e, uh, vai Ter uma explosão. Então eu vou recomendar totalmente que você confira a ferramenta pincel rosa e para tudo que eu passei nestes dois tutoriais de desenho, Eu realmente exorto você abrir um espaço em branco f l a. e apenas começar a experimentar. Há toneladas e toneladas de opções e praticamente, se você pode pensar nisso, anime pode fazê-lo, então confira 40. Desenho de três formas: Tudo bem, vamos continuar desenhando Siri e vamos passar pelo retângulo retangular, primitivo, oval, oval, primitivo e a estrela Poly. Eu acho que você realmente vai gostar das ferramentas primitivas e da ferramenta estrela poli. Há uma coisa muito legal que você pode fazer com eles, então vamos indo. Tudo bem, então vamos começar com a ferramenta de retângulo aqui. E como pode imaginar, vai me ajudar a desenhar retângulos. Agora, se eu segurar Shift enquanto eu desenhar, isso vai restringir a proporção para que eu possa ter um quadrado perfeito. Se eu quiser um quadrado de um determinado tamanho antes de desenhar, posso manter pressionada, opção ou alterar no PC e clicar para obter esta caixa de diálogo aqui. Então agora eu vou ter um retângulo de 100 por 100 bem ali, o que definitivamente pode ser útil. Você vai notar que há opções aqui para o raio do canto. Agora, a coisa sobre isso é que eu não posso selecionar um retângulo existente e mudar seu raio de canto . Isso é apenas para novos retângulos, então deixe-me selecionar a ferramenta de retângulo novamente, e eu vou apenas dizer que o raio de canto vai ser 16 geralmente funciona muito bem . E então agora da próxima vez que eu desenhar um retângulo, você verá que nós temos este canto arredondado aqui em todos os quatro lados. Agora os cantos não precisam ser uniformes. Eu poderia fazer algo como, uh, fazer este aqui. Eu não sei. Vamos fazer zero e fazer este 10 e fazer este 1 32 e então agora da próxima vez que eu desenhar, eu tenho uma forma muito legal como esta. Então isso é tudo bem e bom. Mas, novamente, é meio irritante que, você sabe, você sabe, eu possa não gostar daquele raio de canto lá, e eu quero mudá-lo para que eu não possa editar esse raio de canto depois que ele é desenhado, eu teria que editar o dedo do pé no propriedades e, em seguida, desenhe um novo. Então a solução para isso é que animar tem algo chamado um retângulo primitivo. Então, antes de eu mudar para lá, deixe-me mostrar a vocês que, assim como tudo o resto que eu tenho desenhado, nós temos nossos preenchimentos e nós temos nossos traços, ok? E ambas são formas. OK, então apenas formas vetoriais regulares que de novo eu posso mudar e me mover, editar e fazer coisas divertidas . Vou me livrar de todas essas coisas, e vou mudar para a ferramenta primitiva do retângulo. E eu vou desenhar um pequeno quadrado aqui ou retângulo, e você pode notar que ele está delineado nesta cor azul esverdeado ou descendente. Mas a coisa legal sobre os primitivos é que você pode editá-los depois do fato que significa que eu posso entrar no painel de propriedades aqui embaixo e eu posso mudar o raio do canto. Eu posso fazer com que seja negativo nos quatro dedos, ou pode torná-lo positivo. E eu recebo esse tipo de pré-visualização em tempo real das mudanças que estou fazendo. Eu posso ligar esses cantos, e Aiken definir o canto superior aqui para algo como, eu sei zero, e eu posso fazer o canto inferior direito algo muito maior. Tipo 60 0 que é enorme. Certo? Vamos enlouquecer e fazer 80. Tudo bem, então agora eu criei esta pequena então agora eu criei esta pequenaforma de lágrima, se você quiser. forma de lágrima, Agora, usando a ferramenta de seleção, eu posso clicar nesse objeto. E quando eu rolar este pontinho aqui, confira. Eu posso puxar esse canto, não é incrível? E eu posso pegar este aqui, e eu posso editá-los todos de forma independente depois que a forma é desenhada. E a coisa é, uma vez que eu desenhe essa forma assim, da próxima vez que eu mudar para a ferramenta primitiva retangular, eu posso desenhar outra igual, tudo bem. É realmente muito legal. Então eu vou selecionar todos esses e me livrar deles. Vou mudar para a ferramenta oval regular deles agora. E como você pode esperar, isso vai me dar um preenchimento separado em um acidente vascular cerebral separado e me deixar apenas me livrar dessas coisas. E você sabe, há algumas coisas que eu posso fazer com ele. Uma vez desenhado, não posso mudá-lo. Mas no painel Propriedades, posso definir um início, ângulo e ângulo e um raio interno. Por enquanto, eu vou definir esse raio interno, e agora você verá que estou desenhando com uma espécie de donut de novo. Há um círculo interno aqui, e você pode especificar a largura que ele está usando o raio interno. Agora, se eu torná-lo maior, isso não vai mudar este círculo. Mas o próximo que eu desenhar será diferente. Então, é bom se você vai fazer um monte de donuts, deixe-me me livrar de todos esses. E agora vou mexer com o ângulo inicial e o ângulo final. Vou fazer isto de 90 graus e o ângulo final. Eu vou fazer 100 whoa, vamos fazer 180 E então da próxima vez que eu desenhar um círculo, eu tenho esse tipo de arco tão especificado onde a arca deve começar e onde ela deve terminar para o ângulo inicial. Deixe-me fazer agora. Zero. E agora você verá que estou fazendo meio círculo. Se eu reduzir o raio interno para zero, posso fazer um semi-círculo perfeito. Tudo bem, então com a ferramenta oval, é um pouco estranho definir esses ângulos e não ver nada em tempo real. Você não tem idéia, realmente, como eles vão ficar até que você desenhá-los. E, como você pode imaginar, deixe-me me livrar deles. É aí que entram as ferramentas primitivas ovais. E então agora eu posso desenhar um oval assim, e eu posso usar minha ferramenta de seleção aqui e eu posso literalmente modificar os ângulos inicial e final em tempo real, bem como o raio interno. Então eu vou pegar um desses pontos externos para mudar o ângulo inicial ou final. Eu não sei quais, honestamente, honestamente, e então este ponto inter aqui eu posso mudar o raio interno. Então, se você está no modo Pacman, o que você sabe? Lá vai você, e então você pode voltar para a ferramenta primitiva oval novamente e desenhar um monte deles assim. Você também pode ir para o painel de propriedades e ajustar o ângulo inicial e o ângulo final. A pré-visualização em tempo real Ah não é realmente para inchar aqui. É quase melhor usar a ferramenta de seleção lá. Mas você tem essas configurações aqui, e você sempre pode redefinir se você quiser voltar para um círculo completo e, em seguida, o próximo círculo que eu desenhar vai ser exatamente assim. Mas novamente, eu parabéns aquele centro e transformá-lo em um donut. Em seguida, vamos falar sobre a ferramenta Poly Star, então esta ferramenta aqui é a ferramenta estrela Poly. E o que é isso? Bem, é o que você ganha quando você pega um polígono e uma estrela e os junta. Portanto, quando você seleciona essa ferramenta, o painel de propriedades não indica muito. Exceto, como derrame e preenchimentos, estilo de traço, blá, blá, blá. Hum e então você vai para o objeto desenhado. Oh, eu tenho que ir depois como isso aconteceu. Bem, a fim de mudá-lo de um polígono para uma estrela para apenas o número de lados você realmente tem que clicar neste botão botão botão adicional abrir outra janela. Então agora é um polígono com o número de lados definido para oito. Então, se você quiser desenhar um triângulo, adivinha? Como desenhar um triângulo, Um empate inimigo. Upali foi com três lados. Então agora eu posso fazer um triângulo como esse. E eu acho que você tem a idéia de colocar no número de lados e que o que você tem Então vamos fazer 12 11 da última vez. E então lá temos um polígono de 12 lados. Vou selecionar tudo e apagar. Agora vamos mudar para as configurações da estrela. Dhere precisa de um pouco de experimentação. Às vezes vamos fazer uma estrela de seis pontas e bater OK, e agora você vai ver que eu tenho uma estrela como essa. Mas há outra opção aqui que é importante. E esse é o tamanho do ponto da estrela, então você pode ter um valor entre zero e um. Se o valor é muito próximo de zero, como 0,1, você vai ver que você fica muito, muito fino. Pontos Spiky. Tudo bem, então este ar ambos seis estrelas pontiagudas. Mas como você pode ver, eles são drasticamente diferentes. Então você vai querer mexer com essas duas opções. Eu vou para uma estrela de 12 pontos novamente com um tamanho de ponto muito pequeno, e então nós vamos apenas fazer um com algo como 0,8 para o tamanho do ponto de estrela, apenas para ver as diferentes versões que você tem. OK, agora estas não são formas primitivas, que significa que você não pode selecioná-las e, em seguida, alterar o número de lados após o fato. Tudo bem, este ar apenas forma vetorial regular aqui para que eu possa tirar o preenchimento do acidente vascular cerebral porque eu não estou no objeto. Roy Mode. Estou no clima de fusão para que possamos selecionar o traço após o fato e mudar sua cor para outra coisa. E você pode selecionar o Phil, obviamente, e excluí-lo para lá. Temos uma nova visão geral das nossas ferramentas básicas de desenho. Eu realmente vou pensar que você vai gostar das ferramentas primitivas lá. E como eu disse no vídeo anterior, Eu sou um grande fã do modo de desenho de fusão porque eu realmente acho que ele faz ele formas legais quando você cortar uma forma no reboque Outro, Espero que você tenha aprendido um pouco aqui e em seguida. Vamos dizer-lhe como criar texto com a ferramenta de texto. Tudo bem. Uh 41. Criando um texto: Tudo bem, pessoal, nesta lição, eu vou dar uma pequena demonstração de como criar texto vai falar sobre os três tipos de texto que são texto estático, texto dinâmico, entrada, texto. Eu digo-te qual deles queres usar. Vou mostrar-lhe como separar texto em caracteres individuais, ter uma quebra em formas para distorcê-lo de maneiras diferentes e também mostrar como adicionar filtros ao texto. Uma vez que você tem os conceitos básicos de texto sob controle, em seguida, ir para mostrar-lhe como animá-lo . Tudo bem, então a primeira coisa que você precisa saber sobre a criação de texto é que você vai usar a ferramenta de texto. Então eu vou clicar na ferramenta de texto e eu vou apenas escrever um texto aqui como Olá. Ok, Agora, quando eu for para o painel de propriedades, ele vai me dizer todas essas propriedades diferentes do texto e uma das primeiras coisas que vão ver é que este é um texto estático, tudo bem e texto estático significa que ao longo do meu filme ou animação que o texto não vai mudar vai permanecer o mesmo. As outras opções aqui são texto dinâmico e entrada. Texto dinâmico significa texto do texto vai mudar em algum momento. E o texto de entrada significa que alguém pode digitar esse texto como um campo de texto. Tudo bem. E você só usará texto dinâmico ou de entrada se estiver construindo algo interativo, tudo bem, tudo bem, onde alguém possa interagir com sua animação para alterar esses valores de texto ao redor. Vou dar-te um exemplo muito rápido disso aqui. Está bem. Então aqui eu tenho um campo de texto estático aqui. Temos um campo de imposto de entrada, o que significa que alguém pode digitar nele. E este aqui em baixo é um campo de texto dinâmico. Então, todos os três campos de texto. Eu só vou testar isso rapidinho. E eu vou digitar dentro deste campo e colocar meu nome Karl aqui. E então quando eu apertar enviar, você vai notar que este muda dinamicamente para dizer olá, Karl. É tão bom te ver. Se eu colocar a palavra Bob aqui e apertar enviar, este vai mudar para dizer Bob. Tudo bem, tudo isso está acontecendo com um pouco de script de ação, você poderia fazer exatamente a mesma coisa com JavaScript e html cinco documento. Mas novamente, como eu disse antes nesta classe, estamos usando o animate para criar GIFs e vídeos. Então nunca vai haver nenhuma interação humana, então você nunca vai precisar de entrada ou campos de texto dinâmicos para o que estamos fazendo nesta classe. Então, o que? Dito isto, apenas certifique-se de que você está usando o campo de texto estático. O que é muito importante sobre os campos de texto estáticos é que o inimigo incorpora automaticamente as fontes que você está usando. Ok, então o que você vê na tela aparecerá na tela de todos ou estará sempre em seu vídeo exportado ou arquivo GIF. Se você usar o imposto de entrada texano dinâmico, então você tem que se preocupar com a incorporação de fontes ou usando fontes da Web e fica um pouco complicado. Então, por enquanto, basta usar texto estático e você será bom Com o campo de texto selecionado, você pode mudar algumas coisas sobre ele. As coisas mais importantes que você vai estar lidando com eles provavelmente a família de fontes o tamanho e a cor. Então agora estamos usando o Avenir. Se eu clicar neste menu aqui, posso obter uma lista de todas as fontes no meu sistema. Se você está projetando e você realmente não sabe qual fonte você quer, você pode simplesmente clicar nesse campo e usar as setas para baixo e para cima para classificar de rolar através cada fonte e vê-lo renderizado na tela. E você tem uma idéia de que você sabe qual fonte você quer escolher para este exercício aqui. Vou usar impacto porque é o que a maioria das pessoas que acredito ter nos computadores. É bem seguro aqui. Temos o tamanho da fonte. É um controle deslizante para que eu possa esfregar para cima e para baixo. Mas você só realmente vai até 96 pontos para que você possa clicar duas vezes lá para um único clique. Sinto muito, e eu poderia fazer 160 no valor que eu quiser por isso, mas eu vou ficar feliz apenas com 90. E, claro, você pode mudar a cor para qualquer coisa que você quiser. E então temos algumas outras opções para alinhar com o caractere esquerdo, espaçando todo o tipo de coisa. Espaçamento entre letras. Sinto muito é bem aqui para que pudéssemos esticar as coisas um pouco ou apenas voltar para o padrão, que eu acho que foi definido para apostar seis ou sete e ir negativo e deixar as coisas bem apertadas. Então deixe-me voltar ao zero, na verdade, e será legal. Você sabe o que? Acho que quero algo como seis lá. Ah, linda. Então eu não vou te aborrecer até a morte com, você sabe, isso é como uma linha esquerda se parece. E isto é o centro de uma linha, certo? Parece que se você usou qualquer tipo de processador de texto, você sabe, você pode descobrir isso. Então o que eu quero fazer agora é mostrar algumas coisas sobre como trabalhar com texto. Tudo bem, então este é um campo de texto aqui. Posso clicar duas vezes nele a qualquer momento. Eu posso selecionar caracteres lá e eu posso mudar para minúsculas se eu quiser. E este é um campo de texto de ervas de edição. Mas o que eu quero fazer é mostrar que você pode separar seu texto. Talvez você queira fazer uma animação de personagem por personagem. Tudo bem, enquanto você precisa de cartas individuais para isso. Então eu vou fazer uma separação de modificação. E agora cada letra é seu próprio campo de texto creditável separado, que significa que eu posso selecioná-lo. Posso mudar a fonte, se quiser. Qualquer outra coisa e Aiken selecionar esse personagem e até mesmo alterar o texto real dentro de lá. Então nós nos separamos uma vez para obter campos de texto individuais credíveis. Vou desfazer um monte de coisas até eu voltar com ... Vamos lá, me dê uma palavrinha. Boom. Lá vai você. Então agora eu tenho o mundo inteiro como um campo de texto inevitável. Vou modificar. Onde você está? Separe uma vez para obter o campo de texto creditável individual. Mas se eu modificar, desmoronar onde você está de novo? Agora vai dividi-los em formas vetoriais. Portanto, não posso mais selecionar isso e digitar um novo caractere ou alterar a fonte. Aqui. Temos apenas uma forma cheia. Está bem? Para que eu possa mudar a cor, se eu quiser. Outra coisa e eu também posso mudar essa fonte como eu quiser. Então talvez você goste de um pouco sobre uma fonte. Bem, aqui está. Você pode cutucar e beliscar e fazer algumas coisas muito legais com o texto. Deixe-me apenas deixar tudo branco novamente, e eu vou selecionar tudo como formas vetoriais e apenas mostrar que com minha ferramenta de transformação livre , algumas coisas legais que você pode enfraquecer dio. Mude para este modo aqui, que é envelope e eu posso, tipo, dobrá-lo assim. E nós temos essas alças de controle legal para que possamos balançar um pouco. Eu poderia fazer algo assim. Podemos tirar isso para deformar totalmente os textos e eles vão ser claros. Na verdade, são formas vetoriais. Não é um texto de verdade. Bastante fixe. Se você quiser preencher uma forma de peixe com texto, isso é um começo. Deixe-me desfazer até voltarmos à forma de ish normal lá. Aqui. Podemos também fazer esta perspectiva ou distorcer a mudança, devo dizer. E então agora podemos fazer algo assim e assim Olá. Certo, então uma vez que você tem essas coisas divididas em formas, é realmente muito legal, e você tem muito controle. Mas esse texto não é credível uma vez que você separá-lo, então você pode querer se sentir bastante confortável com seu comando ou controle Z para desfazer as coisas. Então deixe-me voltar para ele uma palavra completa. E aí tenho a palavra “Olá”? Quando voltarmos para a minha ferramenta de seleção, e eu só quero mostrar a vocês que este é um campo de texto estático novamente depois que eu desfiz todas as coisas estranhas que eu fiz. E o que é legal sobre o texto também é que você pode aplicar filtros diretamente a ele. Já te mostrei antes. Você pode aplicar filtros a clipes de filme, mas não símbolos gráficos. Bem, você pode pegar um campo de texto, e eu poderia fazer algo como aplicar uma sombra no campo de texto. E então sempre que edito esse campo de texto, qualquer coisa que eu digite aqui como Carl. Ele é todos aqueles personagens? Você sabe, nós vamos ter aquela sombra solta lá. E, você sabe, eu não te encorajei a mexer um pouco e tentar outra gota. Eu sinto muito. Outros filtros também, você sabe, você pode fazer algo como um pequeno chanfro. Faça uma espécie de três D ish se você quiser, para que você possa colocar filtros diretamente no texto. Eu vou mostrar a vocês no próximo vídeo como você pode realmente fazer uma animação de texto e ter o filtro animado. Certo, então vamos colocar o filtro no símbolo que está sendo animado. Mas antes de entrarmos nisso, você não vai abrir, animar, jogar em torno da ferramenta de texto, criar algumas configurações diferentes, separá-lo, usar, hum, filtros e basta passar por cima de algumas das coisas que eu acabei de mostrar quando você está pronto, saltar para o próximo vídeo. Incrível. 42. Filtro de pulsação de texto: Tudo bem, então nesta lição, eu vou orientá-los através das etapas de criação do seu primeiro símbolo de texto. Vamos colocar um filtro nele, e então vamos animar esse símbolo no filtro. Aqui. Você vai ver que à medida que o texto fica maior que a sombra cai um pouco. Fica mais suave e maior. Tudo bem, então isso nos dá uma espécie de um pequeno efeito de três D. E enquanto fazemos isso, eu também vou mostrar a vocês o que vai acontecer se você tentar tween algo que não é um símbolo. É um dos maiores erros de principiante, e quero ajudá-lo a evitá-lo. Então vamos a isso. Tudo bem, então vamos criar esse texto primeiro. Vou selecionar a ferramenta de texto e digitar a palavra pulso. Eu vou então apertar escape para que ele não seja mais credível, e eu vou usar o painel de alinhamento para centralizá-lo horizontal e verticalmente, e eu vou clicar fora do palco para fechar esse painel. Eu quero mudar para a ferramenta de seleção clicando em V, que é o atalho para a ferramenta de seleção e eu vou clicar neste campo de texto aqui. Eu só quero verificar se é um campo de texto estático. Agora deixem-me mostrar-vos a coisa mais perigosa de sempre para iniciantes no inimigo. Tudo bem? E isso é animar algo que não é um símbolo. Então aqui, este é um campo de texto. Mas digamos que me esqueci de algo. E eu vou para o quadro 20 aqui em baixo, apertei F seis para adicionar um quadro chave. E eu digo, quer saber? Deixe-me mover esta palavra para aqui, e eu vou apenas clicar com o botão direito e criar Tween clássico como eu fiz. O que é isto? Bem, esta é a caixa de diálogo mais assustadora que você já verá. Inanimado. Tudo bem, se você aprender alguma coisa comigo, é que você sempre bate. Cancele quando vir esta caixa. Ok, então aqui diz que o quadro selecionado não pode ser entre você deve converter o conteúdo do quadro em um símbolo para interpolação. Bem, eu já te disse que 100 vezes sempre se converte em símbolo primeiro. E então ele diz, você quer converter e criar entre e aqui isso soa como uma idéia incrível. Certo? Vamos mandar animar fazer isso por nós. Bem, deixa-me mostrar-te porquê. É uma péssima ideia. Eu vou bater. Ok, e agora Ei, eu tenho o meu clássico look Tween. O texto se move. Tudo é maravilhoso até que algumas coisas aconteçam. Uma dessas coisas pode ser que alguém diga: “Oh, “Oh, quer saber? A palavra pulso deveria ter sido minúscula, certo? Oh, não é grande coisa. Bem, eu tenho que fazer é editar o símbolo e todas as instâncias do símbolo serão atualizadas. Então eu clique duas vezes em um grupo e eu vou apenas digitar em pulso minúsculo, voltar para ver um. E enquanto eu esfrego a linha do tempo, tudo parece bem e elegante. Até Paul enquadrar 20 é maiúscula. Espere um segundo. Voltei para enquadrar uma caixa baixa esfregaço frente caixa superior. Ei, isso não é muito legal. O que aconteceu? Bem, vamos à minha biblioteca. Oh, olha, eu tenho símbolos Tween três e Tween quatro. Um deles é minúsculo, e um deles é maiúsculo. Então o que animou para nós como um favor é que ele criou dois símbolos, um para cada quadro-chave. Tudo bem, então no primeiro quadro chave, estamos usando algo que é. Parece que vai ser entre três. A minúscula, uma em um quadro. 20ª interpolação número quatro. Eu já tinha um e dois antes de começar a gravar. Então, se você deixar animar fazer isso para você, você vai ter Tweens de um a 30 e aqui você não tem idéia do que eles são. E toda vez que você quiser fazer uma alteração, você provavelmente vai editar em símbolos em vez de um. Todo o propósito dos símbolos e animar é para que você edite uma instância e todas elas sejam atualizadas em todo o seu arquivo. Então, por favor, minha lição de hoje nunca é acertada. Ok para essa caixa de diálogo clique, cancele e faça seu item em um símbolo. Então o que eu vou fazer agora é ir para desfazer a escola apenas para um monte de comandos. Calma até eu voltar para o meu lugar feliz, que é quando não temos mais Tween três. E no palco, ainda temos quadros aqui. Vou continuar a fazer até voltarmos a um quadro e isto é um campo de texto. Não é um símbolo. E agora eu devo ser capaz de segurar, deslocar, selecionar ambos os símbolos e me livrar deles. Certo, agora estou calmo. E agora posso fazer as coisas da maneira certa. E o que é isso? Eu vou modificar, converter em símbolo, e eu vou chamar de pulso, ter certeza que é um clipe de filme e acertar, ok? E agora estou a salvo. Aiken, Tween essa coisa para o meu coração e não precisa se preocupar com qualquer um desses disparates acontecendo nos bastidores. Tudo bem, então avançando, construímos esta animação, eu vou primeiro colocar um filtro nesta instância do símbolo quando você vai para o painel de propriedades e eu vou apenas fazer uma sombra suspensa e o padrão herói de configurações para desfoque de pixel, 100% de força, ângulo de 45 graus, distância para pixels. Tudo parece bom para mim. É uma bela sombra dura lá. Agora, a razão pela qual estou colocando a sombra agora é para que quando eu criar meus outros quadros-chave, essas propriedades de sombra serão copiadas. Então deixe-me apenas ir para o quadro número 20 e apertar F seis para adicionar um quadro chave. E enquanto eu estou aqui, deixe-me, uh, pegar esses quadros um pouco maiores. Vamos lá você vai muito bem. Então agora eu estou indo para ir para Quadro 40 e ed quadro chave mãe. E isso remonta à nossa lição sobre animações básicas criando um pulso, certo? Colocamos os três quadros chave, e primeiro e depois mexemos com o do meio. Assim, o primeiro e o último quadro serão idênticos. E então o quadro do meio aqui, eu vou selecionar este símbolo. Eu vou para o meu Trent livre pode transformar painel, e nós vamos apenas fazê-lo. Eu não sei, 200% seu tamanho e retorno de hit, e agora ele fica maior. Agora, o que eu quero fazer aqui é simular o fato de que como ele é maior, ele está realmente se aproximando de nós como o espectador. Então o que eu quero fazer é ajustar esta sombra um pouco. Tudo bem, se imaginarmos que você sabe, este texto em seu tamanho normal estava muito perto de uma mesa ou algo assim, ele estaria lançando uma sombra muito curta e dura. Mas como nós o levantamos daquela mesa, as sombras vão cair um pouco para trás, ele vai ficar maior e um pouco mais suave então eu vou fazer é selecionar pulso no quadro 20 e eu vou definir o Borrão, X e Y 230 Tudo bem. Veja, naqueles que fica muito maior lá, eu vou definir a força para 30. Então isso vai torná-lo mais suave. Tudo bem. É muito menos preto, se preferir. E o ângulo vai ser o mesmo. E a distância que eu vou definir Teoh, eu não sei 40 talvez. Tudo bem, então agora o que você tem é aquela sombra caindo para trás e ficando mais suave à medida que o texto fica maior. E o que é realmente legal é que essas configurações vão obter Interpolação como a escala Interpolações, e eu vou clicar com o botão direito e criar interpolação clássica. E agora você verá que o texto cresce e essa sombra cai e fica mais suave. E eu vou clicar com o botão direito e criar Tween clássico. E quando ele encolhe novamente, você vai notar que ele fica cada vez mais escuro à medida que o texto se aproxima do fundo, se preferir. Então, usando a sombra foram uma espécie de simular um pouco de um efeito de três D apenas indo para clicar no quadro central novamente para que você possa ver essas configurações. Tudo bem, deixe-me apenas fazer um retorno de comando, e vamos assistir esta jogada como um rápido, certo? Muito legal, não é? Eu gosto disso. Então agora, depois de ter feito todo esse trabalho, eu poderia clicar duas vezes neste símbolo para editá-lo. Posso mudar para Carl. Tudo bem. Acho que estou um pouco tendencioso aqui. Que nome lindo. Deixe-me apenas centrá-lo lá. E se eu fizer o comando retornar agora, todas as instâncias do símbolo serão atualizadas. E eu tenho uma bela animação com uma nova palavra. Tudo bem? Eu nunca quero ver aqueles desagradáveis entre um ou Tween dois símbolos na minha biblioteca. Ok, então, a seguir, vou te dar as instruções, e você pode construir isso para você mesmo. Incrível. 43. Seguida em texto: Tudo bem, pessoal. Você sabe o que fazer aqui. Eu vou ter um acompanhamento junto. Instruções para o pulso de texto com animação de filtro. Vou ler os passos exactos e mostrar-lhe exactamente o que fazer para construir este projecto. Vamos lá. Tudo bem, aqui eu tenho pulso de texto. Comece não FL. A abriu. Passo um. Selecione a ferramenta de texto e clique em qualquer lugar do palco para criar um campo de texto herbal de edição. Vá para o painel de propriedades e defina o tipo de texto como texto estático. A família vai ter impacto. O tamanho vai ser 90 e nós vamos fazer a cor branca no campo de texto vazio no palco, digite a palavra pulso. Todas em maiúsculas. Clique fora do campo de texto para selecioná-lo. Clique na ferramenta de seleção. Clique no campo de texto do pulso para selecioná-lo. Vá para modificar. Converta para símbolo. Dê a ele o nome das sondagens. Certifique-se de que é um clipe de filme com o ponto de registro no centro e clique em OK, Ir para o painel Alinhar e com uma linha para preparar o centro selecionado horizontal e verticalmente , clique no símbolo do pólo para selecioná-lo e fechou o botão Alinhar painel. Vá para o painel de propriedades e use o menu de filtros para adicionar uma sombra. Se os filtros forem recolhidos, você pode querer abri-lo assim, e nós vamos clicar aqui para adicionar uma sombra. Nós vamos usar Borrão X um quatro Borrão y todos os quatro força de 100 qualidade Nós vamos definir para ângulo médio 45 distância para pixels e cor preta. Em seguida, vamos animar o símbolo. Clique no Quadro 20 e pressione F seis Para adicionar um quadro de chave. Clique no Quadro 40 na Prima F seis. Para adicionar um quadro-chave, volte ao quadro 20 e clique no símbolo de pulso. Para selecioná-lo, vá para o painel Transformar e defina a escala para 200%. Clique no símbolo de puxar para selecioná-lo. Coloque o painel de transformação, vá para o painel de propriedades e ele apenas as configurações de sombra solta da seguinte forma. Borrão X vai ser 30 e borrão sábio. Também 30. A força vai ser 30 e a distância vai ser 40 direita. Clique em qualquer lugar entre os quadros um e 20 e selecione criar interpolação clássica à direita. Clique em qualquer lugar entre os quadros 20 e 40 e selecione. Crie o clássico Tween Faça um filme de teste de controle no inimigo para testar o seu rápido. Incrível! Você fez isso, não foi tão legal? E lembre-se, você sempre pode exportar isso como um vídeo para compartilhar com seus amigos. Trabalho incrível. 44. Eu amo, a você: Muito bem, pessoal, nesta lição, vamos construir esta animação divertida com os olhos animados do coração Emoji. Agora vamos criar pela primeira vez símbolos de texto animado, vamos criar animação investida que sincronizou com a linha do tempo principal. E com isso quero dizer aqueles corações dentro do emoji que pulsam no final da rotação. E eu também estou revendo um monte de truques de linha do tempo que são realmente importantes. Vamos adicionar quadros e quadros-chave para várias camadas, vamos selecionar quadros e várias camadas e também mover quadros e várias camadas. Tudo bem, uma coisa é criar uma animação animada. Mas também é outra coisa saber como modificar a linha do tempo e mudar as coisas uma vez que a animação é construída e esta lição está cheia dessas coisas, vamos lá. Tudo bem para começar, vamos dar uma olhada no arquivo acabado e eu quero mostrar a vocês que na linha do tempo principal temos alguns tweens clássicos, e como nós esfregamos para a frente, você verá que a letra que eu escalar em seguida amo E depois você. Assim, a primeira parte do tamanho do setor será construir esta animação escalonada com símbolos de texto . E então nosso emoji vai girar. Ele vai meio que para cima, girar e, em seguida, girar para trás e reduzir a escala, que é um efeito muito legal, e isso é tudo o que vamos ver ao esfregar a linha do tempo principal. Mas eu quero salientar que quando exportamos este rápido que após a rotação acontecer, os olhos fazem pulso. Certo, então vamos fazer uma animação aninhada com os olhos pulsando e configurando para que fique perfeitamente sincronizado para que depois que a rotação acontecer, então os olhos pulsem. Deixe-me fechar esse último rápido. E eu só quero mostrar a vocês que se eu clicar duas vezes no emoji que dentro da linha do tempo dos Emojis , nós temos os corações pulsando para cima e voltando para baixo. Então, esta vai ser uma lição incrível para atualizar muitos dos conceitos básicos. Estivemos revisando os Tweens clássicos, e você vai aprender algumas coisas novas sobre como trabalhar com filtros de sombra de texto, e eu vou mostrar alguns truques como eu consigo esse visual de três D realmente agradável e limpo para os corações e os emojis. Tudo bem, então vamos para o arquivo inicial aqui. Verá que temos um palco preparado. Só há uma moldura aqui, e há um monte de corações. Lembre-se, clicar no quadro chave vai selecionar tudo nesse quadro. E eu quero explicar que todas essas coisas são exemplos do símbolo do brilho do coração. Na verdade, é um dos corações que é usado dentro dos olhos emojis. E o que eu fiz é que eu acabei de configurar um tamanho diferente em diferentes alfas. Ok, então este é o mesmo símbolo de brilho do coração com um Alfa diferente. Agora, eu não quero mover esses corações ou bagunçá-los ou clicar neles por acidente. Então o que eu vou fazer é apenas clicar no ponto sob o cadeado na linha do tempo, e então eu não poderia mais selecioná-los ou movê-los. Eles vão ficar meio fora dos limites. Então a primeira coisa que eu quero fazer é animar o texto. Agora eu não posso colocar nada dentro de uma camada bloqueada, então eu vou adicionar uma nova camada em cima do plano de fundo, e eu vou passar para a minha ferramenta de texto e ele lembra que o último texto que eu criei foi em um tamanho de 65 Mas eu vou usar o fonte de impacto porque ele está em Mac e PCs. E com o tamanho de 165, vou clicar em qualquer lugar do palco e digitar a letra maiúscula . Eu vou então clicar fora desse campo de texto, de modo que o torna ble não editado. E então eu vou clicar mais uma vez e escrever a palavra “amar todas as maiúsculas”. Eu vou clicar fora mais uma vez e depois clicar novamente, e eu vou dizer que todos vocês agora, obviamente, tudo está meio bagunçado. Não está alinhado. Então eu vou fazer é apenas uma espécie de espaço o imposto do jeito que eu quero assim. E, obviamente, isso não é mesmo. Mas veja isso. Vou clicar no I e manter pressionado o turno. Vou selecionar todos esses três elementos. Vou ao meu painel de alinhamento, que já usamos muitas vezes antes. Mas em vez de me alinhar ao palco, vou certificar-me de que é selecionado. Vamos apenas alinhá-los aos centros deles, que os alinhe perfeitamente horizontalmente. E eu só vou mover o amor um pouco mais para que tenhamos o mesmo espaçamento entre essas palavras. Vou desenhar uma tenda para festas para seleccionar todas elas. Ou o que você pode fazer é também clicar no quadro para selecionar todos eles. E eu ia movê-los para onde eu acho que eles ficam bem. Então, usando as teclas de seta, posso mover um pixel de cada vez, ou posso manter a tecla Shift pressionada para mover 10 pixels de cada vez. E eu só vou basicamente para fora e colocá-los bem aqui. Parece bom para mim. Talvez só um toque para a direita. Perfeito. Agora, para animar, essas coisas, precisamos fazer duas coisas. Primeiro, precisamos ter certeza que seus símbolos primeiro, certo, certo, agora eles são apenas campos de texto estáticos. Eles não são símbolos na minha biblioteca, então eu vou precisar converter cada um deles para montar, então eu vou apenas clicar no I. Eu vou acertar f oito e vamos chamá-lo apenas capital. Eu bati. Está bem. E eu vou para o amor e bater Effie para convertê-lo em um símbolo. E vamos chamar-lhe amor. E eu quero salientar que estamos usando clipes de filmes e seus pontos de registro no centro. Estou usando clipes de filme aqui especificamente porque vou colocar um filtro de sombra. E se você assistiu meu clipe de filme contra Siris gráfico no capítulo anterior, você sabe que não podemos colocar filtros em gráficos. Então deixe-me bater, ok? E eu vou fazer o mesmo por você. Vamos tocar F oito para converter dedo do pé um símbolo vai nomeá-lo você e bater OK, e então agora cada uma de coisa. Isto é um símbolo. Então temos exemplo de eu exemplo de amor e instância de você. Agora vou selecionar novamente todos eles mantendo a tecla Shift pressionada e clicando em cada um e, em seguida, no painel Propriedades sob filtros. Só vou adicionar uma sombra que você verá imediatamente. Isso meio que faz essas letras estourar um pouco. Eu realmente não preciso bagunçar os dedos dos pés em torno dos padrões muito em tudo. Os desfoques X e Y são definidos como quatro pixels. Eu só queria algo muito sutil. E de fato, eu poderia até reduzir a força para 50 para torná-lo ainda mais sutil. Ok, então você pode jogar com essas configurações como quiser, mas eu gosto muito disso agora. Assim, todos os símbolos têm a mesma configuração de filtro nele. Agora, nós também aprendemos que para Adam comer algo, ele precisa ser um símbolo, e eles também precisam estar em suas próprias camadas. Então, mais uma vez, eu vou clicar e manter pressionado, mudar em todos eles, e eu vou clicar com o botão direito em, Não distribuir duas camadas. Antes que eu faça isso. Eu só quero salientar que todos eles estão na camada um. Então deixe-me fazer uma distribuir duas camadas e animar não realmente legal coisa aqui em baixo. Ele coloca todos eles em sua própria camada nomeada, com base no nome do símbolo. Então nós temos eu amo e você e cada camada tem um quadro chave com esse símbolo particular dentro dele. Certo, então agora é hora de animar esses símbolos, e vamos fazer algo muito parecido com o que fizemos no exercício da galeria de surf onde as imagens estavam se desvanecendo e se desvanecendo. Então o que vamos fazer é isto. Eu vou atrás do quadro número cinco e clique na camada U e mantenha pressionada e arraste. Lembre-se, que seleciona vários quadros e eu vou apertar F seis para adicionar quadros-chave e quadro número cinco. Então agora eu tenho quadros chave de início e término para todas as três camadas que podem enquadrar o número um . Eu vou selecionar o I e eu vou para o painel de transformação aqui, e eu vou reduzir esse personagem uniformemente para 20%. Quero ter certeza que este pequeno link aqui para restrição está fechado, certo? E então, se eu mudar a escala horizontal para 20% e acertar o retorno, ele faz o mesmo para a vertical. Então, a mesma coisa para o amor voltar para aquele painel de transformação, e nós vamos restringir em 20% todo o caminho para baixo e a mesma coisa para você transformar painel e nós vamos aumentar 20% de retorno de hit. Então agora eles vão começar exatamente do mesmo tamanho, e todos eles vão crescer diretamente de seus centros. Agora eu vou para o quadro um clique no quadro um na camada u e arrastado para baixo para obter a selecionar vários quadros. Estão todos destacados em azul. Vou clicar com o botão direito do mouse em, criar Tween clássico e então agora é que eu esfregou para a frente. Verá que temos a nossa animação. Agora você vai notar que quando eu for para o número do quadro para ver os corações explodirem, eles desaparecem. Quando eu adicionei esses quadros-chave nessas três camadas aqui, eu nunca adicionei novos quadros à camada de fundo e nós vamos corrigir isso em um pouco. Mas primeiro, o que eu vou fazer, ele é. Não quero que esta animação comece até o quadro número 10. Então eu vou pegar esses diferentes vãos de Tweens e cambaleá-los na linha do tempo. Vou pegar o 1º 1 aqui de novo. Eu vou com nada selecionado aqui. Eu vou clicar e segurar e arrastar para selecionar, e então eu vou mover isso para começar no quadro número 10 e então eu vou pegar o próximo intervalo. Eu vou clicar e arrastar e movê-lo para iniciar o número do quadro 15 e eu vou pegar o próximo clique do grupo, arrastar, arrastar, segure e iniciá-los no número do quadro 20. Então, agora vamos ter que entrar , , amor. E então você e você notarão novamente que uma vez que o olho crescer, você verá o boom e o quadro número 15. Desaparece de novo. Estes são todos aqueles quadros em potencial, certo? Nós não adicionamos quadros a essas outras camadas enquanto estávamos nos movendo, nosso quadro se estende ao redor. Então o que eu vou fazer é Cruz todo o caminho até o quadro número 60 aqui, e eu vou clicar na camada superior e arrastado para baixo para selecionar todos os quadros e apertar F cinco. E o que isso vai fazer é estender a linha do tempo todo para quadros número 60 e ed em todas essas camadas. Então agora você verá que os corações não desaparecem. Enquanto eu seguia para a frente, o I entra e então nós temos todos esses quadros sólidos aqui nessa camada, então isso significa que ele vai ficar visível. E mais uma vez, isso são coisas que passamos por todo o caminho de volta nos primeiros dias deste curso. Tudo bem, então agora nós temos Eu te amo, e eu realmente amo. Tudo bem, então é realmente um rolo aqui. Mas por que você não se levanta, Stretch, toma um café, faz alguns macacos saltos. Temos mais alguns minutos para mostrar a vocês como construir a animação emoji . Tudo bem, então volte em três segundos, certo? É bom ter-te de volta. Agora nós vamos fazer o didio é colocar esse emoji girando por aí. Então deixe-me ir à minha biblioteca. E aqui temos os olhos do coração. Emoji. Agora eu tenho a cabeça de jogo no quadro 30. Se eu clicar neste quadro aqui em arrastar o coração olhos emoji para o palco. Você sabe de que jeito? Nos primeiros dias, vai acabar no quadro um. Eu não quero ver isso antes de tudo isso. Eu queria aparecer no quadro 30 então eu deveria ter colocado um quadro chave seu primeiro. Mas também podemos fazer isso. Se eu clicar nesse quadro e soltar, eu posso clicar novamente, manter pressionado e arrastá-lo. Então isso é uma bela ponta do dedo do pé tem. E agora tudo o que eu realmente quero fazer é usar a ferramenta de alinhamento para palco, e eu vou apenas alinhá-la horizontalmente. E eu acho que eu só quero ter um pouco abaixo. Então eu só vou mudar a seta para baixo uma ou duas vezes. Muito legal. Tudo bem. Esse é o espaçamento que eu quero em tamanho real. Agora, vamos fazer esta coisa começar pequena e animar para este tamanho, se não um pouco maior. Então eu vou para o quadro número 45 aqui, e eu vou adicionar meu quadro chave apertando F seis. E agora vou voltar ao quadro número 30. E usando a ferramenta de transformação livre aqui iria garantir que selecionado eu vou segurar Shift pressionado e apenas encolhê-lo para baixo para cerca desse tamanho. Tudo bem? E se quisermos números exatos, não iria para a ferramenta de transformação e ver que fiz 23,8%. Ok, então apenas cerca de 20%. Agora eu vou clicar com o botão direito e criar Tween clássico, e nós fizemos isso 100 vezes. Agora ele se expande muito legal. Agora, eu também quero adicionar um pouco de rotação. E se você se lembrar, rotação é uma propriedade de quadro. Então eu vou clicar no primeiro quadro dessa extensão de interpolação, ir para o painel de propriedades, e eu vou apenas dizer, girar no sentido horário uma vez, tudo bem, e então nós podemos ver como isso vai ser. Tudo bem? Muito legal. E o que eu quero fazer é que ele tipo de escalar e girar e girar sobre a escala e voltar para baixo um pouco menor. Então o que eu vou fazer aqui é ir para fora para dizer número 50. Vou adicionar outra moldura chave e diminuir um pouco só um toque como este, está bem? E então eu vou criar uma interpolação clássica entre esses quadros. Então, agora ele sai, meio que ultrapassa e volta para baixo. Então vamos testar isso. E agora você vai ver onde realmente é muito legal. Tudo bem. Agora, eu também quero fazer um pouco mais de rotação, ok? Só vou dar um toque extra. Você vai notar que quando ele encolher, ele não vai gastar mais. Apenas uma espécie de escala reta para baixo. Então eu vou fechar isso e, em seguida, no quadro número 45 eu vou usar a ferramenta de transformação livre novamente e apenas girar. Eu sou assim. Então o que isso vai fazer é fazê-lo fazer uma rotação completa e ir um pouco mais longe, ok? E então ele vai girar para trás enquanto ele escala para baixo. Tudo bem, então é só um toque sutil agradável. Então, é muito brincalhão sobre girar para o quadro 45, em seguida, girar para trás enquanto ele escala para baixo. Ok, então vamos ver isso mais uma vez como um rápido. E lá vai você. Eu te amo. Muito legal. Agora, algumas coisas que eu quero fazer aqui é que eu quero que os olhos saltem para fora assim que ele voltar para o tamanho normal dele. Certo, então vamos nos livrar disso. E para fazer os olhos ou os corações aparecerem, será uma animação aninhada. Então deixe-me clicar duas vezes para entrar nesse símbolo e você verá que eu tenho algumas camadas aqui embaixo. Tudo bem? Vou alternar a visibilidade deles para vermos exatamente o que são. Então, começando por cima, temos um dos corações para os olhos, então você verá que os olhos certos nessa camada. Então temos o olho esquerdo. Então nós também temos uma camada de boca, e então nós temos uma camada de brilho facial. Tudo bem, o que é essa coisa? Bem, é realmente apenas um círculo que tem alguns filtros sobre ele, sobrepondo o fundo amarelo lá. Então deixe-me clicar nisso. Vá para o painel de propriedades e diga que ele tem seu Alfa definido dedo 40 aqui, e se nós rolarmos um pouco para baixo, você verá que há um pouco de um filtro de brilho lá. E o que mais temos? Uma sombra e também um borrão. E deixe-me apenas verificar se há algum modo de mesclagem. Sim, há um modo de mesclagem de anúncio. Ok, então todos esses diferentes filtros e configurações apenas nos dão uma espécie de pequena coisa de brilho que vai adicionar esse efeito tridimensional a ele. Então deixe-me desfazer um pouco, então eu coloco de volta exatamente onde ele está bem, modo que apenas dá a esse círculo alguma profundidade, e quando nós desligá-lo, em seguida, ter outro círculo amarelo ou forma aqui que tem um Grady dentro dele. Tudo bem, então essas são todas as nossas camadas desligadas e podemos ligá-las novamente e reconstruir. Então o que vamos fazer é animar os corações dentro deste símbolo. Então, sem olhar para a linha do tempo principal, na medida em que descobrir o tempo de quando esta animação de coração deve começar, vamos apenas ir para o quadro número 10 e eu vou clicar e arrastar para criar quadros-chave em ambas as camadas de coração. Eu vou apertar F seis para colocar os quadros chave lá. Eu vou para o quadro número 20 clique e arrastar para baixo o dedo do pé. Adicione quadros-chave lá. Agora, esta vai ser uma de nossas animações pulsantes. Então vamos começar no tamanho normal, aumentar e voltar ao tamanho normal. Tudo bem, já fizemos isso algumas vezes antes, então eu vou ter três conjuntos de quadros-chave para clicar e arrastar para selecionar os quadros que vamos animar entre eles. Tudo bem, então vamos começar neste quadro, ficar grande e 20 e voltar ao normal em 25 minutos. Agora você vai notar que Oh, o que aconteceu? Bem, aquela coisa que acontece o tempo todo eu adicionei quadros para as duas camadas superiores, mas não as duas camadas inferiores. Então, por enquanto, eu vou sair para o quadro 25. Clique neste quadro nesta camada, arrastado para baixo para realçar. E lembre-se, F cinco vai adicionar quadros e todas essas camadas. Então o truque agora é ir para o quadro número 20. Vou selecionar os dois olhos aqui, e vou escalá-los para cima, segurando o turno. Tudo bem? Vamos torná-lo um pouco maior e isso parece muito legal. E então nós vamos apenas adicionar nossa animação. Então clique e arraste para selecionar ambos os quadros, clique com o botão direito do mouse em criar interpolação clássica. E então vamos fazer a animação final onde eles ficam menores, criam o Tween clássico, e lá vamos nós. Então os dois vão subir e voltar para baixo. Então agora o que vamos fazer é exportar são rápidos e ver o que acontece. Então, retorne o comando. Você realmente não vê os olhos subindo porque está meio que acontecendo enquanto os rostos giram e escalam. Então eu meio que quero ter certeza de que só vemos os corações pulsando depois que o rosto desovou, cresceu e encolhido de volta ao normal. Então nós vamos fazer isso, é isso. Eu vou voltar para ver o número um, e você vai ver isso. Tudo bem, essa coisa está aumentando e depois diminuindo para o quadro 50. Então não queremos que essa animação comece com os olhos até terminarmos de girar, escalar e voltar para baixo. Agora o emoji não aparece até o quadro. O que é isso? 30? E então ele se anima através do quadro 50. Então, basicamente, eu preciso ter 20 quadros de espaço morto dentro deste símbolo. Então deixe-me apenas clicar duas vezes aqui. E então eu não quero que essa animação comece até algum momento depois de um quadro número 20. Então eu vou clicar, segurar e arrastar todo o caminho em ambas as camadas para selecionar todos esses quadros e com eles selecionados agora, eu vou clicar e arrastar para que o quadro de chave inicial seja talvez apenas um quadro ou dois número do quadro passado 20. Agora, novamente, estamos na situação em que esses quadros e essas duas camadas se estendem além dos três inferiores . Então o que vamos fazer é isto. Eu vou até o quadro número 60, na verdade, só adicionar quadros até aqui. Então cinco para adicionar quadros e todas essas camadas. Então, basicamente, o que vai acontecer é que esta animação de crescimento do coração vai tocar, e então vai haver algum tempo morto antes que este símbolo se repita. Vamos voltar para ver o número um e agora vamos fazer um retorno de comando para testar o rápido . E lá vamos nós agora. Oops. O que está acontecendo? Na verdade, não há tempo suficiente para ver a animação completa dos olhos do coração crescendo. Por que é isso? Porque após o número do quadro 50 10 quadros mais tarde, a linha do tempo principal está terminando aqui. Então eu preciso de um pouco mais de tempo neste filme, então eu vou percorrer todo o caminho para enquadrar os números dos dedos 90 em três segundos e basta clicar arrastar para baixo e apertar F cinco. Então agora da próxima vez que eu testar, há tempo de sobra para os corações pulsar e então a coisa toda vai fazer um loop assim que pulsar estiver feito. Tudo bem, isso foi bem complicado, mas é tudo o que já fizemos antes. Estamos apenas a adicioná-lo completamente. Obviamente, criar os símbolos de texto é novo. Mas todas as coisas de animação que fizemos de uma forma ou de outra, espero que você esteja aprendendo que uma grande parte do trabalho inanimado é esse tipo de manipulação da linha do tempo de selecionar quadros, movê-los, mover extensões, adicionando quadros à linha do tempo. E de novo, tudo isso volta ao início. Lições que temos feito ao longo de todo este curso. Então, espero que até agora, nada disso seja realmente novo demais para você quando começar a ver como colocar esses conceitos básicos juntos pode trabalhar para fazer coisas mais complexas e divertidas. Tudo bem, tuitar feliz. Eu vou chegar a seguir com as instruções passo a passo para você. 45. Eu amo, em seguir ao longo: Tudo bem, pessoal. Está na hora de construí-la. Você vai criar símbolos de texto, animar cada um, obter o gasto emoji e fazer seus olhos pulsar. Agora, há muitos passos neste exercício, e eu sei que você pode fazer isso, mas eu vou recomendar que você faça isso em duas partes. Tudo bem, sente-se, pegue o texto construído e animado, comemore e depois volte e trabalhe no emoji. Tudo bem. É uma ótima maneira de abordar isso. Mas está tudo neste vídeo . Tudo em um só lugar. Faça incrível. Tudo bem, então aqui no anime, eu tenho eu amo você começar aberto e eu tenho o fundo já construído para você. É uma camada bloqueada que tem um número de corações em tamanhos diferentes com opacidade diferente. Facilidade. Se você gostaria de explorar essa camada, basta desbloqueá-lo e você pode clicar sobre os símbolos e você verá que há clipes de filme, instância de brilho do coração. Tudo bem. E na biblioteca temos esses símbolos de brilho do coração, como explicado na palestra. Eu só vou bloquear esta camada novamente, disse que eu não clique no coração, selecioná-los ou movê-los. Então a primeira parte deste exercício vai ser a adição de novos símbolos. Como a camada de plano de fundo está bloqueada, vamos para o primeiro passo, vá para o painel de linha de tempo e clique no botão de nova camada para criar uma nova camada. Em seguida, vou selecionar a ferramenta de texto e clicar em qualquer lugar do palco para criar um novo campo de texto . Vou ao painel de propriedades e certificar-me de que o tipo de texto está definido como texto estático . A família que vamos usar é impacto. O tamanho do texto será 165 pontos, e a cor será branca no campo de texto vazio. No tipo de palco em Lee a letra I maiúscula, como em Eu te amo. Clique fora do campo de texto para selecioná-lo. Clique novamente para criar um novo campo de texto. Digite a palavra amar todas as maiúsculas dentro desse campo de texto. Clique em qualquer lugar fora desse campo de texto para selecioná-lo. Clique novamente para criar um novo campo de texto e digitar. Todos você clicar em maiúsculas fora do campo de texto para selecioná-lo. Então, para esta próxima parte do exercício, precisamos alinhar o texto e colocá-lo onde ele deve ser centrado no palco. Mas eu realmente não sei onde você clicou para colocar cada uma de suas palavras diferentes, então pode ser difícil dar-lhe instruções exatas. Então o que eu vou fazer é apenas dar-lhe as coordenadas de cada uma das palavras. Alterne para a ferramenta de seleção, clique no I e dê a ele um valor X de 62. Vou ligar ao Tab para ir ao campo dos Emirados Árabes Unidos e dar-lhe um Y de 50 e voltar. Clique na palavra amor e dar-lhe em X de 1 41 e dar-lhe um Y de 50 e, em seguida, clique no você e dar-lhe um ex de 480 aba Hit e dar-lhe um Y de 50 e bater retorno. Então agora quando você usa essas coordenadas tudo que eu pareço bom para você em seguida vamos converter os campos de texto em símbolos e distribuí-los em camadas usando a ferramenta de seleção. Clique na letra Eu vou modificar, converter em símbolo, dar-lhe o nome que eu digitar clipe de filme, centro de registro e clique OK clique na palavra amor Ir para modificar, converter para símbolo e dar-lhe o nome amor e bater OK, clique na palavra que você vai para modificar Converter para símbolo Nome que você clique em OK, ao lado Faça editar selecione Tudo direito Clique em qualquer uma das palavras e escolha Distribuir duas camadas Observe que você agora tem Eu amo e você camadas impressionante! Agora estamos prontos para animar. Tudo bem, então o que vamos fazer é uma animação escalonada bastante o que fizemos na aula da galeria de surf . Então eu vou sair para o quadro número cinco e eu vou clicar na camada U. Mantenha pressionada e arraste até que a camada I atinja F six. Para adicionar quadros-chave, arraste a cabeça de reprodução de volta para o quadro número um. Clique no botão I ir até o painel Transformar, verifique se o acesso X e Y está restrito ou vinculado e defina a escala horizontal também. 20 e aperte Return. Clique no amor. Vá para o painel Transformar, reduza a largura para 20%. Clique no que você vai para o painel de transformação e escala o com para 20%. Clique em qualquer lugar fora do palco para de selecionar as palavras clique no quadro uma da camada U e arrastado para baixo para selecionar o primeiro quadro em todas as três camadas e solte o botão direito do mouse em qualquer quadro e selecione. Criar interpolação clássica. Clique em algum lugar na linha do tempo para selecionar os quadros selecionados. Vá para a camada I, clique e mantenha pressionado no quadro um e arraste para selecionar todos os quadros e solte o mouse. Clique na extensão do quadro selecionada em arrastá-lo até que o primeiro quadro esteja no quadro. Número 10. Vá para a camada de amor, clique no quadro um. Mantenha pressionada e arrastada para selecionar a extensão do quadro e a liberação. Clique na extensão do quadro em arrastar para que o primeiro quadro esteja no quadro. 15. Vá para a camada U. Clique no primeiro quadro. Mantenha pressionada, selecione e arraste todos os quadros e solte. Clique na extensão do quadro selecionada ao arrastar para que o primeiro quadro esteja no quadro. 20. Pegue a cabeça de jogo e esfregue através de sua animação. Muito legal, animação escalonada. Agora a questão é que o coração está desaparecendo porque não temos quadros nessa camada. Vá para o quadro número 90 clicando na camada superior segure o mouse enquanto arrasta para baixo para selecionar o quadro 90 em todas as cinco camadas e solte a tecla F cinco para adicionar quadros, Esfregue de volta ao quadro um e esfregue a animação. Os corações não desaparecem mais. Tudo bem, pessoal. Agora é hora de animar esse emoji em seu arquivo Fl A. Você deve ter uma camada superior com um quadro de chave em branco no início aqui. Ok, sua camada pode ser chamada camada um ou camada dois. Eu fiz algumas edições ao longo do caminho, então de qualquer maneira, basta clicar duas vezes na camada superior e nomeá-lo emoji e clicar em Return. Agora vamos sair para o quadro número 30 e clicar no Quadro 30 na camada de emoji e clicar em F sete. Para adicionar um novo quadro de chave em branco, vá até o painel da biblioteca e arraste o emoji Eyes de coração para o palco. Vá para o painel Alinhar, certifique-se de aliar dois estágios selecionados e clique no botão para um centro horizontal de linha . Vamos para o painel Propriedades e definir a posição por que para 405 pixels e retorne . Incrível. Agora, para construir nossa animação, vamos adicionar alguns quadros-chave. Clique no quadro número 45 na camada de emoji e aperte F seis. Para adicionar um novo quadro-chave, clique no quadro 50 da camada de emoji e pressione F six para adicionar outro quadro-chave. Isso configura nosso pulso básico onde vamos começar pequeno, ficar grande e depois ficar pequeno novamente. Vá para o quadro número 30. Clique no Emoji. Abra o painel Transformar e defina a escala como 10%. Ir para o número do quadro 50 Clique no emoji e usando o painel Transformar, defina a escala para 70%. Clique com o botão direito entre os quadros 30 e 45 selecione. Crie interpolação clássica clique com o botão direito entre os quadros 45 50 e selecione. Crie o clássico Tween scrub através da animação e você verá que o emoji aumenta a escala e, em seguida, volta um pouco para baixo. Muito legal. Para adicionar a rotação ao emoji, clique em Quadro 30 e, no painel Propriedades, selecione. Gire no sentido horário uma vez atingido, retornar ou entrar para visualizar a animação. Muito legal. Vamos voltar para onde essa animação está, e você verá isso no quadro número 45. Você sabe que ele agora está totalmente girado. Para adicionar uma rotação superior, clique no emoji, vá para o painel de transformação e defina o valor de rotação do dedo 1 40 Agora esfregue a animação e você verá que ele meio que gira mais e, em seguida, gira de volta à medida que diminui. Incrível. Em seguida, vamos criar os olhos pulsantes do coração. Depois que o emoji descer, vá até a biblioteca e clique duas vezes nos olhos do coração. Símbolo de emoji para entrar em símbolo. Modo de edição. Vá para o quadro 60 dentro do símbolo emoji olhos do coração e clique no quadro 60 no topo. Camada segura e arrastada para baixo para selecionar o quadro 60 em todas as camadas. Pressione F cinco para adicionar quadros ao quadro 60 em todas as camadas, clique no quadro 20 na camada superior e arrastado para baixo para selecionar o quadro 20 em ambas as camadas superiores . Pressione F six Para adicionar quadros-chave a ambas as camadas. Clique no quadro 30 na camada superior e arrastado para baixo até a segunda camada e solte para selecionar quadros e ambas as camadas apertar F seis Para adicionar quadros-chave para ambas as camadas. Clique no quadro 35 na camada superior segura e arrastado para baixo até a segunda camada e solte para selecionar quadros e ambas as camadas pressionam F seis para adicionar quadros-chave a ambas as camadas. Volte para o quadro 30. Clique à esquerda. Eu mantenho pressionado, mudo e clique no olho direito. Vá para o painel de transformação livre e escala ambos os olhos para 1 50 Clique no quadro 20 na camada superior e arrastado para baixo até a segunda camada e solte para selecionar os dois quadros-chave. Certo. Clique em um dos quadros-chave selecionados e selecione Criar interpolação clássica clique no quadro 30 na camada superior. Mantenha pressionado arrastado para baixo até a segunda camada e solte para selecionar os dois quadros-chave. Certo. Clique em um dos quadros-chave selecionados e escolha criar o clássico Tween scrub através da animação para ver ambos os corações. Pulso. Faça um filme de teste de controle no Inimigo, e agora você verá os olhos duros pulsando e a animação é incrível. Agora, se chegou a esse ponto, estou tão feliz com você. Sei que havia muita coisa nesta lição. Houve um monte de passos, mas espero que você veja que é um monte de fazer as mesmas coisas tipo de uma e outra vez, e eu sei que pode ser complicado, às vezes, selecionar vários quadros, movê-los e tudo Aquele jazz. Mas é uma espécie de prática. Vai te fazer muito bem no seu dia-a-dia. Então, se você passar por todos esses passos e você fez essa animação, eu estou tão orgulhoso de você e tenha um dia incrível. 46. Tweens de forma: Neste exercício, eu vou mostrar a vocês como criar uma forma Tween Vamos transformar uma forma em outra Eu vou transformar o retângulo em uma estrela e eu vou mostrar a vocês como usar extremidades de forma. Vamos lá. Tudo bem. Então deixe-me apenas dar alguns exemplos de como usar uma forma Tween Eu tenho minha ferramenta de pincel selecionada, e o que eu vou fazer é apenas desenhar uma linha como essa. Eu vou para o quadro número 20 aqui e apertar F 7 para adicionar um quadro de chave em branco. E agora vou desenhar uma linha que se parece com esta. Certo, então no quadro um, temos essa linha no quadro 20. Temos aquele pincelado, devo dizer, e eu vou apenas clicar com o botão direito e criar Tween forma. E este é um momento em que vamos criar uma interpolação, mas não usar símbolos porque estávamos usando formas. Então agora veja o que acontece, anima suavemente, transforma entre essas duas formas, tudo bem, e você pode fazer outras coisas interessantes. Eu não sei. Talvez isso seja como uma boca para um rosto estranho para que eu pudesse desenhar alguns olhos aqui assim. Isso é no quadro um e no quadro dois que eu poderia fazer são colocá-lo aqui assim. E eu não sei por que você nunca desenha nada assim, mas eu só quero que você veja como o inimigo pode inteligentemente combinar caminhos na forma inicial e final, e você obtém alguns bons resultados. Agora, se a forma final é muito diferente da forma inicial e tem muito mais, uh, uh, peças para ele, se você quiser em lugares diferentes, talvez tenha cabelo aqui. Tudo bem. Eu não sei o que é isso, mas você verá que algumas coisas muito interessantes acontecem no meio, mas isso te leva do ponto A ao ponto B. Certo, então lá estava eu usando algumas pinceladas. Hum, eu vou voltar para o quadro número um. E se eu selecionar tudo e excluí-lo, terei um quadro de chave em branco aqui e uma interpolação quebrada. Isso está tudo bem. Agora vou começar a desenhar algumas , formas regulares, como um retângulo esperando fazer o quê? Sem derrame por enquanto. Coloque um retângulo no centro do meu palco aproximadamente e, em seguida, no último quadro chave. Vou colocar outro retângulo maior aqui e talvez dois ali. Tudo bem, então agora eu vou de um retângulo para três. Tudo bem, isso é muito legal. Talvez eu vá para quatro. Certo, então estamos transformando um ou um retângulo quadrado em cinco. Se eu me livrar do meio no quadro final, o que isso faz? Você entende isso, você sabe, coisas muito legais. E o que você pode fazer também é que você pode mudar as cores para que não tenha que ser azul. Pode ser dessa cor. Este pode ser algo assim. Este aqui pode ser verde. E então agora cada caixa está mudando de cor, enquanto estamos fazendo uma forma Tween, e estes não precisam ser quadrados. Sabe, isso pode ser algo estranho assim, e eu não poderia saber. Dobre isso para dentro e dobre isso e ajuste isso para fora. E eu não sei, há algo assim. E novamente, vamos de um dedo quadrado, quatro formas diferentes de cores diferentes. Agora, obviamente, você provavelmente deveria ter mais tempo para fazer isso e fazer algo um pouco mais artístico. Mas eu só quero mostrar a vocês a mecânica básica de fazer uma forma entre uma das coisas que eu gosto de fazer ou mostrar às pessoas é Ah, deixe-me voltar para enquadrar um e excluir esse quadrado. Vou usar a minha ferramenta de pincel e deixar-me aumentar o tamanho. Eu poderia ter usado o oval, mas eu vou usar um que é uma cor horrível. Vamos para algo um pouco mais escuro. Vamos para aquele azul, 23 quatro círculos. Certo. E eu vou para o último quadro chave aqui e novamente você verá a mesma coisa tipo de acontecer. Mas no último quadro chave, vou fazer um controle A para selecionar tudo e me livrar dele. E eu vou tirar minha ferramenta de texto, e eu vou digitar meu nome C A r l. E como nós aprendemos em uma lição anterior, se eu quebrar esse texto uma vez que obter campos de texto de ervas individuais editar e se eu quebrá-lo pedaços novamente, comando será que vamos obter formas individuais de todos esses personagens. Então eu só vou pegar o mar movendo aqui o A por aqui, você sabe, em whoops Força para fazer este dedo olhar bonito. Eu gostaria, você sabe, usar a pele de cebola ou ter tudo sobre colocado bem. Mas aqui, eu só quero mostrar a vocês que cada círculo agora pode transformar-se em seu próprio caráter. Tudo bem? Então, de novo, vou fazer isso em vou fazer isso em 10 segundos. Mas você pode fazer animações como esta parecer realmente agradável. Então, uma vez que você tenha sua forma Interpolação no lugar, você pode literalmente alterar qualquer coisa no primeiro quadro ou no quadro final. Eu poderia pegar isso, você sabe, circular e movê-lo para cá. Este ali em baixo, não sei. Eu poderia fazer todas as cores diferentes ou apenas uma delas. Cores diferentes farão isso quando for eleito. Essa cor bonita neste aqui, Will Dio não sabe algo assim e então você tem algo assim. Tudo bem, muito legal. Agora há momentos, ou talvez você vai trabalhar com formas mais simétricas. Ou talvez queira ter um pouco mais de controle sobre a transformação. Eu vou para este arquivo aqui e deixe-me apenas fazer um ajuste na janela e eu tenho no quadro um um quadrado e, em seguida, quadro 20 uma estrela. Então eu vou orientá-lo através da transformação deste quadrado em estrela, e então eu vou dar uso, seguir as instruções para ele, ok? E então eu tenho o quadro-chave configurado, mas eu vou clicar com o botão direito e criar Tween forma. E você vai ver isso? Sim. O quadrado se transforma na estrela, mas há um pouco de rotação rolando, como se houvesse alguns pontos estranhos sendo adicionados aqui que fazem parecer. Não sei, não tão simétrico como eu gosto. Quase. Parece que há um pouco de rotação acontecendo. Certo, por que o canto superior está se movendo aqui em alguns desses pontos se movendo para a esquerda? Ok, então a solução para isso é uma dica de forma. Tudo bem, então eu vou selecionar a forma no quadro um e ir para modificar a forma, adicionar forma, dica. Tudo bem, agora o que eu vou pegar é este pequeno A vermelho aqui. Ok, então temos um círculo vermelho com a letra A nele, e o que eu posso fazer é pegar isso e movê-lo para algum lugar na minha forma. Quero ressaltar que para o melhor comportamento aqui, você deve ter seu snapping ativado. Ok, então isso está desligado. E isso significa que eu posso deixar este ponto em qualquer lugar, e não há nenhum estalo natural. Mas com esse pequeno ímã ligado vai naturalmente estourar a essa forma. Então eu tenho um A vermelho no primeiro quadro e, em seguida, quadro 20. O que eu posso fazer é pegar o A vermelho e dizer: Onde eu quero o ponto? R. Na forma inicial para estar na forma final. Então, naturalmente, eu gostaria que ele fosse o topo desta estrela aqui. E quando eu faço isso, você obtém resultados um pouco melhores. Você tem um morfo muito simétrico à esquerda, mas à direita, ainda há um tipo estranho de reis aqui. Certo, então essa não é a melhor solução agora. Mas vamos em frente e adicionar mais algumas dicas de forma. Eu vou modificar a forma, adicionar forma, dica, dica, e agora eu tenho sapient ser, e talvez eu leve isso para o canto superior direito na forma inicial e, em seguida, na forma final , talvez Quero que seja este ponto da estrela. Então agora eu tenho a forma certa sendo muito simétrica e agradável. E agora o lado esquerdo está ficando um pouco confuso. Tudo bem? Então eu poderia ir todo o caminho em torno da forma, adicionando novos pontos que eu poderia fazer Talvez um mawr modificar forma em forma. Sugestão. E talvez se eu pegar o ponto C e colocá-lo aqui e, em seguida, ir para o quadro 20, pegar o ponto C e colocá-lo lá, eu vou conseguir o que eu quero. E aí eu tenho. Ah, bingo. Isso parece muito bom. Então é um jogo de adivinhação, mas vou mostrar como consertar isso com apenas uma mão. Mas, por enquanto, aprendemos que podemos dizer ao animar onde os pontos na forma inicial devem estar na forma final . E quando eles estão perfeitamente encaixados na forma inicial, eles ficam amarelos e na forma final, eles vão ficar verdes. Então o que eu quero fazer é mostrar-lhe que podemos remover dicas Se eu estou na forma final e direito , clique em uma dica, remover dica e remover todas as dicas é ótimo fora. Tudo bem. Eu preciso ir para a forma de início e, em seguida, selecionar a forma e que eu quero, a fim removê-lo, eu vou fazer uma remover todas as dicas. Então eles vão embora, e eu estou de volta ao tipo de kronke, uh, morph que eu tinha originalmente. Bem, agora o que eu vou fazer é voltar a enquadrar um. Vou selecionar a forma apenas ou para modificar a forma, adicionar forma, dica. E eu vou pegar o A e colocá-lo no canto direito no quadro inicial e no quadro final , eu vou colocá-lo bem aqui. Observe que ficou verde quando estalou. E agora só uma dica de forma faz o truque, talvez como Carl. Como é que sabias disso? Bem, eu brinquei com isso por muito tempo, certo? Então, tipicamente, eu teria continuado adicionando forma. Daí até parecer bonito. Mas em algum lugar na minha exploração, eu percebo que apenas adicionar isso fez o truque. Então, no futuro, você pode ser tão sortudo. Agora, há momentos em que suas dicas de forma vão desaparecer. Tudo bem? Neste momento, a única coisa que tenho no meu arquivo é uma estrela e quadro 20 e este quadrado e quadro um. Mas vamos apenas dizer que eu tinha outra camada e que eu tinha outra coisa aqui totalmente sem relação . Tudo bem, bem, assim que eu, você sabe, você sabe, selecionar esta coisa aqui ou desenhá-la, minhas dicas de forma desapareceram. Certo, se eu selecionar essa forma, a forma não aparece, certo? E então você pode estar surtando como estranho. A minha forma acaba. Vá bem, aqui está o que você faz. Você ainda gosta da forma e ir para ver mostrar forma daí, e então eles aparecem. Então, em seguida, eu vou fazer um exercício de você transformando este quadrado em estrela e definindo a forma. Sugestão. Vai ser muito rápido, mas eu realmente encorajo você a abrir um FL em branco e mexer com Tweens forma. Tudo bem. Desenhe algumas linhas rabiscadas e enquadrar um dedo do pé outras linhas no quadro 20 e tentar fazer seus próprios divertidos pequenos morphs. Tudo bem. Veja, no próximo vídeo 47. Seguir, em forma de twining: Muito bem, pessoal, este vai ser o mais rápido acompanhamento na Siri. Então nós vamos estar trabalhando em forma Tweens em sua pontuação início ponto fl a Go to frame one. Veja que você tem um retângulo ir para o quadro 20 e ver que você tem uma estrela. Próximo, certo. Clique em qualquer lugar entre os quadros um e 20 e selecione. Criar forma Interpolação esfregada em sua animação Para ver como o quadrado se transforma na estrela. Voltar ao quadro um clique no quadrado para fazer curto selecionado e ir para modificar a forma, adicionar moldá-lo. Certifique-se de encaixar em objetos está selecionado na barra de ferramentas e, em seguida, mova o A para o canto superior direito do quadrado. Vá para o quadro 20 e mova o A vermelho para o ponto mais distante para a direita. Vai ficar verde, um estalou. Volte para o quadro um e depois esfregue para ver um perfeitamente simétrico mais do quadrado para a estrela. Tudo bem, você fez sua primeira forma Tween com uma dica de forma. Parabéns. 48. Frango de frango: Todo mundo. O que se passa? Estou super entusiasmada com esta lição. Este é o que eu quero te ensinar desde que comecei o curso. Muito bem, vamos lançar uma bomba sobre uma galinha e fazê-la explodir. Ok, com super legal sobre este exercício é que ele só reforça todas as coisas que temos passado desde o primeiro dia. Quadros chave, cobertor, quadros, símbolos, animações aninhadas. Nada é tão difícil assim. Tudo bem. Você vai ficar tipo, oh, você sabe o que? Eu provavelmente poderia isso sozinho agora. E é assim que eu quero que você se sinta. A única coisa quando introduzido New vai ser som. E isso é super simples. Então vamos começar rachando. Tudo bem. Então, para começar, o que eu quero fazer é apenas orientá-lo através do arquivo acabado. Então você tem uma idéia do que vamos construir. Então aqui em carnes de frango, bomba terminou. Vou esfregar para a frente. Você vê, nós temos este frango pendurado aqui, e então nós pegamos o quadro 20. Esta bomba vai começar a cair de cima, está bem? E depois de bater, o chão vai girar um pouco em direção ao frango. Ele vai ficar aí parado meio surpreso por um tempo, e então ele vai explodir, olhar para baixo. Você vê os olhos dele apontando para baixo e então o que vai acontecer é que as explosões vão começar? Certo, então temos três símbolos que estão explodindo. Na verdade, é o mesmo símbolo três vezes. E então nós vamos trocar uma galinha sem penas, e ele vai ter seus olhos tipo pulso. Tudo bem, então nós vamos estar apenas montando RFL um dedo parecido com este. Se você olhar para ele, não é muito complicado. Na verdade, há apenas um Tween clássico na linha do tempo principal, mas vamos rever muitos dos conceitos básicos que temos feito ao longo deste curso com a criação de quadros-chave, quadros cobertores e algumas animações aninhadas. A coisa mais importante sobre estes arquivos acabados, realmente, para entender alguns dos símbolos será usando assim sobre a minha biblioteca. Você verá que temos o símbolo da bomba aqui, então ele vai clicar duas vezes sobre isso, e este é um símbolo multi-frame com uma animação aninhada, e ele só tem alguns quadros diferentes das chamas, animando apenas três estados diferentes. Está bem, enquanto está a cair, estas chamas vão sair do topo. Temos o frango e ele é incrível e tem dois quadros. Então o primeiro quadro é seus olhos olhando para frente e, em seguida, quadro para é onde ele olha para baixo. Então ele vai ser um símbolo gráfico. E vamos alternar entre o quadro um e dois para fazer seus olhos mudarem direção. Temos frango, sem penas, que é o mesmo. Espere frango, mas ele não tem penas. Esse tipo de galinha após a explosão, temos animação de explosão. E aqui temos um símbolo que tem alguns quadros diferentes de diferentes estados da explosão acontecendo. E acabei de criar este símbolo com a ferramenta de pincel. Eu literalmente fiz alguns círculos laranja e amarelo, e em cada quadro, eu os espalhei e encolhi um pouco, e eles desaparecem no último quadro. Então vamos usar várias instâncias desse símbolo nesta animação. Temos um arquivo de som aqui, então eu vou te mostrar. Uau, um pouco como trabalhar com som. E então temos o chão, que é onde o frango está parado. Tudo bem, eu vou pular para o meu arquivo inicial para que possamos começar a construir este projeto. A primeira coisa que quero fazer é ter certeza que tenho minha camada de frango selecionada. E eu vou tirar o símbolo da galinha da biblioteca e arrastá-lo para o palco. E eu vou colocá-lo bem ali. Parece legal. Tudo bem, agora ele vai ficar um pouco parado lá antes que a bomba caia. Então eu só vou limpar alguns quadros e notar enquanto eu estou esfregando que os olhos dele enlouquecem. Então deixe-me tocar essa animação e você verá que isso é meio insano. Então o que queremos fazer aqui é, já que ele é um símbolo gráfico com dois quadros, vou clicar nele no quadro um. Eles vão para o painel de propriedades, e em vez de ter suas opções definidas loop do dedo do pé como sabemos, um gráfico pode dio nós vamos dizer, Ei, toque um único quadro número um E então agora ele não está looping entre os olhos dele indo um pouco estranho. Ok, Próximo, vamos animar a bomba. Então, na camada de bomba, eu vou sair para o quadro 20 e clicar, e eu vou apertar F seis para adicionar meu quadro chave lá para colocar a bomba aqui neste quadro. Vou à biblioteca. Eu vou tirar a bomba e ia colocar aqui bem rápido. Agora eu vou colocar no chão, na verdade, é que você pode ver o que vai acontecer agora, quando a bomba atingir o chão, ele vai girar um pouco para a direita. Ok, agora, se eu escrevi, tome um pouco, tudo bem. Mas veja o que acontece se eu rodar muito. Observe que a bomba realmente sai do chão, certo? E isso é porque o ponto de transformação está bem aqui, certo? Ele poderia realmente girar todo o caminho para cima no ar. Mas o que eu quero fazer é ter certeza de que o ponto de transformação está bem sobre aquele ponto de registro bem ali. Está bem? Orm ou no centro da bomba real. Então veja o que acontece agora quando eu giro, ele fica no chão. Posso girar 360 graus. Certo, antes de fazer qualquer animação, quero colocar esse ponto de transformação onde ele precisa estar. Porque se eu mudar isso em diferentes quadros-chave, vai fazer a bomba realmente saltar em sua posição, e tudo parece estranho. Confie em mim que queremos o ponto de transformação visualmente no centro da bomba. Certo, devo dizer, o corpo circular da bomba. Então, com isso sendo feito, eu vou mover a bomba para fora do palco bem aqui. Só sobrou um pouco do frango no quadro 30. Eu vou sair, e eu vou clicar no quadro 30 f 6 para adicionar um quadro chave. E eu quero ter certeza que eu puxo a bomba diretamente para baixo sem movê-la em tudo. E está meio que saindo de seus guias. Então a melhor coisa a fazer é manter pressionada, deslocar e puxar direto para baixo até que a bomba esteja bem aqui e, em seguida, no quadro número 35 após a sua aterrissagem, eu vou adicionar outra moldura chave e agora vou girá-la assim . Ok, então ele começa em cima, ele vai descer e então girar. E como fazemos isso acontecer? Clique com o botão direito do mouse em criar interpolação clássica e clique com o botão direito do mouse em criar Então agora vamos tocar esta animação desde o início e lá vamos nós. Então a bomba cai como um tijolo. Deixe-me parar com isso. Whoa! Volte para o início. E agora temos a bomba caindo e, em seguida, girando para a frente. A seguir, vamos fazer esta bomba explodir. Tudo bem, então agora a bomba não vai realmente explodir. Vamos colocar os gráficos da explosão em cima da bomba. Agora, eu não quero que isso aconteça. Assim que a bomba cair, quero que haja uma pausa dramática antes que a coisa exploda. Então aqui e quadro número 60 eu vou para a camada de explosão e clique no quadro 60 e eu vou apertar F seis para adicionar o meu quadro-chave, que novamente vai ficar em branco. E então eu vou tirar o símbolo de animação da explosão, e eu vou colocá-lo tipo de onde ele estaria em cima da bomba. Agora, se eu passar para a frente, você verá que é uma pequena explosão. Certo, então isso é um símbolo gráfico. Só estou esfregando seus quadros na linha do tempo principal. Mas o que eu quero fazer é tornar isso um pouco maior. Então eu vou apenas selecioná-lo, e eu vou para o painel Transformar e torná-lo 700%. É o tamanho normal e, em seguida, apenas centrado sobre a bomba. Então agora vai ser um boom, grande, enorme explosão. E deixe-me fazer uma exportação desse rápido. Vamos verificar, está bem? Então você vai notar que a explosão está fazendo o quê? Está em loop. Tudo bem, então eu não quero que esse dedo aconteça. Então deixe-me apenas selecioná-lo, e eu vou para o painel Propriedades e dizer Nós vamos jogar uma vez, e eu quero ter algumas versões diferentes desta explosão para que realmente encobrir tudo. Então eu estou indo para arrastar opção ou arrastar antigo no PC e fazer outra cópia. Este aqui, eu vou definir para cerca de 300 Eu vou opção arrastar outro, e eu vou fazer este. Digamos que 100% do seu tamanho para que eu possa apertar este botão de escala de reset para reduzi-lo para 100. E agora vai haver um monte de coisas acontecendo, certo? E vai acontecer tão rápido que você não vai saber que são três cópias da explosão de vapor, mas vai encher bem a moldura. Tudo bem, aqui vamos nós. Então a coisa toda explode. Agora, o problema é que a bomba ainda está aqui e a galinha ainda aqui, então boom. Tudo bem. O que queremos fazer é garantir que quando as explosões começarem, eu não quero mais ver a bomba. Agora, isso é algo vai ser um pouco complicado, porque agora que as explosões aqui, eu realmente não posso selecionar a bomba. Bem, na verdade, eu selecionei, mas você verá que eu selecionei no quadro 35. Então, se eu apagar, sabemos que não devemos fazer isso. Isso vai quebrar a interpolação e me dar uma moldura em branco e quadro 35 Então deixe-me desfazer isso rapidinho. E a solução aqui é colocar um porta-chaves em branco na camada de bomba assim que as explosões aparecerem. Então, neste quadro bem aqui embaixo da explosão, eu vou f 72 em um novo quadro de chave em branco. Assim que as explosões começarem, a bomba desaparecerá e não estará em lugar nenhum para ser vista. Então, o próximo desertará lá. O frango. Certo, então alguns quadros depois da bomba explodir, vamos querer mostrar nossa versão emplumada do frango. Então eu só quero te mostrar uma coisa, e isso é na biblioteca. Eu tenho frango, sem penas. E quando eu o arrasto para o palco, quero mostrar que ele está desenhado exatamente do mesmo tamanho da versão emplumada . Exceto que o corpo dele é um pouco menor porque não tem todas aquelas penas. Agora, o truque aqui é que nós queremos desculpe-me, o frango de pena estar no mesmo lugar exato que aquele com penas para que eu possa posicionar e onde eu quiser e, em seguida, excluir o normal. Mas vou te mostrar um truque legal. Então deixa-me livrar-me dele. Eu vou para o quadro número 65 na camada de frango. Quero ter certeza de que estou adicionando um novo quadro de chave. Tudo bem, então ele vai clicar aqui e apertar F seis para adicionar um novo quadro chave, que significa novamente que eu posso estragar tudo no quadro 65 sem afetar todos esses quadros anteriores. Agora, o que eu vou fazer é em vez de tentar alinhar manualmente o frango, sem penas com este. Eu vou, clique com o botão direito sobre o frango e eu vou selecionar símbolo de troca. E então eu fico com essa janela. Isso me mostra qualquer símbolo que eu queira trocar. Vou escolher frango, sem penas. Eu recebo essa prévia legal e acerto. OK. E agora o frango não aparece ali mesmo. E se eu me esfregar de volta, você verá que entre sem penas e penas, não há salto. Tudo bem. Fique de olho nos olhos e nas pernas. Você vai ver. A única coisa que realmente está acontecendo é o ar de penas amarelas indo embora e você com um frango rosa de penas. Tudo bem. Bastante fixe. Então eu exportar este rápido e boom lá você tem seu frango sem penas. É bastante incrível. E eu acho que isso vai dar uma volta mais uma vez. Boom! Lá vamos nós. Então, para deixar isso ainda mais frio a seguir, o que vamos fazer é adicionar aquele som de explosão, certo? Então nós queremos fazer é adicionar o som da explosão supor que esses gráficos de explosão começam a tocar? Então isso vai ser depois da bomba cair. E então por aqui está o primeiro quadro das explosões. Você vai notar que eu tenho uma camada separada para o som aqui, então eu vou apenas adicionar um quadro-chave lá porque nós vamos fazer é literalmente anexar o som ao quadro chave. Então eu vou f sete para adicionar um quadro de chave em branco lá. E vamos para importação de arquivos para a biblioteca e dentro da minha infeliz pasta de frango, eu tenho explosão dot mp três, que eu vou estar dando a vocês também nos arquivos fonte. Deixe-me abrir e então você verá na minha biblioteca que explosão ponto mp três aparece aqui e eu posso visualizá-lo. Segure seus ouvidos. Tudo bem. Que explosão incrível. Então agora o que eu vou fazer é ir para o painel de propriedades e com este quadro selecionado, você verá que há uma categoria de som, e o que eu vou fazer é clicar neste menu e ele me mostra todos os arquivos de áudio que estão na minha biblioteca. Então eu vou atribuir o som da explosão MP três para esse quadro. Agora, existem diferentes opções aqui para efeitos, tanto quanto, alimentando coisas dentro e fora, analisando o que você pode experimentar sozinho. Há também pia onde há quatro opções diferentes para início do evento, parar no fluxo. Eu não vou rever todas as diferenças, mas agora eu vou apenas selecionar fluxo porque ele me permite realmente ouvir o som quando eu esfregar através de minha f l A. E isso pode ser importante para sincronizar para mais informações sobre todas essas opções diferentes. Há um artigo de ajuda da Adobe. Ah, isso explica o início do evento, parar e transmitir e talvez um outro vídeo onde eu explico isso por uns 15 minutos. Mas agora não é a hora. É um ótimo recurso e vou te dar o link para isso na lição. Então vamos voltar para animar. E agora devemos ouvir esse som quando a cabeça de jogo chegar exatamente no quadro 60. Tudo bem, então deixe-me ir em frente e testar meu arquivo rápido. Não é isso que acrescenta tanto? Eu poderia dizer que terminamos agora, mas o que eu quero fazer é seguir em frente e adicionar alguns cachos muito sutis. A primeira coisa que quero fazer é que o pássaro olhe para baixo. É a batida ou duas depois da bomba cair vai olhar para ela. Depois, quando ele explodir, teremos o pulso dos olhos dele. Tudo bem, então nós vamos apenas adicionar mudanças muito, muito sutis que o ar vai para o pé. Basta adicionar um pouco mais de vida e realismo a esta animação boba. Primeiro, vamos voltar a um pouco depois que a bomba cair, então ela desce e então gira e ele ainda está parado lá, meio surpreso. O que eu vou fazer é no quadro 40 na camada de frango. Eu vou clicar em um novo quadro chave batendo F seis, é claro. E neste quadro aqui, eu vou clicar no pássaro e eu posso usar o seletor de quadros para escolher quadro para lembrar. Ele tem dois quadros. Pode ser um pouco difícil de ver. Deixe-me ampliar um pouco. Tudo bem, então no quadro dos olhos dele, ar apenas olhando para baixo. Alguém feche o seletor de molduras. Então agora só uma batida depois da bomba girar, veja o que acontece. Boom! Ele olha para baixo. Então ele vai passar alguns segundos olhando para esta bomba, sem saber realmente o que é. E então Boehm vai explodir em seu rosto agora nesses quadros, enquanto o som da explosão ainda está disparando e ele está apenas olhando para o espaço . Vamos fazer uma pequena animação pulsante dos olhos dele, então isso vai ser bem fácil. Deixe-me clicar duas vezes nele para editar o Tim. Vamos entrar no modo de edição de símbolos para frango, sem penas, e eu só vou sair para o quadro 20 digamos, clique e arraste para baixo para selecionar o quadro 20 em ambos os quadros e pressione F cinco para estender esses símbolos . Linha do tempo Eu tenho uma camada separada para os olhos aqui. Então, no quadro 10, será um pulso muito lento. Eu só vou clicar. E eu tinha um porta-chaves lá, e eu só quero fazer os olhos maiores. Então deixe-me ampliar um pouco, está bem? Estou fazendo o comando. Além disso, para fazer isso. Ou, claro, você poderia usar o menu do zoológico aqui em cima e deixe-me apenas selecionar este. Eu aqui e eu vou sair, uh, desculpe. Torne essas coisas um pouco maiores. Tudo bem, então, no quadro, um pequeno olhos emolduram 10 grandes olhos e você começa a idéia. Vamos voltar a ver o número um e vamos voltar para, digamos, caber na janela. Deixe-me testar isso e procurar o pássaro olhando para baixo. Lá está ele. E então você tem esse pulso não acontecendo. O que aconteceu? Ele olha para baixo. Isso é fixe. Não estou vendo a animação pulsante aqui. Bem, há uma razão para isso. Eu era um pouco tolo neste quadro aqui onde temos frango, sem penas. Vamos para o painel de propriedades, está bem? E você verá que ele está pronto para tocar um único quadro. Então vamos o que fazer para loop. E agora, na próxima vez que meu teste usando comando, retorno ou controle, entre no PC, veja o que acontece. Ele olha para baixo, e então nós temos aqueles olhos totalmente burros saindo. Tudo bem. Eu acho que é muito engraçado e legal. Incrível. Então, olhe, você jogou uma bomba em uma galinha e fez ela explodir. Então, espero que tenha se divertido muito fazendo isso. Bem, você ainda não fez isso. Então eu vou fazer é dar-lhe o exercício de acompanhamento ao longo, e você pode fazê-lo por si mesmo. Mas espero que agora você possa ver que fazer dois ou três segundos animação como esta com um pássaro e uma bomba em uma explosão não é tão difícil. Estamos refazendo todas as coisas que fizemos nas aulas 12 e 3. Trabalhando com quadros-chave, algumas interpolações clássicas e, o mais importante, entender como os símbolos aninhados funcionam. Então eu vou dar a vocês as instruções para a seguinte lição, e você pode fazer isso sozinho feliz em uma reunião 49. Chicken de bomba: são as pessoas aqui temos as carnes de frango, bomba seguir ao longo instruções. Tudo bem. Isso vai ser incrível e divertido. Há muitos passos, mas tome uma seção de cada vez. Não se apresse. Quando acabares com isto, terás feito tanto, e ficarei tão orgulhosa de ti. Então vamos a isso. Tudo bem, aqui eu tenho carnes de frango. Sublinhado da bomba. Começou a abrir, e agora vamos criar a animação da bomba. Passo um, clique no quadro 20 na camada de bomba e pressione F seis para adicionar um novo quadro chave, vá para o painel da biblioteca e arrastou o símbolo da bomba para o palco com a bomba selecionada. Vá para o painel de propriedades e defina o valor X como 3 10 e o valor Y como 75 negativo. Se você não pode ver a bomba por qualquer motivo, você pode diminuir o zoom usando o menu de ampliação para mim. Ampliar em 50% funciona bem. Usando a ferramenta de transformação livre, clique na bomba e mova o ponto de transformação para estar logo acima do ponto de registro . Tudo bem, nós queremos colocar este ponto branco bem acima da mira. Tudo bem, bem no centro, modo que quando você gira, parece que ele está se movendo em torno do centro real desse círculo. Ali. Clique no quadro 30 na camada de bomba e pressione F six para adicionar um quadro de chave. Com a bomba selecionada, vá para o painel de propriedades e defina as bombas. Por que valor para 4 90? Clique no quadro 35 na camada de bomba na imprensa F seis. Para adicionar um novo quadro de chave, clique na bomba e use o painel de transformação livre para girá-lo 45 graus. Clique com o botão direito entre os quadros 20 e 30 na camada de bomba e selecione. Criar interpolação clássico clique com o botão direito entre os quadros 30 e 35 a camada de bomba e selecione. Crie o clássico Tween scrub através das novas Interpolações para ver a bomba cair. Gire. Trabalho incrível. Tudo bem. Agora é hora de explodir coisas. Clique no quadro 60 na camada de explosão e pressione F six para adicionar um quadro-chave, vá para o painel da biblioteca e arraste o símbolo de animação de explosão para o palco em cima da bomba. Vá para o painel de transformação e defina a escala para 700% e centralize como quiser, arraste outro símbolo de explosão para o palco e coloque-o no corpo da galinha. Use o painel de transformação para dimensioná-lo para 300% e, por fim, arraste mais um símbolo de explosão para o palco e coloque-o no rosto das galinhas bater, retornar ou entrar para assistir às explosões. Muito legal Para evitar que as animações de looping, mantenha pressionada a tecla shift e clique em cada instância da explosão. Animação. Vá para o painel de propriedades e, em loop, selecione jogar uma vez. Agora, limpe a linha do tempo até chegar ao quadro 60 novamente. Onde está aquele boom ali? E se avançarmos, você verá que as animações são reproduzidas apenas uma vez perfeita para remover a bomba, clique no quadro 60 na camada de bomba e pressione F sete para adicionar um quadro de chave em branco. Clique no quadro de 65 na camada de frango na imprensa F seis para adicionar um novo quadro chave. Clique com o botão direito no símbolo da galinha e selecione o símbolo de troca. Selecione frango sem penas e acerte OK, faça um filme de teste de controle em Enemy e vamos ver como essa animação é incrível. Eu adoro isso. Em seguida, vamos adicionar um pouco de som certo. Então vá para importação de arquivo para a biblioteca. Você navega até sua pasta de carne de frango bomba, selecione explosão dot mp três e clique em abrir. Vá para o painel da biblioteca e notou que o arquivo de ponto de explosão mp três está sentado na biblioteca. Você pode pressionar o pequeno botão play. Uau. Para ouvi-lo, clique nos quadros 60 na camada de som e pressione F sete para adicionar um quadro de teclas em branco com quadro 60 selecionado. Vá para o painel de propriedades e use o nome do som. Menu suspenso para selecionar ponto de explosão mp três e certifique-se de que o dissipador está configurado para transmitir. Faça um filme de teste de controle no inimigo para ouvir a explosão. Ah, de novo, quão incrível é isso? Próximo. Vamos adicionar expressões faciais ao frango. Certo, então agora vamos fazer seus olhos olharem para baixo quando a bomba se inclinar, então clique no quadro 40 na camada de frango e pressione F seis para adicionar uma nova moldura chave, clique no frango e depois vá para o painel Propriedades e clique em usar Seletor de quadros. Clique no quadro para e, em seguida, feche o seletor de quadros. O frango agora está olhando para a bomba. Vá para o quadro número 65 duplo clique no frango. Não há penas para entrar no modo de edição do símbolo. Clique no quadro 20 Na camada de olhos, Mantenha o botão do mouse pressionado em arrastar para baixo até o quadro 20 na camada um para selecionar quadro 20 em ambas as camadas. Pressione F cinco para adicionar quadros a ambas as camadas. Clique no quadro 10 na camada de olhos impressionado F seis Para adicionar um novo quadro chave, Use a ferramenta de transformação para fazer os olhos maiores. Eu vou dar zoom em cerca de, eu não sei, 100%. Eu vou selecionar este I e realmente vai zoom em mais uma vez, comando. Além disso. E eu vou esperar até ter esse pequeno ângulo. Onde você está? Você é uma chata. Vá por aqui. Deixe-me ampliar mais uma vez. Comando mais ou controle. Além disso, no PC. Lá vamos nós. Ia segurar o turno, e vamos fazer esses olhos maiores. Tudo bem. Nós só estamos indo para eu sair. Uh, tudo bem. Esta noite você vê tem olhos pequenos e olhos grandes. Clique na cena um para voltar a ver uma. Vá para o painel de propriedades e em looping set opções para loop fazer um filme de teste de controle Inanimate sobre o que acontece? Olha para baixo. Boom! E então ficamos com os olhos surpresos. Você fez tanto. Isso é incrível. Salte para cima e para baixo e grite sobre como você está emocionado. Muito bem, espero que estejas entusiasmado. E eu espero que você tenha se divertido fazendo essa animação incrível. 50. Guia de movimento: Muito bem, pessoal, neste exercício, vou ensinar-vos a usar guias de movimento. Isso significa que podemos pegar qualquer símbolo e fazê-lo seguir qualquer caminho que desenharmos. Verifica isso. Tudo bem, vamos começar de forma simples. E aqui eu tenho f l A aberto. Eu tenho uma camada de seta aqui em baixo, e ele tem 30 quadros para mim para mexer com quadro blankie no quadro um até eu pegar a seta para fora da biblioteca e colocá-lo para a esquerda do palco. Agora, o que eu quero fazer é criar um caminho para esta seta seguir. Então eu vou para a camada de seta, clique com o botão direito sobre ele em selecionar adicionar guia de movimento clássico. E quando eu fizer isso, você verá que a camada de seta fica um pouco recuada aqui, e está sob uma camada guia que tem este ícone diferente desses pontos nesta pequena caixa ou círculo aqui embaixo. Acho que é um quadrado. E agora o que isso significa é que eu perdoo desenhar um caminho na camada guia que a seta seguirá. Então eu vou usar a ferramenta lápis para desenhar um caminho ou um traço, devo dizer que vou começar a desenhar em qualquer lugar e fazer algo assim, certo? E então eu tenho uma espécie de, Ah, pequena linha estranha aqui. Eu ainda posso decidir selecionar tudo e apenas suavizar um pouco. Tudo bem, livre-se de algumas das torções, se quiser. Para que a seta siga o caminho, preciso primeiro ter uma Interpolação no lugar. Então, na camada de seta, eu vou para o quadro número 30 e apertar F seis para adicionar um novo quadro chave. E eu vou para Então eu não sei, eu poderia arrastar a seta para algum lugar aqui, e eu vou dizer clique direito, criar Tween clássico. Então agora você tem o que você espera da flecha atravessando o palco. É meio que não prestar atenção ao derrame que desenhei. Bem, a razão para isso é que nós temos que literalmente encaixar a seta no traçado nos quadros de teclas inicial e final. Então a maneira como fazemos isso é você vai notar que quando eu estou arrastando esta seta para cá, aquele pequeno círculo preto aparece no centro. E enquanto eu estava me arrastando, eu queria ter esse derrame. E quando eu liberar, você verá que ele meio que salta para o derrame tipo de algum lugar perto. Mas o que vou fazer é isto. Vou ligar este pequeno ímã aqui para encaixar objetos. E quando eu faço isso, então enquanto eu estou arrastando seu vai estalar e esse estalo funciona um pouco melhor. Então, no primeiro quadro chave, eu vou arrastar a seta para aqui e para o último quadro chave. Vou arrastar a flecha até aqui. E agora, quando eu passar por essa Interpolação perceber o que acontece, você verá que a seta segue esse caminho. Agora está sempre apontando para a direita. Se eu quiser que a seta aponte na direção em que ela está seguindo esse caminho , eu vou clicar no primeiro quadro na camada de seta, ir para o painel de propriedades e as propriedades desse quadro. Eu vou selecionar Orient to Path, e quando eu fizer isso agora, você verá que a seta realmente está voltada para a direção do caminho. Vai ficar um pouco estranho por aqui. Talvez um pouco. E no final, uma vez que neste quadro chave eu tinha ele apontando diretamente para a direita, eu também preciso fazer com que ele olhe manualmente para o caminho que eu quero ir. Então, quando você usa a ferramenta de transformação e eu vou girá-la um pouco na direção que eu quero que ela seja e então talvez eu vá trazê-la até o fim, algo assim. Então, aqui vamos nós. Temos a flecha agora perfeitamente seguindo esse caminho. Agora, uma vez que o caminho é desenhado, eu posso modificá-lo para que eu possa apenas dobrá-lo, fazer coisas engraçadas como esta. E agora você verá que a flecha ainda segue esse caminho. Se, depois de criar o caminho, eu percebi, não é o caminho que eu quero tudo, eu posso selecionar a coisa toda e me livrar dele. E agora o meu Tween vai ser assim porque não há nenhum caminho. Então talvez eu pegue minha ferramenta de lápis novamente e desenhe um caminho como este. Até certo ponto, podemos fazer caminhos cruzados, inimigos muito inteligentes. Mas novamente, eu desenhei o caminho. Eu ainda preciso fazer o meu encaixe no primeiro quadro e no último quadro. Então, no primeiro quadro, eu vou pegar a flecha e arrastá-la, e ele vai explodir, apenas tipo de travar naquele caminho lá onde o pequeno círculo está. E no último quadro, vou fazer a mesma coisa. Não só vou encaixá-lo no caminho, mas vou forçá-lo manualmente a enfrentar na direção do caminho. E agora confira. Isso é jogar ao contrário. E agora nós o temos jogando para a frente. Agora, há um ponto no tempo em que seu caminho pode ficar tão complexo que animar realmente não vai saber o que fazer. Mas, na verdade, estou muito surpreso. Ah, descobri isso. Hum, que eu pensei que iria explodir tudo muito legal. Eu quero mostrar que se eu fizer um filme de teste de controle ou se eu exportar um vídeo ou um presente, o que está na camada de guia não aparece no filme final. Agora, uma coisa que você vai notar é que ele está meio que correndo um pouco erraticamente, certo? Não é muito suave. Bem, isso é porque este caminho que eu desenhei é realmente bastante longo. Se você imaginar como um pedaço de corda que eu esticaria em linha reta, seria, , provavelmente,três vezes o comprimento do palco. Então, o que eu sugeriria neste caso com um caminho longo é que eu vou apenas bater F cinco e isso vai adicionar quadros de camada e ambas as camadas, se você quiser, todo o caminho até o quadro 60. Então, isso dá à animação mais tempo para jogar. Então lá vamos nós. Nós suavizamos um pouco. Então, quanto mais quadros temos, mais tempo temos para ver a seta indo do ponto A ao ponto B. E se você quiser ver o caminho na exportação final é com presente para vídeo ou mesmo se você está fazendo isso em HTML cinco e a página da Web, você pode selecionar o seu caminho e você pode apenas fazer um controle de ar marítimo comando, ver para copiá-lo e você pode adicionar uma nova camada. E neste caso, eu vou colocá-lo sob a seta, e eu vou selecionar o primeiro quadro no comando shift ou control shift V no PC vai colocar esse caminho na camada inferior. Então, se eu desligar esses dois, você verá que a camada inferior tem um caminho nele. E, em seguida, se eu fizer um comando retornar para exportar, então você pode realmente ver o caminho em sua animação final. Legal. Tudo bem, então agora faça basicamente a mesma coisa, mas com uma borboleta legal. Então deixe-me ir à minha biblioteca, e eu quero ter certeza que eu tenho a camada de borboleta selecionada, e nós tiramos a borboleta para fora. Coloque-o aqui em algum lugar. Uau. Ele é bem grande. Isso está tudo bem. O que eu quero mostrar a vocês que a escola é que se eu clicar duas vezes no símbolo da borboleta, ele realmente tem uma animação aninhada de suas asas batendo. O que eu quero mostrar a vocês que a escola é que se eu clicar duas vezes no símbolo da borboleta, Tudo bem. Bastante agradável. Então eu vou para a cena um. E como eu acredito que ele é um clipe de filme, isso significa que quando eu testar esse filme, vamos fazer isso. Hum, você vai ter uma borboleta cujas asas estão sempre batendo, o que é muito legal. Então vamos colocar a borboleta aqui, e eu vou decidir que quero que ele se anime através do palco. Então, eu vou clicar com o botão direito na camada de borboleta e selecionar Ed Classic Motion Guide Naquela camada de guia de movimento, eu vou clicar para ter certeza que eu cliquei no quadro chave lá. Vou selecionar minha ferramenta de lápis, e gosto de ter a ferramenta de lápis ajustada para suavizar. Ok, isso vai te dar provavelmente os melhores resultados. E eu vou ter um pouco de Q encaracolado tipo de coisa assim. Muito bem, aí está o meu guia de movimento e eu vou agora sair para o quadro 60. E vamos apertar F seis para adicionar um quadro chave, é claro. E eu vou colocar a borboleta onde eu quero que ele pouse. Então eu vou pegar a ferramenta de transformação girando um pouco. Mas o mais importante, acho que quero agarrá-lo. E enquanto o agarro, reparem como o ponto de registo dele se transformou naquele círculo negro. Vamos colocá-lo no caminho por aqui e usando a ferramenta de transformação que eu posso fazer o quê? Vamos girar esse cara. Então, ele está virado do jeito que deveria. E no primeiro quadro. Eu também vou ter que fazer a mesma coisa. Não importa se você fizer isso. O último quadro ou primeiro quadro em que ordem? Mas quando você está arrastando, você quer ter certeza de que não está usando a ferramenta de transformação livre. Então eu vou usar a ferramenta de seleção. E novamente, quando eu estou arrastando, eu tenho aquele pequeno círculo preto que é quase impossível de ver. E eu vou usar a ferramenta de transformação livre agora, também. Enfrente-o do jeito certo. E uma vez que essa configuração, eu posso criar o Tween clássico e agora a borboleta vai seguir esse caminho e parece incrível. Ok, não muito pobre. Uma coisa que posso fazer é no último quadro. Posso pegar a borboleta e vou segurar, mudar e diminuir a escala. Então vai acontecer agora é como ele está voando. Vai ser encolhendo para fazer parecer que talvez esteja voando um pouco mais baixo do que a câmera e você só tem um efeito legal lá. Está bem, parece uma borboleta de verdade. O que você sabe? Tudo bem, pessoal. Então, abra o siga ao longo de vídeo e instruções. Eu realmente quero fazer este exercício para você mesmo. Não vais aprender a não ser que o faças. Mãos em cima. Tudo bem. Como um pequeno bônus, vou te dar esse arquivo de exercícios de joaninha. Hum , está acabado. Eu só queria explorá-lo se você quiser, mas é muito legal. Tem uma joaninha seguindo um caminho. E o que eu gosto sobre isso é que ele tem um monte de filtros nele para te dar aquele realce e sombra, e, uh, parece muito legal. Tudo bem, então aproveite. 51. Seguida ao longo: Tudo bem. Aqui está. As instruções passo a passo para fazer a borboleta Siga Guia de Emoções Vamos com a ferramenta de seleção ativada. Vá para a parte inferior do painel de ferramentas e verifique se o ajuste aos objetos está ativado. Agora, está desligado, e agora está ligado quando tem aquele fundo mais escuro. Clique com o botão direito do mouse na camada de borboleta em Adicionar guia de movimento clássico. Clique na ferramenta lápis e defina a cor do traçado como vermelho na parte inferior do painel de ferramentas. Defina o modo lápis para clicar suavemente no quadro um na nova camada de borboleta guia para selecioná-lo e garantir que estamos desenhando no quadro adequado. Comece à esquerda do palco e desenhe uma forma básica de colina indo para a direita. Se você precisar suavizar sua curva, use a ferramenta de seleção para selecionar a curva completa clicando duas vezes nela e depois no painel de ferramentas . Você pode pressionar o botão do modificador suave. Muito agradável. Se o traçado for muito grosso ou muito fino com a opção selecionada, você poderá acessar o painel de propriedades e ajustar a altura do traçado. Estou bem com dois. Use a ferramenta de seleção para mover a borboleta para o traçado e fazer com que esse pequeno círculo preto se encaixe no traçado. Use a ferramenta de transformação livre para girar a borboleta para que ela esteja voltada na direção que o traçado está indo. Clique no quadro 60 na camada de borboleta e pressione F six Para adicionar um novo quadro de chave, volte para a ferramenta de seleção e mova a borboleta para o final do traçado. Se necessário. Use a ferramenta de transformação livre para girar a borboleta para que ela esteja voltada para a direção do traçado. Clique com o botão direito entre o quadro um e o 60 na camada de borboleta em selecionar, crie um toque clássico de Interpolação retornar ou enter para assistir a borboleta Mover ao longo do caminho. Incrível. Se a borboleta não estiver voltada para a direção do caminho, clique no quadro um. Vá para o painel de propriedades e verifique se Orientar para Caminho está selecionado. Isso vai garantir que a borboleta sempre enfrenta na direção que você desenhou o caminho. Incrível. Você criou sua primeira animação ao longo de um guia de movimento 52. de de fechamento: Ei, turma, muito obrigado por assistirem. Eu realmente espero que você aprenda algo com este curso, e isso faz você querer apenas sair e criar coisas com o Animate CC. Se você quiser. Seymour animar treinamento CC de mim aqui em compartilhamento de habilidades. Por favor, me avise. Deixe um comentário abaixo poste algo na seção da comunidade ou publique um de seus projetos. Fico tão feliz quando vejo o que meus alunos fizeram. Faz algo legal e postado nas mídias sociais. Só certifique-se de marcar a televisão com snorkel. Muito bem, recentemente, um dos meus alunos postou esta animação, e pode ser simples, mas fiquei tão feliz em ver que eles pegaram suas próprias obras de arte e fizeram algo muito legal, Tudo bem? E isso só me mostrou que eles realmente aprenderam algo com este curso. Então contacte as redes sociais, marque-me e marque-me e espero ver no próximo curso. E se você quiser se manter atualizado sobre as últimas notícias de animação e atualizações sobre tutoriais de TV snorkel dot e cursos da minha newsletter, Eu envio um para fora uma ou duas vezes. Alguém com apenas um pouco de notícias de animação e algumas coisas para te inspirar. É uma ótima maneira de se conectar comigo e com a comunidade de animação feliz e uma reunião.