Crie uma ilustração em vetor usando o traçado de imagem

1. Olá, e projeto do curso: Oi, todo mundo. Obrigado por se juntar a mim na minha primeira aula de compartilhamento de habilidades. Meu nome é Taylor Shannon, e sou designer de padrões de superfície e ilustradora morando em Portland, Oregon. Nesta classe, você vai aprender como criar uma ilustração de fundo vetorial a partir de um esboço o mesmo que eu escolhi este copo leva. Mas sinta-se livre para criar o que quiser. Bem, toque brevemente nas minhas ferramentas e técnicas de desenho favoritas. Depois, vou orientá-lo para configurar o arquivo do Adobe Illustrator e mostrar meu fluxo de trabalho e as ferramentas do ilustrador que eu uso no amor. No final, você terá uma ilustração vetorial aguda, e espero que você compartilhe seu projeto concluído. Seu projeto de classe será desenhar um cupcake ou qualquer coisa que você quiser. Traga seus esboços para o Adobe Illustrator e use as ferramentas que vou ensinar. Transforme seu esboço em um vetor. Ilustração. Compartilhe seus esboços e ilustração terminada com a classe. Muitas vezes eu uso essa técnica de design para criar ilustrações e desenhos de padrões. Esta é uma ótima aula. Se você está em você para ilustrações digitais e quer começar a criar seus próprios projetos , espero que você aproveite a aula. Vamos começar 2. Esboço e inspiração: Então vamos falar sobre esboços. Você pode usar as ferramentas que quiser esboçar. Alguns artistas preferem ferramentas profissionais. Alguns, como podem usar ferramentas menos caras para esboços a lápis. Eu costumo usar apenas uma simples um grande lápis mecânico. Às vezes também uso lápis de desenho. Estes artistas perderam lápis pode ser encontrado por um grande preço que Michael e outras lojas de artesanato . Meu pino favorito de escolha é uma caneta de ponta Sharpie. Eu também usei o micro em pinos que muitos artistas adoram, mas eu sempre volto para o meu simples Sharpie. Eles são super fáceis de encontrar, e eles são ótimos para linhas nítidas e esboçar outra. Meus pinos favoritos é a bandeja Flare. Tem mais de uma ponta de feltro, e eu amo usá-lo para letras de mão, especialmente. Eu também amo um bom e velho Sharpie. Você é afiado para criar esboços, textura e loteria mão? Quando se trata de papel, você pode usar um caderno de esboços ou apenas papel de impressora simples. Usei papel de parceiro solto numa prancheta. Eu descobri que quando eu uso um caderno de esboços, eu coloquei um monte de pressão sobre mim mesmo para criar o trabalho perfeito citação unaspas, mas apenas usando papel de impressora solta me ajuda a apenas obter minhas idéias no papel mais rápido. Sabe, quando se trata de inspiração, você tem sido uma inspiração de praticamente qualquer coisa. Meus lugares favoritos para se inspirar para esboçar são o seguinte Pinterest. Se não tens um Pinterest, o que estás a fazer? Você provavelmente deveria considerar comprar um. É gratuito, e é fácil coletar imagens como inspiração. Eu tenho toneladas de diferentes placas do Pinterest para diferentes tópicos. Eu também tenho muita inspiração de livros, revistas ou catálogos e até mesmo livros de receitas. Eu descobri que passar por shows de antiguidades e olhar para projetos vintage realmente ajuda a me inspirar bem, especialmente se você foi realmente atraído para esse tipo moderno de sensação de meados do século. Quando se trata de design, dar um passeio fora pode trazer muita inspiração, especialmente se você está querendo esboçar flores ou qualquer coisa relacionada à natureza. E, finalmente, olhar ao redor quando você está fazendo compras é uma ótima maneira de ver o que inspira seus fundos e produtos que você gosta e usar o design, textura, cor, o que você gosta sobre ele para trazer-lhe inspiração quando estiver desenhando no futuro 3. Como fazer upload de esboços: Quando se trata de colocar seus esboços no Adobe Illustrator, há dois métodos principais para usar. Você pode usar um scanner para digitalizar suas imagens no computador. Ou você pode simplesmente tirar uma foto de seus esboços com seu smartphone e enviar as imagens por e-mail para si mesmo . Eu costumo usar o segundo método. Descobri que meu iPhone pode obter fotos de alta qualidade dos meus esboços. Vou tirar uma foto, enviá-la por e-mail para mim e depois baixar a imagem para o meu computador e arrastá-la para o Adobe Illustrator. Eu recomendo este método, mas se você já tem um scanner que você está confortável com, que é uma ótima opção dois. 4. O que é um Vetor?: Então eu continuo falando sobre vetores. O que exatamente é um vetor? Vou dar a vocês uma rápida análise de listas versus vetores, para que uma imagem raster seja feita de pixels. Esses pixels podem se misturar bem e criar INTs gananciosos. Os arquivos raster geralmente são maiores do que arquivos vetoriais e alguns tipos de arquivos raster comuns ou tiff. JPEG e GIF arquiva alguns exemplos de arquivos raster ou fotos e pinturas. Sem vetores. Nossa imagem é composta de cálculos matemáticos e pontos, formas e linhas. Eles devem ser qualificados de cima para baixo sem perder a sua clareza. Você também pode editar a cor de uma falta vetorial facilmente. Certos tipos de vetores Thal são arquivos E P, s , AI, , AI, PDF e PNG. Alguns exemplos de vetores são logotipos, designs de camisetas e qualquer obra de arte limpa e escalável, que é o que vamos trabalhar hoje. 5. Vamos digitalizar #1: trace e alisamento de imagem e suavizar: Então, você vai querer abrir um novo documento no Illustrator e, em seguida, trazer seu esboço . Eu tenho o meu aqui na minha área de trabalho, então eu só vou arrastá-lo para o ilustrador e então eu estou indo Teoh frigideira para baixo e já tenho uma paleta de cores puxado para dentro bem aqui. E então eu tenho isso aqui. Meu painel de amostras. Se você está faltando algum desses painéis aqui, você pode simplesmente ir para a janela e, em seguida, encontrar o que você está procurando e apenas arrastá-lo para salvar. Então vamos seguir em frente e imagem, rastrear nosso esboço tão rápido no esboço e então subir aqui. Você verá traços de imagem se você clicar no triângulo ao lado, , sempre escolha a arte do esboço. Esse geralmente funciona muito bem para mim. um Ele mantémummonte de textura e também vou mostrar a vocês, ele tira o branco do fundo, então ele só vai usar o preto, o que é muito bom. Você não precisa remover o branco você mesmo para que eu possa ver em algumas áreas, como aqui. Ele não pegou tudo isso do esboço então eu vou até o painel de rastreamento de imagem e então arrastar o limite para cima um pouco, ok? Isso parece muito melhor. Então ele conectou aquele. Então eu vou ir em frente e clicar em expandir, e então eu vou apertar o comando Shift G algumas vezes, toe un grupo tudo. E agora temos um vetor. Você o consome tanto quanto quiser, e sua imagem é muito clara. Então eu vou usar minha ferramenta de seleção direta, que está bem aqui no painel de pedágio. Ou você pode bater um no seu teclado, vai selecionar o cupcake. E como você pode ver, há muitos pontos de ancoragem, então precisamos simplificar um pouco isso. A maneira que eu tipicamente costumava simplificar os pontos de ancoragem é que eu vou até aqui para a ferramenta suave , que está sob a ferramenta moldadora. Clique nisso. E então, uma vez que você clicar em sua imagem, você pode arrastar e você pode vê-la suavizada e remover um monte de pontos de ancoragem e apenas suavizar sua imagem. Então esta é uma ótima maneira, Teoh. É sem a sua imagem. Torná-lo um pouco simplificado. Às vezes você tem que passar por cima algumas vezes para fazê-lo realmente clicar. Esta ferramenta é muito interessante, e eu definitivamente recomendo experimentar com ela e brincar com ela se você não fez antes, especialmente se você trabalha com um monte de vetores que são imagens rastreadas. Lá vamos nós zoom para fora um pouco e eu vou clicar ou um comando hit h para esconder pontos de ancoragem. E agora você pode ver que é muito mais suave. Parece mais natural. Então essa é uma maneira que eu uso. Quando disse que eu costumava suavizar a minha ilustração. Outra ferramenta que você pode usar é eu vou mostrar-lhe nesta bandeira, ser selecionado e, em seguida, ir para o caminho de objetos, simplificar e, em seguida, certifique-se de que você tem visualização marcada e este painel irá mostrar quantos pontos âncora você tem atualmente. Então agora você tem 189 Hum, e se você bem, se você arrastá-lo todo o caminho para cima, você terá 189. Então, se você descer a precisão da curva agora você tem 59 pontos. Isso é um pouco poucos pontos, então eu vou arrastá-lo de volta, talvez para 98%. Parece muito melhor e para se livrar de alguns pontos. Você também pode clicar em linhas retas se quiser, se quiser uma linha reta. Mas obviamente eu quero algumas curvas, então eu vou em frente e bater. Certo, isso foi um pouco melhor. Eu provavelmente ainda usaria a ferramenta pequena e suave e apenas ir em frente e suavizar essas peças para fora um pouco. Agora, se você quiser colocar isso dentro, como você pode ver, eu estou tentando. Não está funcionando de verdade. Ainda está funcionando do lado de fora. Então, se você quiser suavizar essas áreas internas, você tem que clicar fora da imagem e, em seguida, clicar de volta sobre ela e começar a primeira vez que você clicar e segurar. Comece por dentro, e agora você pode ver que está sempre suavizando por dentro. Então, agora entramos. Suavize se quiser entrar aqui e dizer que você quer que isso seja um pouco mais pontudo, hum, hum, aperte a idade do comando para puxar seu ponto de vista âncora e o que eu normalmente vou fazer. Vou escolher minha ferramenta de seleção direta ou apertar um no meu teclado, e então eu vou até aqui sob a ferramenta de caneta e clicar em excluir ponto de ancoragem ou eu vou pressionar o sinal de menos no meu teclado, e então você pode. É atrair alguns desses pontos tipo de jogador nos pontos de âncora para obtê-los a olhar exatamente do jeito que você quer. O Teoh. Claro, você poderia fazer isso para toda a imagem, mas levaria um tempo. E você tem que lembrar a si mesmo, você não quer que ele pareça 100% perfeito. Você quer que ele tenha essa qualidade desenhada para ele. Isso é algo que eu tenho que me lembrar constantemente, também, porque eu sou tão perfeccionista. Eu quero ir em seu alisar tudo e torná-lo perfeito. Mas, às vezes, as ilustrações ficam muito boas com esse tipo de olhar estranho e diferente para elas. Então eu vou usar as ferramentas de suavização suavizar o resto deste cupcake para, e como você pode ver quando eu estou mudando a seção que eu estou servindo para fora, eu estou clicando fora e, em seguida, clicando para trás na imagem para que eu realmente não posso ir e para trás entre essas duas seções porque elas são seccionadas. Então isso é algo que você tem que lembrar quando você está jogando em torno da ferramenta suave. Acho que a prática é perfeita para isso. Uma vez que comecei a usá-lo muito, tornou-se uma segunda natureza para mim. E agora é tipo, eu nem preciso pensar nisso. Meu cérebro só faz funcionar. Então eu vou e Smith fora o resto disso, e então eu também vou suavizar este pequeno carrinho de bolo, meu Sprinkles e meu olá , e eu vou te encontrar na próxima aula. 6. Vamos digitalizar #2: colorindo linhas exteriores: Ok, então agora eu tenho todas as minhas formas removidas, e eles estão do jeito que eu quero. Então agora estou pronto para começar a colorir. Então eu quero que este copo tomar forro para ser uma cor pelo menos, o contorno dele. E então eu quero que esta parte do cupcake a cobertura seja de uma cor diferente. Mas se eu selecionar a coisa toda e, em seguida, clicar em uma cor, ele torna tudo da mesma cor. E quero que sejam separados. Então eu vou ter que ajustar isso um pouco e brincar com ele para mostrar como Teoh separar tudo para que você possa colorir tudo separadamente. Então, como exemplo, eu tenho o morango aqui. Isto é o que parecia depois que a imagem foi rastreada e transformá-la em um vetor. Só tem o traço preto, e tem um fundo sem Phil, então Teoh adicionou cor a ele. O que eu tive que dio é que eu tinha dois separados tudo, então eu tive que separar o caule completamente, e então eu adicionei na cor dentro dele tinha que separá-lo do morango. Eu não poderia simplesmente clicar em um e e facilmente colorir a coisa toda. Então eu vou te mostrar como fazer isso com o bolinho agora. Ok, para separar essas duas peças, eu vou fazer uma cópia. Então eu vou apenas clicar na imagem, segurar na opção e, em seguida, arrastar para copiar. Então, primeiro de tudo, eu quero pegar apenas o forro de cupcake por si só. Então eu vou ter certeza que eu tenho toda a imagem selecionada e, em seguida, pressionar Shift E no meu teclado ou ir até a ferramenta piloto e você pode mudar o tamanho do piloto pressionando os suportes esquerdo e direito no seu teclado. Eu poderia torná-lo bem grande, ok? E eu só quero cortar os pedaços onde ele está se cruzando com um cupcake. Então isso é bom. Então eu vou selecionar o cupcake e excluir, e então eu vou entrar e apenas suavizar essas bordas. Ok, isso é bom. Então, agora, quero que o Teoh apague o forro de cupcake. Vou fazer a mesma coisa. Escolhe a minha ferramenta de borracha, e eu vou entrar aqui e apagar a linha onde está a ligar o bolo. É o forro. E depois aqui mesmo. Este pequeno Sprinkle também está conectado ao cupcake. Então vai mudar de cor para o cupcake. Mudará a cor do Sprinkle. Então eu vou usar minha raça ou ferramenta de novo, trazê-lo para baixo em tamanho. E agora eu posso suavizar essas bordas até lá vamos nós. Então agora estes ar duas peças completamente separadas. Então agora eu posso colorir este como eu quiser e, em seguida, esta parte superior. 7. Vamos digitalizar #3: colorindo formas interiores: Há algumas maneiras diferentes de colorir a área interna, então eu vou mostrar alguns métodos diferentes no primeiro mês e eu vou mostrar a você. O forro de cupcake é a ferramenta balde de tinta ao vivo para que você possa pressionar K no seu teclado. Ou você pode ir até aqui e derrubar o preço do mercado de tintas ao vivo. Ele está sob a ferramenta de construtor de formas, e então você pode ver seu cursor transformado neste balde de pintura. Então eu vou até aqui e escolher uma cor. Você pode começar a clicar no interior. É como um livro de colorir digital. Ok, então eu tenho essa cor. Agora só tenho que expandir. Então vá ao objeto. Expandir. Clique. OK, e agora este é um grupo. Essa é uma maneira de colorir o interior da imagem. Então, outro método que eu uso é a ferramenta construtor de formas, que você pode usar pressionando. Mude o teclado ou vá para o painel no painel de ferramentas, e ele está acima da ferramenta balde de pintura de luzes para que você escolha a cor exatamente como a ferramenta de balde de pintura em tempo real e comece a clicar e comece a pintar o Dentro. Agora, se você segurar a opção. Você verá que o pequeno sinal de mais muda para um lado negativo. E então, se você cometer um erro, você pode clicar no sinal de menos. Você também pode fazer a mesma coisa com o exterior. Então diga que você não queria um derrame. Você poderia se livrar completamente desse tubarão. Então essa é uma opção divertida quando você usa a forma, conversa mais velha e tudo já se expandiu. Você não precisa expandi-lo como com a ferramenta balde de pintura vida, mas você terá que agrupar tudo, então basta selecioná-lo e, em seguida, pressione o comando G para agrupar. Outra maneira que eu realmente gosto de colorir atrás de uma imagem é usando a ferramenta de pincel blob. Então eu vou acessar isso pressionando Shift, estar no meu teclado, ou você pode passar por cima e está sob a ferramenta de pincel. Eu vou escolher minha cor que eu quero que o interior do meu cupcake para ser, e então aqui na parte inferior do painel de ferramentas agora, o método de desenho normal, hum, é desenhar normal. Então, se você usar sua Barbara deve apenas desenhar em cima de tudo, bem, se você clicar neste aqui. Isto é desenhar atrás e, em seguida, começar a desenhar tipo de tinta no interior. Você pode ver que ele está desenhando por trás dessa forma, então esta é uma maneira muito legal de obter um pouco mais dessa textura desenhada à mão em sua ilustração. Novamente, você pode usar os colchetes esquerdo e direito no teclado para ajustar o tamanho do pincel de blob . Você pode ver que você pode tipo de deixar de fora algumas dessas áreas para torná-lo um pouco mais orgânico. E então você poderia selecionar a coisa toda poderia apenas colorir o interior do pincel blob. É assim que costumo fazer. Vou apenas selecionar aquela pequena imagem ali, apertar, apertar, deslocar para abrir a ferramenta de construtor de formas e, em seguida, arrastá-la para o outro lado. E agora está preenchido. Então agora você tem o interior do seu cupcake colorido. Certifique-se de voltar para desenhar normalmente, pressione shifty ou Shift D no teclado. Dessa forma, você não estará atrás das coisas no futuro, então eu vou voltar aqui, vou agrupar aqueles dois e aí vamos nós. Ele vai selecionar todos os meus Sprinkles e mudar a cor deles também. E agora temos o nosso bolinho. Use a ferramenta balde de pintura ao vivo para colorir minha bandeira e expandi-la. Está bem. E depois isto. Alô? Vai mudar de cor para branco? Escalou um pouco. E traga isso para dentro da minha bandeira. Lá vamos nós. Então eu vou te encontrar na próxima lição, e eu vou te mostrar como usar textura para realmente dar vida ao seu dedo do pé de design. 8. Vamos digitalizar a #4: como adicionar a textura:: Então agora vou mostrar a vocês alguns métodos diferentes para usar texturas e sua ilustração para dar vida a elas, dar-lhes um pouco mais de dimensão. Então acho que não vou usar este carrinho de bolo. Acho que vou usar o bolinho. Eu tenho duas texturas bem aqui que eu incluí nas notas de classe, e você pode baixar essas e você pode usá-las para adicionar um pouco de diversão à sua ilustração. Então, vou passar por como vamos fazer isso. Agora vou começar com esta textura aqui. Vou aumentar o zoom e eu vou até aqui para fazer a imagem do Trace, fazer o menu suspenso e clicar em arte esboçada , assim como fizemos para , nosso esboço,e então subir para o painel de rastreamento de imagem e, em seguida, trazer o limite. Onde tem um pouco mais dessa exibição de preto? Talvez um pouco mais. E você pode criar suas próprias texturas. Estas texturas de ar realmente que eu criei fora link. Algumas outras habilidades compartilham classes abaixo que têm dicas realmente boas para fazer suas próprias texturas. Ok, isso parece muito bom. Então vá em frente e clique. Expanda e eu trago isto aqui. Ok, digamos que você quer esta textura em cima desta parte de gelo do cupcake. Pegamos este dragão aqui e depois trazemos esta textura para cá, depois esticamos um pouco, para que ele se encaixe lá do jeito que eu quero. E agora, este é um grupo que você poderia sob a Terra se você quiser, e você pode mover cada um desses pequenos pedaços ao redor. Então, digamos, eu queria mais algumas dessas peças aqui. Eu posso apenas tipo de filmes por aí, brincar com ele. E eu acho que isso parece muito bom. Eu gosto disso. Então agora o que eu vou fazer é mudar a cor. Na verdade, deixe-me trazer isso para fora um pouco, ok? Você pode mudar a cor para o que quiser, mas uma dica que eu gosto de usar é se você escolher a cor do cupcake e, em seguida, passar para o seu painel de transparência e aqui, o motor de mistura, Neil, É normal. Você clica na seta suspensa que eu gosto de usar, multiplicar e tela Esses são meus dois favoritos. Você multiplica rapidamente só vai multiplicar essa cor em cima da cor original, e então você pode jogar com opacidade. Ou, se você fizer tela vai torná-lo mais leve do que a cor que está na frente. Eu vou fazer, multiplicar, talvez trazer passar um pouco para baixo e, em seguida, cortar esta textura para o seu objeto, você vai querer clicar no objeto, que é o comando cupcake hit. Veja dois Coffee Command F para o ritmo no lugar e, em seguida, pressione o comando shift bracket direito. Ou você pode ir para se opor. Organize trazer para a frente. Então não, você tem essa forma na frente de tudo e, em seguida, para criar uma máscara de recorte, você só vai selecionar tudo. Reserve para recortar objetos, mascarar, fazer ou você pode pressionar o comando sete no seu teclado. Não, eu tenho uma máscara de corte, então eu vou arrastar isso aqui de volta para o lugar, e lá vamos nós. Temos alguma textura, e isso acrescentou apenas um pouco de dimensão à nossa ilustração. Vou voltar para esta textura agora e fazer a mesma coisa, indo para a imagem, rastreá-la. Traga esse limite um pouco bem, e eu vou clicar em expandir. Ok, digamos que você quer um pouco desta textura no forro de cupcake vai selecionar isso. Traga-o para cá. E o que eu estou realmente indo para dio é re cor esta textura da mesma cor que um forro cupcake , e, em seguida, multiplicar isso também. E então eu vou realmente arrastar essa textura para o meu painel de amostras. Está bem? E agora vou clicar na minha imagem. Vou selecionar minha ferramenta de pincel de blob, que é aqui. Ou você pode bater, mudar, estar no teclado, fazer um pouco maior. Vou selecionar boa como a luz, a amostra onde eu só drogo isso aqui, fazer minha ferramenta de pincel de bolha maior. E depois vou arrastar a gentileza, docinho. E agora estou adicionando alguma textura. Então, basicamente, o que isso é feito é que você criou uma amostra deste vetor bem aqui. Agora isso significa que se você fosse selecionar este relógio em forma de Phila vai se repetir e outra vez, como um padrão. E desde que eu tenho a amostra selecionada com a minha ferramenta de pincel blob, então como eu pintar e pintar em parte dessa textura para que você possa controlar onde ela vai. É uma maneira muito legal de usar textura. E você poderia pintá-lo apenas nas bordas se você quisesse. Você poderia pintá-lo no topo o que você quiser para dilatar. Então esse é apenas outro método que eu uso para adicionar textura aos meus designs. Então, agora vou agrupar isto e trazê-lo para cá. Lá vamos nós. Ele só tem um pouco mais de dimensão e apenas torna a ilustração um pouco mais divertida de olhar. Então agora você tem uma ilustração divertida que você transformou em um vetor de seu próprio esboço com alguma textura fina para fora de dimensão. Espero que goste muito desta aula, e espero que tenhas aprendido alguma coisa. Eu descobri que mesmo que você tenha usado o ilustrador por anos e anos, você sempre pode pegar em você dicas e truques sempre que você, você sabe, assistir a um vídeo ou tutorial. Então eu realmente espero que você tenha aprendido alguma coisa, então eu vou estar encerrando a aula no próximo vídeo 9. Considerações finais: Muito obrigado por assistir. Eu realmente espero que você aprendeu algumas novas habilidades de ilustrador que você pode usar em seus próprios projetos. Por favor, certifique-se de enviar seus esboços e, finalmente, ilustração para a guia do projeto. Mal posso esperar para ver os projetos de todos e receber feedback. Você também pode compartilhar sua ilustração no Instagram e me marcar se quiser. Eu tenho meu identificador instagram listado na seção do projeto. Avise-me se tiver alguma dúvida na discussão da turma. Vou ajudar-te com quaisquer problemas técnicos que tenhas ao longo do caminho. E, por favor, certifique-se de gostar e avaliar esta classe. Se você gostaria de receber feedback, espero que você tenha gostado da minha primeira aula ainda compartilhada. Te vejo na próxima vez.