Criar um quadrinho de movimento Pt 1: Adobe Photoshop | David Miller | Skillshare

Velocidade de reprodução


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

Criar um quadrinho de movimento Pt 1: Adobe Photoshop

teacher avatar David Miller, Multimedia Artist For Primordial Creative studio

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

8 aulas (29 min)
    • 1. Introdução

      1:08
    • 2. Encontrar material para trabalhar com + páginas de extração

      3:50
    • 3. Quebrando sua imagem e limpeza básica

      4:20
    • 4. Como configurar linha de tempo de animação no Photoshop

      1:39
    • 5. Molduras para transformação para animação mais complexa

      5:55
    • 6. Quadros de ajuste

      4:56
    • 7. Como exportar sua animação com o canal alfa

      4:38
    • 8. Exportação para a visualização de Animador de Personagens Web + After Effects

      2:31
  • --
  • 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.

1.073

Estudantes

5

Projetos

Sobre este curso

Dê vida aos painéis de quadrinhos neste curso que abranja quadrinhos de movimento! Vamos usar principalmente o Adobe Photoshop para animar quadrinhos de domínio público da Era de Ouro da década de 1950. Também vamos cobrir um pouco do Adobe After Effects para técnicas de animação mais precisas.

Conheça seu professor

Teacher Profile Image

David Miller

Multimedia Artist For Primordial Creative studio

Professor

I'm David, a multimedia artist in Phoenix, and my studio is Primordial Creative.  

 

I have always been interested in the visual arts from an early age- drawing, painting, and clay- but around my high school years I became interested in photography for the social aspect of involving other people, the adventure inherent in seeking out pictures, and the presentation of reality that wasn't limited by my drawing skills.

 

