Ilustração no iPad Pro: desenhando vetores que não ficam esquisitos | Christine Nishiyama | Skillshare

Velocidade de reprodução


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

Ilustração no iPad Pro: desenhando vetores que não ficam esquisitos

teacher avatar Christine Nishiyama, Artist at Might Could Studios

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

7 aulas (19 min)
    • 1. Introdução

      1:52
    • 2. Passo 1: escolher e fazer o esboço

      3:09
    • 3. Passo 2: redimensionar + adicionar tipografia

      2:43
    • 4. Passo 3: tinta

      2:02
    • 5. Passo 4: vetorizar

      5:02
    • 6. Passo 5: refinar os vetores

      3:38
    • 7. Passo 7: apresentação

      0:33
  • --
  • 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.

5.758

Estudantes

14

Projetos

Sobre este curso

Nesse curso, vamos criar um conjunto de ilustrações vetoriais feitas à mão no iPad Pro.

As ilustrações vetoriais são fantásticas, porque são baseadas em matemática (em vez de pixels) e podem ser infinitamente redimensionadas sem perder a qualidade! A arte vetorial também é editável, porque não é uma imagem achatada como um JPG, então as cores, largura de linha, etc podem ser sempre alteradas!

2d97dadf

Muitos dos meus clientes solicitam trabalhos de arte vetorial, mas eu sempre fico tensa com isso, porque minhas ilustrações vetoriais sempre ficam meio esquisitas, e além disso... Eu odeeeeio a ferramenta caneta. Mas, neste curso, vou mostrar o meu NOVO processo para fazer ilustrações vetoriais que não ficam esquisitas!

07edb28a

Recentemente criei um conjunto de ícones de comidas e descobri como fazer ilustrações vetoriais desenhadas à mão que, na verdade, ainda PARECEM SER desenhadas à mão quando vetorizadas. E o melhor de tudo, não vamos tocar na ferramenta de caneta! Vou mostrar passo a passo o meu processo de criação dessa série de ilustrações de comida: desde o esboço, redimensionamento, tipografia, tinta, vetorização, refinamento e finalmente a apresentação!

Se você não tiver um iPad, haverá uma breve página de instruções no guia de projeto para realizar este processo com caneta e papel tradicional!

0bd8f861

P.S. As ilustrações que criei para esse curso foram criadas como ícones à venda no Creative Market, caso você tenha interesse em usar alguma em projetos comerciais ou pessoais! Você pode ver todos os conjuntos de ícones aqui: https://creativemarket.com/might_could

Agora vamos direto ao assunto e começar a desenhar!

//

QUERER MAIS?

Confira os outros cursos da Skillshare aqui!

Você também pode ver mais sobre mim e meu trabalho no meu site: might-could.com.

E você pode se inscrever na minha lista de e-mails para receber ensaios semanais sobre criatividade e arte!

Agradecemos muito! <3

 

Conheça seu professor

Teacher Profile Image

Christine Nishiyama

Artist at Might Could Studios

Top Teacher

Hallo! I'm Christine Nishiyama, artist + founder of Might Could Studios.

I make books and comics, and I draw a whoooole lot. I teach aspiring and established artists, helping them explore their art, gain more confidence, and discover their unique artistic styles.

My core belief is that art is good and we should all make more of it. 

Instagram: Yeewhoo, I quit all social media! 

