Converter um esboço em vetores com o Adobe Illustrator Live Paint: um design gráfico para o Lunch™ Class

1. Converter um esboço para Vetores com o Illustrator - introdução - um design gráfico para o almoço: Olá, sou Helen Bradley. Bem-vindo a esta aula de Design gráfico para almoço, converta um esboço em arte vetorial com pintura ao vivo no Adobe Illustrator. Design gráfico para almoço é uma série de aulas que ensinam uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Neste curso, vamos analisar a criação de uma peça de arte de desenho animado e colori-la usando as opções da Ferramenta de pintura em tempo real no Illustrator. Você vai aprender tudo sobre pintura ao vivo. Agora, se você não está realmente confiante em desenhar arte como esta, eu vou te dar a peça de arte que você pode rastrear. Não se preocupe em ter que fazer muitos desenhos, você está aqui para aprender sobre o Illustrator e é exatamente nisso que vamos nos concentrar. 2. Parte de arte de desenho animado1: Para criar sua arte de desenho animado de cozinha usando um desenho que eu criei para você, escolha Arquivo e depois Novo O tamanho do documento será de 1439 por 1385 cores RGB. Clique em “Ok”. Agora escolha Arquivo e lugar e vá até o local onde você armazenou a imagem que eu lhe dei e clique em “Inserir”. Arraste sobre o documento para inserir a imagem. Agora vá para sua paleta de camadas, abra essa camada atual e bloqueie essa camada Isso significa que ele não vai se mover enquanto você trabalha nele. Agora vamos examinar todas as linhas retas primeiro usando a ferramenta caneta. Vou selecionar a ferramenta de caneta. Vou me certificar de que não haja cor de preenchimento. Vou selecionar uma cor de traço que fique muito óbvia enquanto estou trabalhando, provavelmente uma cor rosa brilhante também fará com que o traço tenha cerca de quatro pontos, então vou ver isso com muita clareza. Para criar minhas linhas, vou clicar em uma extremidade da linha e toda vez que eu chegar a um ponto , vou clicar novamente. Quando eu terminar a linha, pressiono a letra P, que simplesmente impede que a ferramenta de caneta desenhe e vou criar a próxima linha. Como isso é arte em estilo cartoon, não importa que tudo não esteja certo e realmente não deveria ser porque você perderá o efeito da arte se tentar alinhar tudo bem, mas você quer sobrepor as linhas sempre que possível para que uma linha termine em cima mas você quer sobrepor as linhas sempre que possível para da outra Se você entrar nessa situação, vou apenas ampliar, para que você possa ver o que está acontecendo aqui. Eu tenho a ferramenta de caneta e, quando a seguro sobre esse ponto, obtenho um símbolo de menos na parte inferior direita do ícone da caneta Isso só me diz que, se eu clicar aqui porque esse caminho ainda está selecionado, vou eliminar esse ponto desse jeito Não quero fazer isso, então vou pressionar “Control ou Command Z”. Agora, se eu clicar em outro lugar na linha, você pode ver que há um pequeno sinal de mais que me diz que estou prestes a adicionar um ponto nessa linha. Novamente, não é algo que eu queira fazer. Se sua linha ainda estiver selecionada assim, você tem algumas opções. A primeira é que você pode começar a desenhar em algum lugar bem longe da linha e então isso não vai acontecer. A outra opção é com as linhas ainda selecionadas, você pode desmarcá-las, manter pressionado o controle, manter pressionado o controle, tecla Shift e tocar na letra I, ou seja, “Command, Shift I” em um Mac que desmarca a linha, permitindo que você redesenhe suas a linha, permitindo que você redesenhe Se você precisar mover a arte enquanto desenha, mantenha pressionada a barra de espaço e isso transforma o ponteiro do mouse em uma mão, permitindo que você mova sua Vou pressionar a letra P, eu termino esta linha. Vou pressionar “Control e 0" para voltar a ver minha imagem Agora, vou continuar a contornar essa arte e vou acelerar o vídeo. Eu só vou desenhar em linhas retas. Vou deixar as linhas curvas como a toalha, aqui, essas alças, a árvore e assim por diante, até eu voltar e fazê-las usando uma ferramenta diferente 3. Converter um esboço em vetores com o Illustrator - Parte 2: Depois de completar os bits da faixa, é hora de fazer alguns dos bits mais curvilíneos. Vou ampliar aqui. Uma das coisas que quero fazer é, na verdade, curvar esta linha. Vou pegar a ferramenta de seleção direta aqui. Basta segurar esta linha aqui, e apenas arrastá-la um pouco para cima. Só preciso de espaço para as árvores. Não tem que ser curvo se eu não quiser que seja, mas eu poderia querer trazer este para cima só para combinar um pouco. Vai parecer um pouco melhor. Agora, para as árvores, eu vou para a ferramenta lápis, vou ter certeza que ela está configurada exatamente com as mesmas configurações, e agora eu posso desenhar essas linhas usando a ferramenta lápis. Agora eu tenho minha ferramenta de lápis em um compromisso restável entre fidelidade e suavidade. Eu não quero todas as manobras que estou criando enquanto estou desenhando. Eu quero que as curvas sejam suavizadas um pouco, e eu vou apenas mostrar a vocês em um minuto como minhas configurações se parecem. Clique duas vezes na “Ferramenta Lápis”, mesmo a meio caminho entre precisão e suavidade, o que está me dando um resultado muito bom aqui. Eu também tenho essas quatro primeiras caixas de seleção desligadas. Isso me permite desenhar uma linha e, em seguida, desenhar uma linha de interseção e a ferramenta de lápis não está fazendo seu comportamento habitual de tentar pegar e refazer essa linha para mim. Esta é uma opção melhor para o desenho que estou fazendo usando a ferramenta lápis. Mais uma vez, aqui eu vou apenas traçar sobre estas formas. Quando terminar de fazer uma fila, posso parar e continuar. Só queria juntar-me a estes o melhor que puder. Uma vez que esta é uma arte de desenho animado, a ferramenta lápis é uma maneira muito útil de obter esses loops em muito facilmente sem ter que desenhá-los com a ferramenta caneta, especialmente se você não é realmente muito útil com a ferramenta caneta. É um gosto adquirido. Vou pressionar a letra “A” aqui para conseguir este ponto de ancoragem. Eu só vou ter certeza de que ele bate contra a torneira que eu acabei de desenhar. Voltando para a ferramenta de lápis pressionando a letra “N”, que é a tecla de atalho para a ferramenta de lápis, vai continuar a desenhar esses elementos. Agora, vamos acelerar o vídeo enquanto eu continuo a desenhar essas últimas peças curvas, e então vamos começar a criar uma amostra de cores e colorir em nossa arte. Uma vez que você acha que tem tudo desenhado, abra o último palete e vá para o fundo onde você tem a imagem, e basta desligá-lo e apenas verificar para ter certeza de que tudo parece muito bom. Agora, se você tem algumas lacunas realmente grandes como eu tenho aqui, você pode querer apenas fechá-las. Pegue a ferramenta de seleção direta aqui, basta clicar no final da linha onde deve haver um ponto de ancoragem. Eu só estou arrastando para baixo um pouco mais perto da linha que deveria ser anexada. Só estou procurando por lacunas muito ruins aqui. Porque eles vão ser um pouco difíceis de fechar mais tarde, e corremos o risco de a tinta correr através das lacunas. Eu estou pensando que isso é muito bom e eu acho que nós provavelmente estamos prontos agora para ir em frente e para fazer a coloração. 4. Converter um esboço para vetores com Illustrator - Parte 3: Antes de podermos colorir essa ilustração, precisamos de algumas tintas ou cores para usar Vou abrir a paleta de amostras aqui. Agora eu tenho amostras de tamanho grande habilitadas. Eu clico na lista suspensa aqui e escolhi a visualização em miniatura grande Agora vou me livrar de praticamente todas as cores da minha amostra clicando no primeiro turno, clicando no último e simplesmente arrastando todas elas para a lixeira Eu tenho uma amostra. Eu já criei uma paleta de amostras, então vou clicar aqui e escolher Abrir biblioteca de amostras, definida Eu tenho um chamado cartoon de cozinha. Eu vou te dar isso para que você possa adicionar essas cores à sua própria paleta de amostras Tudo que você vai fazer é exatamente como eu fiz. Clique no menu aqui, escolha “Abrir biblioteca de amostras”, mas você acessará outra biblioteca e navegará até onde você salvou o arquivo AI que eu lhe dei e simplesmente abrirá a Biblioteca de amostras Clique na primeira das amostras, clique com a tecla Shift pressionada na última e arraste-as e solte-as no Agora eles estão prontos para serem usados para colorir. Se você quiser criar suas próprias amostras, por favor, vá em frente e faça isso O que você fará é selecionar primeiro uma cor. Na verdade, vou recolorir este. Vou clicar nele para adicioná-lo como traçado ou preenchimento. Clique duas vezes nele e selecione uma cor diferente para ele Bem, talvez a chamemos de nossa primeira cor. Vou clicar em “Ok”. Então vou pegá-lo daqui e colocá-lo no meu painel de amostras Há uma cor que eu posso usar. Então eu posso mudar isso e criar uma cor diferente. Vou querer algumas cores que estejam na mesma tonalidade ou faixa de tonalidade Eu escolhi outro. Eu só vou colocá-lo ao lado disso. Provavelmente vou querer colorir entre esses dois também. Acabei de criar minha própria paleta de cores selecionando uma cor e depois encontrando algumas tonalidades e tonalidades dessa Em alguns casos, eu me distraí um pouco. Por exemplo, eu poderia ter apenas arrastado um pouco para um lado para obter uma cor ligeiramente diferente Ou talvez eu tenha alterado a saturação para obter uma versão mais cinza de uma cor Mas eu só quero toda uma gama de cores que eu possa usar para colorir essa arte. Agora eu não os quero, então vou me livrar deles. Estamos prontos para iniciar o processo de coloração. Antes de podermos fazer isso, no entanto, precisamos criar uma forma ao redor de toda a obra de arte. Na verdade, vou pegar minha cor vermelha novamente. Vou escolher a ferramenta Retangle. Vou arrastar um retângulo ao redor da obra de arte porque precisaremos dele para poder encapsular um pouco dessa cor Agora, selecionarei toda a arte escolhendo Selecionar tudo. E então vou escolher Object, Live Paint, Make. O que isso faz é preparar toda essa obra de arte para colorir com a ferramenta de pintura ao vivo Agora vá aqui na barra de ferramentas porque a Live Paint compartilha a posição da barra de ferramentas com a ferramenta Shape Builder Você quer o balde de tinta ao vivo, então vou clicar nele para selecioná-lo. Agora vou selecionar uma cor de preenchimento. Eu tenho os paletes de preenchimento que eles selecionaram. Vou clicar nessa cor azul. Agora eu não quero perder o vermelho agora, porque se eu fizer isso porque o objeto agora está selecionado, eu realmente vou perder todos os meus limites vermelhos. Eu quero ser capaz de ver esses limites da arte. Mas vou clicar duas vezes na ferramenta Live Paint Bucket para ver as opções de pintura ao vivo No momento, vamos pintar traços. Não queremos fazer isso. Queremos pintar preenchimentos. Vou selecionar Paint Fills e desmarcar Paint Strokes O amarelo está apenas me dizendo que vou ver amarelo ao redor de uma área quando for pintá-la. Vou clicar em “Ok”. Agora, quando mantenho o ponteiro do mouse sobre a arte, você pode ver que ela muda de cor à medida que cada um desses blocos individuais é selecionado Mesmo que eu não tenha desenhado isso como um triângulo, ilustrador está vendo isso como um triângulo que pode ser preenchido com cores Para minhas gavetas, vou pintá-las nessa cor azul Eu só vou clicar quando a coloração amarela estiver ao redor da área que eu quero colorir dessa forma. Agora, se você der uma olhada no pequeno Live Paint Bucket, verá que há uma amostra de três cores imediatamente acima dele Você pode controlá-los com a tecla de seta, e eles correspondem a essa cor aqui e às duas cores de cada lado dela Se quisermos criar uma alça aqui que seja de uma cor mais clara, bem, podemos passar o mouse sobre a alça e então podemos usar a tecla de seta para a direita para escolher a cor mais clara, essa aqui na paleta Mas podemos fazer tudo isso passando o mouse sobre o documento sem precisar voltar e avançar continuamente até a voltar e avançar Embora pudéssemos, é claro, se quiséssemos. Agora vou escolher essa cor mais escura para minhas alças. Eu posso ver onde estou na paleta de amostras e só preciso pressionar a tecla de seta para a direita duas vezes para obter a cor que eu quero para as Agora está na paleta, então eu posso simplesmente clicar para aplicá-la às alças do meu objeto Agora eu quero um pouco de blues mais claro aqui. Vou recuar até encontrar um azul mais claro que eu queira usar. Vou apenas colocar essa cor. Eu posso trabalhar com a ilustração inteira, passando o mouse sobre uma parte da ilustração e preenchendo-a com uma cor Se eu preenchê-lo com uma cor e decidir que quero uma cor diferente , posso cruzar a paleta para obter a cor certa ou simplesmente selecioná-la aqui Essa é a segunda opção que eu posso usar. Agora vou preencher todas as áreas da imagem que eu quero preencher com cores. Vou ignorar os traços por enquanto e me concentrar apenas em preencher as áreas que podem ser preenchidas com cores Se eu descobrir que tenho uma cor que não quero usar , posso entrar aqui e mudar a cor. Posso adicionar essa cor à minha amostra de cores. Agora, preenchi todas as áreas preenchíveis nesta obra de arte com as cores que quero usar Agora é hora de voltar nossa atenção para o derrame. 5. Converter um esboço em vetores com o Illustrator - Parte 4: Para ajustar os traços em torno de cada um desses objetos, podemos fazer isso tudo de uma vez. Vou selecionar a Ferramenta de Seleção e basta clicar aqui para desmarcar tudo. Então escolherei Selecionar, Tudo. Você verá aqui que a cor de preenchimento tem um ponto de interrogação indicando que há preenchimentos mistos em todos esses objetos, mas todos eles têm o mesmo traçado rosa. Vou direcionar o traçado e selecionar uma cor de traçado diferente. A cor do traçado de todos os traçados nesta ilustração agora foi alterada. Mas o que acontece se eu quiser mudar o golpe de apenas alguns elementos ao longo do chão aqui? Bem, eu posso fazer isso. Vou clicar duas vezes na Ferramenta Balde de pintura em tempo real para obter as opções. Vou desmarcar os preenchimentos que automaticamente seleciona traços de tinta. Desta vez, posso usar o Balde de pintura em tempo real para preencher traçados em vez de formas. Vou clicar em “OK”. Eu estou olhando para o chão aqui e eu estou pensando que isso provavelmente seria uma boa cor para os traços. Vou segurar meu ponteiro do mouse sobre a linha aqui até que o traçado apareça, e eu vou clicar. Agora não está pegando a cor que estou usando aqui. Só vou me certificar de que essa coisa está me ouvindo. Agora é. Estou apenas a clicar nas linhas de traço. Quando aparecem em amarelo. Somente quando eles aparecem em amarelo, que é a cor de destaque que eu selecionei, eu realmente vou mudar a cor dos traços. Agora eu posso vir aqui e fazer a mesma coisa aqui em cima se eu quiser apenas chamar um pouco menos de atenção para este elemento. Então você vê que há muitas linhas de traço aqui que foram usadas para este elemento. Há também algumas coisas acontecendo aqui no canto que eu vou precisar ampliar para obter. Mas, novamente, estou apenas procurando aquele destaque amarelo que está me dizendo que eu tenho essas peças. Em seguida, Control ou Command 0 para diminuir o zoom. Você pode ver que a ferramenta Balde de pintura em tempo real nos dá a capacidade de preencher objetos que realmente não são objetos inteiros. Isso não é necessariamente um quadrado. Esta não é uma forma que normalmente seria capaz de ser preenchida de outra forma. Mas usando o Balde de Pintura ao Vivo, Illustrator está dizendo que ele está cercado por essas linhas e está dizendo, “Ok , bem, se ele está cercado por todas essas linhas, então eu vou chamá-lo de forma, e eu vou deixar você preenchê-lo com o que quer que você queira preencher.” É uma maneira muito útil de fazer arte de desenho animado como esta, porque ele lhe dá a capacidade de apenas desenhar linhas e depois preencher coisas que se parecem com formas, mas realmente não são verdadeiras formas do Illustrator. Quando terminar de usar a Ferramenta Pintura em tempo real, basta voltar a selecionar uma ferramenta normal no Illustrator. Vá em frente, e salve sua obra de arte, e está feito. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim neste episódio de Design Gráfico para o Almoço. Estou ansioso para vê-lo em um próximo episódio em breve.