Autorretrato animado: dê vida ao seu gêmeo malvado | Joy + Noelle | Skillshare
Menu
Pesquisar

Velocidade de reprodução


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

Autorretrato animado: dê vida ao seu gêmeo malvado

teacher avatar Joy + Noelle, illustrators, animators, twins

Assista a este curso e milhares de outros

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

Assista a este curso e milhares de outros

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

Aulas neste curso

    • 1.

      Trailer

      1:13

    • 2.

      Visão geral

      0:43

    • 3.

      Brainstorm

      2:02

    • 4.

      Esboço

      6:13

    • 5.

      Tinta

      2:30

    • 6.

      Cor

      10:03

    • 7.

      Configuração de projetos e recursos

      4:39

    • 8.

      Keys

      5:12

    • 9.

      Extreme

      5:58

    • 10.

      Midpoints

      3:32

    • 11.

      Antecipação, ação e reação

      9:41

    • 12.

      Animação com tinta e cor

      7:52

    • 13.

      Compartilhe a coisa incrível que você fez a

      0:29

    • 14.

      A linha de tempo e a animação "pose para pose"

      9:43

    • 15.

      Animação em reta e mescla em que

      9:57

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

Gerado pela comunidade

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

2.080

Estudantes

45

Projetos

Sobre este curso

Vamos criar um autorretrato em 10 segundos ou em menos animado no Photoshop. É o projeto de pequena dose para motivar você a trabalhar em algo para si para ser um pouco de on para uma vez para que seja mais acessível do que um autorretrato? Você pode ir com nosso tema, que está animando seu Evil Twin, ou pode ir com seu seu próprio tema, é para você, é para você. Vamos orientar você em nosso processo criativo, do brainstorming ao design do personagem, desde a animação grosse até seu Self-Portrait. de animação final. Este curso é para todos os níveis de animadores, com um conhecimento básico do Photoshop, que quer fazer algo pessoal, artístico e divert, em que se diverta. Você vai sair com algo que pode ser usado para seu logo, no site ou no seu Pode mesmo para estimular suas

Conheça seu professor

Teacher Profile Image

Joy + Noelle

illustrators, animators, twins

Professor

NY-based design team JOY + NOELLE are illustrators, animators, and, as it happens, twins. We specialize in story-driven work, ranging from commercial video, independent short film and book illustration. We also keep an exquisite collection of charming objects and charming pets, from which we draw inspiration.

Select clients include Anthropologie, Netflix, A+E Digital, NBC, Nickelodeon, Cartoon Network, TED, Amazon Studios and Sesame Studios.

Visualizar o perfil completo

Level: Intermediate

Nota do curso

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

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

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

Transcrições

