Do esboço ao vetor: crie texturas artesanais únicas para o Adobe Illustrator

1. Introdução: Olá e bem-vindo. Eu sou Nina, embora a maioria das pessoas me conheça pelo meu nome artístico [inaudível] Eu sou um artista, ilustrador e designer de padrões. Eu não sei se você pensou sobre isso, mas não é incrível o quanto uma textura pode mudar uma vibe geral de uma ilustração. Ele pode dar-lhe aquele olhar orgânico, artesanal e pode torná-lo um pouco mais velho e vintage. O Adobe Photoshop já tem muitos pincéis e texturas que você pode usar. Mas se você estiver criando sua ilustração no Adobe Illustrator como eu, pode ser um pouco desafiador alternar constantemente entre esses programas. Nesta aula, mostrarei como você pode criar suas próprias texturas incríveis feitas à mão que você pode usar diretamente no Adobe Illustrator. Faremos nossas texturas em um papel usando o que pudermos encontrar em casa. Em seguida, vamos editá-los rapidamente no Adobe Photoshop e, em seguida, criaremos uma ilustração e aplicaremos essas texturas no Adobe Illustrator. Esta classe é amigável para iniciantes, então apenas o conhecimento básico desses dois programas será suficiente. Não te preocupes, tudo o que te vou mostrar vai ser super fácil. No final desta aula, você terá sua própria coleção de texturas e aprenderá como usá-las diretamente no Adobe Illustrator para alcançar essa qualidade feita à mão para suas ilustrações. Então traga sua criatividade e vontade de experimentar, e vamos começar. 2. Projeto: Para este projeto, você criará suas próprias texturas artesanais e depois as aplicará em sua ilustração. Para fazer as texturas, você precisará de um papel de impressão A4 regular, é bom ter muito, alguma tinta preta, qualquer tinta que tenha em casa, ficaremos bem. Pode ser quash, tinta, têmpera, acrílico, também carvão vegetal, pastéis, lápis, e você precisará de algo para criar essas texturas. Então, aqui é onde você pode enlouquecer, e curioso, e procurar sua casa para encontrar alguns objetos cotidianos que podem possivelmente criar texturas. As opções são infinitas. Então, quanto mais objetos interessantes você encontrar, mais texturas únicas você terá. Além disso, para preparar e usar essas texturas, você precisará de um scanner, que é a melhor opção, ou você pode usar sua câmera digital ou um telefone. O Adobe Photoshop e o Adobe Illustrator também são o que você precisa. Como eu disse, usaremos o Photoshop apenas para limpar e preparar texturas, e faremos a ilustração final e aplicaremos essas texturas no Adobe Illustrator. Eu sei que você pode encontrar texturas já feitas on-line e baixá-las, mas é muito mais gratificante quando você faz isso sozinho. Ter suas próprias texturas originais só ajudará você a aumentar o nível de sua criatividade e a qualidade de sua arte. Além disso, depois de aprender a fazê-lo, você criará facilmente texturas personalizadas para suas ilustrações sempre que precisar delas. Está pronto para sujar as mãos? 3. Crie texturas únicas: Aqui você pode ver algumas das coisas que eu encontrei em casa e fora que eu vou estar usando para fazer algumas texturas únicas. Eu tenho um monte de papéis de impressão A4, uma lixa, algumas folhas de bolha de ar sobras. Eu tenho uma esponja, uma escova de dentes, um saco de plástico, e eu também tenho essa coisinha que eu chamo escova de vassoura porque eu fiz isso cortando uma parte da minha vassoura e recolhendo no final com algum super pegajoso fita e os resultados foram incríveis, você vai ver. Eu também fiz essa bola de ascensão lenta. Deixe-me mostrar-lhe rapidamente como fazê-lo. Basta pegar um tecido leve que você tem e no centro adicione um pouco de arroz, adicione mais ou menos arroz para obter uma bola menor ou maior, torça-a assim e feche-a com um elástico. Isso também faz texturas muito agradáveis. Além disso, eu encontrei algumas sementes de helicóptero em um parque e alguns saem que não é completamente seco. Em relação à tinta, eu tenho uma tinta preta, um acrílico preto. Minha recomendação é não desperdiçar sua cor de qualidade nisso. Estou usando este só porque é o único que tenho em casa agora. Eu tenho carvão e lápis macio, este é para B. Isso vai fazer uma bagunça na sua área de trabalho, então não se esqueça de cobrir sua mesa com algo como jornais ou papel velho. Lembre-se que não há certo ou errado aqui, então tente não pensar. Divirta-se brincando com tudo o que você tem e crie quantos quiser. Mais tarde, você escolherá os que você mais gosta. Vamos começar. Vou mostrar-lhe agora alguns dos exemplos das texturas acabadas e compartilhar com você algumas dicas úteis. Este que eu fiz com uma escova de dentes e tinta, você pode obter maravilhosos divisores de cores como este. Coloque um pouco mais de tinta na escova de dentes para as marcas de prazer dos pedregulhos, ou menos tinta para uma textura mais sutil. Estes são super agradáveis de usar no fundo de suas ilustrações. Estes foram feitos com o meu pincel de vassoura e acho que gosto mais deles. Se você tem algum pincel muito antigo, você também pode obter alguns resultados semelhantes. Este é feito com tinta, e este com acrílicos, e este também acabou por ser muito, muito interessante e único. Essas texturas foram criadas usando lixa embaixo do papel e elas têm aquela sensação áspera, um pouco enferrujada. Se você usar o carvão para fazer algumas de suas texturas como eu fiz aqui, há um truque que aprendi na minha escola de arte. Então, quando você terminar, basta pulverizá-lo onde o spray de cabelo normal, para que todas as partículas de carvão permaneçam no lugar. Esta textura de bola de arroz é realmente incrível. Uma dica ao fazer texturas como estas, então se você não quiser ter excesso de tinta em algumas partes, como você pode ver aqui, basta mergulhar esta tinta de bola e, em seguida, fazer algumas marcas de teste em papel adicional antes de começar a trabalhar no seu papel principal. Vou deixar tudo secar completamente, limpar a bagunça que fiz e te vejo no próximo vídeo. 4. Digitalize ou fotografe as texturas: Agora que limpei a bagunça que fiz e lavei minhas mãos, podemos passar a escanear as texturas. Como eu disse, há duas opções. Você pode digitalizar ou fotografar suas texturas. partir dessas duas opções, digitalização é algo que eu definitivamente recomendo porque você pode digitalizar suas texturas em uma alta resolução, obter uma qualidade geral nítida, e também será mais fácil editá-las mais tarde. Se você não tem um scanner, você pode pedir emprestado de um amigo ou simplesmente visitar uma loja de impressão local para digitalizar suas texturas. É muito barato. No caso, você não tem acesso ao scanner, a segunda opção é, como eu disse, fotografá-lo. Será melhor se você fotografá-lo com uma boa câmera digital, mas se você não tiver, você também pode usar um telefone celular. Certifique-se de que o telemóvel ou a câmara estão paralelos à superfície que está a fotografar. Certifique-se também de que a luz é boa, e que é consistente em toda a área para que você não tenha quaisquer tons. O único problema com as imagens tiradas com seu telefone é que a resolução não será tão boa quanto a resolução que você pode obter em seu scanner. Isso pode ser um pouco de um problema no caso de você querer talvez imprimir suas ilustrações digitais. De qualquer forma, ao todo, pode ser bom usá-lo para que você possa testar o processo. Deixa-me mostrar-te as definições do meu scanner. Estou usando um MacBook, então abri as configurações do scanner acessando Sistema, Preferências e clicando em “Impressoras e Scanners”. Você terá algumas configurações semelhantes no computador que está usando. Primeiro de tudo, vamos definir o tipo para preto e branco. Vou definir minha resolução para 600 DPI. Você também pode configurá-lo mais alto até 1.200 DPI, se desejar. Mas 600 é perfeito para o que precisamos. A única sugestão é não ir abaixo de 300 DPI. Em relação ao tipo de arquivo, você pode salvá-lo como um arquivo TIF para melhor qualidade, já que DIV não tem compactação. Ou você pode salvá-lo como um JPEG normal, como eu vou. Apenas para o registro, os arquivos, vez que eles não têm uma compactação, eles serão muito maiores do que os arquivos JPEG depois que você salvá-los. Então, para os resultados que precisamos, JPEG é totalmente bom. Para concluir, basta clicar em “Digitalizar” e escolher as mesmas configurações para todas as texturas que você decidiu manter e usar mais tarde. Como você sabe, a prática é a chave para aprender. Nos recursos da classe, vou deixar algumas texturas de digitalização que eu fiz. No caso de você não ter tempo para sujar as mãos ou você precisa esperar para obter acesso ao scanner, você pode apenas usar o meu para simplesmente aprender e memorizar este procedimento. 5. Prepare as texturas no Adobe Photoshop: Bem-vindo ao Adobe Photoshop. Exibe a imagem digitalizada da sua textura e desbloqueie a camada clicando uma vez neste pequeno bloqueio aqui. A primeira coisa é definir o Modo de Imagem para Tons de Cinza. Basta ir para “Imagem”, “Modo” e, em seguida, selecionar “Tons de cinza”. Como digitalizei minhas texturas no formato preto e branco, meu Modo de Imagem já está definido. Agora, nosso objetivo final aqui é mudar essa imagem para o Modo de Cores Bitmap. Mas como o modo bitmap usa uma das duas cores, preto ou branco para representar os pixels em uma imagem, o que significa, ele não reconhece cinza, o que nós obteríamos aqui é basicamente nada e eu vou mostrar isso rapidamente agora e explique-o em detalhes mais tarde. Como você pode ver, como nossa textura tem muitos tons de cinza, precisamos transformar esses tons de cinza em tons pretos antes de mudar o Modo de cor para bitmap. O que precisamos fazer é ajustar os níveis desta Imagem. Basta ir para “Imagem”, “Ajustes e, em seguida, selecionar “Níveis”. Com a ferramenta Níveis, você poderá alterar proporcionalmente os tons em sua imagem. Como estamos no canal cinza, podemos mudar preto, cinza e branco. O que precisamos fazer é ter mais negros. Podemos arrastar isto e ter mais branco. Você pode brincar com ele até ficar satisfeito e basta clicar em “Ok” para aplicá-lo. Além disso, recorte essa imagem para que você não tenha esse espaço negativo extra em branco. Agora, deixe-me mostrar-lhe outro exemplo e algumas outras maneiras pelas quais você pode editar sua textura. Vamos desbloqueá-lo novamente e ir para Níveis. Minha recomendação é sempre tornar seu fundo muito branco. Então você pode jogar com tons pretos. Você pode adicionar mais preto para obter uma textura mais forte ou menos preto para ter uma textura mais estabelecida. Além disso, agora, é a hora de fazer as edições finais. Se você tiver algumas partículas que você deseja limpar, você pode simplesmente limpá-las com a ferramenta Borracha. Defina o tamanho da ferramenta Borracha pressionando o colchete direito ou esquerdo para torná-la maior ou menor. Além disso, um truque muito bom no caso de você querer consertar algumas coisas dentro de sua textura, por exemplo, algumas manchas que você fez com os dedos enquanto a tinta ainda estava molhada, ou algumas barras que você não gosta, você pode usar um Clone Carimbo, que também está na barra de ferramentas. Selecione-o. Você pode definir o tamanho do Carimbo de Clone da mesma forma que reservou para a borracha ou um pincel mantendo o colchete direito ou esquerdo. Por exemplo, digamos que não gostamos dessa parte e, para usar o Carimbo de Clone, basta segurar e clicar na parte que deseja clonar. Por exemplo, este aqui. Isto é basicamente copiado para esta parte e você pode colocá-lo aqui e clique para mudar. Você também pode clicar e arrastar para alterar uma parte maior que deseja corrigir. Agora, que tudo está pronto, podemos ir para “Imagem”, “Modo”, e selecionar “Bitmap”. Basta clicar em “Ok”. By the way, o principal motivo para usar o Modo Bitmap é que mais tarde podemos lembrar essa imagem no Adobe Illustrator. Vamos definir a saída para 300 e vamos usar o método 50 por cento limiar. Clique em “Ok” e pronto. Nossa textura agora está rasterizada. Tudo o que precisamos fazer é salvá-lo como arquivo. Vá para “Arquivo”, “Salvar como” e selecione “TIFF”. Deixe essas configurações como estão e clique em “Ok”. Basta fazer o mesmo procedimento para todas as texturas que você decidiu manter. No próximo vídeo, mostrarei como aplicar essas texturas em suas ilustrações no Adobe Illustrator. 6. Use as texturas no Adobe Illustrator: Estamos finalmente no Adobe Illustrator. Vou mostrar-lhe agora como aplicar as texturas que preparamos em um exemplo simples e então estaremos prontos para começar a criar uma ilustração e usar as texturas nela. Acabei de abrir uma onboard no tamanho de 2.000 por 2.000 pixels e como gosto de trabalhar sem esses limites, vou apertar Shift Command H e tudo ficará branco. A maneira como apliquei essas texturas na minha ilustração é usando uma máscara de recorte. Vou mostrar-lhe tudo neste exemplo simples. Vamos fazer um pequeno círculo e vamos trazer a textura que fizemos. Estes são todos os arquivos para que possamos apenas arrastá-lo e trazê-lo aqui. Como você pode ver, seu arquivo será feito de pixels pretos e o que era branco será transparente, porque mudamos em um modo de cores bitmap no Photoshop e, como eu disse antes, agora você também pode mudar a cor dele. Agora, se o nosso objeto está na parte inferior e a arquitetura está no topo e selecioná-los ambos assim. Clique com o botão direito do mouse e selecione fazer máscara de recorte. Você verá que não é possível fazer uma máscara de recorte porque nosso objeto precisa estar no topo. Vamos fazer isso. Vamos colocar a textura na parte inferior, Shift Command, Colchet esquerdo. Vamos selecionar os dois. Clique com o botão direito do mouse, faça a máscara Agora funciona, mas não é o que queríamos porque ficamos apenas com a textura dentro da forma do nosso objeto, mas a cor que selecionamos para o fundo desapareceu. Deixe-me mostrar-lhe o que realmente precisamos fazer. Coloque o objeto na parte inferior. Temos a textura em cima. Você pode ver aqui, clicando aqui, podemos selecionar o objeto está na parte inferior. Vamos copiá-lo, Comando C, e então, Comando F, para colocá-lo na mesma posição. Enquanto ainda estiver selecionado, pressione Shift Command, Colchet direito. Agora você verá que temos um sanduíche baixo aqui. Um círculo está no fundo, o outro está no topo, e no meio está a nossa textura. Precisamos selecionar o objeto superior, mantenha a tecla Shift pressionada e, em seguida, selecione a textura. Você pode ver aqui, eu tenho os dois selecionados. Clique com o botão direito, faça máscara de recorte Basicamente, é isso que temos de conseguir. Agora temos o objeto que está atuando como um fundo na parte inferior e temos uma máscara de recorte em cima dele. Se você terminar de ajustar tudo, você pode simplesmente selecioná-los e agrupá-los para que quando você estiver trabalhando, você não movê-los acidentalmente. Além disso, outra coisa muito boa de saber é que você pode acessar sua textura clicando algumas vezes até entrar em modo de isolamento e até ver sua textura. Você pode ver aqui que estamos agora selecionamos nosso arquivo Diff. Agora você pode mudar a cor. Na janela de transparência, que você pode abrir indo para Janela. Em seguida, selecionando transparência. Você pode alterar a opacidade. Estas são basicamente as configurações que eu uso mais frequentemente quando eu jogo com texturas e modos de mistura. Eu simplesmente amei modos de mistura, porque quando você tenta fazer suas texturas suaves em combinação com sua ilustração, esses modos de mistura virão perfeitamente, mas para o que você precisa, basta jogar até que você esteja satisfeito com os resultados. Em seguida, para sair dos modos de isolamento, basta clicar algumas vezes fora do objeto. É isso. É assim que você usa uma máscara de recorte com suas texturas no Adobe Illustrator. Agora podemos passar a fazer a nossa ilustração, escolhendo entre uma ampla gama de texturas que temos e, em seguida, brincar com elas em nossa ilustração. Eu fiz este esboço e agora vou vetorizá-lo rapidamente usando o traço de imagem, Ferramenta de seleção direta e a ferramenta Bueller forma. Vou acelerar isto. Mas se você quiser aprender a usar esse método para converter seus esboços em ilustrações digitais em apenas alguns passos. Eu expliquei tudo em detalhes em minha outra classe compartilhada habilidade chamado, de esboçar o vetor, digitalizar seus esboços com forma Bueller Tool no Adobe Illustrator, então certifique-se de conferir. Você encontrará esse link na descrição do projeto no meu perfil de compartilhamento de habilidades. Estou de volta. Terminei a minha ilustração e estou muito feliz com a forma como acabou. Agora posso trazer as texturas para cegá-las e fazer alguns ajustes. Agora vou voltar para a visualização da prancheta, basta clicar em Shift Command H e criar um plano de fundo. Eu também vou duplicar esta prancheta. Você pode ver a diferença nessas duas ilustrações uma vez que terminamos. Para duplicar uma prancheta, se você quiser fazê-lo, é que você precisa ir para a barra de ferramentas e, em seguida, basta clicar na Ferramenta de prancheta, pressionar para fora e, em seguida, basta arrastar isso. Vamos agrupar isso e adicioná-lo a uma nova camada, você possa ver o que estou fazendo. Então vou desagrupá-lo. Vou também agrupar o fundo. Tranque-o porque eu não vou trabalhar nisso agora. Como você viu, é muito fácil trabalhar com máscara de recorte, mas a única coisa que torna isso um pouco complicado é organizar suas formas e saber qual é qual, para que você não se perca ao adicionar todas essas máscaras de recorte. Gosto de nomeá-los, gosto de agrupá-los constantemente e registrar os que terminamos de trabalhar. Eu tenho alguns truques são usados que eu também vou mostrar-lhe. Vamos começar com, depósito como você pode ver, eu nomeei tudo aqui, então você também pode olhar aqui e seguir o que eu estou fazendo. Vamos trazer a textura. Acho que vou usar este para um depósito. Então eu estou olhando agora para ver onde eu posso encaixar isso, então fica bom quando eu combiná-lo com uma peça, e eu acho que isso vai ser ótimo. Quero adicioná-lo agora em alguma cor. Deixe-me mostrar-lhe rapidamente como eu gosto de usar as cores antes de prosseguir. Deixe-me esconder isso. O que eu gosto de fazer é pegar as cores que usei na minha ilustração original. Você pode simplesmente selecionar a ilustração e, em seguida, ir para amostras e clicar em novo grupo de cores. Você pode nomear. Aqui você pode ver que ele está criando a partir de um trabalho artístico selecionado. Agora temos grupo de cores. Vamos trazer a textura de volta, e eu acho que vou começar a partir desta cor e então eu vou encontrar algum tom semelhante aqui no guia de cores. Vamos tentar com este e eu vou pensar que eu vou jogar com modos de mesclagem, e vamos talvez tentar multiplicar. Este parece muito bom. Então o que precisamos fazer agora é a mesma coisa que fizemos, quando mostro o básico com um objeto simples. Então a coisa é que o que eu gosto de fazer é basicamente selecionar meus objetos aqui porque eu não posso alcançá-los aqui. Então você pode apenas clicar na caixa, clique em copiar para colocá-lo no lugar, comando F, e, em seguida, mudar o comando, colchete direito. Selecione a parte superior e a textura e clique com o botão direito do mouse para criar uma máscara de recorte. Agora você vai ver que ele está totalmente em cima e eu não quero que ele para cobrir essas flores. Então eu posso simplesmente derrubá-lo. Então está bem em cima da garrafa. Eu não tenho certeza se eu gosto deste aqui então talvez eu vou colocar um pouco mais leve. Este parece ótimo. Então vamos fazer o mesmo processo para cada um desses objetos. Agora vou adicionar textura ao interior da peça. Pensei que conseguiria com estas linhas. Isto vai ser perfeito. Eu quero fazer um pouco riscado, que pareça um pouco mais velho. Faça a mesma coisa, copie, comando C, comando F, comando shift colchete direito, selecione, clique com o botão direito e faça máscara de recorte. Esqueci-me de te mostrar isto sobre a máscara de recorte. Então deixe-me mostrar-lhe agora, rápido. Se você tem, por exemplo, deixe-me apenas copiar isso aqui. Se você tem um grupo, este é um grupo feito dessas flores e estas folhas. Então, o que acontece aqui? Vamos trazer uma textura. Então, se você quiser fazer uma máscara de recorte agora e selecionar isso, você verá que você não é capaz de criar uma máscara de recorte porque você não pode criar uma máscara de recorte com o objeto que está agrupado. Então o que você precisa fazer é apenas ir para objeto, caminho composto e, em seguida, fazer isso em um caminho composto. Isso vai fazer uma bagunça de sua ilustração porque este objeto que estou mostrando agora será basicamente no topo e o que estará na parte inferior que você não irá converter em um caminho composto. Então esse é o truque com os objetos que são agrupados, basta deixar o original por baixo e o que você copia no topo e simplesmente convertê-lo em caminho composto. Então objeto, caminho composto e, em seguida, fazer. Então aqui eu não vou ter esse problema porque eu não vou colocar a textura em cima das flores, mas eu vou colocá-lo neste oval. Então vamos adicionar um pouco de textura a essas flores. Eu também usarei essas linhas para isso. Além disso, como essas linhas não vão parecer como eu quero que elas olhem se eu as fizer um pouco maiores, o que eu vou fazer é apenas duplicar isso. Então eu vou agrupá-lo. Então vamos encontrar o oval, é aqui, comando C, comando F, comando shift, colchete direito, selecione as texturas e faça uma máscara de recorte. Então vamos tentar com isso, talvez uma queimadura de cor. Então, só para que você saiba, minhas decisões sobre esses modos de mesclagem e cores não são definitivas. Eu gosto de prová-los e experimentar diferentes opções até que eu esteja satisfeito com a forma como tudo parece. Então eu vou colocá-los, ajustá-los. Então, quando eu tiver tudo colocado, eu basicamente vou ajustá-los novamente porque eu posso ver como eles funcionam juntos. Por isso, a minha recomendação é testar até encontrares o que funciona para ti e para o teu estilo. O que eu gostaria de fazer agora é talvez terminar tudo com este respingos de cor que eu fiz com tinta. Vou adicioná-lo também na queimadura de cor. Como podem ver, estou trabalhando aqui no guia de cores porque tenho todas essas pedras bonitas. Então eu posso ver as pequenas mudanças nas cores que eu escolher. Eu acho que é muito útil, então você não precisa ir e escolher as cores. Você pode trabalhar a partir daqui. É isso. Você pode ver como essas duas ilustrações são diferentes. O da esquerda é plano e digital, e mesmo que tenha um pouco de um toque feito à mão porque eles fizeram diretamente de um esboço, ele ainda é plano. Enquanto o outro à direita tem aquele charme vintage feito à mão. Para mim, a melhor parte sobre isso é que tudo o que você pode ver nesta ilustração é algo que foi originalmente feito do zero e agora também pode existir na forma digital. Uma pequena nota quando se trata de salvar suas ilustrações é que, às vezes, quando eu uso muitas dessas texturas como eu fiz aqui, Illustrator não quer exportar minhas ilustrações corretamente quando eu tento salvá-las como um PNG. Uma maneira de corrigir isso é primeiro salvá-lo como um PDF e, em seguida, abri-lo no Adobe Photoshop e apenas salvá-lo como sendo PNG lá. 7. Obrigado: Espero que você tenha gostado desta aula e se inspirou para fazer sua própria coleção de texturas e alcançar esse lindo olhar feito à mão em suas ilustrações digitais. Como você viu, esse processo é muito simples e você só precisa passar por isso pelo menos uma vez para lembrar e começar a usá-lo em seu trabalho. Teste, pratique e compartilhe o que você fez. Skillshare é basicamente o melhor lugar onde você pode compartilhar seu progresso, se conectar com seus colegas e se inspirar. Também para ser notificado sobre minhas próximas aulas, você pode me acompanhar no Skillshare, estou fazendo agora outra classe que será sobre a criação pincéis personalizados feitos à mão para o Adobe Illustrator, então fique atento. Também para ficar em contato, sinta-se livre para me seguir no Instagram @DOD. Claro, se você tiver alguma dúvida sobre este tópico, não hesite em perguntar. Beijos e abraços para todos vocês e vejo vocês na próxima aula.