Texto e GIF animado no Procreate iPad: do início ao fim | Esther Nariyoshi | Skillshare
Pesquisar

Velocidade de reprodução


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

Texto e GIF animado no Procreate iPad: do início ao fim

teacher avatar Esther Nariyoshi, Published Illustrator based in the US

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:14

    • 2.

      Cores

      1:56

    • 3.

      Ferramenta de texto

      11:49

    • 4.

      Como adicionar sotaque

      3:52

    • 5.

      GIF animado

      12:47

    • 6.

      Variações

      0:42

    • 7.

      Overachievers

      4:01

  • --
  • 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.

630

Estudantes

6

Projetos

Sobre este curso

Este curso abrange as ferramentas de tipografia e GIF animado no aplicativo Procreate no iPad. 

Esther aborda os conceitos básicos da tipografia e mostra como usar o aplicativo Procreate iPad para alcançar sua visão criativa. Então ela mostra como criar uma cena de abril animada com neve em apenas 4 quadros.

Aqui está o projeto final

E aqui estão alguns conceitos tipográficos básicos que Esther aborda neste curso

E esta é uma variação divertida do GIF animado usando as habilidades ensinadas neste curso

Recursos:

Pincéis feitos por Esther Nariyoshi | Coaching | Portfólio Instagram | Youtube | Blog |

Conheça seu professor

Teacher Profile Image

Esther Nariyoshi

Published Illustrator based in the US

Top Teacher

Ready for Personalized Learning with Esther? Read more here https://www.esthernariyoshi.com/coaching

Visualizar o perfil completo

