Letras desenhadas à mão em formato de GIF | Jamie Bartlett | Skillshare

Velocidade de reprodução


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

Letras desenhadas à mão em formato de GIF

teacher avatar Jamie Bartlett, Graphic designer and left-handed letterer

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 (14 min)
    • 1. O QUE VOCÊ VAI PRECISAR

      0:48
    • 2. Fazendo o traçado

      1:17
    • 3. Preparação no Photoshop

      1:02
    • 4. Alinhando os traçados

      2:12
    • 5. Ajustes

      2:02
    • 6. Limpando

      0:51
    • 7. Cor e animação

      2:23
    • 8. Exportando GIF e vídeos

      3:00
  • --
  • 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.

10.052

Estudantes

441

Projetos

Sobre este curso

c90f0f53

Nesse curso, vamos fazer gifs divertidos de letras no estilo doodle que você poderá enviar para amigos ou postar no Instagram. O processo é super rápido, fácil e divertido! Não há necessidade de ser um excelente letrista, até mesmo uma simples escrita à mão pode criar um gif incrível. 

Mal posso esperar para ver o que vocês vão criar.

Conheça seu professor

Teacher Profile Image

Jamie Bartlett

Graphic designer and left-handed letterer

Professor

Jamie Bartlett is a graphic designer and left-handed letterer working out of Denver, CO. She graduated from John Brown University with a degree in Graphic Design and now runs a shop for her hand lettered designs and fonts. Her work reflects everything she loves in life: a good cup of coffee, nerdy design terms, tandem bikes, road trips, and so much more.

Check out all Jamie's classes to learn her tricks of the trade. 