One thing in my work that has stayed consistent over the decades since then is I have an equal interest in the reality of the lens next to the fictions we can create in drawing, painting, animation, graphic design, and sound design.  As cameras have incorporated video and audio features, and as Adobe's Creative Cloud all... Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos 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. Introdução: Oi, meu nome é David Miller, e eu sou um artista multimídia em Phoenix, Arizona. Hoje vamos falar sobre a criação de uma banda desenhada em movimento usando o Adobe Photoshopped. Minha primeira experiência com quadrinhos de movimento foram as reprises dos antigos desenhos animados da Marvel de 19 anos sessenta , onde eles essencialmente cortaram a obra de arte e a moveram na tela. Um exemplo mais recente é a versão de 2009 de Allan Morin. Dave Gibbons, quadrinhos de movimento Watchman, lançado na mesma época, o filme está nessa? O Gibbons original. Nosso trabalho foi aprimorado. Dê vida à história na tela pequena. Há uma série de outros desenhos animados que fazem uso disso. Técnicas principalmente é um atalho de animação, mantendo a estética da história seqüencial em quadrinhos , bem como a arte original dos quadrinhos. O projeto para esta classe seria criar seu próprio 32º movimento comum usando quadrinhos de domínio público da era de ouro do material de origem ou usando seus próprios desenhos. Usaremos principalmente o Adobe Photo Shop para um projeto, mas no final terei algumas dicas sobre como utilizar os efeitos secundários da Adobe. Um ilustrador em nosso fluxo de trabalho. Se você só tem loja de fotos. Não se preocupe com isso. Você vai ficar bem. É tudo isso fora do caminho. Vamos começar. 2. Encontrar material para trabalhar com + páginas de extração: Então a primeira coisa que precisamos fazer quando vamos fazer um movimento em quadrinhos é material coletado . E se você já é um ilustrador e tem seus próprios quadrinhos, você não vai precisar dar esse passo porque você já tem seu próprio material. E eu vou recomendar ao resto de vocês que comecem com algo de domínio público porque vocês não vão se meter em problemas. E é um bom treino. E a forma como a arte dos quadrinhos da idade dourada foi feita torna mais fácil separar-se. Uma animada. Não é tão complicado como os quadrinhos modernos são. Então, um dos meus sites favoritos é o museu digital da banda desenhada, e tudo aqui é domínio público. Tem todos os quadrinhos do Detective Prime Romance War dos anos 1940 e 50 e para o meu próprio filme “Inocência da Sedução”. Tem todos os quadrinhos do Detective Prime Romance War dos anos 1940 e 50 e “ Eu provavelmente utilizei mais de 100 quadrinhos fora deste site para criar meu filme em quadrinhos. No site. Você escolhe a Siri que você quer, você escolhe o problema que você quer, você clica em download, e você vai obter um arquivo zip de pinos J ou um arquivo CBR e um CBR é o formato de quadrinhos, então você vai precisar de um leitor CVR. Eles têm aqueles para Windows e Apple, e a maioria deles que eu já usei são gratuitos. Quando estou escolhendo coisas. Eu costumo procurar coisas que têm um gráfico de necessidade que não é totalmente coberto por outras coisas. Então, com esses engraçados de detetive, talvez eu, com o laser saindo dele, seja realmente útil. Ou se eu precisasse de uma mulher segurando uma pistola atirando em algo por cima do ombro. Gosto daquele personagem no canto inferior direito daquele que está fugindo com aquela gravata maluca. Então você tem seu leitor de CBR aberto, uh, este em particular que estou usando no meu Mac. Eu aperto comando e ver e me permite copiar uma página, e ele vai salvar essa página como um JPEG. Todos os leitores de CBR que já usei no computador Windows ou Apple tinham algum componente onde você é capaz de extrair as páginas, porco Ajay. E mesmo que você não consiga descobrir como fazer isso, você pode capturar a tela parte da sua tela para que você possa fazer com que o arquivo realmente funcione . Agora. Se você estiver usando uma história em quadrinhos da Idade de Ouro, e você quer realmente contar uma história com o seu movimento em quadrinhos e não apenas ter sete legal, presente em movimento. É útil obter mais de uma imagem de um personagem. Eu sei que muitos dos personagens e quadrinhos de romance são muito parecidos. Escrevi minha história em torno de um homem loiro em uma mulher morena. Então, enquanto os penteados fossem um pouco parecidos, eu poderia passar por dezenas de quadrinhos românticos e separar fotos dos caras loiros. Isso e, , baseado nas emoções que eles têm em seu rosto, um sinal para eles na história. Assim que tiveres os teus porcos J, vamos à loja de fotografia e começaremos a desmontá-lo. 3. Quebrando sua imagem e limpeza básica: e eu vou para você abrir alguns quadrinhos de guerra. Eu gosto de trabalhar com as capas porque eles tendem a ter resolução de olhos para uma única imagem . Quando você está trabalhando com os painéis dentro de novos quadrinhos, eles vão ser muito baixos de qualquer maneira, porque eles são formatados para a tela do computador. E também eles vão ser pouco descanso porque eles são muito menores do que a imagem grande na capa. Então eu vou usar lojas de fotos, ferramentas de seleção para desenhar contornos do Marquês em torno de qualquer que seja a minha coisa principal, e eu vou separar tese mais velha na capa com a metralhadora. Aqui, há mais de uma ferramenta de seleção. Então agora eu estou no Laço à Mão Livre, que permite que você desenhe formas bastante aleatórias com o mouse. Há um que é um laço político que cria formas de linhas retas, e há o seletor de amostragem de cores todos esses ar bem ao lado do outro na parte superior do kit de ferramentas da loja de fotos, e eu vou usar o que todos funciona no momento. Por exemplo, para entrar nesse escopo, vou precisar fazer política por último, então porque já é uma forma retangular e é muito mais fácil desenhar esse retângulo e excluir. A maioria das pessoas pensaria em desenhar os contornos em torno do personagem, mas há alguma limpeza envolvida. As bordas deste papel vão me ajudar. E se esta é a única camada com a qual estou trabalhando na paleta de camadas no canto inferior direito, vou precisar desbloquear essa camada. Então eu tenho esse espaço vazio atrás do meu cara. Esse é o tabuleiro de xadrez cinza e branco que você vê atrás dele. Chamamos isso de Alfa. Assim que eu cortar minha pessoa, eu vou fazer alguma limpeza dentro, me livrar desse texto, livrar desse texto, e eu estou usando a ferramenta de carimbo agora para curar e clonar. Há uma ferramenta de pincel de cura que se parece com um Band Aid. E depois há o carimbo de borracha para os nossos propósitos. Porque isto é um gráfico. Faz mais sentido usar a ferramenta de carimbo do que a ferramenta de pincel de cura. Eu vou entrar no fundo do nitty gritty. Estou usando o laço magnético neste caso porque ele vai se conformar com as bordas do meu personagem. A mesma coisa aqui. Dê a volta nos dedos dele. Eu vou usar o laço político em torno de seus dedos porque eu quero manter esse contorno preto lá. Se eu não tiver o contorno preto, vai deixar a mão dele um pouco estranha. Você já pode ver em seu polegar que eu estou faltando o contorno preto então eu poderia realmente voltar e colocar um traço em torno do meu personagem para ter certeza que ele tem um contorno preto consistente todo o caminho em torno dele. Limpe esses pedaços de roupas que sobram. Se você é o ilustrador de uma peça e você não está apenas experimentando uma história em quadrinhos velha como eu sou, você pode tornar a vida muito mais fácil para si mesmo desenhando tudo em camadas que você planeja animar. Ou se você desenhar com lápis e no tabuleiro de Bristol, então fazer coisas como desenhar a mão e as armas separadamente do que os soldados enfrentam. Então eu movi a mão na arma para outra camada, e eu vou construir um pouco de espaço para o resto dele. Vou preencher a camisa dele, a área do peito um pouco desse jeito. Quando eu movi a arma, uh, você não vê a borda do peito, parece que havia mais atrás da mão na arma. Então há mesmo? Waas e eu não precisamos fazer um monte de coisas. Se minha moção não for mais do que 10 pixels do que o que estou reconstruindo aqui é mais do que suficiente. 4. Como configurar linha de tempo de animação no Photoshop: ponto, eu vou configurar minha linha do tempo e linha do tempo é como fazemos frame animation e Photoshopped . Está na minha tela, no canto superior direito. Você vê o histórico, as ações e a linha do tempo. E se você não vir a linha do tempo na sua, vá em frente até a janela de barra superior curtida e, em seguida, a linha do tempo estará ativa. Então eu clique sobre criar quadro de animação definir a duração dos meus quadros, e geralmente eu usar 0.1 ou apontar para a página virada. Faz um novo quadro, e você pode reposicionar seus objetos como eu estou fazendo. Então eu estou fazendo parecer que a metralhadora vai estar chocalhando em suas mãos. Uma coisa que você não pode fazer é rotações ou transformação, porque essas imagens foram geradas e isso vai mudar, uh, como todas as outras camadas se ativam se você quiser transformar, escalar uh, ou girar seus objetos . Um bom método seria criar novas camadas que tenham esses objetos já dimensionados ou transformados, e veremos isso em nossa próxima lição. Mas, por enquanto, estamos apenas fazendo a premissa muito básica de criar um conjunto de quadros e reposicionar objetos. Então parece que meus olhos de cara realmente tremendo ao lado da metralhadora, que está tremendo 5. Molduras para transformação para animação mais complexa: então vamos tentar um pouco de animação mais avançada. E como você notou nas parcelas anteriores, tudo o que fomos capazes de fazer é basicamente mover seções ao redor. Tenho novas seções aqui que foram tiradas de uma história em quadrinhos de terror e suas duas mãos. Eles estão cada um em sua própria camada, então e meu objetivo aqui é ter as mãos manipulá-los. O dedo é um pouco como riel rastejando mãos vindo em direção a uma pessoa. Então, se tudo o que Aiken faz é pegar uma mão e movê-la, isso não é formigamento na espinha. Isso não é realmente o que eu quero. Na verdade, vou posicioná-lo para que as mãos fiquem um pouco menores do que são. Use Transform apenas livre. Transformá-lo posição como So Now esta transformação livre não é algo que você é capaz de fazer dentro da animação. Mas se eu tiver diferentes instâncias em que o ar das mãos se deformou e se transformou, então essas podem ser animadas. Vou te mostrar o que quero dizer. Vou duplicar camada para o amor. Primeiro de tudo, eu preciso nomeá-los porque uma vez que você tem um monte de exemplos deles, eles vão ser muito confuso. Mão esquerda direita. Está bem. Vai duplicar a mão esquerda? Então eu vou para o meu menu de transformação e eu vou escolher. O trabalho de dobra lhe dá essa grade e você pode reposicionar quadrantes ou seções menores sem afetar o resto. Só vou movê-lo um pouco. Bater. Entre agora. Vou copiar minha cópia, e vou distorcê-la de novo um pouco. Você meio que vê onde estamos indo com isso aplicar. Eu poderia continuar este processo e até mesmo fazer coisas como apagar os dedos ou reposicionar este dedo aqui em cima. Eu poderia fazer isso só para mostrar a vocês, mas, hum, isso pode ficar muito complexo muito rápido. Estou usando o Aso Político para colocar tudo debaixo deste dedo. Mova-se, ferramenta. A minha posição. É assim. Eu acabo vendo que vai em cima dos meus outros dedos. Então, em vez disso, vou cortá-lo, colocá-lo em outra camada com pasta. Isso é controle V, controle corte de acesso V é colar. Se você não souber os atalhos, mova essa camada para baixo. Posso empurrar os dedos para cima, e depois preciso solidificar esta camada. Então eu vou usar o comando e no controle do Mac E no Windows. Há a minha cópia de mão desta camada e camada para. A única diferença é que os dedos se movem para cima. Eu queria ser um pouco mais diferente do que isso. Vou distorcê-lo ainda mais. É importante que haja uma diferença entre cada uma dessas camadas. E eu realmente não quero que tudo fique no mesmo lugar. Certo, o que significa que é. Eu mão quatro e três. Mão esquerda, também. Mão esquerda. Aqui vamos nós. Tem quatro casos que vão fazer a mesma coisa com o trabalho da mão direita. Agora eu só estou deformando, mas se você quiser fazer coisas como fazer escala diferente, ter uma mão maior ou uma mão menor ou você quiser mudar a perspectiva que você pode Talvez eu jogue um desses na minha próxima cópia da mão direita. O ponto é, se você quiser fazer transformações entre quadros, você terá que ter camadas individuais que se transformam, então mude a perspectiva como essa 6. Quadros de ajuste: Ok, então eu tenho quatro instâncias da mão esquerda nas três instâncias da mão direita. Tudo bem para os nossos propósitos. Nossos propósitos de demonstração vão para o pé, desligar um fundo, criar animação de quadros. Aqui vamos nós só podemos ter uma mão de cada vez. Então vamos começar com os básicos, e vamos definir. Estão emoldurando 2.1 segundos cada vez. Criar um novo grande novo. Tenho quatro mãos esquerdas, mas apenas uma direita. Então o loop vai ser desligado um pouco. E para obter uma animação mais interessante, se você tiver várias camadas como esta, , faça muitas mudanças misturadas com a combinação, então nem sempre é certo. Mão uma com a mão esquerda uma. Eu ainda posso fazer movimentos assim. Ok, vamos ver como isso parece. Nós vamos fazer um loop rápido sobre ele, tudo bem. Parece muito mais animada para torná-lo ainda mais interessante. Temos uma função aqui chamada Tweens, e isso cria a animação intersticial entre o que acontece no número um e no número dois. Você pode ter um monte de tweens e eu vou te mostrar como isso é. Então eu vou adicionar cinco quadros entre o passo um e o passo dois, e, uh, é muito lento. É fantasmagórico, também. E eu conduzo, hum, reposicionamento dentro dos Tweens, se eu quiser. Acho que cinco é demais. Vamos dar uma olhada agora que eu movo algumas coisas, então eu vou voltar. Isso é totalmente subjetivo. Então, se você quer cinco quadros no meio porque você gosta desse movimento lento e fantasmagórico, por todos os meios, vá em frente e faça isso. Vou posicionar apenas dois quadros. Eu não podia dizer quais são. Esta é a minha próxima posição completa de minutos. Dois quadros aqui, dois quadros em sete no último quadro. Em vez de twittar para o próximo quadro, vou para Interpolação para o primeiro quadro. Essa é uma escolha no menu suspenso aqui, Então OK, agora vamos ver estão rastejando mãos. Animação parece muito boa. Eu vejo uma falha que é esta área bem aqui. Tudo o que fiz foi mover esta mão para cima e para baixo e não estou feliz com isso. Então, Teoh, troque a mão para eu ter algumas opções. Um deles é simplesmente cortar meus laços para a última parte que parece bom através de todos esses no lixo. E então também esses Tweens. E eu vou entre o número 10 com o primeiro. E a outra opção é, se você colocar isso em um editor de vídeo, cortar as partes ofensivas ou terceira opção, deixá-lo como está e chamá-lo de um acidente feliz. Eu vou cortar esses quadros ofensivos loop com o primeiro quadro. E enquanto o efeito for o que eu quero que seja, estou feliz com ele. Ainda tenho minhas mãos rastejantes. Eles ainda mudam de tamanho e posição. 7. Como exportar sua animação com o canal alfa: nesta fase, vou mostrar-lhe como exportar seu arquivo de animação. Exportar vídeo de renderização. Agora, eu acho que é uma boa idéia. Teoh, exporte todos os seus bits de animação como arquivos de tempo rápido matted unm porque então você pode colocá-los em um programa de edição de vídeo. Estas mãos rastejantes podem estar perseguindo uma pessoa correndo. Por exemplo, se eu quisesse criar esse cenário em um único arquivo de loja de fotos, seria muito mais camadas do que você vê aqui. Um arquivo muito maior e muito mais complicado. Teoh animar tanto a pessoa correndo quanto as mãos em movimento. Então deixe-me mostrar-lhe como fazer isso. Exportar descida Exportar vídeo Renderização. Se você está nesta escolha H 264 você não tem a escolha de obter o Alfa Channel, que é este espaço vazio aqui, este tipo de Ah, grande área de xadrez. Então, para mim trabalhando em um Mac, Eu tenho que escolher rápido tempo Alfa Channel reta, UNM adicionado, e ele vai criar um arquivo de vídeo curto que ainda é tipo de grande por causa das dimensões de pixel deste. Será um ponto mover arquivo três sendo mãos. Vamos tornar este Teoh este lugar. E só para mostrar o que isso parece em um programa de edição de vídeo, vou abrir o Premier. Aqui estão minhas mãos rastejantes. Tem apenas 31 megabytes de tamanho e tem um fundo preto atualmente porque não há nada baixo, e isso é o que Premier lhe dá quando você joga coisas lá e é muito curto, é apenas um segundo de comprimento porque eu tenho um 30 quadros por segundo. Claro, eu poderia abrandar as coisas e Premier ou posso fazê-las em loop. Estou segurando também clicando na minha filmagem e, em seguida, esticando para fora, fazendo de novo. E se você estiver trabalhando em loops, faz sentido criar arquivos menores e, em seguida, conectá-los no programa de escolha que você tem, vez de criar 10 segundos do mesmo loop repetidamente. Porque se você pode imaginar, um segundo tem 30 megabytes de tamanho que 10 segundos, supera 300 megabytes de tamanho ou maior, e ele fica maior e maior a partir de seus arquivos maiores. É mais difícil trabalhar. Se eu quisesse adicionar fundos ou outras animações, eu poderia plop-los na linha de vídeo subjacente, assim como esses jogadores de loja de fotos. Ou se eu quisesse jogar qualquer fundo na loja de fotos e ter que ser uma parte destaque da minha animação. Posso saber que quando você colocar algo depois do fato de que ele vai aparecer em cada camada? Então, colocar esse tipo de linha de explosão é um fundo. Agora está em cada camada da minha animação, que pode ou não ser o efeito desejado. Então até você, minha principal recomendação é projetado todas as suas animações de forma independente em uma loja de fotos para o seu movimento quadrinhos e, em seguida, usar um programa de edição de vídeo que permite que você tenha várias faixas. Mas se você não tem isso, você pode compilar tudo na loja de fotos. Apenas esteja ciente de que você estará usando muito mais do que as camadas de comer ou algo assim que eu tenho nesta seção. 8. Exportação para a visualização de Animador de Personagens Web + After Effects: Então, esses são os fundamentos da criação de uma animação em quadrinhos de movimento no Photoshopped. E se você estiver indo para fazer o seu projeto e para o seu projeto, eu adoraria ver que tipo de animação em loop você vir acima com. A maneira de obter uma animação que você pode postar na Web é o arquivo exportar renderizar vídeo, e nós vamos escolher H 264 Isso vai criar um arquivo muito menor que você será capaz de postar no YouTube ou vídeo ou qualquer um dos seus outros sites de hospedagem de vídeo favoritos definiria o tamanho do documento para ser algo na vizinhança de 10 80 pixels de altura. E uma vez que isto começou como um quadrado vai ser 10 80 por 10 80 e então você vai à frente dele render antes de irmos. Eu queria falar sobre futuras parcelas da banda desenhada Siri porque, como você pode ver, isso é muito mais envolvido do que apenas criar alguns loops na loja de fotos. Então, na próxima edição será a abertura de efeitos após, e nós estaremos usando para funções especiais de efeitos após. Uma é a animação geral em After Effects, mas também vamos estar usando um sub programa chamado Character Animator. Isso permite que você crie caracteres que podem sincronizar labial com o áudio que você importa para o programa. É o mesmo programa que usaram recentemente no The Simpsons quando queriam que Homer falasse ao vivo para uma platéia, e ainda está em beta no momento da gravação em agosto de 2016. Mas eu tenho usado animador de personagens por quase um ano, e eu amo isso. E eu me sinto como um animador de personagem como uma característica de efeitos posteriores é o que realmente me fez ir em meus próprios quadrinhos movimento, porque ele permite que você controle o personagem usando seus movimentos de cabeça através de sua webcam. E quando você tem a captura de movimento, isso economiza muito trabalho animando, trocando bocas por quadros-chave, etc. Vemo-nos na próxima aula. Não se esqueça de postar suas animações na página do projeto de compartilhamento de habilidades e tenha um ótimo dia