Efeito de imagem esboçado no Adobe Illustrator — um curso Graphic Design for Lunch™

1. Efeito de imagem de esboço no Illustrator - Introdução: Olá, sou Helen Bradley. Bem-vindo a esta aula de design gráfico para almoço: efeito de imagem esboçado 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. Hoje, vamos de uma foto para um efeito de imagem esboçado no Illustrator. Ao longo do caminho, você vai aprender montes sobre ilustrador. Aprendi muito tentando fazer este vídeo e tornar o efeito realmente eficiente para criar, então tenho certeza que você vai aprender montes, também. À medida que você está trabalhando nesses vídeos, você pode ver um prompt que permite que você recomende essa classe a outras pessoas. Quando você vê-lo, se você está gostando da aula, por favor, faça duas coisas para mim: dê um polegar para cima e escreva apenas algumas palavras sobre por que você está gostando da aula. Essas recomendações colocam minhas aulas na frente de mais pessoas que, assim como você, querem aprender mais sobre o Illustrator. Se você gostaria de deixar um comentário, por favor faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho para todos os seus projetos de classe. Agora, se você estiver pronto, vamos começar a criar um efeito de imagem esboçado de uma foto no Illustrator. 2. Efeito de imagem de esboço - parte 1: Para este projeto, precisamos começar com uma fotografia. Então eu encontrei uma foto realmente boa para usar em unspliced.com. Para a fotografia, você provavelmente quer algo com tem algumas linhas bastante simples nele, mas eu vou dar-lhe o link de download para esta imagem. Basta clicar no botão de download. Agora, eu já fiz isso, então vamos nos livrar disso, e eu vou criar um novo documento. Eu não sei o quão grande essa imagem era, mas eu vou começar com uma imagem de 2.000 por 1.000 pixels tamanho que vai lidar com uma imagem paisagem muito bem, modo de cor RGB, e eu vou clicar em “Ok”. Em seguida, precisamos ir e obter a imagem. Vamos fazer isso escolhendo arquivo e depois colocar. Vou selecionar a imagem que escolhi usar, e aqui embaixo, é importante que você desativou a palavra link. Então você quer realmente incorporar isso na imagem. Então eu vou clicar no lugar. Agora você começa a arrastar a imagem, e você pode ver que fizemos muito bem com o tamanho do nosso arquivo. Não precisamos que esta imagem seja tão detalhada quanto é e ela só vai parar sua máquina se for. Então vamos começar racionalizando esse objeto. Rasterize, e vamos escolher RGB, vamos escolher uma resolução de tela, e vamos garantir que não temos suavização de serrilhamento. Nós não temos cores especiais de qualquer maneira, então você pode simplesmente excluir o clique “Ok”. Isso simplifica a imagem. Precisamos que seja escala de cinza, então vamos escolher editar e, em seguida, editar cores e, em seguida, converter para escala de cinza. Isto é convertido apenas para uma imagem em escala de cinza. Em seguida, precisamos simplificá-lo ainda mais, e para isso vamos usar um filtro. Vou escolher efeito e depois galeria de efeitos. Estou usando o filtro de corte que você pode ver que ele já está sendo aplicado a esta imagem. O filtro de recorte simplifica a imagem, e então o que estamos procurando são algumas cores interessantes e formas interessantes na imagem. Lá você pode definir o número de níveis aqui, e eu quero um pouco de luz nesta imagem. Então eu estou pensando que isso provavelmente vai ser uma configuração melhor em quatro do que em cinco ou seis. Eles estão ficando um pouco detalhados e talvez não tão leves quanto eu quero. A simplicidade da borda vai ser apenas a simplicidade ou não das bordas. Você pode levar isso de ridículo para sensato ou de alguma forma no meio. Então eu estou indo para uma simplicidade de borda de cerca de cinco, e então a fidelidade de borda vai lhe dar muito mais detalhes. Provavelmente, não quero isso, eu realmente vou me afastar da fidelidade borda praticamente tudo longe. Tudo o que você está procurando nesta fase são algumas formas agradáveis e algo que é vagamente reconhecível como um carro e talvez um edifício atrás dele nesta imagem. Então isso é realmente tudo o que você está procurando. Pensando bem, acho que vou aumentar um pouco a minha fidelidade de ponta. Eu gostaria de ver um pouco em volta da frente do carro. Então eu só vou clicar em “Ok”. Agora eu tenho minha imagem simplificada um pouco, e eu quero ir e rastreá-la. O problema é que, mesmo que tenhamos apenas algumas cores nesta imagem, se seguirmos em frente e rastrearmos isso agora, Illustrator, mesmo que peçamos apenas para escolher quatro ou cinco tons de cinza, ele vai explodir por conta própria. Ele só vai criar algo como cerca de 200 tons de cinza. Então vai ser um pesadelo total. Antes de fazer isso, o que precisamos fazer é criar uma paleta de cores. Eu estou indo para o painel de amostras que é apenas [inaudível], então vamos pegar meu painel de amostras. Vou fazer um conjunto de amostras de escala de cinza. Vou clicar aqui no novo grupo de cores, e depois vou adicionar uma cor. Então eu vou para aqui e apenas criar o meu branco antes de tudo. Vou arrastar o White para aqui. Agora eu vou criar algo que é mais parecido com 15% cinza, e eu vou colocá-lo ao lado do branco. Vamos para algo aqui que é mais como cerca de 60 aqui, soltá-lo, vamos descer aqui, olhando para isso vamos torná-lo 30 por cento de brilho que é cerca de 70 por cento cinza. Temos quatro cores até agora, e agora vamos bater para quase preto, mas não quieto. Vamos chamar isso de preto mesmo que não seja muito preto. Então temos cinco cores aqui. Isto é crítico, estas são as cinco cores que vamos tirar desta imagem. Então agora que temos nossa amostra pronta, e temos nossa imagem pronta. No próximo vídeo, vamos seguir em frente e fazer o rastreamento. 3. Efeito de imagem de esboço - parte 2: Para tentar ver imagem, você precisará ter certeza de que a imagem em si está selecionada. Então eu selecionei aqui na barra de ferramentas você tem a opção de rastreamento de imagem. Se você não tem que você pode ir para o objeto e apenas escolher o traço de imagem fazer. Mas eu vou apenas clicar no botão “Rastreamento de imagem” aqui. O primeiro traço sempre vai parecer absolutamente horrível e tudo bem. O que você precisa fazer é pegar esse diálogo aqui, o painel de rastreamento de imagem. Vamos desligar a pré-visualização e vamos certificar-nos de que o avançado é aberto aqui. Você quer ver o avançado. Estamos desativando a visualização porque, caso contrário, o Illustrator vai apenas rastrear continuamente enquanto estamos fazendo nossas configurações, e não queremos fazê-lo até que estejamos prontos. Vou selecionar a cor do modo mesmo que eu esteja trabalhando em uma imagem em tons de cinza. paleta, quero selecionar Biblioteca de documentos e, em seguida, a partir de cores, selecionarei a paleta de cores que criei. Agora o que estamos fazendo aqui é dizer ao Illustrator, sabemos que você tem sua própria opinião sobre quais cores devem ser usadas nesta imagem, mas queremos que você use as cores que prescrevemos. Isso limitará o Illustrator a usar somente essas cores. Se não fizermos isso, vai jogar centenas de tons de cinza nisso mesmo que peçamos apenas um punhado. Não sei por que isso acontece, mas é isso que acontece, e é assim que vamos resolvê-lo. Agora, com caminhos e cantos, vamos arrastar cada um deles para este lado e o ruído vai na direção oposta. Normalmente, esses dois slides está indo na mesma direção e este vai na direção completamente oposta, para as configurações que queremos usar. Se você definir isso muito alto, você iria definir este baixo, mas isso vai lhe dar uma varredura mais detalhada. Queremos simplicidade hoje. Vou clicar em “Visualizar”, e agora o Illustrator pode ir em frente e fazer a varredura. Aqui está a digitalização, e o Illustrator usou outras cores que pedimos para usar. Agora, neste ponto, se você quiser, você pode testar algumas configurações diferentes aqui. Basta dizer se adicionar um pouco aos caminhos ou remover um pouco dos caminhos lhe dará um efeito melhor. Um com o qual estou um pouco preocupado é a frente deste carro. Eu gostaria que ele fosse um pouco mais definido, que parece exigir que eu tenha passado definir um pouco mais alto e talvez até mesmo cantos. Isso não está ajudando. Mas posso aumentar um pouco os caminhos e ver se isso vai ajudar um pouco na frente do carro. Você pode apenas experimentar com isso. Quando estiver satisfeito com o que você tem, você pode fechar a caixa de diálogo e, em seguida, você vai clicar em “Expandir”. Isso expande essas formas traçadas em formas reais, e agora temos uma série de objetos vetoriais. Nós só precisamos desagrupá-los porque eles estão todos em um grande grupo. Vamos clicar em “Desagrupar”, e se formos para o painel de camadas, temos uma camada com muitas e muitas formas nela. O que precisamos fazer é libertá-los. Eu vou começar em primeiro lugar adicionando uma camada e isso vai ser leve. Estes são os objetos mais leves que estão indo para esta camada aqui. Eu vou apenas clicar em “Away”, então eu não quero nada selecionado nesta fase. Vou clicar em algo que é realmente leve, uma forma. Eu vou escolher “Select”, “Same”, “Fill Color”, e tudo o que é branco agora está selecionado e você pode dizer ao longo desta camada, há muitas peças pequenas que são uma espécie de cor clara. Movê-los para cima nesta camada de luz usando o painel de laboratório aqui é um pesadelo total. Há uma maneira muito mais rápida e fácil de fazer isso. O que você faz é clicar na camada para a qual deseja que eles sejam movidos, ainda há selecionado aqui, e você escolhe “Objeto”, “Organizar”, “Enviar para Camada Atual”, e porque essa era a camada alvo, agora todas as camadas objetos de luz estão nessa camada alvo. Você pode desativá-lo ou ativá-lo como desejar. Vamos criar uma nova camada para os cinzentos claros. Voltando à nossa imagem principal, selecione algo que seja cinza claro. Selecione “Mesmo, “Cor de preenchimento”. Segmente o laboratório para o qual queremos movê-los, “Objeto”, “Organizar”, “Enviar para Camada Atual”. Vou fazer isso até terminar com todas as cores desta imagem. Se você ficar um pouco confuso, você sempre pode desativar a visibilidade das duas camadas que você criou, e isso deixa claro as cores com as quais você ainda precisa trabalhar. O que me resta agora é que tenho uma camada aqui que tem passos de luz sobre ela. Eu só vou chamar isso de branco porque eles vão ser os passos mais leves da imagem e esta é agora a nossa imagem, e nós dividimos em cinco camadas, que correspondem aos cinco tons de cinza que aplicamos anteriormente. Agora, nesta fase, se você não está realmente feliz com o tom de cinza, você pode fazer algo com ele. Eu vou para estes cinzentos claros. Eu selecionei esta camada e que seleciona absolutamente tudo o que está nesta camada. Agora eu poderia vir aqui e eu poderia apenas ajustar esta cor se eu quisesse, e clicar em “Ok”, e então tudo o que era colorido aquele tom de cinza, foi iluminado um pouco porque eu deixei a cor um pouco mais clara. Você tem um pouco de flexibilidade aqui para ajustar a imagem neste ponto. Agora temos uma imagem rastreada até as poucas cores com as quais queremos trabalhar, agora estamos prontos para seguir em frente e criar o visual esboçado para ela. 4. Efeito de imagem de esboço - parte 3: Neste ponto, antes de eu ir e criar meu visual esboçado, eu estou indo para o último painel e eu estou pensando se em algum momento eu queria essas formas preenchidas com essas cores para ajudar com minha imagem. Não quero perdê-los. O que eu vou fazer é selecionar todas essas camadas, vou soltá-las no novo ícone, e isso cria dois conjuntos de camadas. Ambos são idênticos. Eu vou adicionar outra camada logo acima do segundo conjunto, e eu vou mover todas essas camadas duplicadas para essa camada. O que eu tenho é a camada 13, que eu realmente vou chamar cor mestre porque isso é todas as cores preenchidas formas. Eu tenho o preto, cinza médio, cinza claro, claro, e branco e é um conjunto duplicado. O que vou fazer é desligá-los, trancá-los e fechar essa camada. Nós vamos trabalhar nesta camada superior, mas o que nós efetivamente fizemos foi salvar uma cópia desta imagem, caso queiramos emprestar pedaços dela de volta mais tarde. Provavelmente, eu não vou neste vídeo, mas eu só quero que você saiba que vai ser muito difícil decifrar o que estamos prestes a fazer a seguir. Se você acha que há alguma chance de querer essas camadas intactas, faça isso antes de dar o próximo passo. Vamos começar com o cinza claro porque isso vai ser realmente altamente visível. Eu tenho a camada selecionada, que significa que as mudanças que estou fazendo agora estão afetando tudo que está nesta camada, todas essas formas cinza claro. É por isso que nos demos ao trabalho de dividir estes para diferentes camadas, só para tornar a vida muito mais fácil. Vamos escolher Effect, Stylize, Scribble. Nas configurações Scribble, vou usar algo assim. Eu vou fazer isso a 30 graus, então ele vai estar indo neste ângulo. Você pode ver a configuração anterior aqui. Caminho Sobreposição é a distância que ele está dentro ou fora do caminho. Agora, eu não quero que ele esteja fora do caminho em tudo. Se alguma coisa, eu poderia querer que fosse um pouco dentro, então você poderia brincar com esses valores, pelos quais eu vou definir o meu para zero. Mas apenas esteja ciente de que você também pode obter alguma boa quilometragem de uma configuração menos aqui. A variação é, tenho permissão para enviar apenas algumas linhas fora do caminho? Bem, a resposta para isso é não. Nós não queremos enviar nada realmente fora do caminho, talvez um valor muito pequeno, mas eu acho que é melhor sem. Largura do traçado é a largura do traçado. Esta é uma cor bastante clara. Na verdade, eu vou reduzir isso para talvez 0,75 de um pixel, ou você poderia até colocar 0,5 de um pixel. Você só precisa digitar isso aí. Curvatura é o quão curvas são as linhas. Se acabarmos com curvas, elas são como linhas rabiscadas. Eu não quero nenhuma curvatura nisso, então eu estou fazendo zero. Variação é quanta variação eu posso ter em dizer que eu não queria curvatura, mas agora eu quero um pouco. Bem, você pode aumentar a variação para obter um pouco de curvatura, mas não muito. Vou enrolar isso em cerca de 15 por cento. Espaçamento é quão apertadas ou soltas são essas linhas. Você pode deixá-los muito soltos ou você pode torná-los muito apertados. Você pode reduzi-los a pequenas quantidades de um pixel. Vamos tentar 0,5 de um pixel. É uma boa linha espacial aqui. Você pode experimentar valores diferentes aqui, mas apenas estar ciente de que você pode ir muito pequeno e você provavelmente não quer ser nada mais do que cerca de um ou dois pixels de espaçamento e variação, você poderia apenas fazer um pequena quantidade de variação. Eu fiz cinco pixels de variação, que é variação no espaçamento. Tendo feito isso, eu só vou clicar, Ok. Esses valores são pegajosos, então isso significa que a próxima forma que vamos preencher quando pedimos rabiscar, vamos obter as mesmas opções padrão. Vamos para o meio cinza. Clique nele, Efeito, Stylize, Scribble. Aqui estão as mesmas configurações que usamos antes. Neste ponto, porque estamos trabalhando com uma linha ligeiramente mais escura, talvez queiramos aumentar nossa largura de traçado. Eu tenho meu espaçamento em 0,5, eu acho que provavelmente é muito bom. Na verdade, eu estou muito feliz com isso agora, então eu vou clicar em OK sobre isso. Em seguida, vou selecionar as áreas pretas ou escuras e escolher Efeito, Estilizar e, em seguida, Rabiscar. Eu vou usar as mesmas configurações que eu usei antes, mas eu estou percebendo que não há muita diferença entre as áreas que eu estou colorindo neste tempo e as que eu coloquei na última vez. Bem, podemos resolver isso de uma maneira diferente. Só vou clicar em “Ok”. Eu vou pegar esta camada de cópia preta e eu vou arrastá-la para o novo ícone de camada. Tenho duas cópias desta camada. Agora eu tenho uma versão mais escura do que estava por baixo, simplesmente porque eu coloquei duas camadas uma sobre a outra. Mas o que eu posso fazer com esta camada superior é fazer minhas linhas ir para o outro lado, então eu tenho padrão cruzado escotilha. Estou passando pela camada superior e estou selecionando. Vou ao painel Aparência, porque o que preciso fazer é acessar o rabisco existente. Se eu escolher Efeito e tentar adicionar rabiscos a isso, ele vai adicionar outro rabisco em cima deste. Ele vai rabiscar e rabiscar que vai parar sua máquina e causar todo tipo de tensão e estresse. O que você precisa fazer é que você precisa ir para o Scribble existente, Efeito, clique duas vezes nele, e isso abre esta caixa de diálogo. Agora o que estamos fazendo é mudar a versão superior. Vamos enrolar isso de modo que venha de uma direção diferente, e agora estamos recebendo nosso olhar de escotilha cruzada. Neste ponto, se você quiser reduzir um pouco a largura do traçado, você poderia, então você obtém um efeito um pouco mais claro mais escuro, se quiser, e clique em Ok. Agora, eu comecei com os cinzentos claros. Se você der uma olhada aqui, os cinzentos claros têm um efeito de rabisco associado a eles. As luzes não. Ao selecioná-los, você pode dizer no painel Aparência que eles ainda não têm um rabisco associado a eles e que não vemos nenhum na tela. Vamos para a nossa cópia leve e aplicar um efeito de rabisco a isto. Agora, vou voltar aos meus 30 graus. Estou muito feliz com todas essas configurações, exceto que eu não posso ver nada porque a cor não está certa. Vou clicar em “Ok”. Eu só vou clicar duas vezes sobre a cor, que agora vai me deixar adicionar um pouco de cor para as linhas que eu estou fazendo. Eu não quero que eles sejam terrivelmente coloridos. Basta olhar para isso aqui e clique em OK, e isso adiciona um pouco de cor nessas áreas sombreadas. Esta é uma imagem de rabisco. Está sendo criado a partir de uma fotografia, mas foi feito de linhas rabiscadas. Agora você pode ir e afinar isso do jeito que quiser. Você pode querer usar o cruzamento por toda parte, você pode querer ir e ajustar seu efeito de rabisco. Para fazer isso, basta exibir o painel Camadas, selecionar na camada que contém os itens que deseja ajustar e, em seguida, se você abrir o painel Aparência, poderá acessar o rabisco que foi aplicado a esses objetos. Lembre-se também que você tem esta camada de cor preenchida por trás de tudo. Se você pegasse esta camada e se você fosse ajustar sua opacidade bastante baixa, você poderia obter um pouco de cor adicional por trás do efeito de rabisco. Esse é outro efeito potencial que você pode criar para trazer de volta parte da cor original da imagem abaixo. Claro, se você quiser um pouco mais de detalhes, você também pode, ao traçar sua imagem, usar mais do que apenas as cinco cores que usamos. Mas há o efeito que viemos aqui para criar. Seu projeto para esta classe será ir e obter uma imagem, você pode usar esta ou você pode usar qualquer imagem de sua escolha. Crie um novo documento no ilustrador, coloque esta imagem em seu documento, rasterize-a, transforme-a em escala de cinza, vá e execute o filtro recortado nele, crie um esquema de cores de tons de cinza que você deseja rastrear para, e, em seguida, vá em frente e faça o seu rastreamento. Divida todos os diferentes tons de cinza em diferentes camadas e, em seguida, aplique seu efeito de rabisco a eles. Publique sua imagem finalizada na área do projeto da classe. Espero que você tenha gostado dessa aula e que tenha aprendido muito sobre traçar imagens, criar esquemas de cores e aplicar efeitos a imagens no Illustrator. À medida que você está trabalhando nesses vídeos, você verá um prompt que permite recomendar esta classe a outras pessoas. Por favor, se você está gostando da aula, faça duas coisas para mim: dê um polegar para cima e escreva apenas em algumas palavras por que você gostou da aula. Essas recomendações ajudarão outros alunos do Skillshare a encontrar minhas aulas para que eles também possam aprender mais sobre o Illustrator. Se você gostaria de deixar um comentário, por favor faça-o. Eu leio e respondo a todos os seus comentários e perguntas. Eu olho e respondo a todos os seus projetos de classe. 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.