1. Trailer: Espere. Diga: “Esta é a Joy falando.” Aqui é Joy falando. Esta é a Noelle a falar agora. Aqui é Joy falando. Parecemos muito, mas a minha voz soa um pouco mais profunda. Está bem. Há alguma maneira de cortarmos isso? Posso dizer de novo. Pegue dois. Somos Joy e Noelle. Somos ilustradores, animadores, e também somos gêmeos. Sou a Joy. Eu sou Noelle, e criamos animação para TV e vídeos web, e também dirigimos e animamos cinco curtas-metragens independentes juntos. Nesta aula, vamos animar um auto-retrato no Photoshop. Você pode ir com o nosso tema, que está animando seu gêmeo mal, ou você pode escolher o seu próprio. Na verdade, cabe a você. Vamos guiá-lo através de nosso processo criativo, desde brainstorming até design de personagens, desde animação áspera até seu autorretrato animado final. Esta aula é realmente para todos os níveis de animadores que têm um conhecimento básico do Photoshop e só querem fazer algo pessoal, artístico e divertido. Você deixará esta aula com algo que você pode usar para o seu logotipo, site, pára-choques de filme ou carretel. Você pode até mesmo criar ideias para o seu próximo filme. Mal posso esperar para ver o que vocês inventaram. 2. Visão geral: Nesta seção, vamos rever o projeto e o que você precisará para criar seu auto-retrato animado. Tudo o que você precisa para este projeto é um caderno de esboços, Photoshop, e um tablet ou um pouco de chá. Vamos demonstrar esboços, design e animação no Photoshop CC 2015. Tente manter sua animação em 10 segundos ou menos. Este é um projeto tamanho mordida não um curta-metragem, o que o mantém completamente factível e simples. Noelle vai cobrir as unidades de design, enquanto eu cubro as unidades de animação. Isso não significa que Noelle não seja uma animadora, é apenas como decidimos quebrar o vidro. Obrigado, Joy. De qualquer forma, à medida que você completa cada unidade, carregue as etapas do seu trabalho para a galeria do projeto para que todos possam ver e desfrutar do seu trabalho e você possa usar o mesmo. Em seguida, começaremos a fazer brainstorming. 3. Brainstorm: Esta unidade é onde você começa a jogar com idéias. Então pegue um café e desenhe, leia, escreva, ouça música, assista filmes. É aqui que você pode tirar um pouco de tempo para reunir suas ideias e inspirações e influências para o seu auto-retrato animado. Então dizemos tudo isso agora. Mas honestamente, embora devêssemos ir lá fora para nos inspirarmos, estamos apenas clicando na Internet. Quando te inspirares em todo o filme, livros, arte, música, tudo o que conseguires, vais precisar de um lugar para guardar todos estes pensamentos e imagens, e nós gostamos de criar álbuns no Pinterest. Estas são algumas das imagens que coletamos para nos inspirar para este projeto. Aqui estão alguns dos nossos favoritos. Você também pode coletar inspiração de animação e fazer um álbum no Vimeo. Joy, você tem algo a acrescentar sobre isso? Sim, eu sei. Agora, antes de começar o projeto, eu mergulho em animação para inspiração, assim como nós reunimos imagens e outros materiais no Pinterest anteriormente. Agora preciso descobrir como quero que isso se mova. Quando terminar, você pode compartilhar seus quadros de inspiração e imagens na galeria do projeto. Poste um link para os teus álbuns do Pinterest ou apenas anexa o teu álbum de estilo e imagens. Então aproveite a fase de brainstorming porque depois disso você tem algum trabalho real para fazer. - Sim. É isso? Sim, é isso. Tchau. Tchau. 4. Esboço: Eu vou estar cobrindo design de personagem, e nesta unidade estaremos fazendo um esboço. Divulgue seu livro de esboços ou você pode trabalhar diretamente no Photoshop usando uma guia letras antigas. Este é o palco onde vamos pegar todas as idéias que você coletou da unidade de brainstorming, colocando-as em seu auto-retrato. Isso não precisa ser super realista. Pode ser sobre como você gosta de desenhar, mas pode ser estilizado, pode ser exagerado. Apenas divirta-se com ele. Vamos começar. Eu tenho o meu documento aqui e eu configurei isso indo Arquivo, Novo. O tipo de documento que escolhi é uma predefinição de filme e vídeo em 1920 por 1080 porque, em última análise, eu sabia que queria usar isso para vídeo. Você não precisa usar essas predefinições, mas lembre-se de onde sua animação vai acabar. Antes de começar, eu vou para minhas Preferências, Desempenho e certifique-se de que os estados do histórico estão definidos pelo menos 100 porque você vai querer vários níveis de desfazer. Gosto de esboçar com uma grade. Coloquei isso aqui, uma linha de grade a cada centímetro, e escolhi uma cor cinza claro. Vou usar um pincel texturizado para desenhar. Gosto de usar um pincel como este para esboçar e arte final. Ele imita a aparência de um lápis, e eu incluí isso na seção de recursos da turma, então fique à vontade para pegar isso se quiser. Vou fazer uma nova camada chamada esboço. Eu vou estar começando muito duro e limpando como eu ir junto. O tema é gêmeo mal, e então eu vou desenhar meu gêmeo aqui. Normalmente eu rastrearia isso para que eles pareçam exatamente iguais, mas eu não vou fazer isso agora. Eu só vou, magicamente lá está ela. Não teremos que fazer isso de novo. Se você está sentindo coisas, apenas volte para seu brainstorm e estilo de palavras. Algo que me inspirou quando estávamos brainstorming para este projeto foi, eu estava pesquisando gêmeos e me deparei com algo do Psychology Today em 1989, que diz: “Enquanto a maioria das pessoas começa a vida separada e deve aprender intimidade, meu gêmeo e eu começamos a vida íntima e tivemos que lutar pela separação.” Gostei da ideia de estar tão perto de alguém que estar separado era, na verdade, uma luta. Comecei a movê-los. Parecia um bom ajuste, como um quebra-cabeça. Enviei isso para Joy e a fiz rir, e estou sempre procurando esse tipo de reação dela. Decidi ir com isto. Este design acabará sendo um modelo de personagem ou o primeiro ou último quadro de sua animação. Para nós, este acabou sendo o último quadro, porque eu dei isso à Joy, e ela animou isso. Como um curso requintado. Eu sei que a maioria de vocês está dizendo, “Isso é ótimo, mas eu não tenho um gêmeo para quem eu possa entregar isso.” Isso é verdade, mas você pode fazer uma pausa, afastar-se dele por um dia mais ou menos, e então quando você voltar talvez você tenha uma nova idéia ou algo que você não viu antes. Além disso, o que é divertido em um projeto pessoal? Você não tem que saber onde está indo agora, você pode apenas descobrir como você vai junto, e seu esboço vai ajudar com isso. Eu não quero destruir minha arte original apagando, eu quero ser capaz de mantê-lo no caso de haver algo que eu queira mudar mais tarde. O que estou fazendo agora é que estou pintando em cima das camadas usando uma máscara de camada aqui. Este é o ícone para máscaras de camada. O branco é completamente visível e a falta é invisível. Se estou pintando na máscara de camada deste personagem em preto, está tornando esta linha invisível. Se eu for longe demais com isso, posso pintar de branco de novo e ele volta. Você pode ver se clicar com o botão direito do mouse, você pode desativar a máscara de camada. Todas as obras de arte ainda estão lá. Se você não está feliz com ele e você só quer se livrar disso, você pode excluí-lo. Mas isto vai ajudar-me a descobrir como quero que isto pareça. Vou começar a me livrar dessas linhas. Eu vou duplicá-los para que eu sempre tenha isso, mantê-lo naquela pasta bem ali. Agora eu vou aplicar a máscara de camada para que eu possa começar a editar este design um pouco mais. Eu acho que eu vou desenhar uma borda em torno de comprimento com seu estilo. Ali, isso parece muito bom. Se você ainda não fez isso, salve seu esboço como um PSD. Agora vamos salvá-lo como um JPEG para upload, então Arquivo, Exportar, Salvar para Web. Vou guardar isto como um JPEG a 50%, 960 por 540. Salvando-os na minha pasta de esboços. Agora vou enviar para a galeria do projeto. Aqui está meu projeto, edite projeto. Veja. Agora temos um esboço. Salve seu projeto. Agora é a sua vez. Não se esqueça de postar todas as etapas do seu trabalho e confira o que os outros alunos estão postando e deixe comentários. 5. Tinta: Esta unidade cobre o design final do personagem, onde estaremos pintando e colorindo seu auto-retrato. Vou rever como organizar meu projeto, algumas dicas de fluxo de trabalho, configurar ações para facilitar o design e a animação. Finalmente, vou mencionar alguns recursos para escolher a cor. Aqui temos o nosso esboço gêmeo malvado e não há nada realmente mal nele ainda. Quero dizer, é assustador. Mas quando é animado e eles se separam, e você vê que eles compartilham esse olho, e então ele pisca, eu acho que é aí que você começa uma pequena travessura. Vou guardar isto como um novo projecto. Minha pasta de tinta e cor e eu vou chamá-la de Ink_and_Color. Quando estou colorindo, eu mantenho quase tudo em camadas separadas para que eu possa facilmente mudar as cores como eu vou para ver o que eu mais gostei. Você não tem que trabalhar assim. Eu só vou te mostrar como eu faço isso. Ele realmente simplifica as coisas para mudar as cores mais tarde, se eu quiser. Faço um guia de camada e dentro desse grupo, faço duas camadas: uma linha chamada e outra chamada de cor. Vou duplicar este guia de camada para tudo o que eu quero separado. Então agora o cabelo tem uma camada de linha e cor lá dentro. Então, vou em frente e fazer isso por tudo o que quero separado. Ok, agora que isso está feito, eu vou mesclar meu esboço porque eu já tenho esse arquivo salvo para que eu possa simplesmente mesclar tudo isso e nomeá-lo esboço. Eu vou trazê-lo para cima, desligar o guia de camada, e eu vou reduzir a opacidade sobre isso para 25%. Então, em seguida, eu vou pintar a camada de linha apenas para cada grupo. Então eu vou começar com o cabelo e trabalhar meu caminho para baixo e eu estou usando o mesmo pincel para a arte final que eu fiz para o meu esboço. 6. Cor: Então agora tudo está pintado em preto e se você se lembra, meu design final não tem um contorno preto, então eu vou querer fazer essa cor de contorno da mesma forma que as cores de preenchimento. Eu só escolhi a cor enquanto eu ia junto. Estas são pequenas amostras que acabei de fazer no Photoshop e estão rotuladas para tudo. Mas há um par de sites diferentes que são ótimos para cores. Uma que uso o tempo todo é a cor da Adobe. É ótimo porque você pode navegar todos esses temas diferentes e editá-los e torná-los seus. Você sabe, não roube o trabalho de outras pessoas, mas você pode editar essas cores de cortesia, mover as coisas, mudar essa amostra e você pode salvá-las e torná-las seus próprios temas. Eu realmente, apenas como um exemplo para esta classe, eu fiz um tema a partir das amostras que eu escolhi para o meu auto-retrato. Se eu voltar para o Photoshop e ir Janela, Bibliotecas, minhas amostras estarão lá. Tenho outras amostras salvas de outros projetos em que trabalhei. Isso é realmente ótimo porque você pode simplesmente clicar nessas cores, ele vai direto para a sua amostra ali e você pode adicioná-las e rotulá-las. Não vou usar isso já que tenho minhas amostras aqui, mas isso é algo para ter em mente. Quando você está escolhendo cores, você pode lembrar que algumas cores representam certas coisas. Estes grandes diagramas têm todos os significados da cor. Acho que gosto de cinza e laranja juntos, é por isso que escolhi essas para o meu auto-retrato e escolho as cores que eu gosto, que acidentalmente são quatro cores cappuccino. Andrew Kuo, tem um diagrama muito engraçado em sua roda de preocupação na cor, e laranja representa a morte. Eu já o ouvi dizer antes que se ele tem um conceito realmente escuro, ele propositadamente não escolherá cores escuras. Então você pode ir com as coisas que você gosta. É um auto-retrato, então colorir suas cores favoritas, mesmo que sejam as cores mais horríveis na roda de cores. Agora que terminei de doer, posso desligar meu esboço, jogar isso em um grupo. Vamos começar a colorir todas as nossas camadas na camada de cores. Vou pegar a cor do cabelo. Desde que eu quero manter estes separados, uma maneira de fazer isso seria selecionar a camada de linha, usar minha varinha, saltar para a camada de cor, e preencher. Isso foi tão fácil, mas se eu desmarcar, eu tenho essa linha de anti-alias horrível separando a cor e a camada de linha. É muito irritante ter que ir lá e pintar essa linha, então vou mostrar um truque que aprendi com as técnicas de animação de Alex Grigg, Photoshop. Ele tem uma ótima técnica para colorir para animação. Então você vai querer se lembrar disso para as unidades de animação da Joy. Enquanto estou fazendo isso, vou gravar uma ação para isso, então nunca mais teremos que fazer isso de novo. Se ainda não estiver aberto, você pode ir Janela, Ações para abrir sua janela de ação. Vou clicar nesta pasta aqui para fazer um novo conjunto chamado cor. Em seguida, vou para este ícone aqui e escolher Nova ação, vou chamá-lo Expandir>Preencher. Agora está gravando, mas não queremos gravar ainda, então vou pressionar “Stop”. Nós não queremos gravar ainda porque eu vou fazer uma seleção nesta camada de linha primeiro. Agora que eu fiz essa seleção, eu posso apertar “Gravar”. Então agora temos nossa seleção, eu vou para Selecionar, Modificar, Expandir, e vou expandir em dois pixels. Dependendo do seu pincel, você pode precisar mudar isso, mas para mim isso vai funcionar. Então, agora, se você ampliar, você pode ver que a seleção se expandiu para a camada de linha. Agora, quando preenchermos a camada abaixo, você não vai conseguir essa separação anti-alias. Em vez de escolher a camada de cor, eu não quero que a ação me registre escolhendo uma camada chamada cor porque eu só queria escolher a camada que está abaixo da minha camada de seleção. Então, uma tecla de atalho para que apenas mova automaticamente para as camadas abaixo da seleção é, opção Abrir Bracket. Então, agora que nos mudamos para lá, podemos preencher. Certifique-se de que escolhemos nossa cor de cabelo, escolha olho para olho conta-gotas, e eu vou pressionar, “Editar”, “Preencher”, “Cor de primeiro plano” que irá preencher automaticamente, ou uma tecla de atalho para isso seria Option Delete. Então agora eu vou desmarcar e ir para minhas Ações e parar de gravar. Então agora, sempre que precisar cobrir algo, você pode simplesmente ir para suas Ações e clicar em “Jogar”, que eu não quero ter que abrir essa janela toda vez. Então eu vou clicar duas vezes na minha opção “Expandir preenchimento” e você pode definir uma chave de função para isso. Então eu vou definir isso para F4. Então agora, sempre que eu precisar colorir algo, eu só vou apertar “F4" e ele vai preenchê-lo para mim. Esta camada de cor não preencheu todo o caminho por causa do meu design de cabelo irritante, mas para tudo o resto isso deve funcionar. Agora temos uma cor de cabelo com um contorno preto, mas a camada de linha deve corresponder à camada de cor. Eu vou bloquear pixels transparentes, este pequeno ícone aqui em cima, e certifique-se de que eu tenho a cor do cabelo selecionada e eu vou apertar a opção “Excluir” no meu teclado ou “Editar”, “Preencher”, “Cor do primeiro plano”, e agora o corresponde à camada de cor. Agora vamos fazer isso por tudo o que queremos de cor. Vamos nos lembrar dessas duas coisas. Definindo sua ação para expandir, preencher para colorir e bloquear pixels transparentes, preenchendo com sua cor de primeiro plano para colorir a camada de linha da mesma forma que sua camada de cor. Então eu só vou descer a lista e colorir em todas as minhas camadas de linha. Agora que todas as nossas cores de contorno estão prontas, vamos entrar e escolher nossas cores de preenchimento e selecionar minha camada de linha para o rosto. Faça minha seleção com a varinha e aperte “F4" para preencher e agora vamos descer a linha e fazer isso para todas as nossas camadas de cores. Agora todas as nossas camadas de cores estão preenchidas e isso é algo que teria demorado muito tempo e teria sido muito irritante e agora é feito em questão de minutos, então obrigado Alex Grigg por essa técnica de coloração. Agora, para fazer o design do suéter, eu vou fundir essas duas camadas, já que eu sei que eu não quero mudar mais a cor do contorno, eu vou fundir essas duas camadas e chamar essa cor de suéter. Para fazer um design de suéter, vou escolher um cinza mais claro. Eu não quero ter que morder sua necessidade com isso, eu quero ser capaz de apenas desenhar muito livremente para o design do suéter. Então eu vou fazer essas máscaras de recorte clicando com o botão direito do mouse e no menu, eu vou escolher, “Criar máscara de recorte”. Agora, o que eu desenhar nesta camada de linha de suéter só vai ser visível dentro do conteúdo da camada de cor do suéter. Então, se eu soltar essa máscara de recorte, você pode ver que toda essa obra de arte ainda está lá, é apenas cortada para a camada de suéter, que é o que nós queremos. Então agora eu posso desenhar isso e eu não tenho que me preocupar em ser muito legal sobre isso. Agora, embora suas camadas de cor de revestimento ainda estejam separadas, ainda há tempo para fazer alterações nas cores desejadas. Então, se você não está feliz com algo, você pode facilmente ir e escolher uma cor diferente. Mas eu estou feliz com estes então agora eu posso mesclar qualquer coisa que não precisa estar em camadas separadas para que tudo seja menos complicado para a animação. Então agora eu posso mesclar o grupo de cabelo apenas apertando “Command E” no meu teclado ou clicando com o botão direito e dizendo grupo de mesclagem, então agora isso está em uma camada. Eu vou fazer isso para tudo que pode ficar em uma camada. Agora eu vou jogar todas essas camadas em um grupo, e agora eu vou fazer minha fronteira em torno disso. Então eu vou trazer meus guias, conjuntos sobre onde eu quero, e para fazer a borda, eu vou escolher minha cor de fundo, que é este cinza aqui e eu vou preencher o fundo. Numa camada acima da minha arte, farei a fronteira. Há um monte de outras maneiras de fazer isso, mas desta forma, eu acho que será melhor para a animação. Então eu vou escolher um branco e eu vou pegar minha ferramenta de letreiro elíptico e eu vou manter pressionadas “Shift” e “Option” enquanto eu clico no centro e arrasto para fora. É sobre onde eu quero e eu vou selecionar o Inverso e preencher o Inverso com branco, e essa é a minha borda circular. Posso desligar essas cores, desligar meus guias, e isso parece muito bom. Acho que é onde eu quero. Então eu vou salvar, e agora eu vou salvar um JPEG para upload. Então, File, Save for Web, faça isso 50 por cento. Agora faça upload para a galeria do projeto. Lá vamos nós, salve seu projeto. Agora nosso design de personagem é colorido, e podemos passar para a animação. Não se esqueça de fazer o upload das etapas do seu trabalho e verificar o que os outros alunos estão postando e deixar comentários uns para os outros. 7. Configuração de projetos e recursos: Estamos quase prontos para animar. Vamos montar nosso projeto no Photoshop. Vou explicar isso para o caso de você não estar familiarizado com animação no Photoshop ainda. Se você estiver, sinta-se livre para ir em frente e saltar para a próxima seção, mas eu tenho um par de grandes recursos que eu aprendi a animar, e eles são realmente incríveis. Então vamos. Eu abri o projeto que Noel projetou para nós imediatamente. Vou apenas salvá-lo como um arquivo separado. Então isso era de cor rosa e nós vamos animar. Então vamos chamar isso de animação áspera. Primeiro, abra a Linha do Tempo da Janela. Não se esqueça de fazer isso, defina a taxa de quadros. Eu me animo a 24 quadros por segundo. Geralmente está definido para 30. Então, se você mudar de idéia mais tarde, é uma grande dor, as camadas não estão alinhadas corretamente. Apenas faça essas coisas imediatamente. Basta pensar sobre isso. Abra a linha do tempo, defina a taxa de quadros da linha do tempo. Em seguida, você pode ativar as teclas de atalho da linha do tempo, mas eu não faço e explicarei o porquê. Se você marcar Ativar teclas de atalho da Linha do tempo, o que ele faz é ativar as teclas de seta para poder avançar e seguir em segundo plano as linhas do tempo. Você tem que criar uma nova camada em qualquer lugar, mas no início da linha do tempo e movê-lo sobre um quadro que ativa as teclas de seta, é apenas uma pequena falha no Photoshop. Que se você apertar para cima, ele vai para a frente do quadro, se você bater para baixo, ele vai para o final do quadro, e se você bater para a esquerda, ele vai para a frente, direita vai para a frente. Isso é legal. Mas prefiro poder mover meus desenhos com as setas. Então, por exemplo, se eu tentar mover a camada de cabelo e pressionar Esquerda e Direita, nada acontece. Então, em vez de ativar as teclas de atalho da linha do tempo, vou definir atalhos. Desligue isso. Vá para Editar, Atalhos de Teclado, Atalhos para Menus de Painel. Role para baixo até vídeo da linha do tempo. Gostaria de definir um atalho para o próximo quadro. Vou usar o atalho Comando L. Para o quadro anterior, vou definir o atalho Comando K. Ver todas as nossas camadas agora dispostas ao longo do tempo. Bem, na linha do tempo, todos eles têm cinco segundos de duração. Não sei se quero que esta moldura aguente por cinco segundos. Então eu tenho que cortá-los. Há uma solução, vou preparar isto. Atalhos para Menus do Painel, Vídeo da Linha do Tempo e role para baixo. Você pode definir o suporte aberto do comando para o indicador de reprodução de inicialização de corte e comando fechar colchete para aparar final do indicador de reprodução. Ok. Em seguida, você pode mover para baixo para quadros. Comando entre colchetes, porque eu quero apará-lo em dois quadros no final do meu indicador de reprodução. A maneira como aprendi a animar o Photoshop foram as técnicas de animação do Photoshop de Alex Grigg. Acho que vou mencioná-lo na seção de design, mas ele tem muitos atalhos legais para configurar ação. Outra coisa, metcalflovesyou.com, é o tutorial de animação do Photoshop, e ele tem atalhos que vão tornar sua vida muito mais fácil. Copio estes Command L para o próximo quadro, quadro anterior Command K, aparo o início do indicador de reprodução e termino com os colchetes e habilitando suas skins de cebola. Uma dica útil, você pode configurar um PSD que tenha apenas um par de 100 camadas em branco. Você os corta em dois quadros cada quanto tempo quiser animar em dois em três, o que for. Em seguida, ter isso como um projeto de modelo. Então você pode sempre arrastar isso para qualquer animação que você está trabalhando e ter todas as suas camadas em branco definidas. Há algumas extensões disponíveis que simplificam isso e apenas animando no Photoshop em geral. Eu ainda não tentei eles e eu tenho certeza que eu vou estar chutando por não fazer isso mais cedo, mas eu sugiro dar uma olhada em Animdessin2 de Stephanie Baril. Eu acredito que você pode cortar várias camadas ao mesmo tempo. Ele também tem botões simples para tudo o que geralmente está escondido nos menus do painel e mantém tudo em ordem de fluxo de trabalho. Há também a barra de ferramentas do animador de photoshopanimation.com de todos os lugares. Deixo você decidir. Ok, a seguir, vamos começar a dar vida a estes retratos. 8. Keys: Bem-vindos à unidade de animação. Nesta seção, vamos bloquear a animação e desbastar a ação primeiro. Se eu pular direto para a animação, esses desenhos tendem a parecer um pouco rígidos, é como esboçar na seção de design, mas nós vamos estar descobrindo o movimento. Há um milhão de maneiras de animar algo, então temos que descobrir o que é isso agora. Temos nossa linha do tempo, definimos para 24 quadros por segundo, e agora estamos prontos para fazer nossa segunda pose chave. O que são as chaves? As chaves são os desenhos para contar histórias. No caso do nosso auto-retrato, uma garota se divide e se torna duas, essas são as nossas duas posições de narração. Precisamos criar uma nova camada e ela vai até o fim dos tempos. Basta ir em frente um quadro, cortar isso com suas teclas de atalho, eu sempre renomear minhas camadas, então eu vou chamar isso de “A”. Vou fazer com que tudo isso se encaixe bem na minha pose B, então vou fazer deles um grupo por enquanto e vou rotular isso. Desligue a opacidade pressionando B3 e abaixe-a para 30%. Vou escolher uma cor, dizer azul para áspero. A primeira pose chave do nosso auto-retrato é uma rapariga, por isso estou a referir-me à segunda posição B para fazer o meu primeiro desenho. Eu vou separar uma metade para sua própria camada para que eu possa mover algumas coisas em torno de um pouco, pressione L para ativar minha ferramenta de laço e, em seguida, selecionar esta área do desenho, pressione Command, Shift J para copiar e colar isso em sua própria camada. Agora é hora de limpar isso porque todos os outros desenhos serão baseados em ambos. Certifique-se de que o indicador de reprodução está no local correto, crie uma nova camada. Este é o meu desenho limpo, então eu vou rotular este A novamente, e eu vou rotular este “áspero” e como é um áspero eu vou torná-lo azul. Falando em cores, a paleta de cores. Vou usar um pincel menor. Não os rastreie exatamente, que áspero está realmente lá apenas como um guia. Agora vou mostrar-lhe as ações para colorir, eu só vou bater F4. Agora eu vou ter que expor isso ao longo do tempo e ver como eles estão trabalhando juntos, que eu possa animar entre o desenho A e o desenho B. Eu vou mudar o nome desta pasta para A, e nós devemos ser bons. Agora vou alternar para frente e para trás entre estes. Você pode arrastar o indicador de reprodução ou você pode apertar suas teclas de atalho Comando K para voltar um quadro se você definir o mesmo que eu. Comando L para avançar um quadro, então eu só vou alternar para frente e para trás. 9. Extreme: Eu poderia desenhar um ponto médio diretamente entre essas duas poses, mas isso não é interessante, o que me leva a extremos. São o fim da ação onde há uma mudança de direção. Dá mais vida à ação, mais contraste. Este seria o seu novo ponto médio. Este pode ser o ponto médio voltando para B. Talvez um par de aliviações como aqui. Não sabemos, ainda vamos descobrir o nosso timing. Agora, vou tentar criar esta posição extrema. Eu vou destacar minha camada, eu vou virar a opacidade para baixo por eu acho, V3, que traz toda a camada para baixo 30%. Vou ligar as minhas peles de cebola. Tenho isto definido para turno de comando O. Sim. Para chegar às suas peles de cebola, você pode ir até esta pequena janela no canto, bem aqui, se está ligado. Em seguida, vá para suas configurações de pele de cebola. Esse é o padrão. Eu vou mudar isso para dois antes e dois depois, e mantê-lo em multiplicar porque eu estou trabalhando com um fundo claro. Ligue meus guias e apenas traçar até onde eu quero empurrar isso. Vou escolher minha cor azul de novo, só vou ficar super solto. É aqui que ser muito duro vem a calhar porque você só está descobrindo as coisas. Olhando bem. Vou voltar a aumentar a opacidade, batendo em V0. Agora, estou vendo coisas que perdi antes. Eu vou voltar para 100 também, mas você tem que estar acima da camada na linha do tempo. Aperte V0 para trazer isso de volta. A razão pela qual ainda estamos vendo tudo é porque as peles de cebola estão ligadas. Então você pode tirá-los, mas eu tenho meu atalho definido para Shift Command O. Agora, podemos alternar para frente e para trás. Comando K para voltar um quadro, Comando L para avançar um quadro. Às vezes, se você não tiver as peles de cebola ativadas, é aqui que a alternância pode ajudá-lo a ver ainda mais. Vamos ver. Fez um monte de trabalhos até agora, então não se esqueça de clicar em “Salvar”. Eu só vou limpar isso um pouco. Agora, tudo na nossa pose extrema está acabado. Estamos felizes com o que parece. Queremos movê-lo, queremos alterar a duração ou qualquer coisa assim, você pode colocar tudo em um Objeto Inteligente. Como trabalhar no Flash, se você colocar tudo em um símbolo. Estou muito feliz com minha pose B e minha pose extrema, eu não vou mudar nada sobre eles então eu vou colocá-los em um Objeto Inteligente. Com minha pasta B selecionada, vou para “Camada”, “Objetos inteligentes”, “Converter em objeto inteligente”. Agora, eu posso mover esta camada ao redor, e tudo está contido, está em uma camada plana agradável. Se você quiser alterar qualquer coisa nas camadas, basta clicar duas vezes na janela Camada e ela abre um novo projeto, e todas as camadas ainda estão aqui. Tudo o que você tem que fazer antes de voltar para o seu próximo projeto aqui, quaisquer alterações que você fizer, você só precisa salvar. Vamos tentar de novo com o nosso extremo. Estou muito feliz com o que parece. Vou para “Camada”, “ Objeto Inteligente”, “Converter em Objeto Inteligente”. Agora, nós temos nossa camada aqui, mas depois de alternar para frente e para trás, eu percebo que há algo que eu quero mudar. Vamos entrar e consertar isso. Apertei “Salvar”, fechei nosso Objeto Inteligente e as alterações são feitas em nosso projeto original. A mudança foi tão óbvia. Talvez eu devesse ter feito algo mais óbvio, mas acho que você entendeu. Temos o nosso X, o nosso extremo, nossa pose B, e o nosso A. Se agora queremos tornar este extremo mais longo, podemos apenas arrastar aquele objeto inteligente. Enquanto antes, se tivermos 20 camadas, temos que arrastá-las todas uma de cada vez. Vamos tocar isso de volta e ver como fica. Ok, está parecendo muito bom. Continuem com suas chaves e extremos e na próxima seção, estaremos terminando nossa animação. 10. Midpoints: Agora, nós já temos um pouco de animação acontecendo, nós só temos que dividi-la ainda mais, e isso nos leva aos nossos pontos médios. Os pontos médios são literalmente as posições de desagregação, eles levam você de um extremo para outro. Nós vamos nos concentrar nisso primeiro, e então nós vamos dividi-lo ainda mais e entrar em nossos intermediários, e antecipação, e reação, e contração, mas por enquanto, vamos dar um passo de cada vez. Você pode usar suas peles de cebola para fazer isso ou, às vezes, há melhor reprodução se você apenas virar sua opacidade para baixo na camada acima e abaixo e apenas trabalhar entre as duas camadas. Agora, estamos desenhando em nossa camada áspera, e nós temos desenho A em uma opacidade baixa acima, e nosso extremo em uma baixa capacidade abaixo, e eu estou indo apenas para começar a embrulhar fora no ponto médio. Eu vou manter meus desenhos bem difíceis e eu provavelmente não vou limpar até o final, porque eu posso ter que mudar as coisas. Eu vou criar uma pasta para isso e chamar este M de ponto médio, e jogar a camada áspera lá dentro. Onde você coloca o ponto médio é realmente importante porque o espaçamento dos desenhos vai mudar o tempo da animação. Então, se eu colocar isso diretamente no meio, vai ter uma moção bastante uniforme. Eu também não vou esticar muito este desenho, então eu vou fazer referência à minha pose chave. Eu quero que a troca se sinta mais impactante e tenha mais dessa mudança, e também sinta que você está sentindo e não vendo, e então você sente que há mais mudança se esse desenho for o único que se alonga. Mas sim, não estou exagerando o desenho. Agora, posso deixar isso com o tempo e ver como está. Então eu quero que isso dure talvez dois quadros. Acho que isso parece muito bom. Vamos trabalhar neste ponto médio. Vou duplicar meu áspero, selecionar tudo, excluir, uma nova camada, criar um novo grupo. Agora, eu só vou trabalhar no ponto médio entre o nosso extremo e a nossa pose B, nós estamos apenas quebrando para apenas fazer nossos pontos médios. Temos nossa primeira passagem que são as chaves, nossa segunda passagem que é nossos extremos, e nós passamos e fazemos todos os nossos pontos médios, e então vamos chegar a todas essas coisas no meio. Vou salvar meu trabalho até agora. Uma outra coisa sobre os pontos médios é que eles criam um arco em sua ação. Aqui, neste caso, eu realmente não vou desenhar um arco porque eu quero que minha linha de ação seja reta e rápida, e é por isso que isso é apenas reto, mas normalmente, um arco seria bom. Eu sinto que isso iria abrandar essa ação, eu quero fazer com que pareça um pouco insuflável demais e é isso que eu estou indo para. Vou mudar isto a tempo. Se eu souber a opacidade em todas as camadas. Está parecendo muito bom. Seu cabelo, que vai ter alguma contração na sua frente, o cabelo vai estar se movendo para lá alguns passos mais tarde. Agora, só temos que quebrar ainda mais, mas está chegando lá. Isso encerra a parte 1 da unidade de animação, e vamos adicionar no meio, antecipação e assentamentos na próxima unidade. 11. Antecipação, ação e reação: Já estamos lá? Estamos quase lá. Rasgamos nossas chaves. Falamos sobre extremos, nossos pontos médios. Agora só temos que terminar a maldita coisa. O que vem a seguir? Antecipação. Tudo o que a antecipação faz é dizer ao espectador o que você vai fazer antes de fazê-lo. Então, a fim de fazer isso, faria sua animação se mover na direção oposta de onde ela está indo. Seja tão criativo quanto quiser e se você quiser que seu personagem pule antes que desça ou vá para a esquerda antes de ir para a direita, é uma ótima maneira de trazer mais vida sua arte e torná-lo um pouco menos computacional e robótico . Ação secundária, como um piscar de olhos, também pode antecipar. Vou entrar no meu objeto inteligente. Vamos pensar sobre isso. Ela vai começar com os olhos abertos, ela vai piscar em algum lugar por aqui, e então ela vai abrir os olhos novamente. Vou dividir estas camadas e salvá-la. Vai levar quatro quadros para piscar e então ela vai abrir seus olhos de novo. Indo para deletar estes. Eu só vou organizar isso para que tenhamos dois primórdios claros e finais do nosso ciclo. Este é o começo. Seus olhos estão abertos, seus olhos vão fechar, e então eles estão abertos novamente. Isso vai ser um pequeno ciclo, então vamos chamar a primeira posição aberta C, e ele vai abrir novamente com C, e então em algum lugar no meio, nós vamos ter um D. perto então vamos chamar este CDC. Crie uma nova camada. Vou cortá-la e ligar as minhas peles de cebola. Agora vamos desenhar D. Vou apontar vermelho. Só vou desenhar o topo da tampa e os cílios dela. Desligue as peles de cebola. Você pode ver que ela tem um olho fechado e se você tocar isso, realmente pensando que eu poderia dar-lhe um pouco de cor da tampa. Eu só vou duplicar essa camada, selecionar tudo, excluí-lo para que fique vazio, e eu vou colorir a mesma cor que as bochechas dela. Provavelmente só precisamos deste desenho para realmente durar dois quadros. Agora eu vou apenas fazer um ponto médio entre a abertura e o olho, apenas entre C e D. Vamos fazer uma nova camada, ligar as peles de cebola, deixá-la aberta, e um olho fechado. Então, vou fazê-la começar a fechar os olhos. Tenho a minha camada de linha, chamo este M. Vou duplicá-lo, delineador de olhos, colorir as pupilas, selecionar tudo, apagar, duplicar de novo, então chamar isto de olhos, os brancos. Ligue nossas peles de cebola e colorir o azul. Depois os olhos, vou colorir os brancos e as tampas na mesma camada. Ela está piscando, um piscar de olhos. De D a C, ela pode ter exatamente o mesmo ponto médio, então eu vou apenas duplicar isso, movê-lo a tempo. Veja como isso parece. Aqui, vou fazer mais um desenho entre o olho fechado e o olho meio fechado. Eu acho que eu também vou cortar isso em um quadro porque está se sentindo um pouco lento. Vou duplicar esta pasta toda. Só vou chamar isso de facilidade, eu vou movê-lo, e eu vou torná-lo roxo, e eu só preciso preencher tudo, então selecione tudo, excluir, excluir. Agora eu tenho as camadas em branco, e nós só precisamos gêmeas essas. Salve todas as alterações que fizemos em nosso objeto inteligente. É um pequeno ciclo de animação. Vamos ver como isso fica em nossa animação principal. Esse piscar de olhos acrescenta um pequeno indício de antecipação antes da nossa ação. Digamos que queremos ver como seria uma verdadeira antecipação. Duplicar minha camada áspera e talvez seja apenas um quadro. A camada pisca começa a dar-nos mais organizados. Vou deixar os meus pontos médios vermelhos. Vou citar minha antecipação, indo de fora em um pouco para baixo. Para antecipar, nós provavelmente iria para dentro e um pouco para cima, apenas para ir para a direção oposta. Normalmente, ela vai sair. Nós só vamos pegar isso e movê-lo em um pouco, e talvez para cima. Bochechas subindo, ombros podem descer. Seria ainda melhor se fosse mais óbvio. Talvez refazer meu cronograma. Nossas chaves são pontos médios e não temos essa pose de antecipação. Eu acho que eu provavelmente iria querer pelo menos uma facilidade entre esses, duas atenuações pelo menos aqui, duas atenuações saindo do extremo, talvez três aliviações lá. Podemos tentar isso e ver como isso parece. Passando por nossos intermediários, estamos apenas quebrando tudo. Eu sei que eu quero me livrar disso então eu vou adicionar um intermediário entre o ponto médio e a antecipação. Vamos continuar no meio agora. Temos nossa antecipação, nossa ação, e agora precisamos de uma reação. Vamos voltar do nosso extremo para a nossa posição B, então vai ser diferente dependendo do que você está animando. Não é realmente necessário que eu reveja cada desenho aqui, mas vou fazer pelo menos mais uma facilidade só para mostrar como vai se resolver. Além disso, eu gostaria de adicionar um piscadinho no final aqui. Reação feita, só precisa se acalmar e seguir com o cabelo. Vamos ver essa reprodução. Legal. Vou pressionar “Salvar” para não perdermos nenhum trabalho. Provavelmente preciso de fazer uma pausa, e esse é o meu cão a chorar, por isso preciso de levá-la para passear. Então vamos voltar para dentro. Vamos limpar isto e colorir. 12. Animação com tinta e cor: É a unidade de tinta e cor para animação. Finalmente, estamos quase lá. A luz está no fim do túnel. Lembre-se das ações do tutorial de Alex Grey que eu estava falando, eles realmente vão vir a calhar aqui. Você deve fazer algumas ações, se não, o que funciona para você, o que quer que você continue dizendo. Vou começar criando meu modelo. Um grupo para a cabeça, eu vou ter outro grupo para o corpo, eu posso chamá-lo de suéter, então suéter. Dentro desses grupos, posso fazer minhas camadas? Vou apenas duplicar este. Selecione tudo excluir, selecione. Eu vou manter a minha camada áspera em uma opacidade baixa enquanto eu estou trabalhando enquanto eu estou limpando. Eu tenho isso em 30 por cento, mas eu vou aumentar todas as minhas camadas de limpeza para 100. Eu sei que dentro da camada da cabeça, eu tinha quatro camadas. Rosto, preenchimentos, a cor estava em camadas separadas e sua camada de linha. Vou deixar todas as cabeças laranja. Vamos duplicar isso, arrastá-lo para uma camada de suéter, fazer todas essas blusas amarelas. Acho que havia quatro camadas aqui também. Tínhamos o pescoço, o suéter e depois eu tinha minhas duas máscaras de corte para o padrão e os braços dela. É só uma maneira de manter tudo organizado. Eu posso duplicar este grupo, nomeá-lo modelo. Então, toda vez que eu preciso fazer um novo desenho de limpeza, eu posso arrastar este modelo para todas as minhas camadas, mas que na parte inferior por enquanto e duplicá-lo como eu vou para cada novo desenho. Eu vou salvar. Isso ajuda se você manter a camada áspera sobre, mas também se você ainda olhar para suas duas poses iniciais que você está inintermediando e você mantê-los em uma baixa opacidade. Mas sim, só ajuda tê-los lá como um guia. Esta é outra razão pela qual eu não gosto de usar pele de cebola às vezes porque isso seria olhar sobre todas essas camadas diferentes e ficaria louco. Salvar. Veja como ele está jogando de volta, parecendo muito bom. Apenas mantém-lo a funcionar. Agora que temos um desenho para baixo, a próxima coisa a fazer seria ir na mesma ordem que fizemos com os nossos inintermediários. Pode ser difícil para você lembrar como fez isso. Eu era bom em rotular coisas. Faça todos os extremos e, em seguida, os pontos médios primeiro, então eu até faria a antecipação antes de entrar em qualquer facilidade. Por exemplo, eu faria minha antecipação a seguir. Como eu disse, eu duplicei meus modelos, então agora todas as minhas camadas estão prontas e eu vou começar a desenhar. Estou antecipando para o meu ponto médio a partir da minha posição, então eu vou apenas fazer referência a isso, eu vou apenas puxar isso para cima e virar a opacidade para baixo. Temos todas as minhas camadas copiadas e duplicadas e fazer isso para cada camada, isso é realmente tudo que eu preciso para começar neste desenho. Basta salvar outra versão disso. Salvar como “Cleanup animação versão 1". Eu tinha fortemente sugerir salvar versões diferentes a cada hora ou menos, você nunca sabe se você cometer um erro e, em seguida, você pode voltar e recuperar o trabalho perdido da versão anterior. Para minha limpeza eu estou indo em ordem, nós temos chaves, essas são tintas, nós temos nosso extremo que é pintado, antecipação tecnicamente poderia ser considerado outro extremo, que é tinta, ponto médio, tinta. Mais um e ponto médio para ir, e então nós vamos ter nossas aliviações e pronto. Assim como antes, só estou arrastando os quadros-chave dos quais eu estava me metendo. Vou em frente e começar a fazer isso também. Nossos pontos médios e todos os nossos extremos, você acabou. Agora, é hora de entrar em nossos interligados. Aqui vão eles e nós também vamos transformar esses objetos em objetos inteligentes para que eu possa ter mais flexibilidade. Vamos terminar o resto dessas atenuações, não há muitos sobrando. Vamos ver como isso parece. Ótimo. Então, estamos felizes com a animação que criamos e estamos prontos para exportar um GIF para a galeria do projeto. Vou mostrar-lhe as configurações de exportação aqui. Vamos para Arquivo, Exportação, Salvar para Web. Vamos escolher um GIF, definir o tamanho para 50%, certificar-se de que as opções de loop estão definidas como Forever, alterar seu destino, renomeá-lo e clicar em “Salvar” novamente, editar seu projeto, fazer upload de foto, escolher seu GIF , clique em “Abrir”. Lá vamos nós. Certifique-se de salvar seu projeto. É isso. Ótimo trabalho para todos. o trabalho do outro aluno e não se esqueça de deixar comentários. 13. Compartilhe a coisa incrível que você fez a: Olá, outra vez. Agora você tem uma nova animação para compartilhar com todos, então faça upload para seus sites favoritos como Facebook, Instagram, Dribble, Tumbr ou Twitter, e compartilhe com o mundo. Estamos ansiosos para ver todos os autorretratos animados que você cria, então não se esqueça de enviar seus projetos para a Galeria de Projetos. Esperamos que vocês se divertiram tomando esta aula e que agora você tem algo que você pode usar para o seu logotipo filmes site bolha ou real. Ou seu próximo filme. Obrigado por fazer a aula. Obrigado a todos. 14. A linha de tempo e a animação "pose para pose": Ei! Ei! Como você está? Bom, como está indo? Estava a pensar que devíamos falar sobre a linha do tempo do Photoshop. Eu também acho. É um pouco confuso. É um pouco confuso. Deveríamos rever isso com mais detalhes. Está bem. Vamos fazer isso. Tudo bem. Isso está funcionando? Sim. Estou a ver o teu ecrã. Ótima. Primeiro, eu vou fazer um novo projeto para começar do básico, então eu vou chamar essa classe básica de bônus. Agora temos uma nova camada vazia, apenas o nosso plano de fundo. Eu só vou fazer uma nova camada, camada 1, e ela não tem nada nela agora, está completamente em branco. Eu só vou criar uma linha do tempo de vídeo. Se você verificar a linha do tempo, você pode ver que sua camada 1 bem aqui na janela da camada, agora está em sua linha do tempo e dura cinco segundos. Não há nada aqui, é só uma camada em branco. A primeira coisa que fazemos quando começamos a animar o Photoshop, puxamos esse menu suspenso e alteramos nossa taxa de quadros da linha do tempo. Só estamos trocando 24 quadros por segundo porque é assim que eu gosto de trabalhar. Se você trabalha em outra coisa, é com você. Mas mudá-lo mais tarde é realmente irritante, então basta configurá-lo antes de fazer qualquer coisa. Clique em OK. A próxima coisa que algumas pessoas gostam de fazer é habilitar as teclas de atalho da linha do tempo porque se você fizer isso, eu nem sei como isso funciona. Está no tutorial de habilidades artísticas. Joy, não diga nada na aula de habilidades artísticas. Desculpe, nunca habilito as teclas de atalho da linha do tempo. Se você fizer isso, ele permite que você use suas setas para ir para a esquerda e para ir para a direita. É porque suas camadas todo o caminho para iniciar a cabeça de jogo, sua camada tem que ser como um quadro sobre? Oh, meu Deus. Sim. Certo, se você ativar as teclas de atalho da linha tempo enquanto sua camada estiver no início da linha do tempo, elas não funcionarão. Você tem que movê-lo e então eles estão trabalhando magicamente. É por isso que eu não faço isso. Quero dizer, eu acho que você teria que apenas movê-lo uma vez e, em seguida, mover sua área de trabalho para cima e então você pode usar isso para ir em frente. Eu estou apertando a seta para a direita que está indo para a frente no tempo, se eu apertar a tecla de seta para a esquerda ele vai para trás. Se eu bater em cima, ele vai para o início, se eu bater Down ele vai para o fim. Isso é ótimo para algumas pessoas. No entanto, eu gosto de usar minhas flechas. Se eu tivesse um desenho aqui, vou demonstrar isso em um minuto. Gosto de mover meu desenho e se as teclas de atalho da linha do tempo ativadas estiverem ativadas, não posso fazer isso. Eu vou desligá-lo agora, eu disse que não quero mais fazer com ele. Outra coisa que eu acho que é realmente importante para o Photoshop, nós falamos sobre os atalhos que definimos no vídeo anterior, eu só quero ter certeza de que eles estão todos definidos aqui. Estou no meu laptop. hoje Coloque um painel, menus, linha do tempo, vídeo. Agora eu tenho o meu próximo quadro, é que eu fiz uma tecla de atalho para ele ou uma tecla de atalho, Comando L vai para a frente, Comando K volta. Então, se eu quiser cortar o início da minha cabeça de jogo, eu aparar o final da minha cabeça de jogo, eu clicar nisso. Então os únicos outros que eu sugeriria são, se você quiser usar as peles de cebola, eu faço Shift Command O, e então se você quiser configurações de pele de cebola definidas eu apenas defini isso. Nós fizemos nossas teclas de atalho, então nós apenas fazemos isso realmente simplesmente, vamos dizer que eu quero que isso dure oito quadros para a minha cabeça de jogo em sete quadros e pressione Command colchete, e agora minha animação está em uso. Vou começar a desenhar um retrato mais tarde, eu próprio, auto-retrato simplificado. Isso se parece com você. Parece que você também. Se eu esconder a camada de fundo, você pode ver que a camada 1 é apenas este rostinho. Agora posso movê-lo com as minhas setas. Estou feliz com o que parece, mas vou ligar meu fundo branco de novo, porque odeio olhar para essa grade, e vou fazer uma nova camada. Eu quero começar aqui, e eu vou criar minha nova camada, e arrastá-la para fora ao longo do tempo. As camadas na janela da linha do tempo se parecem com camadas em efeitos secundários. Exactamente. Agora temos a camada 2, vamos apenas dizer que eu quero que a camada 2 seja dois quadros, então eu vou avançar com o tempo. Quero dizer, você também pode usar a pequena barra de ferramentas aqui se você não quiser obter todas as suas teclas de atalho e você só quer fazer as coisas do longo caminho, da maneira simples, você pode usar isso para ir em frente, você pode usar isso para voltar. Isto vai para o início, isto joga. Você pode usar isso para aparar, esta é a nossa pequena tesoura bem aqui. Eu só trabalho com o teclado principalmente, mas eles dão as ferramentas básicas aqui na linha do tempo. Acabei de aparar minha camada, agora eu tenho camada 2. Camada 1, camada 2. Eu quero ser capaz de animar entre esses dois quadros. Eu posso ir para Habilitar minhas peles de cebola, e agora você pode ver esta camada é um pouco transparente, mas as configurações de pele de cebola, e você pode ver quantos quadros antes e depois que você quer ver, e eu costumo definir isso para dois. Vamos rever isso um pouco nas outras lições, mas é como uma pele de cebola, como é transparente. Se eu for dois quadros, ainda posso ver este desenho. O que meu personagem deve fazer? Coloquei uma tecla de atalho para desligar minhas peles de cebola, e acho que foi o Comando Shift L, sim. Agora eu posso tocar isso e ver como isso funciona. Se fores a esta janela, podes configurar isto para reproduzir repetidamente, e depois aperto o espaço direito para jogar. Sim, isto tinha um significado. Eu acho que precisamos de um ponto médio entre essas duas chaves onde eu vou dizer, eu queria criar uma nova camada, e eu apenas fiz isso da maneira normal, apertando este novo botão de camada bem aqui. Começa onde quer que a minha cabeça de jogo esteja e é super longa. Tem cinco segundos de duração para o tempo que minha área de trabalho for. Então eu tenho que movê-lo e eu tenho que ir a tempo e eu tenho que cortá-lo. É muito trabalho, então você tem que fazer isso uma e outra vez. Então, se você baixou a fachada do anime para conectar, o que você escolher fazer para tornar sua vida mais fácil, eu gosto de usar o método algébrica, que é apenas duplicar uma camada arrastando-a para a janela New Layer. Minha nova camada está na minha janela Camada e na linha do tempo, e agora ela me dá uma camada com o mesmo comprimento que a que eu duplicei. Começa no mesmo ponto exato da camada de onde eu duplicei. Só para tornar isto mais fácil de ver, posso codificar por cores. Isto é vermelho. Você pode vê-lo na janela da camada que também é vermelho, uma camada 2, que eu posso tornar verde porque é uma chave, na camada 1 eu também posso fazer isso verde, é a chave. Agora é um pouco mais fácil para você ver na linha do tempo e na janela do projeto. O único problema aqui é que desde que eu duplicei a camada 2, eu só vou chamar essa camada 3, vamos renomeá-la. Camada 3 também tem o mesmo trabalho artístico que a camada 2 tem, então eu tenho que excluir o trabalho artístico que está na camada 3 para ter uma camada intermitente para trabalhar. Eu só vou para selecionar tudo, editar, cortar. Isso removeu o trabalho artístico da camada 3. Agora nós ativamos a camada 3, você pode ver que ela está em branco, agora quando eu ligo a camada 2, veja que há trabalho de arte lá. Eu movo a camada 2 no tempo. Eu vou ligar minhas peles de cebola novamente, você pode usar suas teclas de atalho, você pode apenas apertar Ativar Skins de Cebola. Como eu tenho que definir dois quadros antes e dois depois, agora eu posso ver entre a camada 1 e a camada 2, e eu posso fazer um ponto médio. Joy, posso dizer que gosto dessa arte que você desenhou muito mais do que aquela que eu desenhei. Vou desligar minhas peles de cebolas. Vou pressionar Play batendo na barra de espaço. Parece que ele está bocejando. Ele está com sono. Estou com um pouco de sono. Bem, se ele estivesse bocejando, eu provavelmente gostaria que isso durasse um pouco mais. Veja os auto-retratos de todos vão ser diferentes. Você pode não precisar de todos os 12 princípios de animação em seu auto-retrato. Você também pode querer apenas fazer alguma animação em frente. O que você quer dizer com animação em frente, seria em vez de fazê-lo posar para posar, você apenas inchar e fazê-lo bocejar em vez de trabalhar para trás. Sim, eu falei sobre isso um pouco na configuração do projeto, mas eu realmente não demonstrei isso na sala de aula. É que se você duplicar camada 2, e agora eu tenho a mesma arte em ambos estes, então eu preciso selecionar todos, e cortar ou excluir. Agora eu tenho uma camada em branco. Eu sei que eu quero fazer animações em frente. Pose para posar coisas é um pouco complicado demais, e eu sou um iniciante, uma coisa fácil que você pode fazer se você sabe que você gosta de animar para dois quadros, que é realmente bom para animar e é uma boa maneira de trabalhar. Você pode ir para baixo em sua linha do tempo, cortá-la em dois quadros, você pode fazer esta camada 4, quiser nomeá-la, e apenas duplicá-la. Estes estão todos em branco, então eu vou apenas mover estes para baixo com o tempo. Você pode ver que enquanto eu estou pegando eles, eles estão destacando na janela do projeto. Isto é apenas animação em frente que eu vou mostrar a vocês agora, eu sempre animar pose para posar, mas em frente é um pouco mais simples. 15. Animação em reta e mescla em que: Outra coisa que eu demonstrei nas aulas que eu nem sempre uso peles de cebola, às vezes, eu só vou trabalhar diretamente abaixo de uma camada, e isso pode ser um pouco confuso para algumas pessoas, mas eu tenho uma razão para isso. Porque eu faço pose-to-pose, às vezes, eu estou trabalhando entre muitas camadas diferentes e apenas com as peles de cebola, seria demais para olhar. Às vezes, eu apenas desligo a opacidade para 30 por cento, e eu uso uma tecla de atalho no hit de matiz V3, ele também atinge 30 por cento. V0 elevá-lo até 100 e V3 reduz-lo para 30 por cento. Então eu só trabalho pose-to-pose dessa maneira. Esta é apenas outra maneira de rastrear sem usar as peles de cebola. Mas eu acho que para manter as coisas simples, talvez todo mundo deve apenas usar as peles de cebola se você é um iniciante, se não e você está usando pose-a-pose, eu recomendo apenas girar as chaves que você está trabalhando entre 30 por cento só para ver melhor. Vou tocar no Comando Shift O para trazer minhas peles de cebola, e ele vai bocejar. Se eu fosse fazer animação em frente, eu iria para baixo na linha do tempo. Mais sonolento. Quando você está indo para baixo na linha do tempo, qual foi a sua tecla de atalho para avançar no tempo, é o Comando L? Sim. À medida que você está se movendo para baixo na linha do tempo, você não pode simplesmente pressionar Command L e começar a desenhar, você tem que selecionar a camada que deseja desenhar. Isso é verdade. Você pode fazer isso na linha do tempo ou na janela da camada, não importa. Certo. Às vezes, nem me preocupo com as teclas de atalho e uso o cursor. Vou em frente, e não trabalho muito assim porque começo a sentir que estou me perdendo. Eu prefiro pose-to-pose também, eu acho que é apenas uma forma mais organizada de trabalho. Eu perco a cabeça se eu fizesse uma animação em frente. Ele funciona para algumas coisas, como animar efeitos especiais são ótimos para fazer em frente. O momento não é perfeito, mas o que você acha? Eu acho que é ótimo. Ok. Bem, eu tenho essas três camadas em branco aqui que eu não acho que eu realmente preciso, então eu vou apenas excluí-las por enquanto. Vou ver, com o tempo, notei que esta camada parecia um pouco longa. Se você está sentindo que o momento parece estranho, você poderia apenas cortar suas camadas. Eu aparei esta camada em dois quadros, e agora eu tenho este espaço em branco bem aqui, então eu vou apenas selecionar todas essas camadas. Você pode selecioná-los na janela da linha do tempo ou na janela da camada e simplesmente arrastá-los. No final, quero que ele volte para a primeira chave. Eu quero duplicar a camada 1, e eu vou movê-la para baixo para a parte inferior da linha do tempo, então eu vou apenas movê-la no tempo, e ver como isso parece. Vai parecer muito rápido. Bem, é quase um pouco rápido demais. Sinto que preciso de outro ponto médio aqui, então talvez eu apenas duplique o ponto médio que fiz antes. Eu posso facilmente ver o meu ponto médio porque eu sempre os faço vermelhos. Eu vou duplicá-lo, e eu vou apenas manter o mesmo desenho exato. Eu vou movê-lo para baixo, e com o tempo, então eu vou apenas deslizar isso para cima. Sim, o que você acha? Isso parece muito bom. Acho que terminei. É um ótimo bocejo. Talvez mais uma pose aqui. Vamos ver. Vou duplicar isso, ter uma nova camada, vou selecionar tudo, vou cortar ou excluir, e agora, minha camada está em branco. Vou ligar a minha pele de cebola para poder traçar entre estes dois desenhos. Perfeito. Isso é um pouco dos dois métodos de frente e pose-to-pose. Acho que usar ambos os métodos é realmente útil. Descobrir o que funciona para o tempo é como assistir uma e outra vez, tentar coisas diferentes depois de adicionar novas camadas e ver o que funciona melhor. Talvez seja mais engraçado se você segurar algo por mais tempo. Apenas tentativa e erro. Sim, talvez quando ele bocejar aqui, seja engraçado. Como a altura do bocejo dele. Sim. Talvez ele precise de outra camada. Isso só vai mostrar uma outra área com a qual eu acho que as pessoas estavam tendo problemas. Digamos, eu crio uma nova camada, eu vou criar minha nova camada duplicando esta. Vou excluir o trabalho artístico que está nesta camada, duplicá-lo, selecionar “Tudo”, vou excluí-lo. Seguimos isto, todas estas camadas para baixo no tempo, tenho uma camada em branco, vou ligar as minhas peles de cebola. Eu vou selecionar a minha camada que eu estou desenhando, ele vai ter um pouco de fervura ou agitar bem aqui. A altura do bocejo dele. Desligue minhas peles de cebola. Vou alternar para frente e para trás. Você está alternando, você está apenas indo para frente e para trás entre o quadro anterior e o próximo quadro. Isso vai parecer engraçado, eu acho, se eu duplicar esses três novamente. Talvez pelo menos dois destes, eu duplique estes. Bastante engraçado. Isso é vender o bocejo um pouco. Eu só queria demonstrar camadas de fusão. Vou apenas duplicar essa camada novamente, selecionar “Todos” e excluir. Só estou desenhando uma camada bem em cima desta. Vou ver se gosto. Parece que ele está dizendo, “Olá para um novo dia.” Duplicar esta camada, selecione “Todos” e exclua. É por isso que eu realmente me arrependo de não ter recebido o plugin AnimdesSin porque fazer novas camadas é realmente muito mais fácil. Sim, eu acho que há apenas um pequeno botão que diz, você pode fazer uma camada com um quadro longo ou dois quadros compridos, e você apenas clica nele uma vez e está pronto para você. Certo, eu realmente recomendo mesmo que eu não ensiná-lo no meu tutorial. Ou apenas as pequenas faíscas que acabei de fazer. Eu só vou torná-los roxos por enquanto para que você possa vê-los mais facilmente, ver como eles se correlacionam com as camadas na janela da camada, na janela da linha do tempo. Vamos ver como isso parece. Isso é ótimo. Isso é brilhante. Eu vou fundir estes porque eu amo como isso parece. Uau, eu os fundi e eles ainda são dois quadros, eu não sei como isso acontece. Você sabe por quê? Na demonstração quando eu os fundi, eu mesclei minha camada de dois quadros com a camada que era provavelmente tão longa quanto a linha do tempo, e é por isso que isso acontece. Veja isto. Digamos que, por alguma razão , sua camada, é assim, e você quer mesclar estes. Controle, clique em “Mesclar camadas”. Bem, talvez seja porque aquela era a camada em cima. Talvez a camada no topo seja aquela que o Photoshop decide ser a [inaudível] Provavelmente a mesma coisa que quando você mesclá-los e agora ele vai nomeá-los como a Camada 4 cópia 11. Sim. Sim, exatamente. São as mesmas regras que quando você as mescla na janela da camada, como a camada superior tem precedência sobre a camada inferior. Portanto, tenha cuidado com qual camada está no topo e quantos quadros é, e o nome dela é, e como essas regras irritantes usuais do Photoshop. Sim. Gosto de como descobrimos isso juntos. Você vai olhar que [inaudível] ele. Vamos todos ficar confusos juntos. Este foi um tutorial básico bastante simples baseado em algumas das perguntas em nosso quadro de discussão. Se você tiver outras dúvidas sobre qualquer coisa que tenha sido confuso no vídeo, ficaremos felizes em postar outro tutorial ou poderíamos escrever de volta na discussão, mas mantenha o feedback vindo porque estamos aprendendo muito e agradecemos. Sim, nós agradecemos. Obrigado, pessoal. Ok. Agora, tenha uma boa noite, Nelly. Sim, você também, Joy. Isto foi divertido. Tchau. Tchau. Nós realmente não temos que ir. Eu sei. Certo, pare de gravar.