Level: All Levels

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: Olá, meu nome é Esther Nerioshi. Eu sou um designer de padrões de superfície, ilustrador e artista de letras. Esta classe é tudo sobre trabalhar com texto e fazer GIF animado em seu iPad. Vamos aprender alguns conceitos básicos de tipografia para você começar. Eu vou caminhar com você passo a passo sobre como usar as ferramentas de tipo no programa, então vamos saltar para uma animação rápida e fácil sobre abril nevado. No final desta aula, você terá seu próprio GIF animado feito a partir do zero em seu iPad. Vejo-te nas aulas. nome da minha mãe é Esther Nerioshi. Ela está te ensinando a fazer palavras no iPad. Eu te amo. Olá. Ela está te ensinando a fazer palavras no iPad. Eu te amo. Olá. 2. Cores: Vamos falar de cores. Eu sei que muitos de vocês têm o superpoder de trabalhar para fora uma paleta de cores enquanto você está trabalhando e você pode escolher a cor em tempo real e as decisões apenas são naturais para você. Mas para o resto de nós vamos começar com uma palete. Como vamos criar uma cena nevada, eu tenho quatro tons de azul para você escolher, e há algumas cores quentes e algumas cores mútuas também. De modo algum que você tem que ficar com essas cores ou eu vou ficar com essas cores, mas eu sinto que é um bom salto fora do ponto para nós trabalharmos. Eu vou disponibilizar este arquivo para você baixar sob a nossa turma. Uma vez aberto em seu procreate, você pode experimentar a cor e torná-la uma palete. Para obter uma amostra de cor, você pode pressionar brevemente o ícone quadrado aqui à esquerda ou à direita, dependendo de como você configura sua interface de usuário. Você vê este pequeno círculo que você arrasta em torno de amostras de cores. Diga que estou feliz com este. Vou abrir minha paleta e clicar no ponto aqui, e ele vai salvar essa cor. Continue fazendo isso até ter todas as 12 cores. Sempre que quiser excluir uma paleta de cores, basta deslizar para a esquerda e clicar em Excluir. É assim que se trabalha com as cores aqui. No nosso próximo vídeo, vou mostrar-lhe como trabalhar com a ferramenta de texto. Vamos rever cada pequeno botão que o procreate tem até agora, que você saiba como usar a ferramenta de texto para o seu design. 3. Ferramenta de texto: Tudo bem. Vamos começar com novos documentos. Você pode vir até o canto superior direito para clicar no sinal de adição e, na parte inferior, você pode criar seu próprio tamanho personalizado. Para a nossa classe, eu vou usar 4000 pixels por 3000 pixels, e se você trabalhar melhor com outras unidades de medida, por todos os meios, você pode simplesmente alternar clicando. Eu quero recomendar deixar o DPI para 300 e acima, porque no caso de você querer imprimir um quadro fixo do seu trabalho, você não vai ficar pix-elated se ele for 300 e acima. Mas se você tiver certeza de que seu aplicativo de mídia final será tela, você pode deixar esse número um pouco mais baixo, talvez até 72 DPI. Depois de descobrir isso, você pode clicar em Criar. Gosto de começar sempre com o zoom para fora um pouquinho. Você pode fazer isso beliscando para que eu possa ver todo o meu endereço, e eu gostaria de dar-lhe uma cor clara. Talvez este PG blush, rosa. Você pode simplesmente arrastar e soltar, e eu quero criar uma nova camada porque vamos trabalhar no texto. Em seguida, vou mudar para uma cor diferente. Qualquer cor que esteja ativa no canto aqui será a cor do seu texto. Vou clicar em configuração, em seguida, adicionar, adicionar texto, e apenas digitar o que você quiser dizer aqui. No canto superior direito, há um botão que diz Editar estilo, é o que precisamos para editar nosso texto. Na nossa frente temos quatro colunas. Eles são, fonte, estilo, design e atributos, e nós vamos passar por cada botão. À esquerda, você tem uma boa seleção de fontes diferentes que só vem com o programa, e a segunda coluna, que define estilo, lhe dará um estilo específico individual sob essa família de fontes. Para a nossa classe, eu vou para ir com o padrão, mas eu quero escolher uma versão mais ousada disso porque eventualmente teremos toneladas de flocos de neve emprestando em cima do tipo. Vamos querer mais espaço para a neve pousar, e na terceira coluna, que é a coluna de design, você pode mudar o tamanho simplesmente deslizando para a direita. Você verá que automaticamente o programa cria outra linha porque estamos ficando sem espaço sob essa caixa delimitadora, e você pode corrigir isso arrastando a alça azul para a direita. Não se preocupe muito com o posicionamento a partir de agora, porque você pode fazer isso mais tarde também, e agora vamos apenas focar em como o texto se parece. A segunda opção e uma terceira opção são Kerning e tracking. Eles são parecidos porque ambos estão lidando com o espaço entre as letras. A diferença é que o Kerning funciona mais localmente e o rastreamento funciona mais universalmente. Por exemplo, você deseja criar mais espaço entre R e I, basta tocar e trazer o cursor para lá. Aumente o espaçamento apenas arrastando o controle deslizante, e você também pode fazer isso selecionando algumas das letras. Basta clicar duas vezes e selecionar, e você pode definir quantas letras você deseja selecionar e , em seguida, você pode alterar o kerning entre esta seleção local. Se você tocar duas vezes, ele também mostrará essa orientação vertical, que permitirá que suas letras se alinhem verticalmente. Não é disso que precisamos, então vou voltar para a orientação horizontal. Para mostrar como funciona o rastreamento, você realmente precisa clicar fora da caixa e, em seguida, clicar novamente. Você vê que o cursor desapareceu, que permite que você altere o espaçamento universalmente. Agora vou aumentar o rastreamento da palavra April. Você verá todo o espaço entre cada letra aumentou. Isso funciona mesmo se você tem um grande parágrafo com um monte de letras. Isso se aplicará a todo o texto na caixa, e a próxima opção será a entrelinha. É para texto multi-alinhado, então, aparentemente, temos apenas uma palavra aqui. Eu vou voltar para o teclado aqui, e então apenas adicionar outra linha. Vou soletrar neve aqui. Você pode arrastar a caixa para cima para que o texto mostre o estilo de edição. Agora eu vou diminuir a liderança e você vai ver a diferença, e basicamente ajustar o espaço entre cada linha. A próxima opção é chamada de linha de base. Basicamente, ele só move todo o pedaço para cima e para baixo. A opacidade é bastante óbvia. Ele altera a opacidade do texto, e a última coluna é chamada de atributos. Na parte superior, existem quatro opções para alinhamento de texto. Achei que seria mais fácil mostrar visualmente o que significam do que explicar com palavras. Então isso é flush esquerda, isso está centrado. Esta é a luz do flash, e a última opção é justificada. Isso não nos afetará muito porque temos apenas uma palavra para trabalhar, mas estas podem ser opções muito úteis se você estiver trabalhando com parágrafos grandes. A próxima opção aqui é U para sublinhado e O para contorno. A última opção aqui muda os casos de suas palavras. Se você o tiver ativado, tudo estará em maiúsculas. Se você tirá-lo, será apenas letras pequenas. Uma vez que você está feliz com o que você tem, você pode, Eu só vou apagar a palavra neve porque nós só precisamos de uma palavra aqui para o nosso projeto. Vou clicar feito. Se você abrir suas camadas, você verá este A. inclinado Sempre que você ver isso, ele apenas mostra que esta camada é uma camada de texto, que significa que você ainda pode adicioná-lo, o estilo e alinhamento e tudo o que acabamos de cobrir. No entanto, se você fizer algo funky, como distorcer o, Eu só vou clicar fora deste. Se você quiser distorcer a forma desta letra, digamos em uma dobra, apenas um pouquinho, e então você abre sua camada, você verá o A desaparecido porque o programa vê esta camada como a camada de imagem. Você ainda pode desfazer isso e trazer de volta a camada. Você verá o A voltar novamente. Sempre que você quiser adicioná-lo novamente, você apenas guia na palavra e ele irá levá-lo de volta para o painel de edição. Sim, isso é tudo o que precisamos saber sobre SMS. Para o nosso projeto, eu gostaria de criar algum tipo de dimensão para a palavra porque eu quero que a neve seja capaz de pousar em cima da letra, e seria bom ter uma dimensão 3D para ela em vez de parecer plana. Eu vou criar uma camada duplicada, deslizando para a esquerda e clique em duplicar, e eu vou apenas mover a camada inferior, apenas um pouco e dar-lhe uma cor diferente. Vou criar uma máscara de recorte criando uma nova camada acima, e clicar na miniatura e máscara de recorte e dar-lhe uma cor diferente. Fácil de peasy. Agora eu quero terminar de desenhar esta dimensão 3D. Basicamente, preciso preencher a lacuna entre as duas camadas. Eu vou acelerar o vídeo aqui para que você não tenha que me ver desenhar para sempre, mas todas as técnicas que eu mostro aqui, foram abordadas na minha turma chamada “ Um bilhão de maneiras de escrever”. Você é bem-vindo para verificar. No entanto, se a letra não é sua praia, eu entendo totalmente. Vou manter este arquivo disponível para você baixar. Você é bem-vindo para pular em frente e aprender a parte de animação da turma. Seja o que for melhor para você, vá em frente. 4. Adição: Neste vídeo, vamos terminar de desenhar a camada de papelaria do projeto. Como o foco desta classe é no texto e GIF animado, eu não gastaria muito tempo na tela em letras detalhadas. Eu adicionei um pouco de textura nas letras, bem como no fundo por trás da cena. Mas eles são totalmente opcionais para completar a animação. Se você vier ao painel de camadas, temos duas camadas no momento. Temos a camada de fundo, bem como a palavra ABRIL no topo. O objetivo deste vídeo é desenhar um pouco de neve fundamental em cima da palavra ABRIL. Não precisa ser louco, apenas camada muito fina para configurar o clima e nos preparar para a animação. Vamos fazer isso iniciando uma nova camada e trocando a cor para branco para nossa neve. Em termos de pincéis, encontrei esta tinta sangrando sob tinta. Isso é muito próximo do efeito visual que estou procurando. Você vê que este criado agradável endereço fofo que é muito perto da neve vida real. Você pode jogar com o jitter de configuração para controlar o quão fofo você quer que sua neve seja. Novamente, ele está sob a tinta da pasta e o pincel em si é chamado de sangria de tinta. Depois de tê-lo feito, você pode começar a desenhar. Talvez seja a primeira hora de neve. Não é super louco e apenas muito magro. É difícil controlar as bordas ou as bordas combinam com esta caneta fofa. Não se preocupe muito com isso porque você pode consertar as bordas com a borracha. [SOM SOFT] Imagine que nossa fonte de luz vem de cima, então naturalmente teremos uma sombra na parte inferior da neve. Só queremos uma trava alfa na camada de neve, acabamos de trabalhar. Então talvez selecione uma barreira azul claro para dar-lhe uma sombra. [ SOM SOFT] Vou mesclar essa camada com a camada ABRIL para simplificar o processo de animação. Mais uma vez, temos duas camadas. Temos este ABRIL com a neve e temos a camada de fundo. No próximo vídeo, vamos mergulhar na parte de animação do processo. 5. GIF animado: Neste vídeo, vamos fazer um GIF animado do início ao fim, tudo no Procreate. Primeiro, você quer criar uma nova camada em cima da palavra abril, e então você quer mudar a cor para branco porque nós vamos fazer um monte de bolas de neve. Você quer ter certeza de que você tem um pincel fofo. Eu diria apenas aumentar o jitter porque o tamanho da bola de neve vai aumentar. Então queremos que a fluffiness também aumente. É mais divertido e realista assim. Então vá em frente e desenhe neve. Você quer ter certeza de que o tamanho da sua neve varia, modo que ela dê profundidade à sua cena, que ela não pareça super plana. Idealmente, você também pode criar algumas camadas de neve. Um é para primeiro plano que se move um pouco mais rápido, o outro fica no fundo que se move um pouco mais lento. Mas, tanto quanto um GIF animado vai, uma camada seria suficiente. Também tente não evitar desenhar em cima da palavra, modo que pareça natural. Basta encher o espaço com toneladas de neve. Tente não desenhar uma meia neve como esta porque quando você mover o quadro para baixo mais tarde para a animação, você não quer a metade da neve. Não parecerá realista. Este é um bom ponto de partida. Agora você quer criar um Alpha Lock para dar-lhe uma sombra, apenas para torná-lo mais divertido, e eu quero usar o mesmo azul claro. Verifique se a fonte de luz está consistente. No nosso caso, a fonte de luz vem do topo para que faça sentido que a sombra esteja na parte inferior. Mas se você escolher uma fonte de luz que não está vindo do topo, você quer prestar atenção a onde sua sombra cai. Não é realmente ciência, você pode ser muito solto sobre desenhar a sombra aqui. Acho que temos uma boa cena de neve acontecendo aqui. Eu vou criar uma nova camada para que eu possa fazer algumas anotações para você sem destruir o floco de neve que eu acabei de fazer. O objetivo da animação é criar uma cena de neve usando quatro quadros. Se olharmos para a bola de neve aqui, esse é o nosso primeiro quadro. Pelo segundo quadro, provavelmente se moverá para aqui. O terceiro quadro, provavelmente vai pousar em algum lugar por aqui. O último quadro, estará fora do quadro visível aqui, então esse é o nosso objetivo. No momento, já temos nosso primeiro quadro feito. Lembre-se que a camada 4 é minha camada de anotação. Vou apagar isso, e vir para a camada de neve. Vou chamá-lo de Snow 1, que eu saiba que é a primeira moldura da neve. A próxima coisa que eu quero fazer é criar uma duplicata deste e, em seguida, renomeá-lo como Snow 2. Com Snow 1 e Snow 2 visíveis, vou selecionar Snow 2 e movê-lo para baixo. Eu quero ligar o magnetismo para que eu saiba que eu estou me movendo perfeitamente vertical. Será útil ter alguma neve de referência. Por exemplo, eu estou olhando para esta neve em particular para minha referência, que eu possa medir a distância visual entre Snow 1 e Snow 2 camada. Isso parece sobre certo em termos que eu movi meu quadro cerca de um quarto para baixo. Então eu posso desligar minha camada de neve 1. Como mudamos a camada de neve 2 para baixo, criamos um monte de espaço no topo, e queremos preencher o espaço com neve nova e eu quero desbloqueá-lo. Clique em “Alpha Lock” e comece a desenhar a neve. Você quer fazer a nova neve bastante consistente, bem como em termos de estilo e densidade em comparação com a primeira. Isso parece certo, e eu quero que Alpha Lock ele aqui para que eu possa desenhar a sombra em cima da nova neve que eu acabei de criar. Você também pode usar máscara de recorte para criar um mesmo efeito. Agora eu quero duplicar o Snow 2 e, em seguida, renomeá-lo como Snow 3, e eu quero movê-lo para baixo cerca de um quarto da altura. Então eu quero desligar a visibilidade do meu Snow 2 e clicar em “Alpha Lock” para desbloqueá-lo para que eu possa desenhar coisas novas, ou seja, neve nova em cima da camada de neve 3. Quanto mais quadros você tiver para sua animação, quanto mais curta distância você tiver para sua animação, mais suave sua animação aparecerá. Então talvez idealmente queremos seis ou sete quadros. Mas só para o propósito de demonstração, vou mantê-lo como quatro quadros. Alpha Localizá-lo novamente para adicionar a sombra. Novamente, eu vou duplicar camada de neve 3 e nomeá-lo como Snow 4. Esse será o último quadro da nossa animação. Com Snow 3 e Snow 4 visíveis, vou mover o Snow 4 para baixo cerca de um quarto da altura. Então eu quero desligar a camada de neve 3, desligar o Alpha Lock para criar novas bolas de neve. Então eu quero que Alpha Lock para adicionar a sombra. Nosso próximo passo é dar a cada camada de neve um fundo. Eventualmente queremos achatá-los para que tenhamos apenas quatro quadros claros para animar. Se nós apenas animar agora, usando configuração, compartilhamento e GIF animado, o Procreate vai pensar que cada camada é um quadro de animação, não é isso que queremos aqui. Então vamos mesclar as duas camadas de abril e plano de fundo em uma camada de fundo. Podemos mesclar e, em seguida, criar três duplicados e, em seguida, dar a cada camada de neve um fundo. Agora temos quatro pares de neve e fundo. Agora temos quatro pares de neve e sua camada de fundo. Nosso objetivo aqui é mesclar a camada de neve com sua camada de fundo. Mas antes de fazer isso, queremos ter certeza de que temos toda a visibilidade de camadas ativada para que ela possa se fundir corretamente. Você pode simplesmente clicar na camada de neve e clicar em “Mesclar para baixo”. Eventualmente você terá quatro camadas aqui para animação. Mas antes de entrar na visualização, você deseja verificar se a cor do plano de fundo está desativada, que o Procreate não pense que a cor de fundo é uma camada de animação. Agora você pode ir para Setting e compartilhar um GIF animado. Incrível, funciona. Aqui você pode mudar os quadros por segundo. Você pode torná-lo super lento ou super-rápido, depende do efeito visual que você está procurando. Você pode salvá-lo como resolução total, bem como pronto para a Web, o que é pouco menos do que resolução total. Infelizmente, neste momento você não será capaz de salvá-lo como um vídeo que é necessário para Instagram post. Mas no que diz respeito ao GIF, você está pronto. Você deve ser capaz de visualizar o GIF no rolo da câmera se salvá-lo localmente no iPad. Se você quiser salvar seus arquivos como vídeos, você pode exportar em lote suas camadas de imagem indo para Configuração e, em seguida, arquivos PNG. Você deve ser capaz de baixar seus arquivos no iPad ou fazer upload diretamente de seus arquivos através dos serviços de compartilhamento de arquivos que você tem e, em seguida, trazer os quadros para o Photoshop ou After Effects ou qualquer outro software de terceiros que a mesma coisa para converter o GIF ou as imagens em vídeo. 6. Variações: Há muitos lugares emocionantes onde você pode levar sua habilidade existente desta classe para um novo nível. Por exemplo, esta é uma animação rápida que eu criei apenas usando o mesmo princípio, mas em vez de criar neve, eu fiz um monte de biscoitos de chocolate e este é apenas uma outra variação da neve em que trabalhamos e você pode o plano de fundo para um tipo de negócio do pôr do sol. Então, é realmente com você e eu espero que você esteja super inspirado e queira criar toneladas de animação por causa desta classe. Se você fizer isso, por favor compartilhe comigo e eu adoraria ver seu projeto na galeria de estudantes. 7. Overachievers: Muito bem, sei que estão por aí. Vamos fazer mais coisas nesta aula. Nosso objetivo para este último pequeno vídeo é criar esse efeito tremendo no nosso tipo. Então primeiro queremos abrir nosso arquivo, e lembre-se que temos quatro camadas diferentes aqui no final da classe e vamos voltar para a nossa primeira camada aqui, e depois clicar no ajuste e vir para dissolver. Queremos distorcer o tipo com mais precisão. Queremos empurrar este tipo um pouco para que pareça que a palavra Abril está tremendo. Mas tenha muito cuidado quando estiver se aproximando muito da neve. Você não quer que a neve mude de forma. Pelo menos você não quer que pareça remotamente oval . Isso só tornará as coisas não realistas. Seja gentil com o seu toque e apenas desenhar ao redor da neve, e essencialmente o que queremos fazer a mesma coisa para todas as camadas. Que o tipo se deforma um pouco. Assim que tudo começar a correr, vai parecer que a palavra April está tremendo. Essa é a nossa primeira camada e você quer esconder a primeira camada quando terminar, e vir para a próxima e fazer a mesma coisa. Se você puder, você quer manter a pressão eo tamanho do seu pincel consistente para que o efeito é consistente também. Uma vez que você terminar com esta camada, você pode escondê-la e vir para o próximo ajuste e dissolver. Este vídeo é bônus para aqueles que ficaram em, você é fortemente recompensado com um vídeo bônus. Sempre gostei de aprender mais coisas sobre um determinado tópico. Estou feliz que você está aqui, e vindo para a última camada, ajustar e dissolver. Isso parece certo. Agora temos toda a visibilidade ativada e exceto a cor de fundo. Você pode vir para definir compartilhamento e GIF animado para ver uma animação rápida. Muito obrigado por ter assistido à aula. Foi uma alegria pura aprender ao lado de vocês. Espero vê-lo no Skillshare e Instagram até a próxima vez.