Subscribe to my Substack newsletter: Join over 10,000 artists and get my weekly essays on creativity and artmaking, weekly art prompts, and behind-the-scenes process work of my current picture book. Subscribe here!

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: Ei caras. Sou Christine Nishiyama, ilustradora dos estúdios Might Cable. Para esta aula, vamos criar um conjunto de ilustrações vetoriais desenhadas à mão no iPad Pro. As ilustrações vetoriais são realmente incríveis porque são baseadas em matemática em vez de pixels, e podem ser infinitamente redimensionadas sem perder qualquer qualidade. Os vetores também são editáveis, porque não é uma imagem nivelada como um JPEG. Assim, as cores e a largura da linha sempre podem ser alteradas no futuro. Muitos dos meus clientes solicitam obras de arte e vetor, mas eu sempre me encolho quando eles fazem porque minhas ilustrações vetoriais sempre acabam parecendo malucas. Além disso, odeio a ferramenta Caneta. Mas nesta aula, vou mostrar meu novo processo para fazer ilustrações vetoriais que não parecem tretas. Recentemente, eu criei um conjunto de ícones foodie e eu descobri como fazer ilustrações vetoriais que são desenhadas à mão e, na verdade ainda parecem desenhadas à mão depois de serem vetorizadas, e o melhor de tudo, não vamos tocar na caneta ferramentas. Para o nosso projeto de classe, vamos usar este processo para fazer um conjunto de ilustrações de alimentos vetoriais. Escolhi cozinhas internacionais como assunto, e passaremos passo a passo pelo meu processo de fazer a série de ilustrações gastronômicas. Vamos passar por esboços, redimensionamento, topografia, tinta, vetorização, refinação e finalmente apresentação. Se você não tiver um iPad, haverá uma pequena página de processo de instrução no guia do projeto, para ajudá-lo a traduzir esse processo para o meio tradicional de caneta e papel. De qualquer forma, vamos saltar e começar a desenhar. 2. Passo 1: escolher e fazer o esboço: Passo 1, escolha e esboço. Juntos vamos criar um conjunto de ilustrações desenhadas à mão. Mas primeiro, o que vamos desenhar? Estou sugerindo o tópico geral da comida, mas dentro disso, você pode escolher o que quiser. Você pode escolher desenhar uma série de vegetais, frutas, seu lanche favorito, diferentes tipos de café, o que mais lhe excita. Adoro experimentar diferentes cozinhas internacionais e aprender o que torna essas cozinhas diferentes das outras. Para meus conjuntos de ilustração, escolhi seis diferentes cozinhas internacionais para desenhar: asiática, francesa, italiana, latino-americana, americana e indiana. Eu também adicionei em uma série de ilustrações de culinária, e especiarias e ervas apenas por diversão. Assim que você decidir sobre seu conceito mais específico, é hora de começar a desenhar. Para esta aula, vou desenhar no meu iPad Pro com o Apple Pencil usando o app de desenho, procreate. Eu amo desenhar no iPad porque ele permite que você revisar e editar coisas super facilmente, e você pode mover para frente e para trás entre o computador e o iPad super rapidamente. Mas se você não tem um iPad, você pode usar totalmente um lápis e papel para fazer este projeto. Basta ir até o guia do projeto para ver as instruções e concluir este projeto com papel e caneta. Então vamos começar. Primeiro, vou inicializar o aplicativo procreate no meu iPad e entrar na minha pasta de ícones para esta classe. Então farei um novo documento. Vou apenas manter estes em tamanho de tela cheia como nós vamos estar vetorizando-os, então o tamanho final não é tão importante agora. Então, se quiser, você pode baixar e usar meu modelo no guia do projeto. Este modelo lhe dará algumas diretrizes para ajudá-lo a manter suas ilustrações aproximadamente do mesmo tamanho enquanto você está desenhando. Basta importá-lo para o iPad e configurá-lo para uma opacidade baixa e, em seguida, criar uma nova camada na parte superior e começar a desenhar. Enquanto você está desenhando, lembre-se, tente não filtrar ou jogar fora qualquer uma de suas idéias. Nesta fase, nós só queremos desenhar tudo o que vem em nossa mente, você nunca sabe que pode ser bom. Queremos manter esses esboços simples, já que vamos desenhar muitos deles e ainda estamos na fase de ideação, mas você pode decidir quanto desenho você quer incluir a si mesmo. Então eu vou continuar desenhando até eu preencher todas essas páginas. 3. Passo 2: redimensionar + adicionar tipografia: Passo 2, redimensionar e adicionar tipografia. Agora que temos todos os nossos esboços desenhados, precisamos limpá-los um pouco antes de continuarmos. Se você usar o modelo de diretriz, seus esboços devem ter aproximadamente o mesmo tamanho. Mas se você é como eu, então você provavelmente não conseguiu tudo exatamente dimensionado corretamente ou centralizado. Corrigir esses problemas agora antes de pintarmos, você economizará tempo mais tarde e tornará suas ilustrações finais mais consistentes. Então, primeiro, desative a camada de diretriz, exporte o trabalho artístico como JPEG e envie-o para o computador. Gosto de usar o Dropbox para ir e voltar entre meu iPad e computador, mas você pode enviar um e-mail se preferir. Agora vamos abrir nossos esboços no Photoshop. Aqui você pode baixar o próximo modelo no guia do projeto, que é um pouco mais simples e nos ajudará a alinhar as ilustrações e adicionar tipografia mais tarde. Aqui eu coloquei meus esboços em cima do novo modelo e eu vou passar e redimensionar cada ilustração para caber dentro e centro com o quadrado ou o círculo. Eu só uso a ferramenta de seleção para selecionar a ilustração e, em seguida, “Command T” para transformar a seleção e redimensioná-la e movê-la conforme necessário. Então eu vou passar e fazer isso para cada ilustração agora. Esta etapa é opcional, mas se você quiser adicionar um rótulo desenhado à mão à sua ilustração, eu gostaria de digitar o texto primeiro aqui no Photoshop, antes de pintar mais tarde. Eu não rastreio o tipo exatamente quando eu tinto, mas eu gosto de ter as letras datilografadas para que eu mantenha-os todos alinhados e espaçados corretamente. Então você pode simplesmente passar e digitar seus rótulos nas diretrizes recomendadas e qualquer fonte que você preferir, e ele deve acabar parecendo um pouco algo como isso. 4. Passo 3: tinta: Passo três, tinta. Agora vamos pintar nossas ilustrações finais desenhadas. Primeiro, vamos desativar a camada de modelo e exportar nossos novos esboços como JPEGs. Vamos importar nosso JPEG para o procreate e configurá-lo em baixa capacidade. Em seguida, crie uma nova camada na parte superior e escolha com qual ferramenta você vai pintar. Eu gosto da ferramenta de caneta e eu ajustei a guia de configurações para obter apenas a quantidade certa de grão enquanto ainda tenho uma linha limpa. Eu também gosto de definir o tamanho para um peso fixo para que ele não fique mais espesso ou mais fino dependendo da pressão da minha caneta, pois eu quero que essas ilustrações sejam consistentes e tenham um peso fixo de linha. Você pode experimentar diferentes ferramentas, tamanhos e configurações para encontrar o que você mais gosta. Tenha em mente quando você estiver pintando que pequenos espaços e aberturas podem não se traduzir bem em uma ilustração vetorizada. Há muito pequeno detalhe que pode ser vetorizado antes do Illustrator começar a preencher os espaços e formas agora só passar e pintar todos os meus alimentos. 5. Passo 4: vetorizar: Passo 4, vetorizar. Agora para a magia vetorial. Primeiro, vamos exportar nossas ilustrações tintas como arquivos do Photoshop em camadas e enviá-las para o seu computador. Isso nos permitirá manter a resolução alta, e selecionar apenas as linhas de tinta e nenhum plano de fundo. No computador, abra o arquivo do Photoshop, selecione a camada de ilustração e selecione os desenhos de tinta. Em seguida, abra um novo documento e o Adobe Illustrator coloque suas ilustrações de alimentos. Em seguida, volte para o Photoshop , pegue as camadas de topografia e as coloque no Illustrator. Isso pode parecer um pouco complicado, mas eu gosto de manter as ilustrações e topografia separadas, porque ele me permite vetorizá-las separadamente, e obter as configurações apenas para a direita em cada um. Agora temos todas as nossas ilustrações com tinta no Illustrator. Vou retirar um rótulo para mostrar o processo e passar pelas configurações. Vou usar este, então temos algumas curvas boas, e pequenas formas para trabalhar. Vamos apenas selecionar a imagem e, em seguida, subir aqui e clicar em rastreamento de imagem. Você também pode encontrar isso sob objeto no menu superior. Basicamente, o que o rastreamento de imagem faz é converter a imagem baseada em pixels que desenhamos em um vetor. Mas parece bem estranho. Vamos analisar as configurações para que possamos refinar isso e torná-lo mais parecido com a nossa versão original desenhada à mão. Antes de passarmos por todas as configurações, tenha em mente que as configurações que eu escolher aqui podem não ser exatamente as corretas para o seu projeto. As configurações corretas para o seu projeto, vai depender muito de quão grande ou pequeno e detalhado sua imagem é. Mas essas configurações devem chegar muito perto, e então você pode mexer um pouco a partir daí. Vamos clicar neste botão aqui e isso abrirá nosso painel de rastreamento de imagem. Aqui no painel temos todas as nossas configurações. Certifique-se de que você tem a visualização marcada na parte inferior para que você possa ver as alterações que estamos fazendo ao longo do caminho. Primeiro, podemos escolher uma predefinição que nos ajude a chegar um pouco mais perto do que queremos. Para estas ilustrações, escolhi a arte esboçada, que parece um pouco mais desenhada à mão e suave. Mas ainda temos alguns espaços fechados e ângulos impressos estranhos, então vamos continuar. Então temos limiar. Esta ferramenta permite que você escolha um valor para criar o traçado preto e branco da sua imagem original. Assim, à medida que você move o mostrador junto com a faixa, todos os pixels mais claros do que o valor escolhido são convertidos em branco e todos os pixels mais escuros do que os valores são convertidos em preto. Para este projeto, encontrei 25 como o meu ponto ideal. Em seguida, sob a guia avançada, temos paths.This controla o quão apertados os caminhos que estamos criando se encaixam juntos. Um valor de caminho mais baixo terá caminhos mais apertados, e um valor maior terá caminhos mais soltos. O padrão é 50, mas aqui está o que parece, muito alto e muito baixo. Meu ponto ideal, aqui está 95. Agora para os cantos. Essa configuração permite que você escolha quantos cantos teremos em nossa imagem vetorial. Um valor mais alto tem mais cantos e um valor mais baixo tem menos cantos. Estávamos indo para aquele olhar suave desenhado à mão, então eu vou definir as curvas em zero. Em seguida, temos barulho. Essa configuração escolhe quais áreas de pixels serão ignoradas quando rastreadas. Um valor mais alto tem menos ruído, significa que mais serão ignorados, e um valor mais baixo tem mais ruído, significa que menos é ignorado. Eu quero pegar um monte de detalhes finos, então eu vou definir isso em um pixel. Sob o método, queremos ficar com a primeira opção pegou um brotamento, que irá criar recorte caminhos separados ou formas. Em seguida, em criar, queremos que os preenchimentos sejam verificados, modo que criemos regiões preenchidas, também conhecidas como formas, e não apenas caminhos traçados ou linhas. Agora que temos todas as nossas configurações como gostamos delas, basta clicar em “Escolha”. Você pode ver que nossa arte ainda parece ser uma imagem plana. Para realmente obter as linhas vetoriais, temos que subir aqui e clicar em “Expandir”. Agora você pode ver todos os caminhos individuais, mas você notará que o Illustrator agrupou tudo. Por isso, basta clicar com o botão direito do mouse na imagem e clicar em “Desagrupar”. Você terá que fazer isso algumas vezes até que tudo seja realmente desagrupado e todas as formas sejam individuais. Agora você pode ver que tudo é individual e não agrupado. Isso nos permitirá agrupar as formas como gostamos, em vez de tê-las agrupadas como uma peça de arte. Agora vamos seguir em frente e fazer os ajustes finais para refinar nossos vetores. 6. Passo 5: refinar os vetores: Passo cinco, vetores refinados, pequenos ajustes. Agora é hora de fazer nossos ajustes finais em nossos adoráveis vetores. Primeiro, vamos dar um zoom nesta pequena pizza. Você pode ver que tudo aqui é uma forma, mesmo as coisas que não estão preenchidas com uma cor e que nós nunca queremos que ele seja preenchido com uma cor, como o interior do A e P na minha etiqueta de pizza. Então, se eu destacar nossa etiqueta de pizza aqui e eu decidir que quero preenchê-la com a nova cor, que é um dos grandes benefícios de ter um vetor em vez de uma imagem de pixel, isso é o que acontece, e nós não queremos isso. Isso significa que temos que passar e deletar as formas que não queremos que nunca sejam preenchidas. Agora que eu fiz isso, se selecionarmos o rótulo e escolhermos uma nova cor, viola. Outra coisinha que notei que está fora daqui é o ponto no i. É muito pequeno. Não coincide com o resto das linhas e não será legível em um tamanho pequeno. Então vamos encontrar outro ponto de outro i que faça um trabalho melhor. Este é melhor então eu vou selecionar este ponto e apertar o Comando C para copiá-lo, e depois voltar para a minha pizza. Agora, eu vou apertar o Comando V para colar, colocá-lo em cima do ponto original, e depois excluir o ponto inferior. Agora que fiz todos os meus ajustes e estou feliz com este rótulo, vou selecionar a coisa toda e agrupá-la. Dessa forma eu posso selecionar ou movê-lo como uma peça e não perder nenhuma parte dela. Eu também posso recolorir quando ele é agrupado assim. Agora vou passar por todos os meus rótulos de tipografia e fazer esses ajustes, excluindo as formas internas que eu não quero, e substituindo os pequenos pontos por um ponto maior. Eu também vou fazer um pouco de mexer com o espaçamento entre letras, certificando-se de que tudo parece legal e legível. Além disso, há alguns pontos nas ilustrações de alimentos que eu também vou substituir com o ponto maior para ter consistência. Então, no final, eu vou agrupar todas as formas em cada ilustração e todas as formas que eu preciso para rotular juntos, assim como eu fiz com a pizza. É isso. Aqui vou eu para fazer tudo isso. 7. Passo 7: apresentação: Passo 6, presente. Agora temos a nossa série gastronômica vetorial ilustrada à mão. A partir daqui, você pode fazer imagens de apresentação para mostrar sua série como estas. Acabei fazendo minhas ilustrações em um conjunto de ícones, então fiz essas imagens de apresentação para mostrar os detalhes e especificações do produto. Muito obrigado por se juntar a esta classe, e espero que você decida fazer seus próprios conjuntos de ilustração gastronômica desenhados à mão. Espero vê-lo na próxima aula e desenho feliz.