Transcrições
1. Introdução: Olá, bem-vindo à minha aula de Skillshare. Meu nome é Ursula e sou ilustradora. Eu basicamente faço retratos, mas nesta aula eu vou mostrar a vocês como fazer retrato e animação. Você vai precisar de algumas habilidades no Photoshop e algumas habilidades básicas de desenho. Você pode usar essas técnicas básicas de animação, para criar novos retratos ou para tornar retratos mais antigos ainda mais interessantes. Esta tarefa pedirá que você comece de esboçar todo o caminho para criar um retrato completo. Vou ensinar-lhe um básico de composição, mapeando sua animação e, em seguida, como salvar sua animação. Se você quiser ver como suas animações vão se parecer, você pode me procurar no Instagram como Ursunous. Vamos chegar a ele.
2. Esboço - parte 1: Vou mostrar-vos como será a minha composição básica e como a desenhei. Estou usando esta imagem de Dolores del Rio, que é uma atriz mexicana como base para a minha composição. Mas eu também vou adicionar linhas
para que eu saiba onde meu equilíbrio e minha simetria estarão. Porque eu gosto muito de como as mãos são colocadas, eu sei que eu vou fazer um tipo muito simétrico de ilustração com ele. Eu vou fazer uma linha muito áspera, horizontal, vertical para que seja semi simétrica e então eu vou começar a ver onde eu quero colocar as coisas. É por isso que esboçar é tão importante porque eu tenho uma idéia, começou de alguma coisa, mas agora eu quero ver como ele fica nas pessoas. Essa é uma das razões pelas quais eu sempre encorajo as pessoas a fazer esboços, é a única maneira a idéia de vir de uma foto ou de algo que inspira você a uma obra de arte muito boa real. Agora, vamos fazer outro, vamos mudá-lo e usar isso como referência. Eu estou fazendo isso no incorreto, bem então. Vamos fazer de novo esboços muito ásperos como se soubéssemos que o rosto está aqui, sabemos onde as mãos estarão. Isso é muito, muito duro, só para que eu esteja ciente de onde eu quero que as coisas vão, vamos fazer nossas mãos muito famosas e agora que temos tipo de onde as coisas estão, isso são os ombros, nossos olhos, onde nossa boca vai estar, o nariz muito, muito grosseiramente, vamos colocá-lo onde queremos colocá-lo e então porque eu quero que ele seja simétrico, eu quero que os olhos, a boca e as mãos para ser um foco principal e lugar É lá dentro. Mas também o cabelo vai ser um aspecto muito importante. Eu amo o cabelo lá e a boca, isso muito no meio e claro os olhos,
porque os olhos são ponto focal muito importante nesta imagem e eu quero que ele seja um ponto de foco muito importante na minha composição e no meu retrato . Como você pode ver, tudo é muito, muito áspero. Só estou olhando como as coisas estão. Estou vendo como as mãos serão colocadas. Sei que quero fazer algo com as mãos, tenho uma certa ideia. Eu não tenho certeza do porquê, a animação pode acabar por estar em torno das mãos, mas a idéia é, eu sou realmente muito obcecado com borboletas, agora que eu penso sobre isso devemos fazer borboletas, mas eu tenho algumas idéias. Eu só preciso colocá-los no papel e isso é uma coisa importante sobre esboçar. Talvez você comece com algo e acabe com algo completamente diferente. Por exemplo, eu não estou muito feliz com o quão pequeno isso é, então eu vou torná-lo maior. Novamente, eu vou colocá-lo onde eu sei que eu quero apenas para que eu ainda tenha uma espécie de composição simétrica e então, depois, nós vamos ver.
3. Esboço - Parte 2: Agora que eu tenho o que eu queria como um retrato, eu vou começar a desenhar e mapear minha animação. Eu sei que eu quero as mãos então vamos colocar algumas coisas nas mãos. Mas eu quero que ele tenha movimento, um certo tipo de movimento. Isto é o que eu estou desenhando o movimento que eu quero que os olhos tomem. Por causa disso, eu sei que eu tenho que colocar uma coisa importante em ambas as mãos ou mais perto das mãos no topo. Eu acho que nós vamos fazer borboletas agora que eu disse isso em voz alta, eu quero fazer borboletas. Nós vamos fazer, eu acho que três borboletas? Sim. Vamos começar com este. Vamos fazer uma borboleta muito áspera. Lembrem-se que isto é apenas um esboço. Não me julgue pelo meu muito parecido com uma pequena borboleta. Temos este e depois, claro, vamos ter outro aqui. Mas agora que eu penso sobre isso é bastante vazio no lado inferior. Eu acho que eu quero adicionar outro lá. Só para que saibamos que o movimento dos olhos, ele vai na parte inferior da tela. É bom que eu estou adicionando isso. Torna-se em vez de um triângulo, mais de um quadrado, mas vamos torná-lo um pouco maior. Isso não vai caber. Vou ter que mudar a cabeça. É muito rápido, não importa. Ainda estamos desenhando. Então eu vou mostrar a vocês como fazer o mapeamento de animação porque eu ainda não tenho certeza do que eu quero fazer lá atrás. Mas depois vou mostrar o que quero ter como animação e como acabo tendo uma animação disto, o início disto.
4. Mapeamento de animação: Temos um esboço de como será a nossa animação. Eu vou fazer outra,
outra camada com outra cor, lá está o verde. É mais fácil para mim ver o que quero que as borboletas façam. Eu só vou procurar isso. Eu não quero uma animação muito complicada, eu quero algo que possa estar em loop. Para fazer isso,
eu preciso pensar, eu preciso pensar, essa é uma das razões pelas quais eu comecei como uma borboleta, você também pode começar com borboletas eles apenas voam ao redor. O que poderíamos fazer é apenas água. Eu quero ver como seria o desenho final e para isso, então eu posso apenas mapear depois o que eu queria que fosse. Por exemplo, eu tenho isso e eu quero o final seja semi-fechado significa dizer que este ou se torna um pouco mais apertado
da borboleta e vamos apenas dizer que este vai se aproximar, e este Basta pensar sobre isso. Quero dizer, todos eles vão tremer, então vamos apenas colocar uma vibração também. Talvez não tão mush como este, mas ainda assim uma vibração. Agora que tenho a última, é mais fácil para mim fazer passo a passo o que eu queria fazer. Eu recomendo fazer isso em cinco passos. Por exemplo, se este é um e este é o quinto, precisamos do segundo. Vai ser como este e este se for o primeiro, para sabermos o que estamos fazendo. Neste caso, ele só se move um pouco. Parece que vou fazer mais dois. Vai parecer mais uniforme. Mais dois, vamos fazer cores diferentes para que possamos vê-lo. Claro, isso é apenas esboçar nossa animação, isso não é como nossa animação final vai parecer, mas é uma boa maneira de nos fazer perceber o que estamos animando, o que queremos fora dela. Nesses em que é mais, você pode dizer para onde ele vai se mover, se você puder. É mais fácil para mim mostrar a vocês. Posso refiná-lo antes do próximo então recomendo que vocês o refinem também. Talvez fazer um, pegar outro, será mais fácil para você saber qual você pode adicionar, qual você pode pegar, então já que vamos fazer o último. Se o vermos sem todos, então este primeiro e este. Sim, é assim que mapeamos a animação.
5. Paletas e pincel: Vou mostrar a vocês como acabo fazendo minhas ilustrações desde o início. Temos este como referência, como eu disse antes. Eu também tomei isso do Pinterest como minha paleta de cores, e eu vou apenas adicionar o conta-gotas e tê-los aqui em minhas amostras. Agora, para os pincéis, isso é uma coisa muito importante. Eu amo Kyle T. Webster pincéis e não estão agora disponíveis para CSX. Mas eu acho que se não, você ainda pode colocá-los na internet. Eu costumo usar a caixa de desenho Kyle
Animator, lápis animador e aquele que você pode obter clicando aqui e obter mais pincéis ou procurando por eles na internet. Isto é o que parece. Essa é uma das razões pelas quais eu realmente, realmente gosto delas. Eles têm tanta habilidade para fazer tanto. Você pode fazer grosso ou fino e quanto maior você for melhor. Pincéis são muito importantes para mim porque existem as ferramentas que você usa para criar coisas bonitas. Eu recomendo ter muitas outras coisas para suas ilustrações.
6. Configurando o Photoshop: Isto é o que vai parecer agora que temos o retrato, e agora que sabemos como será a animação. Deixe-me começar do início. Esta é a nossa referência. Este é o esboço que crio, apenas, para que eu tenha as proporções bem estabelecidas. Então não é mais um esboço; isso é mais um sábio proporcional. Tenho alguns blocos coloridos com os pincéis que mostrei a vocês. Agora vamos ver como será a animação. Decidi fazer três em vez de cinco. Só para que seja mais fácil e seja mais vibrante. Nós vamos adicionar outra coisa depois da animação; para que fique melhor. Mas decidi mudar uma dessas animações. Agora este ainda vai ser mais vibrante. Mas este vai se transformar em mais de uma abertura de asas. É isso, esta é a nossa armadilha.
7. Colorir sua animação: Oi caras. Nesta aula, vou mostrar a vocês como eu coro as borboletas. Vamos recolorir todas as borboletas em algum momento, mas vamos primeiro fazê-lo nas camadas. Eu tenho algumas cores que eu já sei que eu queria, algumas delas são como contrastantes na composição. Mas eu ainda estou usando algumas das cores que eu já usei para a camada. Primeiro vamos baixar a opacidade para a primeira camada e depois vou recolorir esta. Ainda estou usando o lápis do Animador para Kyle. Como eu disse antes, você pode encontrar isso em seu Photoshop na Creative Cloud. Normalmente, o que eu tento fazer é tentar encontrar as mesmas cores. Eu tento usar como quatro ou cinco cores que são semelhantes, a fim de manter a composição mais completa. Como eu disse antes, eu só vou colorir. Normalmente este será o primeiro passo e, em seguida,
vou colorir as outras camadas da nossa animação. É muito fácil ir um de cada vez, apenas colorir. Eu vou usar um pouco mais rosa escuro, apenas um monte, há um pouco disso. Aqui vamos nós. Eu tento ter alguma idéia de como eu quero que a borboleta se pareça e esta é uma parte muito importante para a referência. É sempre importante ter sua referência, e você pode vê-la aqui, mas eu tenho na minha outra tela, alguns materiais de referência que encontrei no Pinterest sobre como essas borboletas se parecem. Eu vou mantê-los bem simples, já que esses são os que vão estar lá na animação e porque eu tenho que repeti-los, eu não quero que eles sejam muito complicados. Eu só vou adicionar essas pequenas coisas só para torná-las bonitas. Parecem borboletas. Esta é uma das razões pelas quais eu queria fazer essa animação. Também é muito fácil ver essa vibração e é muito bom reconhecer isso. Nós temos as cores que já temos, mas eu quero experimentar este outro rosa brilhante só para que tenhamos um pouco de contraste com os olhos e vamos adicioná-los nas asas das borboletas. Porque temos um monte de rosa, estou pensando sobre este, e ele precisa ser mais contrastante só para que nossos olhos caiam. Eu só vou adicionar um pouco da cor do cabelo que eu uso e nós vamos adicionar esse um para que nós ainda possamos, mesmo se nós estamos movendo nossos olhos para a composição, este é como um foco principal também. Sabe o que quero dizer com foco, talvez mais um foco complementar. Lembre-se, o mais simples que fazemos o melhor já que vamos repetir. Então, pela primeira vez, se você está fazendo essa aula, apenas tente mantê-lo simples. Tente ficar muito calmo sobre isso. É isso aí, pessoal.
8. Adição da animação: Neste vídeo, vou mostrar como configurar seu Photoshop para usá-lo como uma ferramenta de animação. Vamos para Window, Timeline, e vamos criar uma animação de quadros. Às vezes, quando você abre,
ele mostra a linha do tempo de criação de vídeo. Isso é muito comum porque o Photoshop não pode fazer animações em um tempo como o After Effects, mas essa é outra história. Cada quadro vai ser uma camada. Por exemplo, este é agora o nosso primeiro quadro. Só dura zero segundos. Nós vamos adicionar outro quadro com uma camada diferente, e então um terceiro quadro com uma camada diferente.. Agora , vai ficar assim. Isto é muito rápido. O que podemos fazer é mudar a quantidade de tempo que ele precisa para mudar de um para outro. Está aqui, não tem atrasos, então são zero segundos, um segundo. Vamos ver como fica, muito melhor. Por exemplo, isso está em loop. Se eu quiser que dure mais de três segundos, basicamente, podemos fazer uma coisa e repeti-la até termos vários quadros. Eu recomendo fazer 30, ou pelo menos 40 quadros. Porque o Instagram só permite vídeos por cinco ou seis minutos. Isto é 30, um bom período de tempo para fazê-lo. É basicamente isso. É assim que se animam, pessoal.
9. Renderização: Agora que temos todos os nossos quadros de configuração, eu adicionei um pouco de um contorno do lado de fora porque eu
senti que ela estava muito solitária no fundo, e como eu não vou adicionar qualquer fundo eu acho que esta é uma boa maneira de apenas Enquadrá-la. Agora que temos que vamos exportá-lo, então isso é o que vamos fazer. Vamos “Exportação de arquivos” e vamos para “Renderizar vídeo”. Isso é muito importante porque se você está planejando fazer isso para o Instagram, você não pode fazê-lo como um GIF, ele precisa ser um vídeo. Vamos apenas adicionar Dolores, nossa pasta, o codificador de mídia Adobe vai fazer isso por conta própria. O formato é perfeito e os tamanhos de tamanho regular do Instagram, taxa de quadros do
documento 30 quadros por segundo, o que é bom, e tudo está configurado dessa maneira,
então, se você quiser fazer sua configuração, esta é uma maneira perfeita de
configurá-lo acima nós apenas adicionamos renderização e ele vai começar a fazer o vídeo, e é isso, você agora salvou seu vídeo, como sua ilustração como um vídeo. Agora, se você quiser fazer um GIF, nós fazemos “File”, “Export”, “Save” para web, agora é aqui que você pode salvá-lo como um GIF. Este é o formato de telefone otimizado, no nome podemos apenas nomeá-lo de outra coisa. Agora eu quero que você saiba que se você quiser salvá-lo como um GIF, eu recomendo fazer a menor quantidade de cor. Em uma porcentagem, você pode baixá-lo porque agora é 256, é demais, então o que eu vou fazer é eu estou indo para 92 que é um bom número porque ele mantém as coisas e o tamanho da imagem muito bem, e reduz a quantidade de cores que temos porque tínhamos um monte de cores. Com isso feito e vamos salvá-lo, e é isso pessoal.
10. Considerações finais: Obrigado por fazer esta aula. Espero que tenha gostado. Nesta classe, você aprendeu a fazer mapeamento básico de animação, animação
básica no Photoshop e noções básicas de composição. Espero que gostes e espero que estejas disposto a mostrar-me o que fizeste. Você pode me encontrar no Instagram em ursunous, e eu adoraria ver o que você criou para esta classe. Lembrem-se que podem usar todas as habilidades que lhes ensinei em outros retratos que criaram ou em qualquer outra ilustração que tenham. Obrigado.
Ursula Cordova
