Design gráfico geométrico: oito padrões para potencializar seu próximo projeto

1. Introdução: Eu acho que o que torna os padrões cativantes é que eles são ambos estéticos e repetitivos. É muito humano da nossa parte tentar encontrar padrões na vida. Acho que quando o vemos em forma estética, realmente nos intriga. Olá, sou Dan Kuhlken. Sou metade dos estúdios da DKNG e estou em Los Angeles. Sou Nathan Goldman, a outra metade do DKNG e estou em Portland, Oregon. Padrões estão ao nosso redor e nós passamos a usar padrões principalmente como uma ferramenta de eficiência. Podemos trabalhar mais rapidamente com formas repetidas. Mas nós também passamos a confiar em padrões apenas para seu valor estético e eles se tornaram uma parte realmente interessante de muitos de nossos projetos. A aula de hoje é sobre a criação de padrões geométricos, formas simplificadas que criam uma amostra perfeita, que cria um mundo inteiro que você pode usar dentro do seu design. Tudo desde muito simplista como pontos e linhas até algo mais complexo, como uma tesselação. Vou guiá-lo através de alguns exemplos práticos de padrões, como usamos padrões em alguns de nossos projetos reais de clientes, e também como evitar algumas armadilhas comuns de padrões. Se você é novo no mundo dos padrões como nós somos com muitos desses exemplos, definitivamente não se deixe intimidar. Vamos começar com abordagens muito simples. Você será capaz de experimentar o conteúdo do seu coração e torná-los tão complexos quanto você gostaria. Estamos entusiasmados, você está aqui. Agora vamos começar. 2. O poder dos padrões: Bem-vindo à turma. Estamos felizes em tê-lo aqui e hoje vamos falar sobre padrões geométricos. Padrões podem realmente ser qualquer tipo de design de repetição ou forma de repetição. Qualquer coisa que usamos em nosso trabalho de design, consideramos um padrão se ele tem elementos repetitivos e padrões geométricos, nós realmente vamos estar focando em usar formas básicas. Você provavelmente já está familiarizado com ver muitos padrões ao seu redor e até mesmo alguns famosos. Vamos dar uma olhada em alguns exemplos , incluindo essa ligação com o que vamos estar falando na aula. Este primeiro exemplo é uma pintura de Roy Lichtenstein que joga essa idéia de usar pontos de meio tom e estaremos criando um padrão de pontos como este na classe. Algo completamente no outro extremo do espectro é um padrão de tesselação mais avançado como este exemplo de M. C. Escher e Dan estará entrando em alguns exemplos como este. Este é outro exemplo de M. C. Escher que é mais um padrão rotacional e estaremos cobrindo como fazer algo assim também. Claro, há todos os tipos de padrões famosos na indústria da moda que você provavelmente conhece. Aqui estão alguns desses. Algo como este padrão houndstooth é na verdade uma tesselação e vamos explicar mais sobre o que é mais tarde na aula. Basicamente, como o espaço negativo de uma forma ocupa o espaço positivo nas formas vizinhas. Realmente não há lacunas. Este é provavelmente um dos exemplos mais famosos de uma tesselação. Mesmo algo como se você olhasse para uma imagem de um jornal super de perto, você verá um padrão feito de pontos. Neste caso, pontos CMYK sendo usados para fazer uma fotografia colorida do rosto de uma pessoa e vamos falar sobre como esses padrões funcionam um pouco. Até mesmo a tela do computador, monitor ou tela que você está olhando agora tem padrões envolvidos e nós vamos tocar nisso e como ele interage com o seu design na seção Pattern Pitfall. Aqui está outro exemplo de padrões de pontos usados em um jornal e exatamente como pontos pretos e brancos são usados para criar uma fotografia com todos os diferentes tons de cinza. Mesmo coisas tão simples como uma cerca de encadeamento ou a tela que é usada para serigrafia são ambos exemplos de padrões e padrões que você precisa estar ciente quando se trata de coisas como Moire, sobre as quais falaremos mais no Padrões seção Pitfall. Esses são apenas alguns exemplos mais conhecidos, coisas que você pode ter encontrado e nós vamos tocar em muitos outros mais tarde. Agora você pode estar perguntando, se esta é uma informação que é apenas bom saber ou pode ser útil em seu trabalho? O que descobrimos é que, muitas vezes, quando estamos resolvendo problemas ou tentando descobrir uma maneira mais rápida de trabalhar em muitos de nossos projetos, padrões são muitas vezes a solução e em vez de precisarmos colocar elementos específicos manualmente ou simplesmente preencher um grande área com um design repetitivo, padrões são muitas vezes o que nos voltamos para. Às vezes é apenas uma maneira de começar, às vezes é uma maneira de criar o produto final, mas de qualquer forma, é uma ferramenta de ineficiência à qual voltamos de novo e de novo. A forma como estruturamos esta aula é com exemplos reais do nosso trabalho e com cada lição, vamos passar por um tipo diferente de padrão e como nós normalmente o usamos. Em alguns casos, é puramente por causa da eficiência. Você pode nem perceber que há um padrão no trabalho, mas é uma maneira de colocar o design no lugar. Em outros casos, usamos padrões puramente para seu valor estético se faz sentido para esse design, para um padrão ser a solução. Vamos dar uma olhada em alguns de nossos próprios exemplos. Na primeira lição, vamos cobrir padrões de pontos e este é um exemplo de um cartaz que fizemos. Era apenas uma impressão de tela de uma cor e nós realmente usamos pontos vetoriais para criar essa sensação de meio tom para criar diferentes tons, diferentes quantidades de detalhes, mas literalmente apenas usando pontos circulares. Linhas é outro padrão que usamos um pouco para fazer algo semelhante para criar sombreamento e você pode ver neste exemplo cartaz à esquerda. Obtemos diferentes tons médios e tons e destaques dessas cores, apesar do fato de que este cartaz usa apenas quatro cores de tinta e no lado direito você pode ver o close up desse padrão de linha. Vamos abordar como usamos isso como uma ferramenta para criar sombreamento quando você tem algo como impressão de tela onde você pode não ser capaz de apenas adicionar mais cores de tinta. Então vamos cobrir padrões de traços. Nem todos os padrões só precisam ser um preenchimento ou uma amostra grande. Ele pode realmente viajar ao longo de caminhos e contornos. Este projeto onde projetamos cartas de baralho foi um exemplo perfeito de quando percebemos que se nós, por exemplo, todos os diamantes ao longo da roupa deste rei, se tivéssemos que colocar cada diamante individualmente e girar cada um perfeitamente, seria realmente um desafio e seria muito demorado. Mas à direita aqui você pode ver que tudo isso é, é um traço curvo que atravessa essa essa área e fazendo um traço padrão de diamante, podemos colocar isso lá, uma forma automatizada onde sabemos que toda a geometria é perfeita. Nós também estaremos cobrindo padrões sobrepostos e esta escala de peixe, olhar de escala de dragão vai ser uma introdução de quando entrarmos em padrões de tesselação mais complexos. Como você pode ver aqui, não há realmente nenhum espaço negativo, mas isso é porque o padrão está simplesmente se sobrepondo. Esta será a introdução à criação desse tipo de trabalho. Da mesma forma, padrões isométricos, você pode obter este efeito cubo aqui e isso é usado apenas basicamente usando ângulos. Neste caso, pegando seus 360 graus, cortando-o em três pedaços e você pode realmente criar todos os tipos de padrões tridimensionais usando este olhar isométrico. Então, por fim, vamos entrar na parte mais complexa da classe, que vai ser sobre padrões de tesselação. A primeira vez que fizemos uma tesselação foi para este projeto Almanaque e queríamos fazer este padrão de cão onde o espaço negativo de um cão era realmente o espaço positivo dos cães vizinhos e isso é basicamente o que a definição de um padrão de tesselação é, que não há lacunas. É um design geométrico e quaisquer lacunas são preenchidas pelas formas vizinhas, seja a mesma forma, múltiplas formas. Há muitas maneiras de fazer isso. Vamos entrar em alguns exemplos disso mais tarde também. Se você fez alguma de nossas outras aulas, você pode reconhecer alguns desses tipos de padrões que já cobrimos antes e estamos felizes que nesta aula estaremos compartilhando algumas técnicas atualizadas. Encontramos algumas maneiras melhores, mais rápidas, mais fáceis, mais infalíveis de criar alguns desses padrões. à forma como você aborda esta classe, sugerimos que você a leve passo a passo em ordem cronológica, porque vamos aumentar a complexidade à medida que avançamos. Mas o bom é que, com muitos desses, você pode voltar e passar mais tempo em cada um, se quiser. Uma coisa que queríamos mencionar é que usamos o Illustrator para criar esses padrões porque tudo é editável e, à medida que você começa a entender coisas como a ferramenta de Edição Global e maneiras que você pode realmente continuar voltando e refinando seu trabalho. Eu gostaria de encorajá-los a passar por cada lição passo a passo, porque eles vão construir um sobre o outro. Mas você também vai se encontrar voltando para as coisas delicadas como você aprende as diferentes técnicas e, claro, se você encontrar maneiras únicas de usá-lo em seu próprio trabalho ou suas próprias dicas e truques para trabalhar com padrões, por favor, compartilhe com a gente também. É nisso que vamos nos meter. Sem mais delongas, vou jogá-lo ao Dan e ele vai entrar no nosso primeiro padrão que é trabalhar com pontos. 3. Padrões de pontos: Obrigado Nathan. Agora vamos falar sobre como criar padrões de pontos no Illustrator. Usamos pontos o tempo todo em nosso trabalho, seus que nos rodeiam, na vida cotidiana, nós os vemos em jornais, revistas, o processo CMYK de imprimir tudo isso. Normalmente, usamos pontos, tanto no Illustrator quanto no Photoshop. Mas hoje vamos falar sobre como os usamos no Illustrator especificamente para que possam estar em forma vetorial. Nós ensinamos essa técnica em uma aula anterior em Skillshare através da nossa aula de 10 dicas. Naquela época, ainda estamos aprendendo a trabalhar o processo, mas essa nova técnica realmente corta alguns passos para fora. Há menos formas e menos passos ao todo. É uma maneira mais eficiente de criar o mesmo resultado. Sem mais delongas, quero mostrar como é um padrão de ponto vetorial em um de nossos projetos. Você pode ver aqui que este é um pôster nerd que criamos. Esta ilustração de prancha de surf de polvo está usando este padrão de ponto que é na verdade todos os vetores. Eu posso realmente ampliar até o infinito e ele mantém este círculo nítido. Se eu estivesse fazendo isso no Photoshop, em algum momento começaria a pixelizar, então o bom de criar esses padrões escuros no Illustrator é evitar isso. Tecnicamente isso pode ser expandido para qualquer tamanho que você quiser e você não perderia qualquer resolução. Você pode ver como algo como este padrão de ponto pode ser usado dentro de arte como esta. Usando uma única cor, estamos criando essa ilusão de um tom cinza, por exemplo, nesta prancha de surf. Considerando que não está sendo usado como apenas para cima da superfície do papel ou uma cor mais clara. É quase como uma maneira de criar diferentes tons sem realmente ter que usar mais de uma cor. É bom poder fazer tudo isso dentro do Illustrator e ter a versatilidade de ter tudo em forma vetorial. Para criar um padrão de pontos como este, tudo o que você realmente precisa fazer é começar criando um círculo simples. Antes de avançarmos, quero ir em frente e criar isso e transformá-lo em uma amostra global, uma cor global. O que você precisa fazer é transformá-lo em uma nova amostra. Certifique-se de que você tem essa marca de seleção global que permitirá que você crie a amostra em sua área de amostra. Você pode ver aqui, ele tem um pouco de um triângulo no canto inferior direito. Digamos que se eu mudar e usar essas formas em diferentes áreas da minha arte, e eu atualizar esta amostra, todas as cores serão atualizadas simultaneamente para que você não precise selecionar manualmente cada ponto ou selecionar a mesma cor na seleção área. É uma coisa importante de se lembrar. Vou ao Purple por enquanto e podemos atualizá-lo mais tarde. Uma vez que você tenha seu círculo criado e você se certificar de que é uma cor global, você gostaria apenas de ir para Object, Pattern e Make. Isso começará a criar o que se parece com um padrão. A configuração padrão é colocar em grade estes em cima um do outro como um tabuleiro de xadrez, mas o que eu vou seguir em frente e fazer é alterar o tipo de bloco para Brick by Row. Isso permitirá que cada linha se alterne. O que acontece aqui, apenas baseado em como um círculo foi criado é que você pode ver que temos essas lacunas bem aqui, mas não lado a lado. Se eu quiser que a mesma lacuna seja simultaneamente a mesma em torno do círculo, eu posso mudar a altura das linhas aqui, é onde você faria isso. Eu só vou trazer isso para baixo o mais perto que eu posso chegar de tocar, agora ele está em 1,75 polegadas, vamos tentar um pouco menor. Isso parece certo para mim. Uma vez que você tem todos os círculos dispostos de uma forma que todos eles olhar eles têm espaçamento igual em torno dele, este é o lugar onde você pode realmente mudar o tamanho do círculo e ver o que acontece. Segurando a opção Shift, e eu vou ir em frente e reduzir o tamanho do círculo. Você pode ver simultaneamente todos esses círculos em torno dele estão fazendo exatamente a mesma coisa. Agora, a razão pela qual você gostaria de mudar o tamanho do círculo é apenas para ter uma aparência diferente do seu padrão. Obviamente, quanto maior o círculo, mais espaço você está preenchendo e menor o círculo, menos espaço você está falhando. No mundo da serigrafia, digamos que queremos um olhar de opacidade de 50% onde há a mesma quantidade de espaço negativo que o espaço positivo. Seria algo por aqui. Eu vou ir em frente e pressionar este botão pronto aqui em cima no canto superior esquerdo para ver como isso se parece. O que acontece automaticamente é que quando você pressiona esse botão, uma amostra é criada no painel de amostras. Eu vou em frente e apenas criar uma forma, e preenchê-la. Você pode ver que ele está preenchido com este novo padrão que você acabou de criar. Agora, se você quiser atualizá-lo daqui, você pode ter um monte de opções diferentes. Primeiro, se você quiser mudar a cor, você pode simplesmente ir para sua cor global, amostra que você criou aqui, aquela roxa, e ativar a visualização. Se eu atualizar a cor, você pode ver não só muda a cor da forma que eu criei, mas qualquer padrão que esteja usando essa cor também está sendo atualizado simultaneamente. Outra coisa que você pode fazer é entrar em Transformar e Escalar. Agora você pode ver que ele tentou fazer tudo 54 por cento menor, mas se eu desligar objetos, tudo o que ele está atualizando é o padrão dentro dele. Você pode tornar esse padrão menor sem realmente alterar o tamanho da forma que ele contém. Você poderia fazer a mesma coisa com rotação. Digamos que eu queira entrar em Objeto, Transformar, Girar, com objeto de transformação selecionado, você pode ver que eu estou girando em torno de tudo isso, mas se ele não estiver selecionado, você está realmente apenas girando em torno do padrão em si. Então você pode encontrar o que parece bom, digamos 45 graus, parece bastante normal para mim. Outra maneira de atualizar algo sem ter que mover as formas é pegar sua ferramenta de seta branca e se mover em torno de nós, mas o padrão permanece no lugar. Isto é tudo coisas importantes para brincar. Por último, se eu quisesse voltar àquela área onde posso atualizar esse padrão, não tenho que começar do zero. O que posso fazer é clicar duas vezes na amostra aqui, e estou de volta a esta caixa de diálogo onde posso atualizar os círculos. Digamos que eu queira ter um olhar mais leve e tornar o círculo menor com mais espaço negativo. Posso ir até a área onde diz “Feito”. Clique nele. Estou atualizando exatamente o mesmo padrão de amostra que criei antes sem ter que começar do zero e criar um padrão totalmente novo. Como você pode ver, a ferramenta de criação de padrões é super versátil, muito fácil de usar. Tudo o que você realmente precisa fazer é começar com uma única forma e você pode começar a trabalhar. Há várias maneiras diferentes de atualizar seu padrão em um Illustrator. Basta lembrar de usar cores globais, ser capaz de usar a ferramenta de dimensionamento e rotação para sua vantagem, mas o importante é continuar experimentando e usando isso como um ponto de partida. Como você pode ver com a ferramenta de criação de padrões, você pode realmente fazer o que quiser. Eu começo com um círculo, você pode começar com qualquer forma que você realmente quiser, mas isso é tudo um bom ponto de partida para criar seu primeiro padrão no Illustrator com apenas realmente usando uma única forma e uma única cor. A seguir, vamos fazer um padrão de linha. 4. Padrões de linhas: Semelhante aos padrões de pontos, há algo que também cria a mesma ilusão de olhares tons claros e escuros. Você pode usar linhas, basicamente como marcas de escotilha para criar uma vibração semelhante. Vamos ensinar como criar padrões de linha com um ilustrador. Novamente, é algo que podemos criar com o Photoshop ou o Illustrator, mas o benefício disso é criá-lo para que seja completamente vetorial. Ensinamos algo muito parecido com isso em uma aula anterior com o Skillshare, nossa aula de 10 dicas. Mas esta nova versão cria o mesmo resultado exato com menos passos. Esta é uma maneira mais eficiente de fazer exatamente a mesma coisa. Você pode ver neste projeto que temos aqui. Esta é uma série de impressão de arte onde usamos essas linhas. Eu estou usando provavelmente apenas quatro cores que eu acredito nesta impressão, mas eu estou criando vários tons porque onde blues sendo usado como uma opacidade total aqui, ele também está sendo usado como este olhar linha de escotilha. Isso requer criar sua própria amostra para preencher essas formas, mas você está tecnicamente usando a mesma cor de tinta no mundo da serigrafia. Isso é apenas um tipo de uso mais prático da criação de padrões para nós. Você pode ver que em toda esta série, eu estou usando ao longo de todo o processo. Estou usando para cada cor e várias razões, por quê? A fim de criar um padrão de linha semelhante a este, eu vou ir em frente e apenas criar um retângulo. Agora, eu quero ter certeza que eu sei que ele está dimensionando aqui, e só para que eu possa manter o controle, eu vou fazer uma polegada de largura por, digamos, duas polegadas de altura. altura é duas vezes maior que sua largura. Você pode começar com um quadrado se quiser, desde que seja um quadrado ou retângulo, isso funcionará. Vá em frente e selecione o objeto e certifique-se de que ele está usando uma cor global para que ele possa mudar sua cor no futuro, e vá para objeto, padrão, make. Agora, o que vocês estão vendo aqui é que o sistema está tentando criar um padrão onde a mesma forma está se cercando em uma grade. O que eu vou fazer é mudar sua largura, então é um pouco mais largo. O que isso está fazendo é criar uma lacuna da esquerda para a direita aqui. Agora, lembre-se, já que havia uma polegada, se eu fosse fazer a largura, digamos duas polegadas, o que estou criando é a mesma quantidade de espaço negativo que há espaço positivo. Se você fosse diminuir o zoom, este seria um olhar de 50 por cento de opacidade. Vou em frente e parar por aí. Você não precisa atualizar a altura a propósito, porque isso vai criar essas lacunas que não são necessariamente necessárias. Isso é meio que criar outro padrão de tipo. O que você quer é que uma lacuna perfeita. Eu vou em frente e imprensa feito aqui em cima. Como fizemos com o padrão de pontos, vá em frente e crie uma nova forma, e preencha com esta nova amostra que você criou aqui. Agora você tem um padrão de linha. Assim como qualquer outro padrão, assim como o padrão de pontos, você pode atualizar todas as coisas que você gostaria. O que eu vou seguir em frente e fazer, por exemplo, é mudar essa escala para que os objetos de transformação sejam desmarcados. Mas estou atualizando o tamanho dessas linhas. Economizou cerca de 50% do que eu criei lá, então tudo está um pouco mais apertado. A mesma coisa com girar. Você pode fazer 45 graus, que é o que estamos usando nesta série de impressão artística. Certifique-se de que transformar objetos está desativado e o mesmo acontece com a ferramenta de seta larga. Se você fosse usar isso, você pode realmente mover seu recipiente sem ter que mover a forma. Você pode ver agora que eu tenho essa forma preenchida com esta nova amostra, mas vamos dizer que eu quero duplicá-la e mover a mesma forma para outro ponto na arte. Como eu estou usando fundos transparentes, você pode ver que como ele se sobrepõe, ele está criando este novo padrão, que pode ser um fato legal, mas não é algo que você espera ver. Isto é o que chamamos de armadilha padrão e Nathan vai tocar mais nisso no futuro mais tarde nesta aula. O que eu vou fazer é mostrar a vocês como evitar coisas como essa dentro do Illustrator usando algumas configurações. Uma solução rápida para este problema seria selecionar esta forma, e ir em frente e Eyedrop, selecionando “I” e selecionando a forma ao lado dele. Isso garantirá que esta forma esteja usando exatamente a mesma colocação do padrão que está ao lado dela. Mas enquanto estou me movendo, ele faz de novo. Isso pode ser frustrante quando você está se movendo dentro do arquivo do Illustrator. Uma maneira de evitar isso é entrar em transformar, mover e você quer ter certeza de que os padrões de transformação estão desativados. Assim, quando eu o movo, o padrão permanece no lugar, mas a forma ainda pode ser transformada e movida, e nada será realmente impedido durante todo o processo. Eu posso realmente ir em frente e criar novas formas. Digamos, uma outra forma, um círculo, e enquanto a crio, está usando o mesmo padrão. Isso é super útil quando se trata de usar esse padrão várias vezes quando dentro da arte. Você pode ver aqui, eu estou usando esses padrões de linha em toda essa coisa, e eu estou usando isso de tal forma que eu quero que as coisas alinhem da mesma cor para cor. Dessa forma, eu não tenho que Eyedrop toda vez que eu criar uma nova amostra, eu basicamente começar a criar novas formas como automaticamente certificando-se de que o posicionamento do padrão está no lugar que eu quero que ele seja. Na abordagem real, temos aberto esta série rocketeer. Você pode ver que estamos usando essas linhas durante toda a coisa. A razão pela qual criamos arte como esta onde estamos usando esses padrões de linha é para que possamos usar uma quantidade seleta de cores de tinta no processo de impressão de tela, mas mantê-lo mínimo. Aqui estamos usando este azul, tanto para uma cor sólida quanto para uma cor tracejada para criar uma aparência de 50 por cento de opacidade, e uma aparência de 100 por cento de opacidade. Bem aqui onde eu criei esse outro padrão aqui embaixo é esse olhar de 50 por cento de opacidade. Agora, a razão pela qual estou dizendo 50% de opacidade é que a forma positiva tem o mesmo tamanho que a forma negativa. Mas assim como fizemos com um padrão de pontos, posso atualizar esta amostra e ter um visual completamente diferente. Se eu fosse clicar duas vezes nele, eu poderia realmente fazer essas linhas mais grossas se eu quisesse, ou mais finas. Eu vou ir em frente e torná-los mais finos para criar mais de um olhar de opacidade, digamos, 25%. Se eu tivesse tudo assim, seria 100 por cento, 90 por cento, como quanto mais espesso for, mais espaço está enchendo. Eu vou ir em frente e torná-lo mais fino apenas para ver como isso se parece, e pressione feito e ele deve atualizar o padrão que você já criou. Esta é a mesma técnica, mas um olhar mais leve usando linhas mais finas. Tudo isso é para dizer que todo este sistema de usar a ferramenta de criação de padrões, novamente, pode ser usado com linhas, pontos, e pode ser atualizado instantaneamente usando cores globais, escala, transformação de padrões versus transformação de objetos. Mas tudo requer experimentação e se você quiser um olhar específico, você pode mexer com ele e sempre voltar para algo que você originalmente gostou, ou atualizado em tempo real. Você pode ver se eu fosse ampliar este projeto, você pode ver com este planeta, quanto está acontecendo aqui. Nós estamos realmente usando apenas três cores que temos o amarelo, nós temos o vermelho, e nós temos este vermelho mais escuro. Mas com o uso desses padrões específicos onde estou usando essas linhas, eu sou capaz de usar tons que realmente dão mais variedade, permite que a arte tenha mais tridimensionalidade. Com essa cor vermelha em cima da cor amarela, mas usando essa aparência de 50 por cento de opacidade, ela é capaz de ser impressa em tela porque ainda está usando uma cor de tinta de opacidade total de 100 por cento, mas está dando a ilusão de 50 por cento. A mesma coisa com como essa cor mais escura está passando por cima dessa cor vermelha. Estou usando apenas duas cores nessa interação, mas estou recebendo três tons sem realmente ter que mudar a opacidade. Estou usando a ilusão de linhas para criar esta marca de escotilha que está criando essa ilusão de 50 por cento. É realmente versátil, e você sempre pode atualizar essas linhas para serem mais claras ou mais escuras dependendo do visual que você está procurando. Novamente, você pode atualizar os ângulos de tudo, mas é importante ter certeza de que você experimenta com ele, porque uma vez que você começa a ir com ele, é muito divertido experimentar. Essa é a parte importante desta turma toda, experimente e veja onde isso te leva. Este tipo de padrão que usamos principalmente para impressão de tela, e a razão é que estamos usando uma única cor com outro plano de fundo. É assim que funciona o mundo da serigrafia. Mas você não precisa necessariamente usá-lo para impressão de tela. É mais uma escolha estética também. Então, se você quer esta marca de escotilha com o que você está criando, vá em frente e use-a. Como você está brincando com esses padrões, você pode notar que você tem um par de problemas. Nathan vai tocar no que é uma armadilha padrão, e como resolver o problema. 5. Como evitar armadilhas no padrão: Você acabou de ver algumas maneiras diferentes de fazer padrões simples de ponto e linha e essas são novas maneiras que aprendemos a fazê-lo, a fim de garantir que eles são prova completa e nós não temos nenhum efeito estranho de ladrilhos acontecendo com esses padrões. Agora, há certos problemas que você deve estar ciente que podem acontecer com padrões. Algumas são apenas ocorrências naturais como padrões de moire onde você só precisa estar ciente de diferentes camadas, como seus padrões estão indo para camada em cima do outro ou em coisas como uma exibição ou se eles estão sendo impressos na tela. Em seguida, há outras coisas no computador que você pode tomar cuidado para garantir que seus padrões não têm quaisquer falhas ou problemas à medida que você os faz. Nesta lição, vamos primeiro dar uma olhada em alguns exemplos práticos de diferentes problemas que podem ocorrer com padrões e, em seguida, vamos saltar para o computador e dar uma olhada em como você pode ter certeza de que seus padrões estão funcionando corretamente lá também. Primeiro vamos dar uma olhada nos padrões de Moire. Moire padrões obter seu nome de uma palavra francesa que eu acho que veio de design têxtil onde dois padrões semelhantes foram sobrepostos um sobre o outro e criou um novo terceiro padrão. Com estas transparências, podemos dar uma olhada em um exemplo disso. Ambos são exatamente o mesmo padrão de linha. Você pode ver que uma vez que começamos a colocá-los em cima do outro, todos os tipos de coisas loucas começam a acontecer e isso é basicamente o resultado de padrões que são iguais ou muito semelhantes uns aos outros que estão um ângulo ligeiramente diferente ou um posicionamento ligeiramente diferente. Isso parece legal, mas obviamente você nem sempre quer que esse efeito aconteça. Um lugar que isso acontece com frequência é com a impressão de tela. Para isso, vamos dar uma olhada em um exemplo de impressão CMYK. Se você olhar para um close-up de um de nossos cartazes ou outros cartazes que usam pontos de meio tom, muitas vezes você verá essas quatro cores: ciano, magenta, amarelo e preto sendo usado para criar todos os tipos de imagens complexas em camadas. É importante pensar sobre o ângulo que esses pontos sobrepõem porque novamente, poderíamos obter padrões moire. Se começássemos a imprimir esses pontos um em cima do outro, conseguiríamos arranjos estranhos e borrados. Agora, não há realmente nenhuma maneira de evitar ter um padrão moire aqui. A solução é imprimir em ângulos específicos. Eu só coloquei isso juntos como um exemplo de alguns ângulos comuns que são usados na serigrafia e essas linhas são ou 15 ou 30 graus de distância, esse é o padrão. O que eu vou tentar mostrar aqui é se em vez de apenas empilhar nossos pontos perfeitamente em cima um do outro, se começarmos a alinhá-los em uma grade perfeita de acordo com esses ângulos, vamos conseguir algo chamado padrão de Rosetta. O que é um padrão de Rosetta é basicamente apenas um moire específico e você pode ver isso acontecendo aqui, essas formas circulares estão começando a aparecer onde esses pontos se sobrepõem. A idéia é que se você tem que ter um moire em seu trabalho, por que não fazê-lo parecer tão bom e imperceptível quanto possível? Esta é apenas uma maneira que você pode usar moires para olhar um pouco melhor especificamente se você está lidando com serigrafia. Uma última nota em Moires, você pode se divertir com ele e ser intencional. Este é um livro chamado Poemotion de Takahiro Kurashima e é muito legal. Basicamente tem um pedaço semelhante de transparência com listras pretas e foi projetado de tal forma que, à medida que você o move sobre os padrões, você vê algumas formas animadas muito legais. Isto é algo que ainda não mergulhamos, mas sinta-se livre para experimentar se você quiser entrar no mundo dos moires. Agora que demos uma olhada em alguns exemplos de armadilhas padrão e especificamente problemas moire no mundo físico, agora vamos saltar para o computador e dar uma olhada em alguns problemas que você pode evitar lá. Nas primeiras lições, Dan mostrou algumas maneiras eficientes de criar padrões de pontos e linhas e a razão pela qual criamos os padrões dessas maneiras agora é que é uma prova completa. Você não pode realmente ficar preso com falhas quando você constrói o padrão com o menor número de elementos mais simples possível e, em seguida, fazer quaisquer alterações após o fato. Uma maneira que costumávamos fazer padrões era mais cortando e colando peças juntas e às vezes você tinha problemas com isso. Este é um exemplo onde no lado esquerdo e direito aqui eu tenho exemplos de dois padrões de pontos que parecem diferentes da cor muito semelhante no momento. Mas se começarmos a ampliar aqui, isso muda um pouco a história. Agora você pode ver com uma certa resolução que nosso padrão à direita não é totalmente perfeito. Há essas lacunas acontecendo e a razão para isso é que eu suspeitaria que nossa geometria da forma que criamos não era perfeita. Vou comparar estes dois. Acabei de mudar para o modo de contorno aqui que é o Comando Y no Illustrator. Se ampliarmos a forma que usamos para criar este padrão, você pode ver que há uma pequena lacuna no lado esquerdo do padrão lá. Quando eu não estou no modo de contorno, é invisível, mas o que está acontecendo é que há na verdade apenas uma forma transparente na parte de trás que não é bem o tamanho certo. Em contraste, este padrão que está em azul. Se ampliarmos lá e também olharmos modo de contorno de Comando Y, podemos ver que não há formas transparentes, nada em segundo plano para causar problemas e é por isso que a versão à esquerda aqui é ladrilhos perfeitamente. Agora, eu sabia que esse era o problema que estava acontecendo, então eu fui capaz de solucioná-lo. Outra técnica que você pode usar para verificar um pouco o seu trabalho é usando a ferramenta Pathfinder. Por exemplo, se eu não pudesse realmente dizer o que estava acontecendo, eu poderia expandir o padrão na janela Pathfinder, usar divide e então, quando eu chegar lá eu poderia ver exatamente como as coisas estão sendo quebradas. Mais uma vez, aquela pequena lacuna ali se revelaria. Também pode ser útil apenas verificar novamente o seu trabalho se você assumir que tudo correu corretamente. Novamente, você pode expandi-lo. Use o Pathfinder novamente para quebrar as coisas e agora o que eu realmente vou fazer é entrar nesta versão corretamente feita do padrão e basta selecionar todos da mesma cor de preenchimento. Se eu selecionar “Inverso”, isso vai apagar tudo o que não estava lá. Agora sei que só estou lidando com as formas azuis. Então meu último passo será uni-los no Pathfinder aqui. Agora, o que eu posso fazer de novo é entrar com o Comando Y e eu posso ver se eu realmente tenho formas limpas aqui. Não há lacunas, não há linhas no ladrilho. Por exemplo, se este fosse um padrão que eu iria ter impresso como um têxtil ou algo assim, eu gostaria de ter certeza de que ele está totalmente expandido. Não é mais um padrão ao vivo para que nada possa dar errado no processo de produção. Eu diria que seria um passo final para garantir que seu padrão é prova completa, é realmente perfeito, e está pronto para ir. Uma última nota, outra coisa que é diferente sobre esses dois padrões que Dan já mencionou é a importância de usar cores globais. O padrão à esquerda eu era inteligente o suficiente para ter a previsão de usar cores globais com antecedência. Se eu clicar duas vezes na minha amostra azul, posso fazer ajustes nela e essa cor mudará imediatamente. Esta versão preta à direita, eu não fiz isso para que você teria que passar por todos os passos de expandi-lo antes que você possa mudar a cor. Lembre-se de usar cores globais, lembre-se de verificar seu trabalho usando o modo de contorno e o Pathfinder e você deve ser capaz de solucionar quaisquer problemas com padrões que não estão alinhados perfeitamente. Agora que cobrimos alguns padrões simples e você sabe quais são as poucas coisas para procurar como moires e como solucionar alguns problemas, isso também será útil à medida que agora nos movemos para coisas como traços de padrão e ainda mais padrões complexos. Tenho certeza que você vai encontrar alguns problemas ao longo do caminho, então esta será uma maneira de verificar seu trabalho. A partir daí, vamos em frente e passar para traços de padrão. 6. Traços do padrão: Agora que aprendemos um pouco sobre armadilhas de padrões, quero falar sobre um novo tipo de padrão. Não é uma amostra ou um preenchimento, mas na verdade é um derrame. Na ferramenta Pincel no Illustrator, você pode criar um traçado padrão. Eu tenho este baralho de cartas para mostrar essas cartas de rosto que nós projetamos, e ele usa traços de padrão em todo o design. Tenho o arquivo aberto no Illustrator, quero mostrar como se faz. Bem aqui, eu tenho cada cartão de rosto aberto e você pode ver que nós temos todos esses pequenos detalhes acontecendo. Como eu amplio, você pode realmente ver que estes são traçados ao vivo. Este é apenas um padrão de repetição de diamantes, por exemplo, indo em torno de um círculo. Ou isso é um pouco mais ornamentado, onde ele está criando várias formas, mas ainda está girando em torno de uma forma que está criando basicamente o que chamamos de traço padrão. A maneira como isso é criado não é fazer uma amostra dentro da ferramenta de criação de padrões, mas sim usando uma ferramenta dentro do conjunto de pincel. A razão pela qual usamos traços de padrão é realmente baseada na eficiência. Dentro de cada um desses designs de cards de face, eles estão usando uma variedade de traços de padrão. A razão pela qual decidimos usar essa técnica foi basicamente fazer com que não tenhamos que nos mover individualmente, digamos que a pá por esse caminho e girá-la toda vez que desce. Na verdade, ele permitirá que você apenas crie uma forma e ele irá girá-lo automaticamente de uma forma que você gostaria. Isso poupa-te muito tempo. O que vamos ensinar nesta lição é como criar um traço padrão semelhante a esta forma de diamante aqui. Estas são apenas repetições de formas de diamante indo por este caminho, o caminho circular. É o mais simples, começando com o quadrado. Nós ensinamos uma versão um pouco mais complexa disso em uma aula anterior, mas desde então, nós realmente aprendemos como fazer isso com o mínimo de passos possível de uma maneira mais eficiente. O que eu estou fazendo é criar um quadrado, eu estou girando em seu lado para que ele se transforme em um diamante. Você só quer ter certeza de que está usando uma cor global. Isso permitirá que você atualize sua cor tanto como forma e como está sendo usado dentro de um traçado, mais tarde. Vá em frente e selecione esta forma e você quer ir para “Janela”, “Pincéis”, e você quer ir para este pequeno ícone de hambúrguer no canto superior direito clique em “Novo Pincel”, e vá para “Pincel padrão. Você pode ver o que acontece aqui é que ele começa a alinhar isso para criar um traçado padrão. Posso permitir mais espaçamento atualizando esta área aqui. Bem aqui, está a zero por cento, vamos ver como 50% se parece. Só acrescenta esse espaçamento. Em versões anteriores, formas anteriores de fazer isso, eu tive que criar uma caixa transparente em torno dele, mas, em seguida, atualizá-lo toda vez que eu quero fazer uma mudança no padrão. Isso permite que você dê espaçamento em tempo real. Digamos que se eu quiser dar mais, pode ser 75 por cento se eu quiser dar menos, pode ser 25 por cento. Vamos ver o que 50 por cento se parece, e estas são todas pequenas opções extras que você pode brincar com. Eu geralmente não faço o estiramento para caber porque o que acontece é que ele estica a forma como ele está girando em torno de uma esquina. O que eu costumo clicar é “Adicionar espaço para caber”. Você pode ver que a diferença que acontece aqui é que ele não esticar a forma, mas ele apenas adiciona mais de um buffer em torno da forma. Vá em frente e selecione “Ok”. Você pode ver que o traçado padrão foi adicionado aos pincéis. Agora o que eu vou fazer é apenas ir em frente e criar uma forma, digamos um círculo por enquanto. Certifique-se de que está em forma de traçado e eu vou selecionar este pincel. Neste momento, está a alinhar estes diamantes ao redor do círculo. Está deformando-os e é baseado fora da escala, que é algo com que você pode jogar dentro da ferramenta de traçado. Vou entrar na janela, derrame, e abrir isso aqui. Você pode ver que eu tenho em um ponto, se eu quiser, eu posso fazer como metade do tamanho e ele distorce menos tornando-o menor. É uma forma de actualizar isto. Outra maneira de atualizar seria clicar duas vezes neste padrão aqui e você pode alterar o espaçamento em tempo real como falamos antes. Digamos que se eu quiser dar mais espaçamento para que ele se deforme menos, eu vou para 100 por cento, ver como isso se parece. Vou dar este prompt depois de dizer aplicar os traços ou deixar os traços, vamos em frente e aplicá-lo. Isso lhe deu mais espaço, o que faz com que ele se deforme um pouco menos. Uma vez que usamos uma cor global para criar o traçado, se eu fosse entrar nessa amostra e clicar duas vezes nela, você pode ver, desde que eu tenha uma pré-visualização ativada, eu posso atualizar essa cor imediatamente. Não só muda a cor que estou usando para a forma, mas também altera o traço que está usando essa cor, que é uma técnica legal com cores globais. Outra coisa a ter em mente é que você pode ter este envoltório em torno de mais do que apenas formas geométricas. Poderia ser um processo mais orgânico. Digamos que eu tenho algo assim acontecendo que é um pouco mais como uma curva S e eu quero usar esse mesmo padrão. Agora, novamente, estamos lidando com tamanho muito grande, mas tudo isso pode ser atualizado e eu vou ir em frente e puxar meus traços novamente, vamos ver aqui e torná-lo 0,5 ponto versus um ponto e você pode ver que eu sou capaz de me mover em torno de uma curva que é um pouco mais orgânica e em movimento muda. O que é bom sobre este processo é que você está criando um padrão real, mas ele está se movendo em torno de um traço em vez de preencher uma forma. Esse caminho pode ser tão simples quanto um círculo, ou poderia ser mais complexo como uma curva S ou qualquer forma que você deseje. Mas o bom é que tudo isso é ao vivo e você pode atualizá-lo imediatamente. Essa é a base para criar um traço padrão, mas você pode ficar bastante complexo com isso. Você pode ver que dentro dessas cartas de rosto, estamos usando muitos tipos diferentes de formas. Não são apenas diamantes ou apenas as formas dos ternos. Aqui está um exemplo de alguns outros padrões que criamos onde se você imaginar que ele se repete em si mesmo, você pode usá-lo ao longo de um eixo semelhante ao que acabamos de criar. Aqui, só algumas ideias diferentes com as quais você pode brincar. Sinta-se livre para apenas fazer suas próprias formas e ver o que acontece quando você transformá-lo em um acidente vascular cerebral. É preciso um pouco de empurrar e puxar em experimentação, mas vale a pena se você pode chegar a algo completamente original. Você pode ver que a variedade é apenas ilimitada. Com todas essas cartas de rosto dentro desses designs de cartas de jogo, usamos traços padrão várias vezes. A razão pela qual o usamos tanto foi, é uma economia de tempo para criar o máximo de detalhes possível bem, sem ter que mover individualmente formas individuais em torno de um acesso, nós apenas criamos uma forma que envolve um único círculo ou um quadrado, qualquer que seja a forma que decidimos. Mas o acúmulo disso cria essa ilusão de detalhes. Você pode ver de cartão em cartão que temos uma enorme variedade de opções com apenas, apenas algumas formas usando traços e preenchimentos. Agora que você sabe como fazer um traçado padrão usando uma forma simples, vá em frente e experimente com isso e empurre-o ainda mais. Use formas mais complexas para criar traços mais complexos. Agora, o próximo é sobreposição de padrões. 7. Sobreposição de padrões: Agora vamos falar sobre um novo tipo de padrão chamado padrões sobrepostos. É uma sequência em tesselations, mas não é bem uma tesselação. O que o torna único é que ele está usando formas literalmente sobrepostas para criar um novo padrão. Vamos criar algo que é semelhante a escamas de peixe ou escamas de dragão, e eu vou mostrar a vocês como fazer isso no Illustrator agora. Você pode ver em nossa prancheta, temos essa textura/padrão de escala que criamos especificamente para esta classe. Na verdade, ainda não tivemos a oportunidade de criar isso para um cliente, mas como você pode ver, é uma aparência bastante comum, onde estamos tendo essas formas de shell se sobrepondo umas às outras. A maneira como ele é criado é semelhante ao que estávamos fazendo antes com os pontos, mas eles estão todos se misturando uns com os outros em vez de serem separados. Eu criei este alvo moldado para criar este padrão. Vou mostrar-vos passo a passo como isto é criado. Eu vou em frente e apenas criar um pequeno círculo, e eu vou colorir azul. Então eu quero que os círculos que vão andar em torno dele para ter a mesma quantidade, semelhante de espaço. Isso é em torno de 100 pixels, eu vou ir em frente e copiá-lo e colá-lo atrás de si mesmo, que é Comando C e Comando B, e eu vou fazê-lo, digamos 200 pixels. Agora você não pode realmente ver o que está acontecendo porque é da mesma cor, mas eu vou mudar sua cor. Foi o que aconteceu lá. Eu vou fazer isso mais uma vez e copiar e colar atrás de si mesmo, torná-lo 400 pixels. Desculpe, vamos fazer 300, parece um pouco grande, e mudar de cor novamente. Você pode ver que eu estou tendo um olhar semelhante ao que eu criei antes. Novamente, uma vez que você tem um agrupamento como este antes de saltar para a criação de um padrão, certifique-se de converter tudo isso em uma cor global. Isso permitirá que você altere as cores em todos os padrões e as formas quando estiver usando seu design. Vou em frente e fazer isso agora, e você vai querer ter certeza que está escrito Converter Processo para Global. O que vai acontecer é que ele cria uma pequena pasta aqui na sua área de amostra onde todas as três cores são transformadas em cores globais. Eu posso ir em frente e mudar essa cor, por exemplo, para um azul mais claro. Eu posso mudar este, e assim por diante. Todos eles têm a opção de mudar no futuro e eu vou te mostrar isso mais tarde. Vou em frente e agarrar esta coisa toda. Não precisa ser agrupado ou algo assim, basta pegar todas as três formas. Vou entrar em Object, Pattern, Make. Agora temos essa área de diálogo familiar, esse kit de ferramentas que usamos para criar padrões, e ele faz o que faz naturalmente, que é criar essa aparência de tabuleiro de xadrez de tudo que se meteu uns contra os outros. O que vamos fazer é brincar com o tipo de toalha. Eu vou passar tijolo por linha novamente, e em vez de manter as coisas separadas, o que eu vou fazer é literalmente sobrepor coisas. Vou em frente e mudar a altura aqui mesmo. Você pode ver como eu faço isso lentamente apenas pressionando a seta para baixo, tudo está começando a se fundir um no outro, e eventualmente, ele vai começar a se sobrepor. Só mudando isso, estamos transformando esse círculo em escamas de peixe. Eu também vou apertar um pouco. Na largura e realmente fazendo isso um pouco menor. Vou em frente e ver como isso parece ser uma amostra. Vou pressionar “Concluído”, e vou criar uma nova forma aqui e preenchê-la com a minha nova amostra. É semelhante ao que eu criei antes, mas você pode ver que poderia usar um pouco de ajustes. O que é bom é que podemos entrar na amostra recriada e atualizá-la. Vou seguir em frente e clicar duas vezes nele. Eu quero que esta forma de lágrima do meio seja um pouco mais presente, então eu vou brincar com a largura e altura lá. Eu vou ir em frente e apertar as coisas, mas também espalhar as coisas. Você pode brincar até que a matemática pareça certa. Neste momento, estou a tentar garantir que estas duas formas se cruzem neste canto. Vemos o suficiente desta forma de escala semelhante a um grampo aqui, então cada cor é representada igualmente. Pressione “Concluído”. Você pode ver que ele muda automaticamente. Então, lembre-se de que você pode atualizar coisas além disso, você pode alterar sua escala certificando-se de Transformar Objetos está desativado, mas a escala dos padrões está sendo alterada, para que você possa fazer qualquer tamanho que quiser. Você poderia mudar seu ângulo. Verifique se a opção Transformar objetos está desativada. Você também pode alterar sua cor. Eu vou mudar essas cores azuis e vocês vão ver que usando cores globais, eu sou capaz de mudar qualquer forma que usa essas cores, bem como o padrão usando essas cores. Vou clicar no azul mais claro, por exemplo, e você pode ver tudo se atualiza globalmente. Isso é padrões sobrepostos. É praticamente o mesmo processo que o padrão de pontos, exceto usando várias formas e a única diferença é que eles estão se sobrepondo. Eles estão se fundindo em vez de mantê-los separados. Você pode fazer isso com qualquer forma que você realmente gostaria. Eu uso círculos apenas para criar esse efeito de escala, mas sobreposição pode ser realmente com qualquer forma que você preferir, então vá em frente e experimente e brinque com algo diferente de círculos, se você quiser. Ou apenas brinque com isso e veja se você pode torná-lo mais único. Em seguida, vamos falar sobre padrões isométricos. 8. Padrões isométricos: Agora vamos finalmente saltar para as tesselações e eu vou começar com um padrão chamado padrão isométrico. Tecnicamente, é uma tesselação, mas é um portal para tesselações mais complexas. Você já viu isso antes se você já tomou nossa classe isométrica onde criamos uma grade dessas formas de diamante usando uma forma de hexágono. Há uma maneira rápida e fácil de transformar isso em um padrão real usando o Illustrator. Como você pode ver, nós criamos este padrão neste arquivo aqui, e ele está usando este cubo se repetindo em uma grade. Mudei as cores aqui para mostrar uma fonte de luz. Ele tem um pouco de um olhar tridimensional, o que é legal. Mas o que o torna tecnicamente uma tesselação é que não há lacunas, não há sobreposição, tudo se junta como uma peça de quebra-cabeça. Você deseja criar essa forma primeiro para chegar a esta etapa. Vou te mostrar como fazer isso rapidinho. Você vai para a sua área de forma e você está indo para selecionar polígono e você quer ter certeza de que você tem seis lados que vai se transformar em um hexágono. Agora eu tenho isso colorido como uma cor. Eu vou em frente e virá-lo para o seu lado. Com a ferramenta de segmento de linha, vou começar a dividi-la em pedaços. Vou começar a ligar os nós ao lado oposto. Como podem ver, se eu pegasse tudo, temos tudo dividido em pedaços de torta triangular. Eu vou em frente e ir para o Pathfinder e quebrar isso usando a divisão. Então eu vou mudar as cores de certas fachadas. Deste lado, vou transformá-lo cor um pouco mais escura e então este será ainda mais escuro. Tão semelhante ao que eu criei aqui e ainda está em um monte de pedaços, mas você pode ver claramente que é um cubo agora apenas transformando um lado em um lado mais claro e um lado para um lado mais escuro e tendo esses três tons acontecendo. Uma vez que você tenha criado este cubo isométrico, vamos em frente e dimensioná-lo uniformemente, para que ele tenha 100 pixels de altura, e eu vou explicar o porquê em um segundo. Depois de tê-lo selecionado e você tê-lo dimensionado, você vai entrar em objeto, padrão, make. Você pode ver que ele se enquadra automaticamente. Para criar este padrão isométrico, queremos mudar cada linha novamente usando esta técnica Brick by Row. Queremos que estas fileiras se alinhem com este canto aqui. Agora, você poderia apenas brincar com a altura e chegar bem perto. Mas você pode ver que não há matemática perfeita sobre como fazer isso direito. O truque é que você quer que ele seja 75 por cento de sua altura. É por isso que eu decidi que isto vai ser 100 e a altura vai realmente ser 75. Isso permitirá que isso seja o mais apertado possível sem lacunas, sem sobreposição. O truque para saber disso é que também é do tamanho de uma fachada. Como se a altura desta fachada tivesse 75 pixels de altura. É a forma como esta matemática funciona com hexágonos quebrados assim. É apenas uma coisa importante lembrar que 75 por cento da altura é também a diferença que eles vão reduzir para baixo para que ele possa realmente alinhar assim. Essa é a base disso. Você basicamente só precisa pressionar feito nesse ponto. Como sempre, vá em frente e crie uma nova forma para ver como ela se parece. Assim como qualquer outra coisa, você pode mudar a escala disso, a rotação dele. Eu não mudei tudo isso para cores globais. Para mudar isso, terei que entrar manualmente e mudar essas cores. Mas antes de começar, lembre-se, sempre vire tudo para cores globais no caso de você querer mudar a cor desse padrão. Se você quiser alterar o padrão em si, lembre-se de que você sempre pode voltar e clicar duas vezes na amostra. Esta aparência específica de cubos isométricos todos alinhados tem uma aparência muito única, tem qualidades tridimensionais para ele. Obviamente, se você mudar essas cores, você pode perder um pouco dessa tridimensionalidade, que também é uma escolha estética, mas também tem um uso prático. Damos uma aula no Illustrator para ilustração isométrica. Nessa parte da classe mostramos como criar um sistema de grade usando a mesma forma, este cubo se repetindo em uma grade. Esta é, na verdade, uma maneira rápida de fazer exatamente a mesma coisa. Uma vez que você tem uma amostra como esta, tudo o que você precisa fazer é selecioná-la. Você pode atualizar sua escala para mostrar mais cubos. Eu só vou manter esses cubos grandes para ver isso na tela. Vá em frente e expanda-o. Você verá que quando selecionar dentro de todas essas formas agora são expandidas. Eu também quero ir para a área Pathfinder e selecionar trim. Isso vai garantir que você pode literalmente ver todas essas formas. Uma maneira rápida e fácil de transformar isso em um sistema de grade real que você pode ilustrar em cima é apenas pressionar “Command 5". O que isso faz é levar tudo o que estava lá e não é mais preenchido e agora tudo foi transformado em uma diretriz. Esta é uma maneira muito rápida e fácil de começar a ilustrar, digamos uma cidade isométrica usando estes como guias. Em vez de usar cubos, eu posso fazer como mais formas que um cubo, eu posso fazer um pequeno arranha-céu, mas este é um grande começo para uma ilustração isométrica para usar como um sistema de diretriz. São padrões isométricos. Você pode ver que isso é muito versátil. Ele vai tão longe como fazer algo como para uma escolha estética todo o caminho para criar um sistema de grade para ilustração isométrica. Tecnicamente, isso foi uma tesselação, mas nós nem sequer entramos no mundo das tesselações realmente. É só a ponta do iceberg. Está ficando muito empolgante e Nathan vai apresentar o mundo das tesselações agora. 9. Introdução aos mosaicos: Agora que você tentou padrões isométricos, essa era a porta de entrada para o que vamos entrar agora, que são tesselações. É uma coisa maluca para enrolar sua cabeça, mas eu acho que uma vez que você pegar o jeito, você será capaz de experimentar e adicionar todos os tipos de detalhes divertidos e experimentar todos os tipos diferentes de tesselações. Você deve notar que eu tenho algumas coisas loucas aqui na minha frente. Vamos começar fazendo algumas demonstrações práticas para tentar entender exatamente como as tesselações funcionam. Para definir o que é uma tesselação, é basicamente um padrão que não se sobrepõe em tudo e não tem lacunas. Basicamente, apenas peças de quebra-cabeça se entrelaçando perfeitamente. Novamente, um conceito difícil de descobrir como você vai projetar isso. Agora, vamos dar uma olhada em como criar um. O primeiro estilo de tesselação que vamos falar é uma tesselação de tradução e também chamada de tesselação de deslizamento porque basicamente significa que as formas vão deslizar um ao lado do outro. Digamos que a primeira coisa a lembrar sobre fazer uma tesselação é qualquer forma que você começar com. Neste caso, estamos apenas começando com um quadrado. O que quer que você faça em um lado dessa forma, você vai precisar fazer algo igual e oposto ao outro. Neste caso, eu removi esta forma de triângulo do lado esquerdo, adicionando-o de volta à direita. Então, como você pode ver, eu vou fazer a mesma coisa na forma ao lado dela. Agora você pode ver como estamos criando, seguindo essa regra de tesselação de não ter nenhuma sobreposição, não ter nenhuma lacuna. Tudo vai se aninhar perfeitamente como uma peça de quebra-cabeça. A partir daí, você pode continuar fazendo os mesmos tipos de alterações. Mais uma vez, se você quisesse tirar essas peças do fundo, novamente, você teria que substituí-las no lado de cima. Ao fazer sempre essa técnica oposta e correspondente, você sempre vai acabar com tesselações que podem ladrilhar perfeitamente uns com os outros. Muitas vezes descobrimos que começar no domínio físico como este é muito mais fácil do que simplesmente saltar para o computador porque é um pouco mais fácil enrolar sua cabeça. Eu estou usando esses brinquedos tangram de plástico para fazer este exemplo, mas você pode facilmente cortar o seu próprio fora de papel. Novamente, use a mesma técnica de, se você cortar uma peça, certifique-se de fazer a mesma mudança para o lado oposto onde você fita novamente. Então o que você pode fazer é cortar essa forma e usá-lo como um modelo e começar a desenhar seu padrão. Em seguida, vamos dar uma olhada em como uma tesselação de reflexão é feita. Isto é muito semelhante ao que acabamos de fazer com a tradução, mas vamos ter linhas que alternam indo em direções diferentes. Aqui eu tenho minha linha superior de quadrados apontando para a esquerda e minha linha inferior de quadrados apontando para a direita. A outra coisa que é diferente que vamos fazer é quando removemos uma peça, em vez de apenas colocá-la diretamente acima como tínhamos feito anteriormente, vamos invertê-la. A partir daqui, este triângulo vai virar para o outro lado ou refletir, apenas assim o nome deste estilo. Aqui novamente, vou refletir. Em seguida, no topo aqui, porque lembre-se estes já estão virados para a direção oposta. Vai refletir para o lado oposto, então da esquerda para a direita ali. Então a mesma coisa aqui, da esquerda para a direita. O que é legal é que mesmo tendo as coisas indo em direções diferentes e estamos virando para frente e para trás. Todos eles ainda vão acabar nidificando perfeitamente um com o outro. Ainda são as mesmas regras básicas aqui que o que quer que você faça de um lado, certifique-se de fazê-lo ao contrário. Se você está indo em uma única direção ou refletindo para frente e para trás, contanto que você seja consistente com a forma como move suas peças, novamente, você vai acabar com algo que tesselados perfeitamente. Agora que cobrimos tesselação de reflexão, próximo passo vamos olhar para o terceiro e último tipo que estamos cobrindo na classe, que é tesselação rotacional. Para uma tesselação rotacional, surpresa, você já fez isso um pouco nesta classe. O padrão isométrico que você já fez com Dan é essencialmente uma tesselação rotacional. Eu mostro-te como. Estas formas provavelmente parecia familiar com os ângulos de 120 graus novamente. Basicamente, o que uma tesselação rotacional vai fazer é ao invés de se mover lado a lado ou para cima e para baixo, ele vai girar ao longo de um eixo. Se fôssemos imaginar que estamos começando com essas três peças empilhadas uma sobre a outra, você faria as mudanças que quiser na sua forma, por exemplo. Agora ele vai girar assim e ninho em si mesmo lá. A mesma coisa com este exemplo, girar ao redor, fazer ninho. Este é obviamente o exemplo mais simples de uma tesselação rotacional. Mas como Dan vai entrar, ele vai mostrar-lhe como adicionar detalhes a esta forma. Então, muito rapidamente, você também poderá ver como uma vez que você desenhou a forma, você pode convertê-la para usar a ferramenta padrão. Então será muito simples para você começar a adicionar mais e mais dessas formas à medida que você vai. Eventualmente, você terá um padrão de tesselação totalmente girado. Esperemos que esses exemplos físicos ajudem a fazer um pouco de sentido do que são tesselations, como funcionam. Recomendamos que você experimente alguns exemplos físicos como esse antes de entrar no computador. Mas quando estiver pronto, Dan mostrará como fazer uma tesselação de tradução no Illustrator. 10. Mosaicos translacionais: Obrigado Nathan por explicar as tesselações. Eu sei que é um assunto assustador, especialmente quando se trata de criá-lo você mesmo. Esperemos que criemos algumas ferramentas simples para mostrar um ilustrador sobre como criar sua primeira tesselação. Então, para começar, vamos criar sua primeira tesselação de tradução, que significa que todas as formas que você está criando, estão todas voltadas para a mesma direção, esquerda, direita, cima ou para baixo, mas todas elas estão indo na mesma direção orientação. Você pode ver que temos em nossa tela alguns exemplos da vida real de tesselations tradução. Aqui temos um Pegasus indo na mesma direção. Mas o que a torna uma tesselação é que as formas que ela cria de seu perímetro estão permitindo exatamente a mesma área para a próxima Pegasus se sentar como uma peça de quebra-cabeça. Aqui está outro exemplo. Ao invés de ir da esquerda para a direita, esta é uma tesselação de tradução indo para cima e para baixo desses insetos e suas pernas são o que estão se misturando para fazê-lo funcionar. Então aqui está outro exemplo de alguns pássaros. Este está ligeiramente em ângulo, mas tecnicamente é uma tradução porque todos estão indo na mesma direção. Então, uma tesselação muito simples é um padrão de chevron, que você pode ver aqui. Eu vou mostrar a vocês como criar isso usando as ferramentas que usamos para criar tesselations e como até mesmo levá-lo mais longe para mostrar que ele não tem que estar neste sistema de grade, estamos usando apenas blocos em cima um do outro, mas mais como um sistema de tijolos. Vamos começar mostrando como isso é criado. Eu sei que você provavelmente está dizendo para si mesmo agora, eu vou apenas criar essa forma e repetir a si mesmo. Tudo bem, mas a maneira como você não gostaria de fazer isso para que você tenha a opção de atualizá-lo mais tarde é usando a ferramenta de edição global. Eu vou em frente e apenas começar com um quadrado e eu vou dar-lhe uma cor. Então eu vou ir em frente e copiá-lo para que ele fique bem ao lado de si mesmo e dar-lhe outra cor para que você possa ver a diferença. By the way, quando eu copiá-lo, eu estou apenas segurando Option e Shift para trazê-lo para o outro lado, mas é a mesma forma que eu estou repetindo. Você também deseja continuar repetindo isso para que você esteja criando um sistema de grade semelhante a um deck de xadrez. Quero dizer uma prancha, então algo assim. Agora, se eu fosse selecionar essa forma, por exemplo, e a propósito, antes de entrar, vamos em frente e transformar isso em cores globais. Coisa fácil de esquecer e você pode vê-lo criado um sistema de pastas, essas duas cores. Mais tarde, eu posso mudá-lo. Uma vez que você tenha este olhar quadriculado criado, você quer ir em frente e basta selecionar o quadrado central e ir para a área de seleção e Iniciar edição global. Isso ficará acinzentado se achar que não há outras formas em todo o arquivo que sejam idênticas, mas ele sabe que há outros quadrados, por exemplo, neste arquivo. Eles não precisam estar perto um do outro, ele só sabe que há quadrados em algum lugar neste arquivo que são idênticos ao que você criou originalmente. Eu vou em frente e Iniciar Edição Global e você pode ver que se eu fosse atualizar o quadrado que eu selecionei, todos os outros que estão destacados em azul farão o mesmo. Agora, a ferramenta de Edição Global é super útil logo além das tesselações. É algo que descobrimos que é útil no mundo das tesselações, mas no mundo da ilustração, se você fosse criar, digamos, uma folha em uma árvore e você quiser mudar essa folha em qualquer área dentro do ilustração que está usando essa folha, tudo que você precisa realmente fazer é atualizar uma e todas as outras folhas mudam usando esta ferramenta. Assim, você economiza um monte de tempo se você estiver usando formas repetitivas ou ilustração repetitiva, ele faz isso mesmo além apenas como uma única forma, você pode usá-lo com grupos. Mas para o bem desta classe, o que vamos fazer é usá-la para criar tesselação. Agora, eu só tenho quatro nós para realmente escolher e isso não é muito útil quando se trata de tesselations porque nós provavelmente vamos querer tornar isso um pouco mais complexo. O que eu vou fazer é ter o selecionado o centro e eu vou entrar em Object, Path e adicionar pontos de ancoragem. O que isso vai fazer é adicionar um ponto de ancoragem ao lado aqui. Agora o que está acontecendo é que temos algumas sobreposições aqui. Eu realmente não consigo ver o que está acontecendo por baixo e uma maneira fácil de ver o que você está fazendo é dar a opacidade da forma em que você está trabalhando como digamos 50% de opacidade, e agora podemos ver através das formas. Agora eu posso ver que se eu puxar ou empurrar um lado, o outro lado vai fazer o mesmo com o que é uma cor separada. Mas o que precisa acontecer ou isto para ser tecnicamente uma tesselação, é que não pode haver nenhuma sobreposição. Então eu também tenho que pegar o outro lado da forma e movê-lo para a frente também, e isso permitirá que não haja lacunas. O truque com tesselação é que qualquer movimento que você faz, o sinal oposto precisa fazer exatamente a mesma coisa da mesma maneira. Estas são as mesmas regras quando se trata de ir para o topo. Digamos que se eu quiser mover a forma aqui, eu também tenho que mover essa forma aqui. Então o mundo das tesselações pode ficar realmente complicado neste ponto onde você pode adicionar mais e mais pontos de ancoragem e realmente mexer com o que você tem aqui para fazer, digamos algo mais complexo do que uma forma de chevron. Mas só para mostrar a base de como funciona a ferramenta Global Edit e criar tesselations, vou criar essa forma de divisas por enquanto. Uma coisa a ter em mente também é que você quer começar com esses ângulos duros. Mas quando se trata de criar um visual mais personalizado, você também pode usar arredondamento, mas você tem que lembrar de fazer o mesmo arredondamento para o outro lado. A melhor maneira de fazer isso dentro deste tipo de formato é apenas lembrar seus cantos aqui em cima. Agora eu só vou fazer um fácil 40 pixels e então eu vou apenas selecionar este aqui e torná-lo 40 pixels. Você poderia tentar atualizar ambos os cantos simultaneamente, mas o que acontece é que ele realmente não vai permitir que você por causa de como ferramenta de edição global funciona. Ele acha que você está tentando excluir uma forma como você está tocando mais de um nó. Infelizmente, no mundo do Global Edit, ele só permite que você toque um nó de cada vez. Então essa é uma daquelas coisas que os ilustradores têm atualmente, talvez ela possa estar disponível em nossa atualização futura, mas é apenas mexer em torno de um nó de cada vez. Lembre-se disso enquanto você está criando isso. Uma vez que você tenha seus cantos todos situados usando os mesmos parâmetros ao longo, eu vou ir em frente e fazer ambos arredondados em 40 pixels para que tudo seja uniforme. Você pode ir em frente e fazê-lo voltar para 100 por cento de opacidade. Enquanto você pode ver que não há lacunas em seu design, tudo foi preenchido e bloqueado como uma peça de quebra-cabeça, tudo que eu tenho que fazer é clicar fora e sua tesselação está completa. Esta é uma tesselação super simples agora. É simplesmente um Chevron que foi atualizado por isso tem cantos arredondados. Mas o ponto disso é que você pode repetir isso uma e outra vez para criar um padrão e ele iria bloquear em um olhar perfeito. tesselações de tradução não têm que ser feitas apenas originalmente a partir de blocos que estão em cima um do outro como um tabuleiro de xadrez, você pode usá-los de modo que são mais tipo de em uma formação de tijolo onde eles alternam linhas, linha por linha. Então, a fim de fazer algo semelhante a esta tesselação muito simples usando peixes, tudo o que realmente precisa fazer é começar com retângulos que alternam cada linha e eu os designei para todas as cores diferentes, mas eles são todos os mesma forma que foi repetida. Isso é importante quando você está usando a ferramenta Edição global para que ela entenda que a forma que você está alterando é a mesma. Eu vou usar este laranja como meu ponto de partida e eu vou entrar em Select, Start Global Edit. Novamente, ele não tem mais nós do que o que você está vendo nos cantos aqui. Mas eu vou em frente e adicionar um pouco. Vou entrar em Object, Path, Add Anchor Points. Isso me permite ter um pouco mais de variedade para trabalhar. Se eu fosse derrubar o centro do nó, por exemplo, então eu gostaria de atualizar os outros lados como eu ir. Novamente, antes mesmo de eu entrar nisso, certifique-se de que você está fora de 50% de opacidade para que eles possam ver através das formas. Então, desde que eu trouxe isso para baixo e tudo mudou, o que está acontecendo é que há na verdade dois movimentos que eu tenho tomar depois disso para completar as formas. Ao invés do outro sistema onde é como um empurrão igual a um puxão, isso é mais como um empurrão igual a dois puxadores. Então é um pouco mais complexo, mas o mesmo processo. Eu quero transformar isso em um peixe, uma maneira rápida e fácil seria apenas mover esta forma aqui em cima. Estou criando simultaneamente essa cabeça e uma cauda. Temos que nos lembrar de fazer tanto a frente quanto a trás para fazer isso funcionar. Então, apenas alguns passos fáceis começando com um retângulo, você é capaz de criar esta tesselação de peixes que são grelhados de uma forma específica que começa com uma formação de tijolos em vez de um olhar de xadrez. Se você quiser ir mais longe para adicionar um pouco mais de personalização a isso, você não precisa ficar preso usando apenas uma forma. É aqui que fica realmente interessante usando a ferramenta de Edição Global, você pode criar, digamos, um globo ocular e todos os peixes terão um globo ocular quando você desenhar em cima dessa forma que você criou. Uma coisa a lembrar é que você precisa agrupar o que você criou para que você possa voltar e mudar isso no futuro porque se eu não agrupar e eu comecei o Global Edit, digamos apenas da forma do peixe, Só vai atualizar a forma do peixe, mas não os olhos. Então eu vou ir em frente e selecionar ambas as formas e agrupá-las. Então eu vou clicar para fora e vamos dizer que eu quero mexer com isso um pouco mais, tudo que eu vou ter que fazer é selecionar esse grupo e entrar em Select, Global Edit e ele lembra que todos esses peixes têm um olho e um corpo. Então eu posso atualizar o olho se eu quiser, e eu também posso atualizar a forma do corpo e tudo vai mudar simultaneamente. Isso é algo que basicamente tem muitas opções. Eu começaria simples, mas é ilimitado quando se trata da forma das coisas. Você pode realmente ir fundo nisso. Você pode ver que o mesmo processo é usado para criar essas coisas com esses animais mais complexos. Mas ele realmente começa com uma forma básica para garantir que todos eles se conectem usando este sistema de grade e quanto mais pontos de ancoragem você adicionar, mais há esse empurrar e puxar, ele realmente só precisa de experimentação. Então comece simples e vá tão complexo quanto quiser. Uma vez que você pegar o jeito de uma tesselação de tradução, vamos passar para uma versão mais complexa desta criação de padrão. Chama-se tesselação de reflexão. 11. Mosaicos de reflexos: O próximo passo no mundo da criação de tesselação é uma tesselação de reflexão. É semelhante ao primeiro, mas a única diferença é que cada linha está mudando sua orientação. Criamos algo assim usando essa teoria com esse remendo de cachorro que Almanaque pode. Você pode ver onde temos esses cães alinhados. Cada linha está mudando sua orientação. Primeira fila, os cães estão indo em uma direção, e depois na outra fila, os cães estão indo na outra direção. O que o torna uma tesselação e eu vou mostrar-lhe na tela é como o movimento de uma forma positiva cria a forma negativa de outra. Digamos que a cabeça aqui é também a forma do corpo do cão acima dele, ou, por exemplo, a cauda de um cão também está criando a cor do cão ao lado dele. Qualquer push cria um pull e é o mesmo processo que eu estava mostrando anteriormente, mas a única diferença é que a orientação muda de linha para linha. Aqui estão alguns exemplos de outros trabalhos que estão usando o mesmo processo. Aqui estão alguns pássaros, linha por linha. Eles estão mudando de direção. Os brancos estão todos olhando para a direita e os azuis estão todos olhando para a esquerda, mas eles estão todos interligados como peças de quebra-cabeça. Este é muito complexo que é um homem montando um cavalo, mas qualquer espaço negativo que ele criar, cria o espaço positivo para o cavalo em torno dele. É novamente uma tesselação perfeita onde não há lacunas. O que vamos mostrar hoje é um exemplo de uma tesselação de reflexão em um contexto muito mais simples. A fim de criar este padrão de seta onde cada seta está mudando sua direção linha por linha. É tão simples como começar com um retângulo também. Eu vou ir em frente e criar um onde a largura do retângulo é duas vezes maior que a sua altura. Vamos fazer 300 por 150, por exemplo. Eu vou continuar e duplicá-lo para que ele fique bem ao lado de si mesmo, mudar sua cor para que eu possa ver o que está acontecendo. Então eu vou seguir em frente e também criar outra linha aqui em cima onde ele está criando esses padrões de tijolos. Está a meio caminho entre eles. Vou mudar suas cores também, que possamos ver facilmente o que estamos fazendo. Agora, a coisa que acabamos de fazer foi repetir este retângulo uma e outra vez, mas todos têm a mesma orientação, o que significa que estão virados da esquerda para a direita ou da direita para a esquerda. O que realmente queremos fazer aqui é ter certeza de que a linha acima e abaixo de nossa linha original está mudando sua orientação. Eu vou ir em frente e clicar na “Ferramenta de Reflexão”, e eu quero ter certeza de que eu tenho pré-visualização. Estou usando o reflexo vertical, que significa que ele está mudando seu acesso a partir deste ponto central vertical aqui. Isso significa que eles mudam de uma direção para a outra. Agora eles estão voltados para a direção oposta como a linha no meio. Uma vez que você tenha suas linhas prontas e você queira ter certeza de que as linhas superior e inferior ao redor desta linha do meio estão mudando sua orientação, vamos em frente e selecionar esse retângulo do meio e entrar na edição global inicial. Vamos em frente e dar-lhe mais alguns pontos de ancoragem. Eu vou para o caminho, adicionar pontos de ancoragem, e eu vou ir em frente e também atualizar sua opacidade para que eu possa ver através de todas as formas. Tudo o que você precisa realmente fazer desde que eu tenho esses nós extras aqui é apenas realmente apenas dois passos para obter essas setas e é enganosamente muito simples. Vou seguir em frente e pegar esse nó aqui e movê-lo para o centro deste retângulo aqui em cima. Então eu vou mover este nó inferior do mesmo retângulo e movê-lo para baixo para este ponto central aqui. O que isso fez foi quebrar este retângulo para que ele se transforme em uma forma de flecha, mas simultaneamente cria setas acima aqui, todas elas estão apontando na direção oposta. Quando eu voltar para 100 por cento de opacidade e clicar para fora daqui, você pode ver que eu criei este padrão de seta. O que é bom sobre este padrão é que você não tem que usar tantas cores tecnicamente, já que todas elas estão se encontrando neste ponto tangente, toda esta linha pode ser da mesma cor, e toda esta linha pode ser da mesma cor. É um padrão fácil que só pode usar duas cores, e é ótimo. Se você está imprimindo em algo e tecnicamente é uma impressão de uma cor. Mas é sempre fácil usar tantas cores quanto você pode para diferenciar as formas no início e, em seguida, você sempre pode simplificá-lo a partir daí. Essa é a base de uma tesselação de reflexão onde uma linha está voltada para uma direção e a outra linha está voltada para outra. Toda essa formação de tijolos que criei para criar essas flechas é a iniciação para qualquer um desses tipos de tesselações. Eu vou em frente e apenas trazê-lo de volta para onde estava, onde é apenas a formação de tijolos simples. Para mostrar como ele começa simples e quão complexo ele pode ficar, eu vou seguir em frente e passar por cima da minha tela aqui. Este é o nosso padrão que criamos para o Almanac onde estes cães estão usando este formato de tesselação de reflexão. Eles estão basicamente começando como tijolos e eles mudam sua orientação e o fato de que as linhas estão mudando cada vez. Você pode ver o ponto médio deste cão é o ponto inicial dos cães acima e abaixo dele. Aqui está o arquivo ao vivo que eu tinha pronto para ir onde nós consertamos, consertamos e consertamos até que basicamente nós conseguimos que essas formas de cães funcionassem bem. Este é o lugar onde estava e onde acabou. Mas novamente, começou com estes tijolos básicos. Para mostrar como funciona, ainda posso selecionar este cão do meio, ir para a edição global, e se eu fosse ampliar em um aspecto específico disso, digamos que eu quero mudar a orelha deste cão aqui em cima. Novamente, você também quer ter certeza de que estes são 50%, mas para que você possa ver o que está acontecendo. Toda vez que troco a orelha deste cão, a outra parte é aqui. Você tem que apenas lembrar que ele ainda é empurrar e puxar todo o caminho até o final quando você está criando este arquivo final. Digamos que eu quero que isso pareça mais uma vibração Doberman Pinscher acontecendo. Tenho de me certificar que a parte de cada cão na orelha e na outra parte onde é como debaixo da axila estão a mudar simultaneamente. O que está acontecendo é, o Illustrator é inteligente o suficiente para saber que no padrão que eu criei, isso é basicamente a mesma coisa, mas em uma máscara de recorte, ele está atualizando esses cães também então eles agora têm orelhas maiores porque sabe que todos estes são da mesma forma. A única diferença é que eles mudam de orientação e, em seguida, as cores são diferentes. Mas tecnicamente, desde que tenha uma forma idêntica, você pode usar a ferramenta de edição global. A maneira como este projeto surgiu foi o CEO da Almanac nos pediu para fazer um cão com tema de lata. Estamos tão acostumados a criar essas formas de chevron que se mantêm como um padrão dentro desta área da lata, e pensamos ser legal para realmente fazer um padrão de cão. Nós nunca sequer nos aproximamos de uma tesselação neste momento, mas nós sabíamos disso, que ela existia. Sabíamos que havia como cães, tecnicamente padrões de cães usando tesselations no mundo. Mas pensamos que seria um desafio interessante criar algo único, específico para o Almanaque e algo que criamos do zero. Fizemos algumas pesquisas e entendemos o mundo das tesselações. Nós realmente não entendemos a maneira como eles são criados, e nós entramos em apenas mexer em um Illustrator usando essas técnicas básicas. Algumas das primeiras formas que criamos eram muito grosseiras e não pareciam cães. Estava só brincando com compreensão como, eu acho que as pernas acabariam parecendo assim aqui e a cabeça iria aqui. Com o suficiente conserto, acabamos chegando a um ponto em que ele realmente acabou parecendo um cão onde tínhamos uma cabeça e pernas e uma cauda, e nós apenas sabíamos que todas essas formas individuais acabariam tendo que interagir com o cão ao lado dele e abaixo dele. Com o suficiente apenas indo e voltando e compartilhando o progresso, nós brincamos com essas formas e fizemos os cães parecerem um pouco mais amigáveis, entendendo que queríamos estilizá-lo de uma certa maneira. Olhou para a arte existente que está lá fora onde nós realmente gostamos da forma do cão, e se é possível fazer isso olhar o mesmo dentro deste padrão sem estragar a matemática real e continuar a empurrar e puxar. Eventualmente chegou a um ponto em que começa a parecer bastante normal. Até esse ponto, tentando descobrir como fazer os cães olhar mais especificamente como um tipo de raça. Eventualmente parece um cão menor, e então nós queríamos torná-lo mais como um cão maior, mais amigável procurando. Muito empurrando e puxando ao ponto de acabarmos onde estamos agora. Mas isso foi claramente um monte de trabalho. O que é preciso é apenas experimentar e ter alguém para olhar para ele porque você pode mergulhar nesta profundidade e realmente não perceber o que você está fazendo até que você dê um passo atrás. Mas é isso que é bom em ter uma equipe de duas pessoas, nós somos capazes de verificar o trabalho um do outro ao longo do caminho. Esse é o básico das tesselações de reflexão. É muito fácil criar algo simples, mas é muito divertido criar algo muito complexo. Sinta-se livre para enviar o que você criar para a galeria do projeto e gostaria de ver o que você cria. O próximo é tesselações rotacionais. 12. Mosaicos rotacionais: Chegamos ao auge da criação de tesselação, que é essa tesselação rotacional. Você aprendeu a criar tesselations que vão em uma determinada direção, as direções alternativas. Mas este é tão complexo quanto se torna tão complexo quanto descobrimos. Vamos mostrar-lhe como criar isso no Illustrator agora mesmo. Você pode ver, eu tenho alguns exemplos de alguns padrões existentes que estão usando essa técnica. É definitivamente no nível complexo. Novamente, como cada forma está entrelaçando uns com os outros para torná-lo tecnicamente esta tesselação. Mas o que é único nisso, é que todos eles estão girando em torno de um certo eixo. A maneira mais fácil de mostrar isso é com os lagartos ou este padrão de tartaruga, você pode ver com seus pés que eles estão girando em torno um do outro aqui. Eles estão seguindo o caminho um do outro. Isso é o que o torna uma rotação. Com lagartos, é um pouco mais complexo de aparência, mas para dar uma idéia de como ele é formatado. É realmente só se juntando através da forma de um hexágono. O que é bom sobre hexágonos, é que esses dois podem girar sobre si mesmos e se entrelaçarem, como aprendemos com o padrão isométrico. Esta é uma versão muito básica do que uma tesselação rotacional pode parecer. Vou mostrar-lhe como chegar lá usando um cubo isométrico real. Em vez de apenas começar com o cubo que você criou anteriormente, nós realmente vamos apenas desmontar uma das peças. Vou copiar e colar este diamante no seu próprio lugar. A maneira como isso funciona é que, assim como estamos lidando com quadrados e retângulos, você precisa repetir a forma e movê-la em uma orientação específica com base nos resultados que você deseja. Uma vez que esta é uma tesselação rotacional, nós realmente vamos estar girando em torno deste eixo bem aqui na parte inferior. Vou em frente, copiar e colar. Eu vou girá-lo, modo que se eu pressionar Option e clicar neste ponto de ancoragem, eu posso ver que ele está girando em torno desta área. Agora, eu posso ir em frente e digamos girá-lo, que ele esteja perto de fazer uma correspondência aqui, mas o número mágico é de 120 graus. A razão é que isto vai ser três partes. Se você pensar em um círculo, que é 360 graus, e você quebra isso em três partes, tecnicamente é 120 vezes três, então apenas uma matemática rápida lá. Vou mudar a cor dele. Então eu vou copiar e colar novamente. Faça exatamente a mesma coisa clicando na ferramenta de rotação e clicando nesse ponto de ancoragem. Eu já me lembrei da minha opinião anterior que 120 é o que ele quer. Agora, temos a mesma forma girando em torno da área central e indo no sentido anti-horário, você pode ir na outra direção, se quiser. sentido horário é totalmente bom, desde que ele está girando em torno de algum ponto de acesso para criar uma forma completa. Eu só estou fazendo isso com três formas para criar um hexágono atualmente apenas por uma questão de simplicidade, que possa ser digerido facilmente, mas isso pode ser feito com triângulos, desde que você esteja usando uma forma que, como ele gira em torno do mesmo eixo, cria uma peça entrelaçada que pode ser entrelaçada em torno de si mesmo para criar um padrão, você está em boa forma para criar uma tesselação. Não precisa ser três partes para criar 360 graus, desde que todas as peças acabem criando rotação de 360 graus, você está em boa forma. Por exemplo, esta tartaruga 1 está usando quatro partes, e cada vez que eles giram em torno de suas pernas aqui, é uma volta de 90 graus. Então 90 mais 90 mais 90 mais 90 acabarão criando 360 graus. Seja qual for a peça que você escolher para começar, desde que ela possa girar e fazer um 360 completo, então você estará pronto para começar sua tesselação. Vou voltar a este cubo que criámos. Novamente, tudo está girando em torno deste eixo. O que eu vou fazer é duplicar tudo isso. Estou criando aquela grade que estávamos acostumados a ver, aquela grade isométrica. Eu só vou seguir em frente e alinhar as coisas assim, só para mostrar o que acontece quando entramos no mundo de uma Edição Global. Vou começar com este diamante bem aqui. Vou entrar no Global Edit. Queremos mudar sua opacidade, só para podermos ver o que estamos fazendo. Vou em frente e adicionar alguns pontos de ancoragem. Agora, você pode ver que os pontos de ancoragem estão agora no centro desses diamantes. O que é interessante agora é que, quando eu movo uma forma, está criando resultados inesperados porque estamos tão acostumados a acontecer no lado oposto. Mas o que ele realmente está fazendo é criar uma oportunidade para preencher essa lacuna que está fazendo uma rotação. Então toda vez que eu mexo isso, ele me requer mudar este lado aqui, e ele está simultaneamente mudando todas as formas para criar este olhar de cata-vento. O mesmo vale para qualquer outra parte deste design. Então fica tão complexo quanto você gostaria. Eu posso pegar, digamos, esta peça e trazê-la. Mas então eu também tenho que trazer esta peça. Novamente, você pode atualizar as coisas usando cantos arredondados, se quiser, então eu vou fazer este canto aqui, 100 pixels. Mas então eu também tenho que ter certeza que este canto aqui é redondo em 100 pixels. Se você ir em frente e quiser verificar o seu trabalho, você pode trazê-lo de volta para a opacidade total, e apenas ver onde isso pousou você em termos dessas tesselações. Você se lembra que começou como um cubo isométrico, mas apenas com alguns nós e se movendo, na verdade acabou completamente diferente. Foram apenas alguns passos para transformar completamente este padrão. Mas se você pode imaginar adicionando mais nós, e mais movimento, e mais personalização, você pode chegar a um lugar onde ele fica tão complexo quanto este lagarto. Porque tecnicamente este lagarto foi formatado em torno de uma forma que pode girar em torno de si mesmo, que é um hexágono. Então, como você pode ver com tesselações rotacionais, o céu é o limite quando se trata de complexidade. Agora, apenas com alguns movimentos, eu fiz este olhar interessante cata-vento, mas você pode se divertir muito com isso. A fim de transformar um padrão de tesselação em uma amostra de padrão utilizável real, você quer ter o suficiente de uma amostra de seu padrão, digamos agora eu tenho um monte dessas peças gridded out, para realmente colocar dentro de uma máscara de recorte que pode ser repetido em um padrão. Uma maneira fácil de lembrar disso é que, quando você está criando um quadrado para manter tudo isso junto, eu vou seguir em frente e agrupar isso. Tudo isso é uma peça. Vou pegar um quadrado. Eu vou começar a desenhar sobre esta seleção, mas certificar-me de que cada ponto de ancoragem que eu criar está ligado ao mesmo ponto em cada peça. Como você pode ver aqui, o canto é igual a cada ponto e cada forma. Neste momento, o centro do cata-vento está se encontrando com cada canto aqui. O que isso nos permite fazer é colocar isso em uma máscara de recorte. Mas então quando eu realmente trazer a ferramenta de criação de padrões, ele vai começar a colocar isso juntos. Eu vou entrar, Object, Pattern, Make. Neste momento, está incluindo as coisas que estão ao redor, dentro da máscara de recorte como parte desta criação. Você quer ir em frente e apenas dimensionar o azulejo para a arte e clicar neste botão aqui. O que isso faz é que acaba criando esse padrão. Agora ele sabe que se ele repete aquela caixa uma e outra vez, ele irá realmente repetir esse padrão infinitamente. Eu vou ir em frente e dizer “pronto “, e ver se isso funcionou. Só vou fazer uma caixa muito grande para ver como é preenchida. Essa tesselação rotacional rápida é agora algo que pode ser usado como uma amostra. Novamente, ele ainda tem os mesmos parâmetros que todos os outros tipos de amostras. Você pode girá-lo, escalá-lo. Se você o transformou em cores globais antes de fazer isso, você pode atualizar suas cores. Você sempre pode voltar e atualizar as cores por conta própria atualizando o padrão, clicando duas vezes na amostra. São as mesmas regras de antes, mas desta vez está numa máscara de recorte. Essa é a base de basicamente transformar qualquer uma dessas tesselações em uma amostra de padrão utilizável, apenas usando um grupo, e colocando-o dentro de uma máscara de recorte, e certificando-se de que essa máscara de recorte está localizada em um local muito específico. Agora que você tem todos esses padrões diferentes para usar, use-os para qualquer aplicativo que você possa pensar. Pode ser papel de embrulho, vestuário. Qualquer coisa que use padrões agora é utilizável dentro dessas amostras que você criou no Illustrator. Então, tem isso dentro, e divirta-se. 13. Considerações finais: Parabéns. Você passou pela aula. Sabemos que eram muitos padrões. Com muitos desses, percebemos que acabamos de mostrar algumas abordagens básicas para você começar , mas há realmente um monte de empurrar e puxar e para trás e para frente que você pode fazer para começar. Estamos ansiosos para ver o que você inventa na galeria do projeto. Não tem que parar por aí. Há tantos padrões no mundo e há muito mais com que você pode experimentar. Uma simples Pesquisa Google de MC Escher ou tesselação abrirá tantas portas em termos de complexidade. Há coisas chamadas tesselações irregulares onde na verdade são duas formas diferentes que se fundem. Digamos, peixe e um pássaro que cria um padrão totalmente novo. Há um monte de trabalho lá fora que só requer um monte de empurrar e puxar e mais tempo colocado nele. O céu é o limite em termos de quanto trabalho você quer colocar no projeto. Ainda estamos aprendendo com uma de nossas partes favoritas de todas essas aulas do SkillShare é aprender com vocês. Estamos ansiosos para ver o que você inventa. Obrigado por assistir.