Aprenda TUDO sobre a criação de padrões de superfície no Adobe Illustrator

1. Sobre o curso: Olá, sou Chris Ruff e sou designer de superfícies. Isso significa que faço com que as obras de arte repitam principalmente os padrões que licenciei aos fabricantes para colocar em seus produtos. Na verdade, fiz centenas de padrões e trabalhei com dezenas de fabricantes desde que passei do design gráfico para o design de superfície , há cerca de uma década. E agora estou aqui para compartilhar com você tudo o que sei sobre como fazer padrões repetidos. Nesta aula, você aprenderá como fazer padrões repetidos no Adobe Illustrator. E há algumas outras classes que também fazem isso. Mas nesta, em vez de ver apenas uma demonstração simples, você aprenderá todo o conceito e como trabalhar com padrões repetidos. Dessa forma, você terá uma melhor compreensão do tópico e também uma gama mais ampla de habilidades que você pode usar em sua arte. Agora mesmo. Você aprenderá como fazer padrões repetidos usando os métodos tradicionais, bem como usar a ferramenta de padrões de ilustradores. Você aprenderá sobre diferentes tipos de repetição , como repetições de tijolos e repetições de meia gota, além de como adicionar planos de fundo aos seus padrões e como editar padrões simples e complexos. Também mostrarei como configuro meus arquivos ao enviá-los aos clientes. Um método infalível para exportar seus arquivos ao enviá-los para o Spoonflower ou outros sites de impressão sob demanda. Agora, abordaremos muitas informações, mas eu dividi a aula em aulas pequenas para que, mais tarde, se você tiver dúvidas ou tiver alguma dúvida, possa facilmente voltar e consultar o aulas. E embora essa não seja exatamente uma aula individual de ilustradores, se você já usou o Illustrator, tudo bem. Eu sempre tento manter as coisas o simples e fáceis possível. Alguns detalhes técnicos. Eu trabalho em um Mac, então qualquer atalho de teclado, eu uso talvez um pouco diferente se você estiver em um PC, estou usando o Adobe Illustrator 2021, mas todas as ferramentas que estou usando também devem estar em versões anteriores. Então eu acho que isso cobre tudo. Vamos fazer alguns padrões. 2. O conceito básico: Quero começar com este humilde azulejo de cerâmica porque ele faz um bom trabalho ilustrando como os padrões digitais funcionam. Podemos pegar esse pequeno ladrilho, ele tem apenas algumas formas simples nele. Mas quando as repetimos, temos uma aparência totalmente diferente. De repente, temos círculos azuis com flores estilizadas e esse belo ritmo que se forma no padrão. E essa é realmente a mágica de fazer padrões repetidos. No Illustrator. Também começamos com um ladrilho, depois o transformamos em uma amostra que pode ser usada para preencher uma forma. Illustrator preenche essa forma repetindo os ladrilhos de ponta e de cima para baixo, assim como você faria com ladrilhos de cerâmica, até preencher essa forma. Agora vamos dar uma olhada em um dos blocos de padrão individuais no Illustrator. Cada peça precisa ter uma caixa delimitadora, e isso é realmente apenas a borda do limite do ladrilho. A caixa delimitadora precisa ser invisível para que não possa ter nenhum preenchimento e não possa ter nenhum traçado. Ele precisa ser colocado na parte de trás de todos os outros elementos. Então, quando você faz um bloco e faz a caixa delimitadora, você precisa ter certeza de enviá-la para a parte de trás de todos os outros elementos. Mas além disso, um ladrilho pode qualquer formato ou tamanho que você quiser e não precisa ser quadrado. Agora tenha em mente que, se você adicionar elementos ao seu bloco que cruzem a caixa delimitadora, eles serão cortados porque estão fora dos limites. Isso é o que está acontecendo aqui. Então, a maneira como contornamos isso é o que quer que seja cortado pela caixa delimitadora. Acabamos de colocar isso do outro lado do ladrilho. Então, quando juntamos as peças, esses elementos que cruzam a linha da caixa delimitadora combinarão perfeitamente e nos darão nossas formas perfeitas. Deixe-me mostrar mais um exemplo com esses florais. Você pode ver à esquerda que muitas das flores cruzaram a linha da caixa delimitadora. Então, eles estão fora dos limites. Então, tudo o que fazemos é duplicá-los e colocá-los do outro lado do ladrilho. O Illustrator cortará esse bloco na borda da caixa delimitadora. Então, parece com isso. E então, quando preenchemos essa forma com ela, todos eles são colocados de volta juntos e parecem um padrão de repetição sem costura completo. Então, agora vamos ao Illustrator e passar por esse processo novamente. 3. Crie seu primeiro padrão: Vamos pegar o que fizemos na última lição e realmente fazer no Illustrator. Então, o que eu tenho aqui é que eu tenho algumas formas aleatórias que vou usar no meu padrão. Primeiro vou fazer uma caixa delimitadora. Então eu pego minha ferramenta de retângulo e eu poderia simplesmente desenhar um retângulo como esse. Mas eu quero que sejam bons números pares. Então, vou usar a tecla de opção e clicar em colocar. Eu vou fazer cinco polegadas por seis polegadas. Agora vou preenchê-lo com essas formas aleatórias. Agora vou parar por aqui e você notará que comecei a encher o centro. Então eu fiz alguns que cruzaram a linha superior da caixa delimitadora e também o lado esquerdo. Eu fiz isso propositalmente e deixei a borda inferior e a borda direita em branco. E você verá o porquê em um minuto. Lembre-se de qualquer coisa que esteja pendurada na borda, precisamos duplicar ou criar um clone. Por outro lado, escolhemos um deles e vamos para transformar objetos, mover para que esta caixa de diálogo apareça. E lembre-se, nossa caixa delimitadora tem cinco polegadas por seis polegadas. Então, queremos mover nossa forma cinco polegadas horizontalmente, mas 0 polegadas verticalmente. Em vez de clicar em OK, clique em Copiar. E aí está. Faremos a mesma coisa com este. E eu vou Shift e clico nesse também. E este está muito perto, então vamos mudar e clicar nele também. Podemos movê-los todos ao mesmo tempo, exatamente da mesma maneira. Cinco polegadas para a cópia certa. Então faremos a mesma coisa em cima e em baixo. Então, este e este cruzam a borda. Então, vamos para o movimento de transformação de objetos. E desta vez não queremos movê-lo horizontalmente, então isso é 0. Queremos que ele mova seis polegadas verticalmente e copie. Agora podemos continuar preenchendo o resto. Agora, este eu estou colocando sobre a linha contra, então eu preciso mover esse aqui também. Então, novamente, o objeto transforma, move e move 0 horizontal, N6 verticalmente e copia. E então eu vou apenas preencher alguns são. OK. Eu acho isso muito bom. Na verdade, temos um pequeno buraco aqui em cima. Vamos fazer isso e torná-lo menor. E coloque isso lá dentro. Agora que um cruza a linha dois. Então, vamos mover esse, transformar o movimento. E este aqui nós queremos mover para a esquerda. Então, na verdade, é uma vertical de menos 50. Não gosto do jeito que esses dois estão se esbarrando. Então, eu vou apenas mover isso, este aqui. Ok, então esse é o começo do nosso padrão. Agora lembre-se, antes de podermos transformar isso em um padrão, precisamos tornar nossa caixa delimitadora invisível. Então, vamos clicar nele e verificar se o preenchimento é nenhum e o traçado não é nenhum. E agora estamos prontos. Selecionamos a coisa toda, arrastamos para o painel de amostras. Ele aparece bem aqui. Se você não vir o painel de amostras aqui, você pode ir para Janela e amostras, que está bem aqui. Ok, vamos diminuir o zoom e preencher uma forma. E clique em Preencher e em uma amostra que tenha nosso padrão. E esse é o nosso padrão. Esse é o primeiro método para criar um padrão no Illustrator. Vou me referir a isso como o método manual, só porque você precisa fazer um pouco e é um pouco mais prático, então você mesmo tem que fazer as duplicatas. Na próxima lição, apresentarei a ferramenta de padrões que cuida de algumas dessas coisas para você. 4. Introdução à ferramenta de padrões: Nesta lição, vou mostrar uma maneira ainda mais fácil de criar padrões, que é a ferramenta de padrões de ilustradores. É super intuitivo. Você não precisa se preocupar com caixas delimitadoras serem clones. Você só precisa trazer seus elementos a ferramenta e trabalhar com eles lá. Então, deixe-me mostrar como funciona. Vou começar com essas formas aleatórias novamente, e você notará que elas estão organizadas exatamente da mesma maneira que no exemplo anterior, mas não há caixas delimitadoras e não há clones. São só esses motivos. Então, para criar nosso padrão usando a ferramenta padrão, tudo o que fazemos é selecionar nossos itens, ir para Objeto, Padrão, Criar. Agora, uma nova janela se abre e nós receberemos, você pode receber esta mensagem que apenas diz: Ei, esse novo padrão será adicionado ao seu painel de amostras. Apenas descarte isso. E aí está nosso padrão. Não precisávamos fazer nenhum clones. Não precisávamos fazer a caixa delimitadora. Agora, parece um pouco diferente do anterior. Há muitas lacunas entre nosso bloco. E a razão para isso é que, embora não tenhamos que fazer uma caixa delimitadora, todo padrão precisa ter uma caixa delimitadora. Então, o ilustrador faz um automaticamente. E você verá que é exatamente o tamanho de todos os nossos elementos. Eles se encaixam exatamente dentro desse retângulo específico. Podemos alterar o tamanho e a forma dessa caixa delimitadora clicando aqui em cima. Depois de fazer isso, obtemos alças na caixa delimitadora e podemos movê-las como quisermos. E quando eu levanto imediatamente, você vê as mudanças no padrão. Também podemos mudá-los aqui. Então, se você quiser ter um número par como fizemos da última vez, você pode simplesmente digitá-lo aqui, cinco por seis, que ajustou o padrão. E agora esse padrão se parece exatamente com o anterior, mas não precisávamos fazer uma caixa delimitadora e não precisávamos fazer as duplicatas. O que estamos vendo agora são três peças de diâmetro e três peças abaixo. E é isso que isso significa aqui. Assim, podemos mudá-lo e ver como fica em uma área maior. E esse é um recurso muito legal porque você pode ver imediatamente se há algum problema com o padrão. Se eu voltar a ampliar, podemos fazer o que quisermos com esses elementos para que eu possa escolher um e movê-lo. E você vê que cada iteração dele também se move. Portanto, é uma ferramenta super poderosa. Podemos até mudar a cor deles ou o que quisermos fazer. Agora pode ficar confuso quando você está editando seu padrão. E digamos que você queira mudar a cor deste. Bem, se eu clicar aqui, nada acontece, eu não posso mover isso. Isso porque não está realmente dentro da caixa delimitadora. Então, se você quiser tornar as coisas um pouco mais fáceis de olhar, você pode escurecer essas cópias bem aqui. E você pode mudar o quanto Deming quiser. Dessa forma, você ainda pode ver o padrão, mas sabe quais motivos estão ativos. Então, sabemos que isso não está ativo. Mas aqui, eu posso mover este. Quando estiver satisfeito com seu padrão, basta clicar em concluído e você verá que ele apareceu ali mesmo. Assim, podemos preencher essa forma com o novo padrão, e ele se parece com isso. Então é assim que você usa a ferramenta de padrões. seguir, vou mostrar alguns tipos diferentes de padrões que são super fáceis de fazer com a ferramenta de padrões. 5. Tipos de repetição de padrões: Existem vários tipos diferentes de repetições que são usados no design de superfícies. Tudo com o que trabalhamos até agora foi uma repetição direta. E é aí que os ladrilhos se alinham perfeitamente tanto horizontal quanto verticalmente. Há outro tipo e isso é chamado de tijolo. Repita essa situação. Cada linha é deslocada a meio bloco da linha anterior. Pense nisso como uma parede de tijolos. O terceiro tipo é chamado de repetição de meia gota e é provavelmente o mais usado no design de superfícies. E nesse caso, as colunas alternadas são descartadas com metade do comprimento do ladrilho. Então, por que você iria querer usar esses diferentes tipos de repetições? Bem, a repetição direta pode parecer formal e ordenada, e às vezes isso é bom. Mas muitas vezes parece estático e talvez um pouco monótono. Por outro lado, padrões construídos com uma repetição de tijolo ou meia gota tendem a ser um pouco mais interessantes. A maneira como os ladrilhos se alternam ajuda o olho se mover através do padrão, para que eles tenham mais energia e mais movimento. A maneira mais fácil de fazer esses diferentes tipos de repetições é usando a ferramenta Padrão do Illustrator. Você pode fazê-las manualmente, mas é muito trabalhoso e um pouco de matemática envolvida, então é muito mais fácil usar a ferramenta de padrões. O Illustrator usa alguns nomes ligeiramente diferentes para essas repetições. Uma repetição reta é chamada de grade, e a repetição de tijolo é chamada de tijolo por linha e meia gota como tijolo por coluna. Então, na próxima lição, mostrarei uma demonstração para que você possa ver como fazer esses diferentes tipos de repetições e como elas afetam nosso padrão. 6. Como criar diferentes tipos de padrões: Este pequeno projeto de planta funcionará bem para ilustrar como os diferentes tipos de repetição afetarão seu design de padrão. Então, vamos usar a ferramenta padrão e simplesmente selecioná-la, ir para Object, Pattern, Make. E nossa plantinha é colocada em uma caixa delimitadora que se encaixa nas bordas dela. Deixe-me diminuir o zoom e com a ferramenta padrão, vamos dar um pouco de espaço para respirar. Vou apenas alterar o tamanho da caixa delimitadora. Então, aqui é onde determinamos o tipo de padrão. Há a grade, há tijolo por linha, tijolo por coluna. E então essas duas opções hexadecimais. E eu não vou entrar nisso, Isso raramente é usado em design de superfície. Você pode brincar com ele se quiser. Mas, mas esses três são realmente os que você vai querer usar? Então, atualmente, está na grade. Vamos dar uma olhada tijolo por linha. Na borda aqui você pode ver como cada linha é deslocada da anterior. Agora vamos fazer tijolo por coluna. E agora as colunas são retas, mas cada uma é deslocada da anterior. Deixe-me mudar a cor de um desses para que possamos realmente ver o que está acontecendo. Com o tijolo por coluna. Temos linhas verticais intactas. As linhas horizontais sobem para cima e para baixo. E muitas vezes haverá uma diagonal forte que aparecerá no seu padrão. E vamos voltar para tijolo por linha. E agora as linhas horizontais são muito proeminentes. Mas verticalmente, o design aparece para frente e para trás. E, novamente, compare isso com a grade onde os pontos azuis estão alinhados horizontalmente e também alinhados verticalmente. E não há nada de errado com uma grade. Repito, vou dar um pouco mais de espaço para respirar. Algo assim pode ser um papel de parede agudo. Então, a coisa mais importante aqui é brincar com a caixa delimitadora e ver o que muda ela se mistura se eu a apertar e nós meio que conseguirmos alguma sobreposição. Então eles se aninham um no outro e isso é legal. Outra coisa a se notar é que, no momento, o deslocamento é meio. Temos muitas outras opções para dizer que não queremos que essas duas pequenas bagas se esbarrem. Poderíamos tentar fazer um terceiro, e agora eles não. Ou podemos fazer dois terços. E você pode ver como cada mudança muda o ritmo do design. Deixe-me mostrar mais um exemplo rápido com essas frutas que farão nosso padrão. Aqui está o que parece ser uma grade. E como tijolo por linha e tijolo por coluna. Se focarmos nos pares aqui, os pares estão perfeitamente alinhados para cima e para baixo. Mas horizontalmente, eles se movem para frente e para trás. Com o tijolo por linha. Os pares são alinhados horizontalmente, mas verticalmente. Os pares se movem para frente e para trás. E o bom da ferramenta de padrões é que você obviamente pode fazer alterações aqui. Por exemplo, se você não gosta dessa diagonal forte, você pode alterá-la um pouco e fazê-la seguir esse caminho, ou alterar a quantidade de espaço entre elas. E eu não mencionei isso antes, mas você certamente pode fazer mudanças. Você pode desenhá-lo diretamente na ferramenta de padrões. Então, se você decidiu colocar alguns pontos no fundo aqui, isso torna tudo muito fácil. E aí está nosso resultado final. Ok, agora na próxima lição, vou mostrar como editar padrões feitos tanto no método manual quanto com a ferramenta padrão. 7. Como editar padrões simples: Você deve estar se perguntando por que me preocupei em ensinar o método manual para fazer padrões quando a ferramenta de padrões é muito mais fácil? Bem, primeiro eu acho que é sempre bom entender a mecânica de fazer padrões, porque em algum momento você provavelmente terá um padrão que não está funcionando corretamente. E quanto mais você entender como isso funciona, mais fácil será diagnosticar e corrigir o problema. Em segundo lugar, existem algumas limitações na ferramenta de padrões. Uma delas é que você não pode realmente adicionar uma cor de fundo. A ferramenta de padrão que você precisa fazer no método manual. E também, se você tiver um padrão muito complicado, às vezes ele realmente deixará seu computador atolado. Nesse caso, você também pode querer usar o método manual. Então, agora vamos ver como editar padrões simples em ambos os métodos. E começaremos com a ferramenta de padrões. Para este exemplo. Vamos começar com essas mesmas formas. E para criar um padrão a partir deles, nós os selecionamos e entramos em Object Pattern Make, digamos logo de cara, queremos fazer algumas mudanças. Queremos fazer, queremos fazer essa laranja e essa rosa. Ficam felizes com isso. Então, clicamos em concluído. Então podemos criar uma forma e preenchê-la com nosso novo padrão. Agora talvez você ainda não esteja feliz com isso. Então, como você volta e reedita esse padrão? Bem, você usa a porta secreta e isso é clicar duas vezes na amostra na paleta. Isso traz você de volta à ferramenta de padrões. E agora você pode fazer as mudanças que quiser. Talvez mude este para lavanda e clique em Concluído. Portanto, as alterações que fizemos na ferramenta de padrões são atualizadas automaticamente. Ok, e se eu quiser uma segunda versão desse padrão? Talvez eu queira que tudo seja de uma só cor. Novamente, clico duas vezes na amostra e só preciso selecionar tudo. E vamos deixar tudo laranja. Agora, se eu clicar em concluído, assim como da última vez, isso mudará a amostra que já está lá. Queremos salvar uma cópia dele para que tenhamos essas duas versões. Então, em vez de clicar em concluído, clicamos em Salvar uma cópia. Ele nos diz como vai chamar o novo padrão. Clique, OK? E agora você vê o padrão lá. Ok, então parece que está tudo bem. Então você clica em Concluído. E agora olhe aqui para cima, o que aconteceu. Perdemos a versão anterior e temos duas versões da nova. Não era isso que queríamos. Então, eu vou apenas fazer um desfazer. Voltamos aqui e olhamos para o painel de amostras. Ainda não temos essa segunda versão. Então, salvaremos uma cópia. Clique em. Ok, nós vemos isso aqui. E eu sei que isso não parece intuitivo, mas em vez de dizer feito aqui, precisamos dizer Cancelar. Agora temos nossas duas versões para que possamos alternar entre elas. Agora vamos fazer isso com o método manual. Só precisamos adicionar uma caixa delimitadora. Certifique-se de que o preenchimento seja desconhecido e o traçado não esteja em nenhum. Então precisamos ter certeza de que está na parte de trás de todos os motivos. Então vamos para Object, Arrange, Send to Back. E agora basta selecionar tudo e trazê-lo para a nossa paleta Amostras. Em seguida, podemos criar uma forma, clicar em Preencher e preenchê-la com o padrão. Então, como faço alterações neste? Bem, eu posso apenas fazê-los diretamente na amostra aqui. Então deixe-me mudar algumas das cores, vou torná-las azuis, e depois selecioná-las novamente e arrastá-las para cá novamente. Agora, posso preencher esse retângulo com o novo padrão revisado. Agora, há uma segunda opção, embora tenhamos criado isso como um padrão manual e o tenhamos colocado no painel Amostras. Podemos editá-lo da mesma forma que fizemos com a versão da ferramenta de padrões. Então, eu clico duas vezes na amostra e ela me leva para a ferramenta de padrão. E agora podemos mudar as coisas exatamente como fazíamos antes. Se estivermos apenas editando, clicamos em Concluído. Se quisermos salvar isso como uma nova versão, salvamos uma cópia. Clique em OK, as novas cópias lá, e clicamos em cancelar. E agora temos nossa nova versão. Agora, esse era um design muito simples. Não havia clones, não havia nada pendurado nas bordas. Na próxima lição, vou mostrar um exemplo um pouco mais complexo disso. 8. Como editar padrões complexos: Nesta lição, eu tenho algumas dicas importantes sobre como editar padrões mais complexos. E com isso, quero dizer qualquer padrão que tenha motivos cruzando a caixa delimitadora como este. A primeira dica é quando você está editando repetições manuais. Não se esqueça dos clones. Por exemplo, se quiser mover essa forma, clique com a tecla Shift pressionada na outra do outro lado. Para que, quando você os move, eles fiquem em perfeito alinhamento. Quando você faz a repetição. Se o seu elemento estiver na esquina, em outras palavras, ele cruza a parte inferior e a lateral. Você precisará escolher todos os quatro clones e movê-los juntos. Se você não fizer isso, você terá algo parecido com isso. Você pode ver aqui que eu movi um clone, mas não o outro. O mesmo vale se você quiser mudar as cores. Se eu quiser mudar a cor disso, preciso mudar nos dois lados. E o mesmo com este. Se você não fizer isso, você terá um padrão que se parece com isso. Agora, essa situação acontece muito, especialmente se você for recolorir algo e fornecer uma segunda cor ao seu cliente. É muito importante que você olhe com cuidado porque este foi fácil de ver. Mas procure aqui em cima. Às vezes, há apenas um pequeno pedaço que cruza. Portanto, é fácil cometer esse erro. Agora, se você quiser alterar o tamanho de um dos elementos que cruza a linha, como este. Você tem que fazer algo um pouco diferente porque você não pode dimensioná-los juntos. Obviamente, a posição deles muda. Se você quiser alterar o tamanho, basta fazer isso em um deles. Você terá que excluir o outro clone e refazê-lo. Agora, essas dicas referem-se apenas a padrões feitos manualmente. Você não precisa se preocupar com essas coisas ao usar a ferramenta de padrões, que é uma das razões pelas quais eu realmente gosto dela. A segunda dica que tenho para você é tomar cuidado com os motivos duplicados na ferramenta de padrões. Se você trouxer um padrão para a ferramenta de padrões que tem clones, você acabará com motivos em camadas uns sobre os outros, o que fica super confuso quando você está tentando editar. Deixe-me mostrar o que quero dizer. Vou tornar nossa caixa delimitadora invisível. Em seguida, traga isso para a ferramenta padrão por objeto. Padrão. Fazer. Tudo parece muito bem. Mas se você clicar em um desses motivos que ultrapassam os limites, descobrirá que existem dois deles. Há dois desse. E este, qualquer um deles que cruzou a linha. Portanto, antes de trazer um padrão para a ferramenta de padrões, certifique-se de que ele não tenha clones. Então, eu selecionaria qualquer coisa que estivesse de um lado e tudo o que cruzasse na parte inferior. E agora é seguro trazer isso para a ferramenta de padrões. E não temos formas sobrepostas. Vou colocar esse padrão manual no painel de amostras. Lembra que na última lição eu disse que uma vez aqui, mesmo que tenhamos feito manualmente, podemos editá-lo na ferramenta de padrões, o que é muito bom. Mas aquele não tinha nada que cruzasse a caixa delimitadora. Nesse caso, isso acontece. Então, eu quero mostrar a vocês o que acontece quando temos clones em uma amostra. Então, eu clico duas vezes nele e recebemos esta mensagem aqui. Ele tem algumas instruções complicadas sobre máscaras de recorte e formatos legados. Mas basicamente o que isso está dizendo é, Ei, você tem uma amostra que tem clones nela. Então diga Ok, vá para o comando de visualização Y e, em seguida, você precisará usar a ferramenta de seleção de grupos primeiro e a ordem é importante aqui. Primeiro, clique na caixa delimitadora e exclua-a. E agora, assim como fizemos antes, livre-se dos clones de um lado e de baixo. E agora você pode mover tudo. Você pode editar isso da maneira que quiser. Agora você sabe como editar seus padrões. E a seguir, mostrarei como adicionar cores de fundo. 9. Adicionando cores de fundo: Então, vamos falar sobre adicionar planos de fundo. E primeiro eu quero mostrar a vocês no método manual, usaremos esses mesmos motivos. E se eu entrar na visualização do Comando Y, você pode ver que ele já tem uma caixa delimitadora. Então, para criar um plano de fundo, eu só preciso fazer um retângulo maior que a caixa delimitadora e depois preenchê-lo com a cor que eu quiser como plano de fundo. Agora, obviamente, isso precisa ficar por trás dos elementos. Então vamos nos opor, organizamos, enviamos para trás. Mas lembre-se de que nossa caixa delimitadora precisa estar na parte de trás. Então vá para o Comando Y, pré-visualização. Clique na caixa delimitadora e diga objeto, organizar, enviar para trás. Então, como antes, selecionamos tudo e o arrastamos para as amostras. Agora vamos preencher uma forma com nosso novo padrão para verificá-la, e aí está. Então, agora vamos ver como fazemos isso na ferramenta de padrões. Vamos entrar em um padrão diferente. Vamos usar este, clicar duas vezes e fazer a mesma coisa. Vamos para nossa ferramenta de retângulo e, em seguida, basta fazer uma caixa maior que a caixa delimitadora. Vá para objetar, organizar, enviar para trás. E aí está, exceto que você vê o problema. Se olharmos de perto, nossos motivos estão sendo cortados. Então esse é o problema. Quais são nossas opções então? Bem, como antes eu disse que às vezes você vai querer ir e voltar entre a ferramenta de padrões e o método manual. E esse é um desses momentos. Então, basicamente, para torná-lo um padrão manual, novamente, tudo o que precisamos fazer é arrastar essa amostra para fora do painel de amostras. E se olharmos para a pré-visualização, podemos ver que ela tem a caixa delimitadora e todos os elementos. A única diferença é que, quando você arrasta uma amostra, ilustrador agrupa automaticamente essas coisas. Então, a primeira coisa que queremos fazer é clicar com o botão direito e desagrupar. Agora, cada elemento está separado e a caixa delimitadora é separada, e essa é a chave, é isso que queremos. Então, o Comando Y. E agora podemos fazer exatamente a mesma coisa. Nós fazemos um retângulo que é maior que a caixa delimitadora. Preencha-a com a nossa cor de fundo, mande-a para trás. E depois vá para a pré-visualização. Encontre a caixa delimitadora e envie-a para trás. Agora, exatamente como fizemos antes, selecione tudo, arraste-o para as amostras, ele aparece aqui. E então podemos preenchê-lo aqui. Essa é realmente a maneira mais fácil de adicionar um plano de fundo a um padrão que você criou usando a ferramenta de padrões. Ao arrastá-lo para fora do painel de amostras, você está convertendo-o novamente em um manual. E contanto que você o desagrupe primeiro, você pode adicionar o plano de fundo como se fosse um padrão criado manualmente. 10. Trabalhando com formas preenchidas com padrões: Nesta lição, quero dar algumas informações sobre como trabalhar com formas preenchidas com padrões. Então, vamos fazer nossa forma e preenchê-la com um padrão. A primeira coisa sobre a qual quero falar é às vezes uma pequena linha do cabelo aparece no seu padrão. Essa pequena linha preta bem aqui embaixo. Isso pode significar que há algo errado com seu padrão. Que, por algum motivo, os blocos de padrão não estão brotando perfeitamente um ao lado do outro. Ou também pode ser algo chamado artefato. E isso é basicamente uma falha em como a tela do computador está renderizando seus blocos de padrão. Se for esse o caso, então não há nada com que se preocupar. Então, como você pode dizer de uma forma ou de outra? Você pode tentar escalar a caixa para cima e para baixo. Vou segurar as teclas Shift Option e depois puxar esse canto. E enquanto eu faço isso, você pode ver que essa pequena linha do cabelo aparece para dentro e para fora. Às vezes está lá, às vezes não. Isso significa que é um artefato. O mesmo acontece se você apenas aumentar o zoom nesse ponto. Às vezes, ele estará lá e às vezes não. Agora, se eu estivesse ampliando cada vez que eu aumentava o zoom, essa linha ainda estava lá. Então isso indica que há algo errado com seu padrão e você precisa voltar e solucionar problemas. Agora vamos falar sobre redimensionar o padrão dentro dessa forma. Como eu já mostrei, se você apenas dimensionar a caixa, o padrão será dimensionado com ela. Portanto, a maneira de alterar o padrão em si é usar a opção da ferramenta de escala, clicar no retângulo. E agora temos algumas opções aqui. Primeiramente, você pode ver o tamanho da nossa caixa alterado aqui. E isso é porque temos este verificado. Então, se desmarcarmos Transformar Objetos, agora, somente o padrão é transformado, somente o padrão é reduzido. Agora algo super legal e talvez você já conheça esse truque. Se você acabou de colocar o cursor aqui, clique na seta para cima, e cada vez que você fizer isso, ele ficará maior em 1%. E, obviamente, se você usar a seta para baixo, ela vai para o outro lado. O mesmo é verdade. Se você apenas rolar, contanto que eu clique nesta caixa, eu posso simplesmente rolar no meu mouse e ele fará a mesma coisa. Ele só vai se mover para cima e para baixo até eu chegar ao tamanho que eu quero. Então, isso é muito útil. Agora, se você quiser mudar a forma desta caixa, se eu apenas puxar para o lado, isso vai distorcer o padrão. Assim, você pode usar sua ferramenta de seleção direta. Com isso, posso escolher apenas uma parte da caixa. Então, o que eu quero fazer é clicar bem nessa borda. E desde que essas pequenas alças no canto estejam delineadas e não sólidas, posso mover apenas uma borda. Então, vou clicar nessa borda e puxar. E agora eu posso fazer essa forma tão longa ou tão pequena quanto eu quiser. Se eu quiser que ele permaneça um retângulo, posso apenas usar a tecla Shift e isso o restringirá a mover apenas para a esquerda e para a direita. E, obviamente, eu posso fazer isso desse lado também. Outra coisa que podemos fazer é mover o padrão dentro da forma. E isso é útil se você quiser dizer centralize seus motivos dentro da sua forma. Então, vou pegar nossa ferramenta de seleção, selecionar o retângulo e entrar em Objeto, Transformar, Mover. E agora nos certificamos de que isso está desmarcado. E então podemos fazer a mesma coisa aqui. Se você tiver teclas de seta, você pode usá-las e observar como o padrão se move. E, obviamente, podemos movê-lo para frente e para trás e podemos movê-lo para cima e para baixo. Agora, você sabe como trabalhar com formas preenchidas. Você sabe como fazer padrões com o método manual e com a ferramenta padrão. Então, tudo o que nos resta é falar sobre como salvar seus padrões ou exportá-los , dependendo do que seu cliente precisa. 11. Salvando arquivos do Illustrator: Não há uma maneira correta de configurar seus arquivos do Illustrator para padrões. Obviamente, se você estiver usando apenas para seus próprios propósitos, você pode configurá-los como quiser. Quando estou enviando padrões para um cliente, sempre pergunto primeiro eles podem pegar um arquivo do Illustrator ou precisam de algum outro formato? Se eles conseguirem pegar um arquivo do Illustrator, tentei facilitar ao máximo a compreensão do arquivo, porque não sei se você já trabalhou no arquivo do Illustrator de outra pessoa, mas às vezes parece cozinhar na cozinha de outra pessoa. Tudo, só não tenho certeza onde está tudo ou como está configurado. Então eu tentei tornar isso o mais fácil possível para eles. Então, deixe-me mostrar o que eu faço. À direita. Vou fazer uma forma e preenchê-la com meu padrão. E então, do outro lado, vou pegar essa amostra e arrastá-la para fora do painel de amostras. Em seguida, desmarcarei e entrarei na pré-visualização. E, em seguida, usando a Ferramenta de Seleção de Grupo, clico na minha caixa delimitadora. E vou dar a isso um traço, uma cor brilhante que não está na arte. Então, neste caso, vou usar esse rosa brilhante. O objetivo disso é apenas para que eles possam ver onde está a linha da caixa delimitadora. E então eu apenas adiciono alguma explicação para que eles saibam que este é o bloco de padrão de repetição e essa outra forma é uma forma de amostra preenchida com o padrão. Vou adicionar o nome do padrão e se você tiver um número de identificação, este é um bom lugar para colocá-lo. Vou adicionar amostras que mostram as diferentes cores que estão no padrão. Nesse caso, há apenas o verde. E, finalmente, adicionarei meu logotipo e direitos autorais e o endereço do meu site. Se você tiver feito outras versões desse padrão , certifique-se de se livrar delas antes de enviá-las aos clientes. Portanto, não há como eles poderem usar a amostra errada para fazer seus produtos. Clique nessas três pequenas linhas aqui em cima e vá até onde diz Selecionar tudo não usado. Quando você clicar nele, ele destacará tudo o que não é usado em seu documento. E, em seguida, clique na lixeira. Clique em. Sim. E agora a única amostra de padrão que existe é a que usamos. E você pode verificar isso clicando na sua forma, clicando no preenchimento e você verá que aquela está delineada. Dessa forma, você sabe que eles têm exatamente o que precisam e isso diminui a oportunidade de erros. E então vou salvá-lo como um arquivo do Illustrator e é isso que vou enviar para o cliente. 12. Lição 12 Exportando o esboço 6: seguir, vamos falar sobre como exportar um arquivo para um formato diferente de um arquivo do Illustrator Primeiro, abordaremos brevemente alguns termos que você encontrará. O primeiro é o tipo de arquivo Jpeg e PNG são os mais comuns para essa finalidade E ambos são arquivos rasterizados em comparação com um arquivo do ilustrador, que é um arquivo vetorial seguir, falaremos sobre os modos de cores quando você estiver trabalhando em arquivos digitais em a cor é criada pela luz, como a luz que entra pelo seu computador. Você está vendo as cores RGB, que significam vermelho, verde e azul E quando você combina essas cores de várias maneiras, você realmente obtém um arco-íris completo de cores Agora, na impressão, muitas vezes as cores usadas são cores CMYK E isso significa ciano, magenta, amarelo e preto Da mesma forma, ao misturar essas tintas, você também obterá um arco-íris Embora não seja tão vibrante e variado quanto na faixa de cores RGB Você também pode se deparar com o termo cores pantone. Pantone é a marca de todo um sistema de cores de tinta. E eles são desenvolvidos para impressão em papel, bem como em produtos de moda e domésticos. Eles tendem a ter uma gama maior de cores do que você pode obter com as cores CMYK Por fim, está o termo resolução, que você provavelmente já conhece, mas descreve o nível de detalhe e a qualidade de uma imagem digital E é medido em pontos por polegada ou pixels por polegada. E às vezes eles são usados de forma intercambiável, embora, na verdade, quando você está imprimindo, sejam pontos por polegada e, quando você fala na tela, sejam pixels por polegada. Uma imagem de alta resolução é considerada algo maior que 300 DPI ou pontos por polegada Isso é necessário quando você está imprimindo em papel e, às vezes, em outras superfícies. Agora, para fins de demonstração, vou fingir que estamos configurando um arquivo para enviar à Spoonflower, a empresa de impressão digital em tecidos Precisaremos descobrir quais são suas especificações e as encontraremos em seu site Se analisarmos o design e a venda e passarmos às perguntas frequentes sobre design, acessaremos este link para fazer o upload de imagens Um pouco mais abaixo, você encontrará este parágrafo que descreve todas as suas especificações Aqui, eles estão nos dizendo que querem cores RGB. Agora eles dizem RGB, essa é uma versão um pouco diferente, e eu vou falar sobre isso em um minuto Eles não querem CMYK ou PMS. Pms é outra forma de dizer Pantone. Eles querem um arquivo Jpeg ou PNG como tipo de arquivo e, em seguida, gostam de 150 DPI Essas são as especificações que vamos usar ao exportar nosso arquivo Exportar para JPEGS às vezes pode ser complicado. Você pode fazer tudo certo. E, de alguma forma, você ainda terá uma linha de cabelo que aparecerá entre os ladrilhos do padrão, como aconteceu algumas aulas atrás. Agora você realmente não pode ver isso aqui. E é sutil. Mas deixe-me ampliar. Espero que você possa ver essa pequena linha, essa pequena linha branca que corre por aqui Agora, isso provavelmente aparecerá quando você estiver produzindo seu design Você quer realmente verificar e garantir que isso não aconteça. Vou mostrar um método para exportar seu J Peg que, até agora, bater na madeira nunca me falhou Espero que funcione para você também. Felizmente, o processo é bem simples. Vá até o painel Amostras, arraste a Amostra até a prancheta e selecione a caixa delimitadora Agora, tudo o que preciso fazer é garantir que minha prancheta exatamente o mesmo tamanho da caixa delimitadora No momento, esse é o tamanho da minha prancheta. Não tenho ideia do tamanho, mas quero que seja exatamente do tamanho da minha caixa delimitadora Para fazer isso, basta ir até pranchetas de objetos adequadas à arte selecionada Lembra que a arte que eu selecionei foi a caixa delimitadora ? Clique nisso. Agora, a chave aqui é fazer com que esses elementos, esses clones, caiam da borda, nunca os retirem Fazer com que caiam dessa forma é o que evitará que você tenha problemas na linha do cabelo Mais uma coisa, e isso é super importante. Se o padrão tiver uma cor de fundo, certifique-se de que seja maior do que a prancheta para que ele se estenda pelas bordas, assim como os outros motivos Agora, tudo o que fazemos é exportar arquivos , pois agora começaremos a adicionar as especificações que obtivemos do site spoonflower Vou deixar o nome como Canthus. Eles queriam um JPEG ou um PNG. Estou sempre mais confortável com um J Peg. Isso é o que eu vou fazer. O mais importante é garantir que você clique em usar pranchetas É assim que temos certeza de que isso será cortado exatamente na porta de cliques da nossa caixa delimitadora E então é aqui que terminamos de preencher as especificações. Spoonflower queria que fosse RGB. Podemos deixar o tamanho do arquivo no máximo, não se preocupe com a linha de base, você pode simplesmente deixar isso como padrão Spoonflower queria 150 DPI. Por fim, esse anti-aliasing, coloque-o em arte otimizada Então aqui embaixo diz incorporar perfil ICC. E então aquele pequeno RGB, eu simplesmente clico nele. Agora vamos abrir esse arquivo no Photoshop apenas para verificar se há linhas de cabelo Este é o bloco de padrão exportado que eu mostrei que tinha um problema com uma linha fina nele Eu o abri no Photoshop, mas você também pode fazer a mesma coisa no Adobe Preview Se você não tem o Photoshop , fica bem nessa escala Mas o que realmente queremos fazer é ampliar e observar as bordas do ladrilho. Eu ampliei todo o zoom até que eu possa realmente ver pixels individuais Agora vou até a borda esquerda do ladrilho. E o que estou procurando é essa última linha de ladrilhos. E certificando-se de que tenham exatamente a mesma cor da próxima fila. Agora, aqui, enquanto eu percorro, parece muito bom. Agora, se olharmos para a borda inferior, lembre-se de que a linha do cabelo estava passando horizontalmente por ela passando horizontalmente por Vamos rolar até o fim e ver a diferença. Aqui está o que estamos procurando. Temos essa cor verde completa na segunda fileira, mas a primeira linha é mais clara, e é daí que vem a linha do cabelo Se continuarmos, você verá que isso acontece ao longo dessa borda. Se olharmos para a borda superior, esta também está bem. Você realmente precisa verificar toda a volta do ladrilho para ter certeza de que não há nenhum problema. Agora vamos verificar o ladrilho real que acabamos explorar em nosso exemplo de flor de colher Se eu ampliar ao longo da borda vertical, tudo ficará bem na borda inferior. Tudo parece bom lá na borda direita, tudo está bem também na borda superior. Depois de percorrermos todo o ladrilho e examinarmos essas bordas, se tudo estiver bem, podemos realmente ter certeza de que não haverá linhas finas na saída do arquivo 13. Seu projeto e o que vem a seguir: Bem, aqui estamos no final da aula. Parabéns por ter superado tudo isso. Agora, eu sei que abordei muitas informações nesta aula, mas eu as coloquei propositalmente em pequenas aulas Portanto, se houver uma etapa que você esqueça ou esteja tendo problemas, você pode facilmente voltar à aula e encontrar as informações específicas de que precisa Seu projeto é criar três padrões diferentes. Primeiro, um que é feito com o método manual, o segundo usando a ferramenta de padrões e um terceiro que tem um fundo colorido. Se você pode fazer todas essas três coisas, primeiro lugar, você é demais e, segundo, está no caminho certo para se tornar um especialista em modelagem. Também quero mencionar uma ótima aula complementar para esta. Isso se chama diagnosticar e corrigir padrões repetidos, porque, com toda honestidade, não vai dar certo todas as Mas essa aula fornece ferramentas para descobrir facilmente o que há de errado com seu padrão, por que ele não está funcionando, para que você possa corrigi-lo rapidamente e voltar a criar mais padrões. Então, espero que você dê uma olhada. Ah, e não se esqueça de postar seu padrão na página da turma. E eu também agradeceria se você pudesse escrever uma resenha rápida para a aula. Isso realmente me ajuda a saber o que está repercutindo nas pessoas e me ajuda a planejar e criar aulas futuras. Você também pode fazer isso na página da aula e, na verdade, leva apenas um segundo. E uma última coisa, não se esqueça de me seguir aqui no compartilhamento de habilidades para que você saiba sobre as novas classes que estão chegando. Ou você também pode entrar na minha lista de e-mails e fazer isso em risbruf.com Enquanto isso, divirta-se criando padrões. 14. Mais uma coisa...: Olá. Oi de novo. Estou voltando para informar que agora estou disponível para sessões de treinamento individuais Então, se você gosta desta aula e gostaria de trabalhar comigo individualmente, agora você pode fazer isso reservando uma sessão diretamente da minha página de perfil de compartilhamento de habilidades. Eu ofereço dois tipos de sessões. A primeira é uma análise de portfólio de 1 hora qual analisaremos seus designs de superfície. Vou informá-lo sobre alguns pontos fortes e áreas em que se concentrar, e você terá a oportunidade de fazer qualquer pergunta que quiser sobre o licenciamento de arte ou o setor de design de superfície Agora eu sei que pode ser intimidante mostrar seu trabalho para alguém, mas é muito inteligente receber feedback profissional Todos os artistas com quem trabalhei se sentiram energizados e prontos para seguir em frente após nossas sessões Também ofereço uma sessão de instruções de 30 minutos no Adobe Illustrator ou no Photoshop Se você está tendo dificuldades com algum aspecto do software, eu posso ajudar. Podemos analisar as ferramentas, posso demonstrar técnicas e fluxos de trabalho que ajudarão a resolver seus problemas Então, se você está procurando uma sessão única ou uma oportunidade contínua de feedback sobre seu trabalho, coaching é um grande investimento em sua carreira Ao contrário de alguns dos caros cursos on-line disponíveis, coaching não tem um currículo fixo, então eu posso lhe dar exatamente as informações e orientações de que você precisa, exatamente quando você precisa Espero que você considere treinar. Eu adoraria trabalhar com você e mal posso esperar para conhecê-lo , apoiá-lo e orientá-lo em sua jornada criativa. Você pode aprender mais sobre minhas sessões de coaching em chrisrug.com