Transcrições
1. Introdução: Ei, eu sou Maya Faber, e eu sou uma designer de padrões de superfície de Estocolmo, Suécia. Esta é uma aula sobre motivos texturizados e padrões. Vou mostrar-lhe como criar isso com três técnicas diferentes. Usaremos o Adobe Illustrator para desenhar e adicionar textura. Para aqueles de vocês que têm um iPad, incluí como adicionar textura aos motivos no Procreate e no Adobe Fresco. Você também aprenderá a criar suas próprias texturas artesanais exclusivas e vetorizá-las para serem usadas em seu trabalho artístico. Para aqueles de vocês que querem mergulhar diretamente na adição de texturas digitalmente e querem pular os passos com sujar as mãos de tinta, Eu incluí downloads gratuitos que você pode usar nesta classe. São 16 texturas vetoriais e quatro pincéis vetoriais para serem usados no Illustrator. Como bônus, também incluí cinco pincéis Procreate gratuitos de mim e da loja online do meu marido, Faber Company, que vou mostrar-lhe como usar a textura de seus motivos no Procreate. No final desta classe, você poderá desenhar motivos texturizados e criar um padrão de repetição texturizado no Adobe Illustrator. Esta é uma classe intermediária. Você não precisa ter um iPad para fazer essa aula, mas precisa ter pelo menos conhecimento básico do Adobe Illustrator para poder acompanhar.
2. Projeto do curso: Seu projeto nesta classe é criar um padrão de repetição texturizado usando uma das técnicas que você aprenderá na aula. Sinta-se livre para desenhar qualquer tipo de objetos. Vou criar um padrão de cupcakes. Se você não quer se concentrar tanto em idéias como aprender as técnicas nesta classe, você pode criar um padrão de cupcakes também. Sugere uma nota aqui para fins de aprendizagem, é totalmente bom para copiar meus cupcakes e desenhar o mesmo. Mas você não tem permissão para copiar minha arte e compartilhar seu padrão como sua própria idéia e estilo em outras plataformas faz compartilhamento de habilidades. Se você copiar minha arte para fins de aprendizagem,
por favor, compartilhá-los como um projeto aqui na sala de aula, mas não compartilhá-los fora do compartilhamento de habilidades, pois isso seria uma violação dos meus direitos autorais. No entanto, se você criar seu próprio trabalho artístico exclusivo, você é bem-vindo para compartilhá-lo em todos os lugares que quiser on-line. Se você compartilhar no Instagram, sinta-se à vontade para me marcar com meu favor artístico. Vamos começar. Eu adoraria ver o que você cria.
3. Preparações e materiais: Nesta aula, vou mostrar-lhe três técnicas diferentes de criação de motivos texturizados. Você não precisa usá-los todos,
tudo depende de como você gosta de trabalhar e quais ferramentas você gosta de usar. As três técnicas diferentes são, criar suas próprias texturas artesanais, digitalizá-los, e vetorizá-los em ilustrador. Desenhe seus motivos de textura no Procreate, importe-os e vetorize-os no Illustrator. Por último, desenhe seus motivos de textura no Adobe Fresco, importe-os e vetorize-os no Illustrator. Quando criamos nossos motivos por texto, mostrarei como criar um padrão de repetição de textura no Adobe Illustrator. Vou passar por esta parte rapidamente, pois tenho outras aulas aqui sobre compartilhamento de habilidades, onde você aprenderá mais detalhadamente como criar o padrão de repetição no Illustrator usando minhas técnicas. Se você acha que a parte de criação de padrões desta classe é avançada ou movendo-se muito rapidamente, vá conferir minha outra classe do padrão de repetição esboçado para os conceitos básicos de criação de um padrão no Illustrator. Se você quiser aprender técnicas mais avançadas, como padrões de meia gota e camada, você pode conferir minha outra classe, subir de
nível seu design padrão. Para os suprimentos que você precisa para tomar esta classe, há apenas dois que você absolutamente precisa é Adobe Illustrator, que será a nossa principal estrela da classe. Se você quiser se juntar a mim e aprender a criar suas próprias texturas artesanais, que é uma parte muito divertida do processo, você precisa de alguns materiais básicos de desenho. Minha sugestão é usar o que você tem em casa. Você não precisa sair e comprar um material caro para esta aula. Vou mostrar-lhe mais detalhadamente os materiais de desenho que são usados na próxima lição. Se você quiser pular esta etapa, você pode baixar minhas texturas gratuitas e usá-las como quiser. Mais sobre isso em um minuto. Eu usei o scanner na minha impressora para digitalizar minhas texturas desenhadas à mão no meu laptop para poder digitalizá-las no ilustrador. Mas se você não tem um scanner, você pode tentar tirar uma foto de suas texturas em um bom relâmpago com seu smartphone, e isso pode funcionar bem também. Você não precisa de um iPad para fazer essa aula. Mas se você tiver um iPad, incluí lições para mostrar como desenhar seus motivos de textura, tanto no procreate quanto no Adobe Fresco. Esta não é uma aula de introdução ao Procreate ou ao Adobe Fresco, então você precisa ter algum conhecimento básico sobre como participar desses aplicativos para poder acompanhar as lições. Se você quiser aprender o básico de desenhar um Adobe Fresco, confira minhas outras aulas, esboçar e desenhar motivos com o Adobe Fresco. Como um bônus para esta classe, eu incluí alguns downloads gratuitos. Você não precisa baixar esses ativos para fazer a classe, mas se quiser baixá-los, eles serão 16 texturas vetoriais e quatro pincéis vetoriais de textura a serem usados no Illustrator. Cinco pincéis grátis procreate de mim e da empresa Faber da loja online do meu marido. Se você quiser baixar esses recursos gratuitos, incluí instruções e os links para onde você pode baixá-los na descrição desta classe. Isso foi um pouco sobre os preparativos e suprimentos. Vamos passar para a primeira lição real nesta aula, onde vamos desenhar nossas texturas artesanais.
4. Crie suas próprias texturas: Nesta lição, criaremos nossas próprias texturas artesanais. Vamos desenhar as texturas à mão. Em seguida, na próxima lição, mostrarei como digitalizá-los no computador e digitalizá-los no Adobe Illustrator para que você possa usá-los para seu trabalho artístico vetorial. Mas primeiro, vamos ver os suprimentos que eu uso. Você pode usar basicamente qualquer coisa que você tem em casa. Você não precisa comprar nada novo para isso. Primeiro, eu só cobri minha mesa com este pano de óleo. Você pode ver que já está um pouco sujo com tinta porque pode ficar um pouco confuso quando criamos nossas texturas. Então você pode basicamente usar qualquer tipo de papel. Estes são apenas papéis de impressora normais. Descobri que eles são um pouco magros demais, mas eles não podem funcionar perfeitamente se é isso que você tem em casa. Pessoalmente, vou usar este papel de cor de água muito barato. Acabei de comprá-lo online. Não é nada de especial, mas é um pouco mais grosso. Agora, para os materiais de desenho, vou usar esta tinta, tinta da Índia. Você não tem que usar tinta. Você pode usar qualquer cor preta. É sempre mais fácil quando você digitaliza suas texturas se você usa uma cor preta. Vou usar isso porque gosto do efeito. Você também pode usar algo assim ou qualquer tinta de cor preta. Então eu tenho alguns materiais de desenho. Eu tenho alguns pincéis diferentes. Tudo o que você tem em casa realmente funciona. O que eu gosto de usar muito é essas esponjas. Isso é algo como uma esponja de chuveiro, eu acho, e isso é como uma esponja de prato. Seja o que for que você tenha em casa, isso fará texturas perfeitamente finas. Então eu só tenho alguns papéis para que eu possa fazer texturas mais secas, um pouco de água e algo que você pode derramar sua cor, misturá-lo com água e mergulhar em seus materiais de desenho. Vamos começar. Eu só vou pegar meu prato, derramar algumas gotas de tinta, adicionar um pouco de água para misturá-lo. Depois levo o meu jornal. Vamos experimentar as esponjas primeiro. Podemos fazer algumas texturas com este buraco um pouco mais grande, esponja ou como você gosta de chamá-lo. Eu só mergulho minha esponja
na tinta e me certifico de que está coberta. Vamos tentar isto. Você não precisa pensar muito sobre formas ao criar texturas, pois você sempre pode editar as texturas e as formas no Illustrator posteriormente. Eu só vou pressionar todo esse lado para baixo. Vou pressioná-lo com força para baixo até o jornal. Essa é uma textura legal. Então, para cada vez que pressiona, tenho menos tinta. Então eu posso apenas pressionar um pouco de luz com a minha mão para obter esta textura mais dotty olhando. Talvez algo assim. Vamos passar para outro. Eu acho que vou tentar esta pequena esponja com buracos menores nele agora para um olhar mais granulado. Não quero isto tão molhado. Vou tentar raspá-lo e também usar meu papel e secar um pouco da tinta da esponja. Vamos fazer um pouco de textura de grão. Como você pode ver aqui, eu estou apenas pressionando a esponja realmente leve para o papel. Eu tenho essa textura de grão que cobre todo o papel. Eu não me importo mesmo se eu só queria ter esses pequenos pontos são grãos e eu tenho esses pequenos swishes de cor. Eu não vou me importar, porque eu sempre posso editar isso mais tarde. Acho que estou muito feliz com este. É uma textura de grão muito leve. Vamos passar para os pincéis. Eu só vou experimentar este pincel pequeno ou grande pincel. Talvez fazer um pouco de interruptores. Algo assim. Talvez alguma coisa como esta texturas de aparência arranhada. Enquanto estamos fazendo texturas vetoriais, vamos escanear isso e vetorizá-las. Você não precisa se importar com o tamanho da textura que você desenha tanto. Embora se você torná-lo deste tamanho e sua placa de arte ou os objetos que você desenha são digamos, tamanho
A4 como este. Ao desenhá-los no Illustrator, se você aumentar o tamanho dessa textura, você terá arranhões maiores. Isso é realmente o que se resume a. Você pode decidir desde o início quão grandes texturas você deseja. Ou você pode apenas experimentá-lo e você sempre pode redesenhar suas texturas. Talvez possamos desenhar algumas texturas com um pincel. Talvez você queira algumas texturas dotty. É mais como marca fazendo textura coisa. Acho que vou experimentar isto. Não é realmente um pincel. Não sei como se chama ou para que serve. Também são os materiais de desenho do meu marido. Só estou roubando para essa aula. Mas parece que pode ser uma coisa boa fazer texturas. Talvez algo assim. Agora temos essas três texturas diferentes e você pode fazer quantas quiser. Se você não quer passar por este passo de criar suas próprias texturas artesanais, se você acha que é confuso ou apenas leva um monte de seu tempo, então você pode baixar meus ativos gratuitos que eu incluí nesta classe. Há um link na descrição da classe onde você pode baixar minhas texturas vetoriais e até mesmo alguns pincéis de textura para o Adobe Illustrator.
5. Vetorize suas texturas: Ok, então agora é hora de digitalizar nossas texturas
para poder vetorizá-las no Adobe Illustrator. O que vou fazer é digitalizá-lo com a minha impressora. Não tenho nada de especial quando se trata de uma impressora. É uma Canon MG7550, e tem um scanner aberto. É assim que me parece. Provavelmente será um pouco diferente para você,
dependendo da impressora ou scanner que você tem. O que eu quero fazer aqui é selecionar primeiro qual área. Vou digitalizar e esse é o meu papel de tamanho A4, então eu escolho o DPI mais alto. Eu tenho 600 como meu DPI mais alto, preto e branco, e eu vou apenas dimensioná-lo para a área de trabalho e nomeá-lo, Texture Green. JPEG é bom como formato de arquivo. Então, eu vou apenas fazer mais uma configuração, e que é esta correção de imagem. Vou para o manual aqui e no contraste, este é o contraste normal e vou trazê-lo até o contraste máximo. Você pode ver a diferença de que o preto se torna mais preto e o branco torna-se mais branco. Este é o resultado que queremos e então eu apenas apertei scan. Lá temos o nosso JPEG acabado com a nossa textura de grão. Vamos para o Illustrator. Para vetorizar essa textura, vou apenas criar um novo documento. Eu vou para o tamanho A4, pois é o mesmo que o meu papel, e todas essas outras configurações, cor
RGB, altura, 300 ppi. Todos eles estão bem, então eu vou apenas clicar em criar. Quando eu tiver meus novos documentos, e eu vou apenas arrastar em minha textura de grão, e agora vamos traçar imagem. Você deveria ter um painel. Isto é um traço de imagem. Se você não tiver, vá para o rastreamento da imagem da janela. Aqui você pode fazer algumas configurações diferentes, pois esta é uma foto em preto e branco. Vamos apenas tentar um logotipo preto e branco simples. Apenas acerte bem, e aqui está a nossa primeira tentativa. Eu quero mais algumas partes pretas da textura, para que possamos entrar e aumentar o limiar. Realmente, você pode simplesmente brincar com todas essas configurações. Não há certo ou errado. Tudo depende de como você quer que sua textura pareça. Eu acho que vou para algo assim, e então eu vou tocar na caixa que diz ignorar branco. Porque se eu arrastar essa textura para o lado, você verá que ainda há um fundo branco. Mas se um cheque na caixa, Ignorar branco, o branco será removido da imagem. Quando você estiver feliz com seu resultado, você pode clicar em expandir para cima no menu superior e aqui temos a nossa textura final. Isso é realmente tudo o que há para ele para vetorizar a textura. Um pouco mais tarde na aula, vou mostrar-lhe como usar essa textura nos objetos. Se você quiser pular esta etapa com a digitalização
, vetorize suas próprias texturas. Você pode baixar minhas texturas vetoriais livres. Basta seguir as instruções e clicar no link na descrição desta classe.
6. Crie um pincel de textura no Illustrator: Então, na próxima lição, vou mostrar-lhe como usar essas texturas na forma e forma que elas são, e adicioná-las aos objetos que você desenha. Mas nesta lição mostrarei como criar seu próprio pincel vetorial de textura que também pode ser útil quando você deseja adicionar textura a objetos vetoriais no Adobe Illustrator. Então vamos começar com a nossa textura, vou apenas fazer uma cópia, manter pressionada a tecla Opção, clicar e arrastar para fazer uma cópia para que eu tenha minha textura original salva. Então eu vou em frente, e apenas criar um círculo. Vamos fazer isso em outra cor para que possamos vê-lo e então você pode colocar o círculo na parte de sua textura que você deseja usar como um pincel. Porque a minha ideia aqui é fazer um pincel redondo com uma parte desta textura. Então vamos fazer algo assim. Assim, a parte da textura que está por trás deste círculo será a parte da qual fazemos o nosso pincel. Quando você coloca o círculo, selecione o círculo e a textura, vá para o objeto, recorte a máscara e faça. Então agora você fez uma máscara de recorte de sua textura como um objeto redondo. Mas se você ir para ver contorno, você pode ver que sua textura ainda está fora do seu círculo, você apenas escondeu com uma máscara de recorte. Agora precisamos mesclar estes, trazer seu menu localizador de caminho e quando você tiver feito sua máscara de recorte, você pode pressionar mesclar. Se você ir para ver contorno, você pode ver que as partes de sua textura que estava fora do seu círculo agora são apagadas, e deixou você tem um círculo com sua textura nele. Agora você pode escolher qual tamanho você deseja escovar para ser. Você sempre pode mudar isso mais tarde, mas vamos apenas fazer algo assim e então nós queremos trazer para fora o nosso painel de pincéis que temos aqui, selecionar o seu círculo que você leva lá. Clique no pequeno menu no painel de pincéis, Novo pincel e aqui vamos selecionar Pincel artístico, clique em “Ok”. Você pode experimentar configurações diferentes
e experimentar com elas. Mas a única coisa que você precisa fazer para poder mudar a cor do seu pincel é
mudar o método de coloração para tons e tons e, em seguida, clique em “Ok”, lá você deve ter seu novo pincel. Então, para experimentar este pincel, vamos selecionar nossa ferramenta Pincel, clicar no Pincel e desenhar com nosso novo pincel de textura. Então, se eu apenas remover estes e arrastar isso para cima, você pode ver que isso agora é um traço com o seu novo pincel. Na próxima lição, vou mostrar-lhe como usar este pincel e adicionar textura em seus objetos.
7. Adicione textura no Illustrator: Nesta lição mostrarei como adicionar textura deste que você desenha no Illustrator, ou que foram digitalizadas em uma imagem traçada no Illustrator. Mas vou mostrar-lhe como desenhar um objeto no Illustrator e adicionar textura a esse objeto nesta classe. Aqui eu tenho um documento. Eu costumo criar meu conjunto de padrões 1000 pixels quadrados. Isso é o que eu vou fazer aqui também. Eu tenho uma paleta de cores que vou usar. Eu o salvei na minha biblioteca CSE, o que significa que eu posso usá-lo no Adobe fresco swell. Com este primeiro bolinho, vou fazer um bolinho de chocolate. Eu vou para as cores da praia marrom e rosa. Para adicionar amostras ao painel de amostras a partir da biblioteca, clique com
o botão direito do mouse e clique em “Adicionar cor à amostra”. Aí tens a tua paleta. Eu acho que eu vou para este também e talvez para o Branco. Aqui tenho o meu paladar. Vamos começar a desenhar. Normalmente não desenho muito no Illustrator, já que tenho o meu iPad. Isso é muito mais prático e fácil de desenhar. Mas quando desenho no ilustrador, uso a ferramenta de pincel. Você pode clicar duas vezes para selecionar o tamanho e outras configurações, mas eu vou apenas para 10 pontos para este desenho cupcake. Talvez eu vá para esta cor de pêssego mais escura. Basta desenhar uma forma básica do cupcake e corrigir os detalhes um pouco. Penso que este é bom para este exemplo. Então vou desenhar a camada do meio com cor rosa mais clara. Vamos chamar isso de camada de creme. Escolha a ferramenta de seleção de grupos e simplesmente exclua a forma interna, que irá preencher a forma da sua alma. Selecione novamente a ferramenta de pincel de blob e uma cor marrom para adicionar a cobertura de chocolate ao topo do cupcake. Exclua a parte interna do objeto para preenchê-lo
e, em seguida, basta corrigir os detalhes um pouco. Pode muito bem apenas apagar no topo para criar a pequena ponta pontuda da cobertura. Eu acho que isso parece bom para este exemplo. Agora queremos adicionar texturas ao nosso cupcake. O que eu vou fazer é trazer todas
as texturas que você pode baixar gratuitamente aqui na aula. Você pode seguir meus passos exatos se desejar, ou você pode usar suas próprias texturas artesanais. Vou duplicar os meus cupcakes inteiros. Tenho os meus objectos originais. Que tenho as minhas peças originais. Então eu removerei as camadas superiores do cupcake e me concentrarei na camada inferior. Para esta camada inferior, eu acho que eu iria experimentar esta textura cinza me. Eu apenas arrastá-lo para cima do meu objeto e mudar a cor, não a cor do traçado, mas a cor de preenchimento para uma cor mais clara. Se você quiser ver como ele fica, por que você tem a textura selecionada, você pode clicar em “Command H.” Lá você tem alguma textura para esse objeto. Isso parece muito bom. Talvez eu queira acrescentar alguma coisa. Talvez eu queira adicionar um pouco mais de textura. Vamos experimentar este. Mude a cor para o rosa. Certifique-se de tê-lo para a frente, organizar trazer para a frente. Então podemos puxá-lo para dentro. Talvez torcido. Desde um tamanho. Isso é um pouco grande demais para o meu gosto, eu só quero um pouco de textura, um estojo ou algo assim. Então eu vou continuar e selecionar minha camada inferior original do cupcake. Aperte “Comando C” e selecione tudo. Aperte “Command G” para agrupar tudo
e, em seguida, cole minha parte original na frente pressionando “Command F.” Então eu vou apertar “Comando sete” para fazer uma máscara de recorte. O que significa que se você ir para ver contorno, você ainda pode ver a textura fora do seu objeto. Mas se eu agora for ao Pathfinder e selecionar “Mesclar”, isso apagará tudo o que estiver fora do meu objeto. Isso parece muito bom. Vamos seguir em frente com a próxima camada do cupcake. Vou trancar a camada inferior, colocar a camada do meio, e organizá-la para a frente. Então vamos ver o que queremos fazer aqui. Talvez devêssemos desenhar um pouco com nossos pincéis. Vou para a ferramenta de pincel, selecionar o “Pincel” e experimentá-lo um pouco. Eu acho que vou para o texto do seu pincel número 1, você pode baixar gratuitamente nesta classe. Então vou tentar selecionar uma cor vermelha e ver como isso parece. Precisa ser a cor do traço. Mais um derrame. Não sei se gosto da chuva. Eu acho que eu vou para uma sombra mais clara do rosa em vez. Basta arrastar essa cor para que eu possa usar a mesma cor para o meu próximo. Aqui temos alguma textura leve na parte do meio. Eu vou apenas copiar essa. Então, como temos traços, se você vai para ver contorno, você pode ver que temos dois traços aqui com o nosso pincel. Precisamos expandir esses traços antes de criarmos nossa máscara de recorte. Você pode simplesmente deixar tudo e ir para expandir a aparência. Agrupe tudo. Em seguida, pressione “Command F.” Para colar sua camada intermediária original na frente, e “Command sete” para fazer sua máscara de recorte bater “March” e lá você tem seus objetos texturizados. Vamos trancar essa parte e trazer nossa última camada do cupcake, a camada superior.. Para isso, acho que vou usar essa pequena textura com uma cor marrom. Como Cor de preenchimento, certifique-se de que você está disposto na frente. Então você pode copiar essa parte e movê-la para que você obtenha um pouco mais de textura. Talvez eu queira adicionar um pouco mais de textura. Vamos experimentar este. Torná-lo marrom disposto para a frente. Torça ao redor. Isso parece muito bom. Vou copiar minha camada superior original, agrupar tudo e, em seguida, colá-lo na frente. Então vou criar uma máscara de recorte. Ou “Comando sete” ou vá para a máscara de recorte de objeto e make e, em seguida, pressione “Mesclado”. Se eu adicionar este estágio, descubra que eu quero adicionar mais textura à minha camada superior. Eu salvei minhas camadas originais aqui, mas eu também posso continuar a desenhar na camada superior como eu tenho que uma cópia para a minha placa de recorte. Vou tentar adicionar mais algumas texturas. Vamos experimentar este. Talvez algo assim. Em seguida, certifique-se de expandir a aparência. Agrupe tudo. Agora você tem seu objeto salvo na área de transferência. Selecione tudo, pressione “Command sete” para a máscara de recorte e mescle sua máscara de recorte. Lá você tem seu objeto texturizado criado no Adobe Illustrator. Se você pressionar “Comando H”, você pode ver que você tem todos esses pequenos pontos de ancoragem. O que significa que quanto mais pontos de ancoragem você tiver no seu trabalho artístico vetorial, mais pesado será o arquivo. Para tentar diminuir os pontos de ancoragem, vou apenas fazer uma cópia disso. Eu só vou apertar “Command H” e então podemos ir para objetos caminho e simplificar. Certifique-se de tocar em livros pequenos para obter o menu. Aqui você pode brincar com seus pontos de ancoragem. Você pode ver quando você arrasta seus pontos de ancoragem, você pode ver o que acontece com seu objeto. Se você apertar a “Caixa Premium”. Você pode ver que você vai de 62.000 pontos de ancoragem algo para 41.000 pontos de ancoragem. Vamos tocar “Ok” e ver como isso parece. Para mim, isso parece o mesmo que o objeto original. Se você criar, leva o óbvio no Illustrator, e especialmente se você deveria fazer um padrão deles, você deve tentar manter seus pontos de ancoragem baixos para ter certeza de que ilustrado na falha e que você não tornar este super arquivos de padrão pesados. É isso. Agora criamos nosso primeiro objeto de textura no Illustrator. Realmente você pode criar qualquer texturas. Usei minhas texturas de tinta feitas à mão. São texturas de grãos que você pode criar como listras ou texturas grunge ou texturas riscadas, ou quaisquer texturas que você deseja usar. Se você terminou com esta lição, vamos passar para a próxima lição. As próximas lições serão para aqueles que têm um iPad e querem aprender a desenhar objetos
texturizados em procreate e Adobe fresco e trazê-los para ilustrado para vetorizá-los. Se você não tiver um iPad, pode pular essas aulas. Ou se você está curioso sobre como fazer isso em um iPad de qualquer maneira, você pode vê-los, é um processo muito divertido. No final desta classe, vou mostrar-lhe como criar um padrão com seus objetos texturizados.
8. Desenhe no Procreate: Vamos desenhar o nosso cupcake com textura no Procreate. Apenas inclinando-se antes de começarmos, este não é um curso de introdução no Procreate há curso completo de como desenhar tudo no Procreate, vou apenas mostrar-lhe como desenhar um objeto texturizado. Você precisa ter alguma compreensão básica de como desenhar no Procreate antes de assistir a esta lição. Vou apenas criar uma nova tela. Eu costumo ir para 1.000 pixels quadrados quando eu crio meus padrões e 300 DPI. Então vou usar nossa empresa favorita, pincel monoline, que você pode baixar gratuitamente se você seguir o link na descrição aqui na aula. Vou usar esta cor marrom laranja mais clara e, em seguida, apenas desenhar a primeira parte do meu cupcake. Preencha, talvez conserte os detalhes um pouco. Algo como isto. Então vou criar uma nova camada. O que é importante aqui é que você constrói cada parte do seu objeto em uma camada diferente, pois adicionaremos texturas a diferentes partes de nossos cupcakes. Isso é muito mais fácil de fazer se você tiver seus objetos em diferentes camadas desde o início. Agora eu vou para esta cor rosa claro, mesmo pincel e desenhar um pouco de cobertura ou creme ou o que quer que queiramos chamar isso. Adicione uma nova camada no topo e eu vou que para uma cor rosa e corrigir os detalhes um pouco. Então eu uso a ferramenta Borracha para pegar aquela pequena ponta no topo do cupcake. Talvez algo assim. Então eu volto para a minha primeira camada e toque na camada, aperto Alpha Lock, o
que basicamente significa que você só pode desenhar no
próprio objeto e não fora do objeto, que é realmente bom quando queremos adicionar textura a esta parte do Cupcake. Eu vou para um pouco de cor marrom mais escura. Para isso, acho que usarei nossa empresa favorita, o número grunge 4, que você também pode baixar gratuitamente se você clicar no link na descrição aqui nesta classe. Então eu vou adicionar um texto aqui ao meu cupcake e tocar na próxima camada, Alpha Lock. Eu vou para um pouco mais escuro, rosa lá. Nossa empresa favorita, cinza número 1, que você também pode baixar gratuitamente. Vou apenas adicionar um pouco de verde, tocar na terceira camada, Alpha Lock, Vou selecionar uma cor rosa mais escura. Talvez eu use nosso grunge número 1 aqui só para adicionar um pouco de sombreamento ao cupcake. Também vou experimentar o nosso pincel verde número 2. Então eu vou para uma cor rosa claro e adicionar um pouco de destaques para o cupcake. Não, eu não gostei dessa, então eu vou para o grunge número 2 em vez disso. Voltar para a cor mais escura e talvez apenas adicionar um pouco verde e um pouco do grunge número 4 pincel aqui também. O que você quer pensar com as cores e texturas aqui é, você
cria contraste entre a imagem plana e as texturas? Isso facilitará a vetorização de seus desenhos no Adobe Illustrator posteriormente e ainda poderá salvar alguns desses provadores. Não será exatamente assim quando o vetorizarmos, mas vamos experimentá-lo mais tarde no Adobe Illustrator e você verá o que quero dizer. Estou muito feliz com isso, agora temos nossas três camadas e adicionamos texturas a todas as três camadas. Acho que vou tentar adicionar alguns granulados a este cupcake também. Vou apenas adicionar uma nova camada e ir para vermelho, cor
laranja e nossa empresa favorita, número de tinta
seca 1, que também pode baixar gratuitamente. Isso foi muito bom. Como eu sei que será um pouco difícil vetorizar as polvilhas em cima da camada de creme. Vou mover a minha camada de granulado para decidir para que não toque no meu cupcake. Dessa forma, posso vetorizar toda essa imagem e adicionar os granulados mais tarde no Illustrator.
9. Do Procreate ao Illustrator - exporte e vetorize: Agora que desenhamos o cupcake no Procreate, vamos explorá-lo e vetorizá-lo no Illustrator. Vamos apenas ao painel de ações e compartilhar PDF, melhor qualidade e AirDrop para o meu próprio MacBook. Agora vamos vetorizar o esboço de pixel que fizemos no Procreate. Para fazer isso, basta arrastar meu PDF no Illustrator que salvei para a área de trabalho e, em seguida, certificar-me de que meu painel de rastreamento de imagem está aberto. Se você não fizer isso, você vai para Window Image Trace e para traçar
imagem este cupcake que tem tantas cores diferentes. Vou tentar ir para 16 cores. Descobri que se você vai para mais cores, você vai preservar mais da textura. Vamos apenas clicar em 16 cores e ver o que acontece. Como você pode ver, há alguma perda de texturas, então vamos
experimentar e aumentar as cores para 20 e tentar trazer o caminho para alto, o que adicionou um pouco mais de textura e vamos apenas experimentar um pouco com as configurações. O ruído tornou-o um pouco mais suave, mas também removeu a textura do creme, então reduza o ruído novamente e vamos aumentar o caminho. Vamos tentar aumentar as cores também para 27 cores. Como você pode ver, você nunca pode obter exatamente o mesmo resultado que você tem quando você desenha texturas no Procreate. Não achei que isso fizesse tanta diferença. Eu só traria as cores um pouco mais. Talvez consigamos uma quantidade mais baixa de pontos de ancoragem e aí ficarei satisfeito. Vou tentar ignorar o branco e ver o que acontece. Isso parece muito bom e, em seguida, podemos bater expandir e aqui temos nosso desenho vetorizado de Procreate. Se você for para o objeto no grupo, eu só vou me certificar de que eu agrupo todos esses granulados vermelhos. Eu uso a ferramenta de laço para arrastar em torno deles e, em seguida, ter o comando G para agrupá-los. Então podemos agrupar todo esse cupcake. Vamos tentar simplificar seu caminho para que possamos obter um pouco menos pontos de ancoragem e ver o que acontece. Vá para Object, Path Simplify. Acerte os pequenos pontos para mais opções e derrube a curva simplificada. Você pode ver que perdemos um pouco do cupcake aqui e ali para que eu possa derrubá-lo tanto. Isso parece bem para mim, o original era de 9.000 pontos, e agora temos 5.000 pontos. Eu só vou bater Ok. Vamos tentar adicionar os granulados ao cupcake e ver o que acontece. Certifique-se de trazê-los para a frente e lá você tem seus granulados. Se eu ampliar, posso ver que algo aconteceu aqui com os granulados. Há algumas partes cor-de-rosa dele e talvez eu não quero que então eu posso apenas ir em duplo toque como eu agrupei este objeto, e então entrar e selecionar a cor rosa. Vá para Selecionar, Mesmo, Cor de preenchimento. Certifique-se de que você tem o comando H. Pressione para baixo para que você possa ver quais áreas você exclui e aqui está alguma outra cor rosa. Apague isso e agora acho que só temos cor vermelha. Se você quiser fazer check-out, se você tiver apenas cor vermelha, poderá selecionar todo o objeto e clicar no grupo de cores no painel Fontes e, se você só ver vermelho como cor, então você só terá a cor vermelha. Clique duas vezes para sair do seu grupo isolado e adicionar os granulados ao seu cupcake. Isso parece muito bom e é assim que
é fácil vetorizar um esboço do Procreate no Illustrator. Nós arrastamos o original. Você pode ver que isso não parece exatamente o mesmo que este é um desenho de pixel, que torna mais fácil obter uma textura mais suave e agradável e este é um desenho vetorial com pontos de ancoragem para que você não possa obter a mesma aparência suave em suas texturas. Mas para mim isso parece muito bem de qualquer maneira e é isso para esta lição. Vamos para a próxima lição, onde mostrarei como desenhar seu motivo de textura no Adobe Fresco.
10. Desenhe no Adobe Fresco: Nesta lição vamos desenhar nosso cupcake no Adobe Fresco. Acabei de abrir o Adobe Fresco e criar um novo documento. Um quadrado de 1.000 pixels. Se você assistiu minha outra classe aqui no Skillshare esboço e desenhar motivos no Adobe Fresco, eu passei por como desenhar motivos vetoriais no Adobe Fresco e também os conceitos básicos do aplicativo e como desenhar nele. Mas como estamos fazendo motivos texturizados nesta classe, vamos realmente desenhar nossos objetos com os pincéis de pixel. Dessa forma, podemos adicionar textura e, em seguida, exportar o trabalho artístico para o Illustrator e vetorizá-lo no Illustrator. Esta não é uma lição onde eu vou percorrer todos os conceitos básicos do Adobe Fresco, você precisa ter conhecimento básico de como usar o Adobe Fresco para poder acompanhar esta lição. Se você quiser saber mais, confira minha outra aula aqui no Skillshare, desenhe e desenhe motivos no Adobe Fresco e volte para essa aula. Com uma nova camada selecionada, salvei minha paleta de cores nas bibliotecas CC, então eu a tenho aqui. Vou começar com esta cor de pêssego. Para isso eu vou apenas usar o pincel de pixels, variável redonda
básica e dura, então vamos apenas trazer o alisamento um pouco porque minha tabela está se movendo ao redor do limite, então é difícil ser estável na mão. Então eu vou começar a desenhar minhas diferentes partes do bolinho. Aqui está um buggy que eu acho porque ele não preenche toda a área, então eu vou preencher essas partes brancas, e então entrar e corrigir os detalhes. Então eu vou adicionar uma nova camada em cima e eu vou desenhar o creme e preencher isso, e apenas corrigir esta pequena linha branca misteriosa, então eu vou adicionar uma nova camada e fazer um cupcake de mirtilo. Vou consertar os detalhes com a borracha. Algo como isto. Agora vou começar a adicionar as texturas. Em seguida, selecionarei os pincéis que usarei para adicionar textura. Tenho alguns pincéis favoritos. Estes são os pincéis diferentes do Kyle. Se você não tiver esses pincéis, clique no pequeno sinal de adição na parte inferior do menu Pincel de pixels e selecione Obter mais pincéis. Eu estou indo para o site Adobe sueco, mas você pode ir para o site da Adobe dos EUA ou onde quer que você esteja no mundo, e aqui você pode selecionar alguns pincéis diferentes que você pode baixar e usar em um Adobe Fresco. Vamos baixar essa mídia seca e tocar em Baixar. Aqui no canto superior direito, você tem seu download funcionando. Em seguida, toque nesse ícone, toque no Arquivo, toque no quadrado pequeno com a seta e selecione Copiar para o Adobe Fresco. Aí tens os teus novos pincéis. Alguns dos meus pincéis favoritos são estes. Eu acho que eu vou para a mídia seca do Kyle áspero,
variante turbulento, para adicionar um pouco de textura ao fundo do bolinho. Para isso, eu vou realmente ir um pouco mais leve do que antes na cor. No Adobe Fresco, para poder desenhar apenas em seu objeto e não fora, se você tiver uma camada de pixel, você pode ir para o conteúdo da camada de máscara, e isso lhe dará uma pequena caixa preta e branca aqui. Se você deslizar a caixa preta e branca para a direita, poderá desenhar na parte superior do objeto com o texto e o pincel selecionados. Vou apenas tentar adicionar um pouco de textura a esta parte do meu cupcake com a variante turbulenta áspera. Acho que quero mudar a cor para talvez um pouco mais leve do que era antes. Talvez experimente outro pincel, o meio seco, novo pastel com um pouco mais escuro e um pincel maior. Isso parece muito bom. Então vou continuar com as minhas outras camadas. Toque na camada acima, Conteúdo da camada de máscara, deslize a camada para a direita. Selecione uma nova cor. Talvez experimentar o meio seco pastel suave, e ser um pouco mais leve na mão. Em seguida, na camada superior, Máscara de Conteúdo da Camada, deslize a camada para a direita e experimente o pastel suave novamente. Não, eu não gostei disso. Talvez a variante rugosa outra vez. Basta adicionar um pouco de textura a esse azul. Para este cupcake, Eu acho que vou adicionar algumas linhas com a mídia seca do Kyle deliciosamente seco escova, e cor laranja vermelho. Vou adicionar algumas linhas texturizadas no fundo do meu cupcake. Estou muito feliz com isso. Vamos passar para a próxima lição, onde mostrarei como exportar este arquivo
e importá-lo para o Illustrator, onde vamos vetorizar esse cupcake texturizado.
11. Do Adobe Fresco ao Illustrator - exporte e vetorize: Nesta lição, vou mostrar-lhe como vetorizar o esboço que você desenha no Adobe fresco. O que eu descobri é que se você criar um PDF que você exporta do Adobe fresco, você terá uma imagem de tamanho muito pequeno e é difícil vetorizá-la. Mas se você criar um JPEG, você terá o tamanho certo da imagem e você pode fazer o resto seu esboço. Vamos remover o PDF. Arraste o JPEG, e vamos ver como isso parece quando a imagem rastreá-lo com 16 cores. Isso parece muito bom. Vamos tentar aumentar um pouco as cores e puxar o caminho muito alto. Talvez algo assim. Depois, expandimos. Mas esquecemos de remover os brancos. Vamos voltar. Isso é bom. Vamos apenas tocar na pequena caixa para ignorar branco e, em seguida, pressione expandir e lá você tem o seu cupcake texturizado. Vamos arrastar o original e ver a diferença. Vou dizer que isso é tão bom quanto pode obter a partir desta imagem de pixel que desenhamos no Adobe fresco para o objeto vetorizado no Illustrator. Se você terminou com esta lição, vamos passar para a próxima lição, onde vamos criar um padrão texturizado.
12. Crie seu padrão: Nesta lição, vou mostrar-lhe como criar um padrão de seu gosto e motivos e vamos até tentar adicionar essa textura ao fundo do nosso padrão. Se você assistir a uma das minhas aulas anteriores aqui no Skillshare, por exemplo, do esboço ao padrão de repetição ou do nível do design de padrões, então você sabe que crio meu padrão na ferramenta de padrões. Como eu acho que é a maneira mais inteligente e fácil criar padrões no Adobe Illustrator. Eu crio a primeira parte do padrão na ferramenta de padrão para poder visualizar o padrão, então eu trago meus motivos na prancheta para criar mais bloco padrão manual. A primeira coisa que vou fazer é ir para “Preferências” e mudar a interface do usuário para branco, que eu gosto de ter ao criar padrões. Você pode ver que este não é exatamente o mesmo cupcakes que fizemos anteriormente na aula. Isso é porque eu trapaceei um pouco e criei todos esses três cupcakes no Procreate e vetorizá-los. Porque eu sinto que essa é a melhor alternativa para obter as texturas mais bonitas, para desenhar seus motivos em procreate e depois vetorizá-los no Illustrator. Isso é o que eu fiz. Vou apenas copiar meus objetos, e selecionar objetos, ir para “Objeto”, “Padrão” e “Criar”. Vou alterar o tamanho do bloco padrão para o mesmo tamanho prancheta e arrastar meu bloco padrão para a prancheta. Então eu apertei “Command V” para colar meus cupcakes e começar a construir meu padrão. Na ferramenta padrão, eu não crio nenhum plano de fundo para o padrão. Eu falo mais sobre isso em minhas outras aulas aqui no Skillshare, mas isso é porque ele pode estragar como a ferramenta padrão mostra o padrão. Vou colocar os meus motivos e vamos ver como os quero. Talvez se eu os arrastar mais um passo e este aqui, e a baga azul até aqui. Vou ter um pouco de variação com as cores. Eu acho que eu vou gostar de um padrão que se parece com isso. Embora, eu sei que eu preciso de quatro filas para ser capaz de combinar nas bordas. Eu só vou baixar o tamanho um pouco e adicionar bolinho rosa lá, bolinho marrom aqui. Vamos tentar apenas trazer estes para baixo, torná-los um pouco menores, e então continuar a organizar o seu cupcake. Como você pode ver aqui, se você tiver objetos texturizados, levará um pouco mais de tempo para o Illustrator trabalhar com seu padrão, pois são tantos pontos de ancoragem. Apenas certifique-se de manter seus pontos de ancoragem o mais baixo possível. Ou apenas pressione “Command K” para ter certeza de que eu tenha talvez cinco pixels no incremento do teclado. Como você pode ver, o Illustrator funciona muito devagar e eu tenho tantos objetos com tantos pontos de ancoragem. Eu vou realmente excluir a maioria dos meus objetos e, em seguida, excluir essa cópia. Vamos ver o que eu quero fazer, talvez ter cupcakes maiores e apenas alguns
deles para tornar o tamanho do arquivo um pouco menor. Isso parece muito bom. Vamos tentar aumentar o tamanho deles. Vá para “Objeto”, transforme cada um, aperte a caixa de visualização e você pode dimensionar todos os seus objetos horizontalmente e verticalmente. Veja como isso parece. Isso parece muito bom. Se você quiser alinhar seus objetos perfeitamente, você pode ir para alinhar à seleção e tocar nas diferentes configurações para certificar-se de que você os alinha de forma adequada. Reduza um pouco para ver a aparência do seu padrão. Gosto da aparência do meu padrão aqui. Estou muito feliz com este padrão. Em seguida, copiarei meu trabalho artístico da ferramenta padrão, pressionarei e colarei na prancheta. Esta é a minha técnica se você usar qualquer outra técnica que funcione bem também. Mas esta é a técnica que eu sinto ser a maneira mais eficiente e inteligente de usar o Illustrator para criar padrões. Quando eu estiver fora da ferramenta padrão, eu vou apenas copiar o trabalho artístico que estão caindo das bordas para o lado oposto. Em seguida, vou criar uma camada de plano de fundo que é 1.000 pixels retângulo quadrado. Eu acho que eu vou para talvez uma cor rosa claro. Vamos tentar isso. Alinhe-o à prancheta, certifique-se de organizá-lo na parte de trás. Talvez eu precise ir para uma cor mais clara para o fundo. Em seguida, copiamos nosso plano de fundo, colamos na parte de trás e certifique-se de que sua caixa de fundo não tem preenchimento, nenhum traçado. Agora podemos ver como esse padrão parece. Podemos reduzir “Objeto”, “Transformar”, “Escala”. Certifique-se de que você só tinha o padrão de transformação e diminua o zoom do seu padrão. Estou muito feliz com este padrão. Mas se você quiser adicionar um fundo texturizado ao seu padrão, eu sugiro que você volte para a ferramenta padrão. Mas antes de fazer isso, você busca uma textura, copia textura e, em seguida, entra na ferramenta padrão e cola sua textura. Certifique-se de que a sua textura é colocada na parte de trás e, em seguida, você pode arrastá-la para que ele cubra toda a telha padrão. Talvez eu não queira, acho que só quero as partes de grãos, algo assim. Então eu seleciono tudo novamente. Saia da ferramenta padrão. Vou apenas bloquear a camada de fundo e a camada de mosaico padrão. Retire meus cupcakes, e então eu vou colar a textura e os cupcakes. Agora podemos mudar a cor. Vamos experimentar a cor vermelha. Não, eu não gostei disso, então vamos experimentar a cor rosa e isso parece muito bom. Podemos apenas organizar os padrões para que pareça como queríamos olhar. Então eu seleciono meus cupcakes que estão caindo, copie-os para o outro lado da telha padrão. Então vou trancar todos os meus cupcakes. Vou desagrupar minha textura e selecionar tudo o que está caindo fora das bordas. Não tem certeza se você precisa fazer isso. Depende se você tem algo, aqui temos um pouco verde que caindo fora das bordas. Primeiro, podemos apenas excluir um pouco de extra que estão do lado de fora. Em seguida, selecionamos tudo o que está naquele sinal. Faça isso cair, e o mesmo deste lado. Talvez eu tenha esquecido de fazer este lado. Não me importarei que seja uma cópia em algum lugar. Lá você tem um fundo texturizado. Se formos para “Desbloquear tudo” e arrastar o padrão para a amostra padrão. Vamos verificar a diferença. Aqui você tem textura no fundo do seu padrão. Criamos um padrão finalizado com os motivos que você desenha, seja no Illustrator, no Procreate ou no Adobe Fresco. Na próxima lição, vou mostrar-lhe como criar um bloco padrão acabado e salvar seu arquivo como um JPEG para que você possa carregá-lo como um projeto aqui na classe.
13. Exporte como um arquivo JPG: Nesta lição mostrarei como criar seu bloco padrão acabado para que você possa usá-lo e imprimir em todas as fontes do produto ou usá-lo como quiser, e também salvá-lo como um JPEG para que você possa carregá-lo na página do produto aqui na classe. Como o padrão com o fundo texturizado é o padrão mais complicado, vou mostrar-lhe como criar uma telha padrão acabada deste. Vamos trazer nosso painel de amostras e se você precisar do seu padrão original, você o tem aqui. Se você arrastar a amostra de padrão do painel de amostras. Você não precisa salvar isso no quadro de arte e o que fazemos é copiar a camada de fundo e então agrupar tudo. Colamos a camada de fundo na frente. Selecione tudo e usarei um comando de atalho sete para criar uma máscara de recorte. Se você for para exibir o contorno, poderá ver que há objetos fora da máscara de
recorte que não são exibidos na visualização. Agora precisamos fundir nossa telha. Tenha sua máscara de recorte selecionada e pressione Mesclar no painel Pathfinder. Onde vamos para ver contorno. Você não vê mais objetos na lateral do bloco padrão. Lá você tem sua telha padrão acabado. Se você quiser testar seu bloco padrão, você pode arrastá-lo para o lado.Você pode
certificar-se de que você tem suas guias inteligentes selecionadas ou você pode tocar em 1000 pixels no teclado e comandar o mesmo tamanho que seu e aperte sua opção e chave para criar duplicatas do seu padrão. Amplie para ver que tudo parece bom e para mim parece muito bom. Vamos apenas excluir esses e agora, se eu quiser, eu posso arrastar o bloco padrão para o painel de amostras e verificá-lo mais uma vez para ver se tudo parece bem e para mim, isso parece realmente bom. Agora, para carregar esse padrão como um projeto aqui na classe, você pode ir para o painel de exportação de ativos. Se você não o tiver, vá para Exportação de ativos do Windows e você poderá trazer o bloco padrão se quiser e também uma versão mais ampliada do seu padrão. Talvez eu queira aumentar um pouco mais. Eu vou para transformação e escala de objetos e quando eu faço isso, o bloco padrão muda também no painel de exportação de ativos. Vou exportar isto como um JPEG 100. Você pode ir para o menu e configurações de formato e apenas certifique-se de que você tem linha de base otimizado como o método de compressão e arte anti-alias otimizado, super amostragem e eu tenho o meu perfil ICC incorporado, sRGB. Eu seleciono ambos os meus padrões e acerto a exportação. Vamos exportar para a minha área de trabalho. Se eu for à minha área de trabalho, posso ver que tenho uma pasta chamada 300ppi, onde posso encontrar ambos os meus arquivos JPEG. Agora você criou mosaicos texturizados e criou um padrão deles.
14. Considerações finais: Isso é tudo por esta aula. Espero que tenha aprendido um monte de coisas novas e se divertido assistindo. Trabalhar com texturas no Illustrator pode ser um desafio. Se você trabalha constantemente com texturas em seus padrões, convém considerar a criação de padrões no Photoshop,
onde você pode usar texturas de pixel e trabalhar com mais liberdade. Mas se você for como eu e preferir criar padrões no Illustrator, continue criando suas patentes no Illustrator, mesmo que elas sejam texturizadas. Mas lembre-se de manter os pontos de ancoragem o mais baixos possível para um fluxo de trabalho suave e fácil. Caso contrário, o Illustrator pode desligar devido à carga de trabalho pesada e será irritante criar padrões se você precisar aguardar o computador o tempo todo. Dito isso, muito obrigado por assistir. Se você gostou desta classe, aperte o botão Seguir pelo meu nome aqui abaixo. Se você tiver alguma dúvida,
por favor, pergunte-lhes na página de comunicação aqui na aula, e sinta-se livre para deixar um comentário para me informar se você gosta desta aula. Adoraria ouvir seus pensamentos. Eu também adoraria ver seu padrão, então certifique-se de que você compartilha sua previsão aqui na aula. Se você postou no Instagram, sinta-se livre para me marcar com @maja_faber. Obrigado novamente por assistir.
Maja Faber, Surface Pattern Designer
