Arte em iPad: expresse-se com um GIF

1. Introdução: Oi, você não está entediado de enviar e receber as mesmas mensagens de Natal todos os anos? Você não adoraria criar algo novo, algo único, algo próprio? Agora, imagine que você poderia fazer tudo isso do seu iPad. Bem-vindo ao iPad Art, crie um GIF para comemorar os feriados. Sou Cova Sandes e estou aqui para mostrar meu processo. Eu vou guiá-lo todo o caminho passo a passo. Tudo o que precisamos para esta classe, é um iPad, o aplicativo procreate no aplicativo ImgPlay. Se você é novo em tudo isso, não se preocupe, eu vou manter as coisas muito simples, e no final desta aula, você terá feito um grande GIF para enviar para seus amigos e familiares. Vai ser divertido e fácil. Então, o que você está esperando? Vamos começar. 2. Projeto do curso: Antes de começarmos a lição, vamos falar sobre o projeto da turma. No final desta classe, você terá todas as ferramentas necessárias para criar seu próprio GIF. Então adivinha o quê? Seu projeto de classe será criar seu GIF. Por favor, certifique-se de salvá-lo em sua galeria de projeto para que possamos ver agora. E agora vamos começar nossa lição. 3. Ferramentas e aplicativos: O que precisamos para esta aula? Claro que usaremos nossos iPads, e então eu recomendo o uso de uma caneta. Eu vou usar o lápis Apple, mas você pode usar qualquer caneta que você quiser ou que você tem. Agora, quanto aos aplicativos, vamos para a App Store, e o primeiro aplicativo que vamos usar é o aplicativo procreate. Este aqui. Eu acho que é cerca de $10 ou $11, mas para mim vale a pena, eu faço um monte de trabalho no meu iPad e eu uso o aplicativo procreate e é fantástico. Se esta é a primeira vez para você usar o aplicativo, não se preocupe porque eu vou estar fazendo coisas muito simples e levá-lo passo a passo. O segundo aplicativo que usaremos é o aplicativo imgplay, este aqui. Eu acho que há também uma versão pro do aplicativo onde eles removeram como a marca d'água. Mas para esta lição, tudo ficará bem se você obter a versão gratuita. Uma vez que você tenha tudo, então estaremos prontos para continuar com a classe. 4. Encontrando inspiração: Agora vamos procurar alguma inspiração. Adoro usar o aplicativo Pinterest e como você sabe para esta classe, vamos criar um GIF de Natal. Vamos procurar alguns ícones de Natal. Aqui estamos nós. Então, como você pode ver, há muitos. Temos o chapéu do Papai Noel, champanhe, doces, o sino, os biscoitos, árvores de Natal, renas, Papai Noel, boneco de neve, floco de neve. Há centenas de ícones de Natal. Acho que vou usar a árvore de Natal. Árvores de Natal são um ícone muito forte e eu vou criar um GIF inspirado em uma árvore de Natal. Então, uma vez que você escolher o seu ícone ou se você quiser seguir ao longo dos meus passos. Depois de configurar sua mente na árvore de Natal ou qualquer outro ícone. Vamos começar a esboçar algumas ideias para um GIF. 5. Primeiros passos: Agora que reunimos alguma inspiração, vamos direto para o aplicativo procreate. Eu acredito que esta é a primeira tela que você vê quando você baixar o aplicativo pela primeira vez, que tem alguns exemplos do arco que você pode fazer dentro do procreate, mas vamos criar uma nova tela. Para fazer isso, pressione o ícone de adição aqui e crie um tamanho personalizado. Agora, aqui você tem as diferentes unidades onde você pode colocar sua tela. Vou ficar com os pixels. Acho que quero uma tela quadrada. Então 3.000 por 3.000 com o DPI de 300 será perfeito. Basta apertar o botão “Criar”, e estamos prontos para ir. Então aqui nós podemos ampliar e reduzir apertando com nossos dedos, e nós também podemos girar a tela, isso é realmente útil porque nós não precisamos girar nosso iPad enquanto estamos trabalhando. Agora, para começar a desenhar, a primeira coisa que precisamos fazer é pressionar o ícone com o pincel, e aqui você terá todo o menu com os diferentes pincéis que procria traz. Eu também tenho alguns que são importantes, você pode fazer isso mais tarde. Mas para esboçar, vamos usar os lápis de esboço e você pode ver que você tem o técnico, HB, Narinder, pastel, 6B, podemos escolher o lápis Narinder se você quiser. Então, basta pressionar novamente o ícone do pincel e você está pronto para começar a esboçar. Como você pode ver, é bem simples. Você pode fazer com o dedo ou você pode usar a caneta como eu vou fazer mais tarde. Agora, coisas que você precisa saber sobre os lápis para começar a esboçar, e coisas básicas para usar o aplicativo. Aqui você pode variar o tamanho do ponto do seu pincel ou lápis. Aqui, você pode variar sua opacidade. Por exemplo, eu vou pegar este grande pincel círculo que eu criei. Então você pode ver o tamanho variar, por exemplo, tamanho pequeno, algo assim, ou um tamanho maior, algo assim. Agora, com a opacidade, é a mesma coisa. Você pode ver o alcance aqui, baixa opacidade, opacidade média e alta opacidade. Agora, para apagar, tudo que você precisa fazer é pressionar o ícone da borracha e apagar o que você precisa apagar. Há também uma opção para voltar em procriar, que é bem aqui, esta seta para voltar, voltar, voltar, voltar, trás, trás, frente, frente, frente, frente. Isso também é útil se você quiser apagar apenas o último tipo, você fez. Outra coisa que você precisa saber, é como a cor que você vê aqui. Eu tenho diferentes paletas que eu criei ou alguns que vêm em procreate, mas você pode usar o disco, e mover ao longo da enorme variedade de cores na roda ou os tons que você tem aqui ou você pode usar o clássico onde você tem como a cor e você pode alterar a tonalidade e a saturação e o valor da cor aqui. Ou se você quiser, você pode inserir um código RGB ou código HSP, ou até mesmo o código de cor Pantone ou criar sua própria paleta. Para este exercício, usaremos a roda. Eu gosto porque é simples, e é muito, eu não sei. Sim, é divertido usá-lo. Gosto de usar a roda. Isso é tudo que você precisa fazer para começar a desenhar. Então vamos continuar com isso na próxima lição. 6. Esboço: Agora que vimos as características básicas, vamos começar a esboçar. Escolhi fazer uma árvore de Natal, então vamos. Eu vou manter tudo muito simples para que você possa acompanhar e isso vai ser um esboço áspero, muito, muito áspero. Tenho aqui a minha árvore de Natal para me dar uns olhos como um baixo, uma estrela ali. Pequenos braços ramificados para que possamos movê-los para talvez algumas luzes aqui e aqui. Podemos ter neve caindo. Aproximadamente este vai ser o meu personagem. Outras coisas sobre procriar que são muito úteis para saber. Este ícone aqui com o quadrado suas camadas. Você pode adicionar camadas, que estaremos usando muito quando começamos a criar as cores e os diferentes elementos até agora um personagem. Você pode deslizar para a esquerda e bloquear a camada, duplicá-la ou excluí-la. Agora, porque estamos usando apenas um esboço, uma camada é suficiente. Se clicarmos na camada de dados um, podemos renomear também ou camada e chamá-lo de esboço. Outra íngreme útil quando fita um esboço é este ícone de seta aqui, temos a zona magnética de forma livre. Nós construímos as alças nos cantos. Podemos redimensionar nosso esboço, para que também possamos movê-lo em torno de nossa tela e configurá-lo onde queremos que ele esteja. Cuidado com isso porque se você está fazendo arte final, às vezes ele fica pixelado e não é muito bom, mas para esboços é bom. Agora que temos o nosso personagem aqui, vamos ter letras de Feliz Natal ou algo assim ali. Agora que temos o nosso personagem, podemos começar a pensar em como vamos animá-lo. Veremos isso na próxima lição. 7. Animação : planeje o plano: Agora que temos nosso personagem, vamos pensar em como vamos animá-lo e o que queremos animar? Eu estava pensando que poderíamos animar os olhos, os braços, as lâmpadas fazê-los estourar em cores diferentes, ter a neve no fundo, dar algum movimento ao texto. Isso nos dá cinco elementos. Agora é muito importante ser organizado. Para fazer isso, clique no ícone quadrado, que é o ícone Camada, e clique no sinal de adição para criar novas camadas. Precisamos de cinco novos. Se você clicar na camada duas vezes, aperte a renomeação e estes serão os olhos. Faça a mesma coisa com os braços, as luzes, a queda de neve no fundo e o texto. Temos animações diferentes para criar, e a técnica que vamos usar é a animação stop motion. Se você não sabe o que é, é simplesmente quando você tem um objeto, tirar uma foto dele, mover um pouco, tirar outro, mover um pouco mais, pegar outro, e mover um pouco mais, tirar outro, e, em seguida, quando você coloca todas essas fotos juntas, ele cria o movimento. Porque é um presente, vai continuar para sempre. Vamos fazer isto em três passos. Como se os olhos tivessem três posições diferentes. Os braços dois, as pernas dois, a neve dois e o texto dois. Criar mais duas camadas, olhos dois. É muito importante ser organizado, como você pode ver, porque estamos criando muitas camadas e você pode se perder. Temos a camada de três olhos. Eu gosto de agrupar minhas camadas, então eu posso, eu não sei. É que eu gosto de vê-los claramente. Para agrupar as camadas, vamos deslizar para a direita, deslizar para a direita e quando você tem todos os três, basta clicar no grupo. Novo grupo, renomear olhos. Outra coisa que temos que fazer agora é, temos o esboço e as diferentes coisas que vamos animar, mas precisamos de outra camada para as coisas que vão ficar quietas, que eu vou chamar como o corpo. Você precisa fazer essas camadas extras com o resto dos itens, os braços, as luzes, a neve e o texto. Eu vou ter isso pronto no próximo vídeo, para que possamos começar a criar nosso GIF final. 8. Animação: a base: Hora de começar a desenhar. Primeiro de tudo, deixe-me mostrar-lhe. Como eu disse, tenho todos os meus grupos e todas as 1, 2, 3 camadas dentro deles. Agora, estou na minha camada corporal onde vou criar as partes dos personagens que não vão ser animadas. Eu puxei para baixo a opacidade da minha camada de esboço apenas clicando no final aqui, puxá-lo um pouco para que não me incomode muito. Agora, para começar a desenhar meu personagem, eu vou usar a caneta de tinta, o estúdio está bem, e uma cor verde. Se você quiser desenhar linhas retas, tudo que você precisa fazer é iniciar a linha, desenhá-la e esperar, e como você pode ver, ela se encaixa, torna-se uma linha reta. Você não tem que desenhá-los direito se você não quiser, mas eu vou fazer isso agora. Você pode ampliar e fechar isso um pouco lá. Agora que criamos nosso perímetro na camada corporal, podemos pintá-la. Ou outro truque legal é que quando você tem um perímetro fechado, você apenas arrastá-lo para dentro e pop. Lá está ele. Estou pensando em criar outra camada para a base. Vou clicar no sinal de mais, renomear base, vou puxá-lo para baixo, e ele vai ter uma cor marrom, fechá-lo, porque ele está sob a camada, ele não vai para cima. Acho que vou deixar assim por enquanto. Talvez eu possa virar um pouco. Para girá-lo, basta clicar para fora o magnético e com muito cuidado, lá vamos nós, eu acho. Podemos movê-lo também, lá está. Temos nossa base para nosso personagem, e agora vamos começar a desenhar os recursos que vamos estar animando. 9. Animação: os olhos: Vamos agora continuar com os olhos. Então vá para o “Grupo dos olhos”, “Posição do olho número 1". Vou continuar usando a caneta do estúdio, pegar a cor branca e vamos ampliar para criar um olho. Arrastar e soltar. Agora eu vou te mostrar outra coisa que você pode fazer para criar apenas o mesmo olho, primeiro eu vou colocar o preto no olho. Agora, se você quiser criar exatamente o mesmo, basta deslizar para a esquerda, duplicar, pegar a seta e movê-lo. Clique na “seta” novamente. Agora você precisa beliscar esses dois juntos, e você tem a camada de olho, ambos na mesma posição do olho. Então agora queremos criar duas posições diferentes para os olhos. Então o que a árvore vai fazer? Queremos que pisque? Sim, poderíamos fazer isso. Então vamos para “Olhos 2". Para selecionar a mesma cor que você escolheu, basta pressionar sobre ela. Você verá aqui a cor que você pegou. Se eu quiser o preto, preto. Se eu quiser o branco, o branco. O verde, verde. Para criar outro par de olhos, vou usar o branco. Preciso baixar um pouco a opacidade aqui, para poder ver claramente onde estou colorindo. Quero fazer minha panela um pouco menor. Você pode colorir ou arrastá-lo para dentro. Isso é muito grande porque você vê o que eu tinha aqui antes, não é tão grande. Agora faça a mesma coisa com isso. Nós duplicamos. Pegue a flecha, coloque aqui, coloque. Então eu os recomponho e aqui temos a posição do olho número 2. Agora, com o último, vou apenas traçar uma linha. Abaixe a opacidade destes dois. Certifique-se de que você está na camada correta. A árvore está piscando completamente aqui, deve ser por aqui. Isso vai entrar em um sorriso? Sim. Puxe assim. Então certifique-se de que a opacidade está ligada novamente. Agora temos as três posições dos olhos, 1, 2 e 3. Pegue a borracha, verifique esses olhos e comece com o piscar um pouco. Vamos deixar o personagem mais bonito. Deixe-me verificar, está se movendo de 1-2-3. Então nós temos a camada de três olhos, e agora vamos para o braço. 10. Animação: The Arms: Hora dos braços. Grupo de braço; camada de braço 1, escolhendo a cor marrom que eu tinha, e certifique-se que minha caneta está onde eu quero que ela esteja. Está bem. Como queremos que as armas se movam? Penso a partir desta posição, desta posição e daquela posição, como subir e descer. Então, eles são dois. Claro que você poderia duplicar cada camada e girá-la em vez de desenhá-la novamente. Mas estou fazendo assim porque acho que é mais rápido e não preciso que os braços sejam exatamente iguais. Ok, então nós temos os braços agora vamos para as luzes. 11. Animação: as luzes: Para as luzes, eu estava pensando que eu quero ser os acordes em uma camada estática. Eu vou apenas criar uma nova camada e eu preciso dos acordes, então para a cor, eu quero usar um verde mais escuro. Certifique-se de que meu pincel está onde eu quero que ele esteja e apenas desenhe alguns acordes. Agora vamos para o grupo de luz, luz número uma camada. Vou escolher um amarelo para isso e desenhar algumas luzes. A segunda cor de rosa. Eu vou fazer exatamente a mesma coisa na camada número dois. Primeiro eu vou baixar a opacidade aqui, mas aqui onde as luzes amarelas estão, eu vou colocar as rosa e as rosa, as amarelas, assim ele cria como um movimento. Eu tenho minha cor rosa selecionada. Primeiro preciso ter certeza que a camada está ligada e apenas algumas luzes cor-de-rosa e agora algumas amarelas. Agora vou fazer a mesma coisa para a terceira camada. Vou desligar isto, diminuir a opacidade aqui, tenho a minha cor amarela ligada. Luzes amarelas, é claro que eu poderia duplicar a primeira camada e seguida, transformá-la em minha camada número três, mas porque eu estou desenhando eles novamente e eles não estão exatamente no mesmo lugar, isso também irá criar um movimento. Agora eu me certifico que a opacidade está em 100% para as três camadas e estamos prontos para continuar com a neve. 12. Animação : queda de neve: Para esta neve caindo e eu quero que ela seja larga, então eu vou precisar mudar meu plano de fundo para fazer isso, você pode ir até essa cor de fundo e mudar aqui. O testamento aparece e você pode mudar a cor aqui, mas porque às vezes eu jogo um pouco com o chão traseiro e as texturas. Gosto de criar minha própria cor de fundo. Aqui estamos nós e arrastá-lo para o fundo se ele me permite sim, e deixe-me ver de que cor eu quero? Pálido, rosa ou azul pálido? Talvez este, eu não goste. Tudo bem, agora vamos para um grupo de neve e neve. Tudo que você tem que fazer é obter a cor branca B e a camada de estúdio pan vai colocar o tamanho da cama e apenas fazer alguns pontos. Eu não vou deixá-los entrar em cima da árvore porque eu não quero afetar como os olhos ou a boca. Eu quero que fique claro, então eu estou apenas colocando-os lá, então agora você pode duplicar essa camada e depois movê-la um pouco para baixo, mas eu gosto de me aproximar dela. oops de volta, porque eu posso mudar o tamanho dependendo da pressão que eu coloquei na minha caneta, e isso parece bom também, então basta tentar colocar um ponto abaixo dos que você já fez e a capacidade o mesmo com a camada número três ou mais ou menos perto dele, para lhe dar essa sensação de não de Pauling, não tem que ser. Você pode colocar alguns extras, se quiser. Abaixe a opacidade, sinto muito, aumente a opacidade, certifique-se de que estão bem, e acabamos com isso. Não, podemos passar para as letras e o texto. 13. Animação: o texto: Hora do texto. O aplicativo Procreate não tem texto dentro dele. Não podemos digitar, então teremos que escrever à mão. Eu vou escolher alguma cor azul para ele e eu estava pensando que porque nós temos neve caindo no fundo, então talvez nós possamos escrever deixe nevar. Não sou especialista em letras manuais. Mas está tudo bem. Isto é para os teus amigos e familiares, por isso, quanto mais pessoal for, melhor. Eu gosto disso. Agora vamos ao texto número dois. Nós diminuímos a opacidade e tudo o que você tem que fazer é escrever em cima dela. Naturalmente você quer escrever exatamente no mesmo lugar. Quando fizermos o movimento stop motion, será como um texto vacilante. Realmente legal. Texto três. Lembre-se de ajustar a opacidade para 100 novamente. Estamos prontos para exportar. 14. Exportação do Procreate: Estamos feitos com o desenho, então agora, é hora de exportar. A primeira coisa que vamos fazer é certificar-se de que esta camada Sketch está desativada. Agora, para cada uma das camadas, para cada grupo que temos aqui que vai estar se movendo, temos que desligar a segunda e terceira camada, então nos Olhos, nos Braços, nas Luzes, na Neve e no Texto. Agora, chegamos ao ícone da ferramenta, clique em Compartilhar, JPEG, Salvar imagem. Vamos fazer a mesma coisa, mas desta vez, deixando apenas a segunda camada ligada. É por isso que ser organizado é realmente importante, porque agora, é fácil saber quais camadas você precisa ativar e desativar ao exportar, e menos tempo. Deixamos a terceira camada ligada e salvamos a imagem. Ok. Agora, estamos prontos para passar para ImgPlay. 15. Crie o GIF: Agora temos que abrir o ImgPlay em seu iPad e você tem todas as imagens da biblioteca que você tem lá dentro. Certifique-se de escolher os três últimos que você exportou e clique aqui no ícone Criar. Agora, como você vê, ele automaticamente transforma suas três imagens em um GIF. Aqui você pode fazê-lo ir mais rápido ou fazê-lo ir mais devagar. É só uma questão do que você quer. Agora, porque estamos indo da imagem 1 para 2 para 3 e, em seguida, da imagem 3, ele salta de volta para uma, eu gostaria de colocar a segunda imagem novamente para que ela tenha uma melhor sincronização; ele não salta muito. Basta clicar aqui para adicionar uma nova imagem, no ícone com seis pequenos quadrados. Clique no botão Adicionar. Escolha novamente sua segunda imagem. Clique em Adicionar e você pode ver aqui ele inseriu uma segunda imagem novamente. Em seguida, clique em Concluído. Agora só temos que ver o quão rápido queremos que vá. Acho que este é bom para mim. Se você estiver pronto, então, basta clicar em Avançar e você pode clicar em Salvar. Então você pode salvá-lo como um GIF de alta qualidade. Isso vai em GIF Looping opções e eu sempre escolher o Forever um como este. Eu também gosto de salvá-lo como vídeo com a alta qualidade que se repete três vezes apenas no caso de eu querer enviá-lo para minhas histórias do Instagram ou onde quer que seja. Estamos todos acabados. Agora, se você vai para sua biblioteca de fotos, você pode ver aqui, seu vídeo GIF. Estão prontos para começar o seu projeto agora. 16. Considerações finais: Ei! A aula acabou agora e você criou um presente maravilhoso. Muito obrigado por assistir minha aula. Foi um verdadeiro prazer ensinar-lhe o meu processo. Por favor, compartilhe o que você cria na galeria do projeto abaixo, para que eu possa vê-lo. Além disso, se você quiser, você pode me seguir aqui no Skillkshare, para obter todas as minhas atualizações. Agora, vá e divirta-se com seus dons.