To see what she's up to now, follow her on Instagram and Dribbble.

                                                               

  &... 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. O QUE VOCÊ VAI PRECISAR: Oi pessoal, eu sou Jamie Bartlett. Nesta aula, vamos fazer alguns presentes divertidos com letras estilo rabiscos. É super rápido e fácil de fazer. Vou mostrar-lhe cada passo ao longo do caminho. Para o projeto da classe, você pode escrever uma mensagem divertida para enviar a um amigo. Vamos saltar para dentro. Para esta aula você vai precisar de um pouco de papel, um utensílio de desenho como alguns lápis, canetas, canetas, marcadores, qualquer coisa que você quiser, e então também um pouco de papel de rastreamento. Primeiro você precisa esboçar sua carta. Para esta aula, ele vai fazer mais de um estilo rabiscado letras, para que você não tenha que gastar muito tempo nele. Pode ser algo rápido, confuso, qualquer coisa divertida, e lembre-se enquanto você está esboçando, tente não fazê-lo muito pequeno. Quanto maior for, mais limpo será o visual final. Se for muito pequeno, uma vez explodido, vai parecer muito confuso. 2. Fazendo o traçado: Aqui está o que eu fiz para o meu sketch. Antes de começarmos a traçar o desenho, vamos colocar quatro pontos, um em cada canto do desenho. Isto vai ajudar-nos a alinhar todos os nossos desenhos, uma vez que os tenhamos rastreados dentro do Photoshop. Eles não precisam ser um quadrado perfeito ou em qualquer local específico apenas quatro pontos em cada canto, e agora estamos prontos para rastrear. A primeira coisa que queremos rastrear são esses quatro pontos. Assim que tivermos isso, podemos seguir em frente e rastrear todas as nossas letras. Quero que o meu design seja mais sólido do que algo com muita textura. Então eu vou rastrear o meu usando uma caneta. Você pode usar lápis, você pode usar marcador, qualquer efeito que você quiser. Só queremos ter certeza de que está bem escuro, caso contrário, vai ser difícil aparecer assim que entrarmos no Photoshop. Terminei meu primeiro rastreamento. Agora eu só preciso fazer isso mais quatro vezes para um total de cinco traçados. É bom fazer cerca de três a cinco traçados. Aqui estão meus cinco rastreamentos e agora preciso digitalizá-los para o computador. Se você não tem um scanner, você pode usar seu smartphone para tirar uma foto dele. Apenas certifique-se de tirar uma foto de cada um dos seus desenhos individualmente, e à luz direta. Então, não há sombras em seus traços. Depois podemos entrar no Photoshop. 3. Preparação no Photoshop: Então esta é a minha digitalização que abri no Photoshop. A primeira coisa que precisamos fazer é separar cada traçado em sua própria camada. Então vá para a sua ferramenta Letreiro retangular e coloque uma caixa em torno do seu primeiro esboço. Então você vai pressionar o comando J no teclado, em seguida, que duplica essa seleção em sua própria camada. Em seguida, certifique-se de que seu esboço principal está selecionado novamente e faça a mesma coisa para cada rastreamento. Depois de ter todos esses duplicados, você pode desativar sua camada de plano de fundo e, em seguida, girar todos eles. Aqui na barra de ferramentas superior, tenho a opção de seleção automática da camada marcada. Então eu posso apenas clicar em cada camada e girá-lo sem ter que ir para a paleta de camadas e selecionar a camada. Então, uma vez que você tenha todos eles girados, selecione todos os cinco traçados, alinhe-os verticalmente e horizontalmente. 4. Alinhando os traçados: Agora, precisamos alinhar todos os nossos rastreamentos, e é aí que estes quatro pontos são úteis. Vamos selecionar as quatro camadas superiores e mudar o modo de mesclagem para diferença, e faremos um esboço de cada vez. Começaremos com a camada quatro. Vamos ampliar. A maneira como este modo de mesclagem está funcionando é que tudo o igual entre essas duas camadas é preto e tudo o que é diferente é branco. Queremos que tudo esteja alinhado em preto. Vamos começar alinhando esses dois pontos, então vamos girar nosso traçado reposicionando o ponto de ancoragem para aquele círculo e, em seguida, girá-lo até acharmos que está perto e depois empurrá-lo até que ele se alinhe principalmente. Lembre-se, não precisamos nos alinhar perfeitamente porque esse é o ponto de rastreá-lo várias vezes, e ele ficará melhor na animação no final. Se você não tinha um scanner e acabou usando seu smartphone para tirar fotos de cada um de seus esboços, a perspectiva pode estar um pouco desligada, então isso é fácil de mudar. Tudo o que você precisa fazer é transformar a camada que você está alinhando pressionando o comando T no teclado e, em seguida, um clique com o botão direito do mouse e ir para distorcer. Desta forma, você pode mover qualquer um dos cantos. Você pode mover isso para alinhar com esse ponto, esse ponto e assim por diante, e isso irá corrigir a perspectiva. Caso contrário, se você digitalizá-lo, tudo é plano e na mesma perspectiva, então você não precisa se preocupar com isso, e nós vamos fazer isso para o resto. Vamos trancar a nossa quinta camada para não agarrarmos acidentalmente. Este já está parecendo bem perto, e isso parece bom para aquele, e vamos continuar. Como você pode ver quando eu estou movendo isso, ele está se encaixando nas camadas. Se eu quiser desativar isso, posso segurar o controle e movê-lo livremente. Lá vamos nós. Agora, podemos desbloquear nossa última camada, selecioná-los novamente, e mudar o modo de mesclagem de volta ao normal. 5. Ajustes: Agora que temos todas as nossas camadas alinhadas, precisamos cortar nosso documento para ter o tamanho que queremos que ele seja. Um bom tamanho para um GIF é de cerca de 800 pixels por 600 pixels. Isso é o que eu quero que o meu seja. Vou até a ferramenta de corte e mudar a proporção para uma resolução de largura por altura, 800 pixels por 600 pixels e 72 DPI. Vamos diminuir o zoom. Você pode fazer isso pressionando o comando menos no teclado e, em seguida, vamos apenas ir em frente e dimensioná-lo para baixo. Tudo bem se houver espaço extra ao redor do quadro aqui, podemos preencher isso mais tarde. Pressione Enter e isso parece muito bom. Vamos começar preenchendo esse fundo branco. Ligue nossa camada de fundo e preencha com branco, certificando-se de que branco é a cor de fundo à esquerda e pressione o comando Delete. Agora, queremos adicionar uma camada de ajuste de curvas na parte superior, para que o papel branco seja branco puro e possamos escurecer na letra para ser mais preto. Desça aqui para suas camadas de ajuste. Encontre curvas e vamos levar isso até o topo da nossa paleta de camadas. Pegue sua ferramenta conta-gotas de olho branco e clique na parte branca do seu traçado. Você ainda pode ver que há um pouco de textura cinza e papel. Se você segurar a opção, você pode ver qualquer coisa que não é branco puro. Vou clicar aqui e isso ajuda muito. Isso parece muito bom. Então eu vou pegar minha ferramenta conta-gotas olho roxo, e clicar na parte escura do meu rastreamento. Isso faz com que seja bem escuro. Se eu quiser, posso até ajustar manualmente um pouco disso e torná-lo um pouco mais escuro. 6. Limpando: Agora preciso remover os quatro pontos em cada um dos meus traços. Vou pressionar E no teclado para mudar a ferramenta Borracha, ter certeza que minha primeira camada está selecionada e depois começar a apagar, trazer meu primeiro interruptor para o segundo, e a razão pela qual os pontos não estão desaparecendo é porque uma vez que eu apago uma camada, você começa a ver o próximo ponto na camada abaixo dela. Se você vir manchas ou grunge que aparecer, sinta-se livre para ir em frente e apagar isso também. Ligue todas as suas camadas de volta, e eu vejo algumas manchas bem ali. Então isso está na minha segunda camada, então eu vou apagar isso também. Tudo bem, isso parece bom. 7. Cor e animação: Agora queremos definir minhas cores. Uma vez que este, é praticamente preto puro e branco puro, Eu posso facilmente ajustar as cores usando um mapa gradiente. Você pode encontrar mapa de gradiente aqui. Clique nisso, coloque-o no topo da sua paleta de camadas. Seja lá o que você quiser que a cor preta seja, você pode definir isso aqui. Seja lá o que você quiser que a cor branca seja, você define isso aqui. Vamos clicar no preto. Vou escolher alguns como uma cor rosa. Vou deixar o meu fundo branco. Clique em OK. Agora podemos adicionar a animação, ir até a linha do tempo da janela. Você vai querer pressionar Create Frame Animation. Mas se o seu diz criar linha do tempo de vídeo, basta clicar na seta para baixo e alterá-lo para frame animation. Em seguida, clique no botão. Aqui em nossa linha do tempo, este é o primeiro quadro de nossa animação. No entanto são camadas são definidas paleta camadas internas, que é o que vai ser exibido neste primeiro quadro. Isto é o que eu quero para o primeiro quadro. Eu só preciso vir aqui onde diz zero segundos e ajustá-lo para 0,2 segundos. Essa é a duração do quadro. Em seguida, clique em New Frame e desative a primeira camada e faça a mesma coisa para cada rastreamento. Então aqui diz que quer, mas queremos mudá-lo para sempre. É assim que fazemos o loop para sempre. Agora tudo que eu tenho que fazer é pressionar o botão Play e podemos visualizar a animação. Isso é muito divertido. Se você notar bem aqui, há pequenos blocos que eu preciso remover. Vou apertar “stop “, e isso é no quadro dois. Essa é a minha segunda camada. Se eu clicar nisso, troquei minha ferramenta de borracha, eu posso apagar isso. Notei que havia outros quarteirões em algum lugar aqui em cima que está na minha quarta camada. Acho que foi a única coisa. Tudo bem, vamos pré-visualizar novamente. Parece bom. É tudo o que temos que fazer para a animação. Agora só precisamos salvá-lo como um GIF. 8. Exportando GIF e vídeos: Estou trabalhando no Photoshop CC 2015 e a Adobe move o cofre de um recurso da Web para um local diferente. Eu costumava estar bem em “Salvar como”. Portanto, se você estiver usando uma versão mais antiga do Photoshop, é para lá que você precisa ir. Se você estiver na mesma versão que eu, vá para Exportar e Salvar para Web. Então vamos mudar a Predefinição para a parte superior, e dar uma olhada aqui no tamanho do nosso arquivo, que é super pequeno, então isso é bom. Verifique novamente aqui e certifique-se de que as Opções de Looping estão definidas como Forever e, em seguida, você pode clicar em “Salvar”. Vou nomear meus tacos, colocar no meu desktop. A melhor maneira de verificar novamente e verificar se seu GIF está funcionando, é abri-lo em um navegador. Salvei o meu na minha área de trabalho. Você só precisa arrastar seu GIF para o seu navegador, e lá vai você, ele está funcionando. Agora, se você quiser postar isso no Instagram, Instagram não suporta GIFs. Então precisamos exportar um arquivo de vídeo. Então, volte para o Photoshop, e uma coisa que o Instagram exige é que seu vídeo tenha pelo menos cinco segundos. Então vamos ter que fazer os nossos cinco segundos. Como cada quadro é de 0,2 segundos, precisamos de pelo menos 25 quadros. Vou selecionar todos os meus quadros, clicando no primeiro e, em seguida, segurando Shift e clicando no último quadro, tenho todos os meus quadros selecionados. Em seguida, volte para o seu primeiro quadro e mantenha pressionada a opção, e clique e arraste até ver esta pequena linha aparecer e, em seguida, solte. Agora temos 10 quadros. Agora vamos selecionar todos os 10 quadros e fazer a mesma coisa. Agora, se eu fizer esses 10 quadros mais uma vez, teremos mais de 25 quadros, então estaremos bem. Só para ter certeza de que funciona, vamos pressionar “Play” e visualizá-lo. Você pode vê-los atravessando os quadros, e parece bom. Agora precisamos ir para Arquivo, Exportar e, em seguida, para baixo para Render Vídeo, e isso provavelmente vai levar um segundo para carregar. Eu vou mudar meu nome para tacos, e então eu vou colocá-lo na área de trabalho, e todas essas configurações podem ser deixadas como estão. Agora podemos apenas pressionar “Render”, e deixá-lo fazer a sua coisa. É isso. Agora, se olharmos na área de trabalho, podemos visualizar isso, e isso está pronto para o Instagram. Minha maneira favorita de levar isso ao meu telefone é apenas colocando o arquivo no Dropbox. É isso aí, pessoal. Mal posso esperar para ver todos os GIFs divertidos que você cria. Se você compartilhar qualquer no Instagram, sinta-se livre para me marcar @apairofpairs. Obrigado por ter assistido à minha aula. Eu adoraria se você me deixasse sua crítica, e como sempre, não hesite em me fazer perguntas. Te vejo na próxima vez.