Design de padrão de superfície no Adobe Illustrator: uma introdução completa

1. Trailer do curso: Oi, meu nome é Esther Nariyoshi. Sou designer de superfícies e ilustrador. Meu trabalho é visto em uma variedade de superfícies diferentes. Nesta aula, vou compartilhar com vocês meu processo de elaboração de padrões do início ao fim. Esta aula é ótima para alguém que trabalha na tela, como um iPad ou alguém que trabalha em um meio tradicional como papel. Trabalharei com você a cada passo do caminho. Vamos começar digitalizando nossos motivos e rabiscos e vetorizá-los na versão mais recente do Adobe Illustrator. Vamos olhar para um padrão a partir de uma visão panorâmica e realmente entender a estrutura do padrão. Também vamos entrar nos pequenos detalhes do Adobe Illustrator para tornar nosso padrão perfeito. Vamos trabalhar através de diferentes exemplos de diferentes tipos de padrões. Você pode ter uma compreensão bastante abrangente de um padrão equilibrado. Se você tem um monte de rabiscos que você está realmente apaixonado, e você está pronto para levá-los para o próximo passo. Esta é a aula para você. 2. Espaço de trabalho personalizado: A principal ferramenta que usaremos para nossa turma será o Adobe Illustrator. É um programa baseado em assinatura, que eu uso 99 por cento do tempo para meus padrões. Embora esta não seja a única maneira que muitas pessoas preferem usar o Photoshop ou mesmo iPad para trabalhar em seus padrões. No que diz respeito a esta classe, vamos usar o Adobe Illustrator. Se você estiver abrindo seu ilustrador pela primeira vez, essa é provavelmente a tela que você está olhando. Gostaria de passar alguns minutos para arrumar meu local de trabalho. Isso realmente me economizou tempo na estrada. A primeira coisa que eu faria é criar novo, e então você pode criar seu próprio tamanho de tela ou tamanho de placa de arte. Então o que eu vou fazer é mudar as unidades para pixels, e apenas para o bem da classe de compartilhamento de habilidades, eu vou mudá-lo para 1920 por 1080. Então você pode vê-lo melhor e você também pode selecionar o número de placas de arte. Vou alterar meu modo de cor clicando em Opções avançadas e, em seguida, alterá-lo para cor RGB. Mais tarde, se você descobrir que precisa imprimir sua arte em CMYK, você sempre pode simplesmente alternar dentro do programa, sem problema. Mas acho que se mostra melhor na tela. Especialmente as minhas exportações tendem a ser digitais neste momento. Diga que se você quiser fazer uma postagem no Instagram, a cor RGB mostrará muito melhor do que o CMYK. Eu só vou criar, e isso vai me dar os quadros de arte. Imediatamente você verá algo assim. Você terá um monte de amostras e alguns traços. Você provavelmente nunca usaria traços e símbolos. Eu gostaria de esclarecer isso. Você pode selecioná-los individualmente e excluí-los, mas há uma maneira mais rápida. Eu vou para as ações da janela, e no meio você verá excluir itens do painel não utilizados, e você pode simplesmente clicar no botão de reprodução, e isso irá ajudá-lo a limpar sua paleta. Isso é muito legal porque você não está tão distraído quando você está projetando. Mas eu aconselharia você a fazer isso logo no início do seu processo porque você pode acidentalmente excluir algo importante. Eu só vou fechar isso, esta configuração pode parecer muito diferente. Então eu vou redefinir meu local de trabalho para pintura. É aí que eu gosto de começar e então eu iria em frente e redefinir a pintura. Então agora a nossa tela provavelmente terá exatamente a mesma aparência. Há algumas coisas que acho que é útil fazer. Uma é vir até a Janela e clicar em seus quadros de arte, e então basta arrastar a palavra Placas de arte e empilhá-la até ver esses destaques azuis, e assim como Go. Isso lhe dará a capacidade de trazer o painel de quadros de arte facilmente para que você possa reorganizar suas placas de arte imediatamente. Isso é muito limpo, e também eu gostaria de vir para o Windows e no meio clique sobre o traço da imagem, e depois empilhar abaixo. Rastreamento de imagem é algo que eu uso muitas vezes especialmente quando eu digitalizar coisas do iPad ou de aquarela, ou de um motivo desenhado à mão. A menos que você esteja desenhando tudo do zero, do ilustrador, você provavelmente precisará de traço de imagem com muita frequência. Estas são as coisas que eu uso com muita frequência. À medida que você desenvolve seu próprio fluxo de trabalho, você vai encontrar-se usando algumas ferramentas longe mais do que outras. Então será muito benéfico empilhar essas ferramentas na lateral para que você possa simplesmente pegá-las facilmente. Outra coisa que você pode fazer para recolher painéis que você não usa com muita frequência. Eu raramente seleciono uma cor de azul deste painel. Eu só vou recolher meu painel de cores, e então você pode passar o mouse sobre a borda entre dois painéis e depois redimensioná-los. Provavelmente vou trazer a camada. Clique duas vezes na camada. Se você quiser, você também pode vir para a barra de ferramentas Editar no lado esquerdo, agora eu tenho uma barra de ferramentas simplificada. Mas se você quiser ver todas as ferramentas que estão disponíveis, você pode vir a este pequeno menu de hambúrguer e clicar em avançado e você deve ser capaz de ver tudo. Agora parece que as coisas estão correndo sobre a tela. Eu só vou clicar nesta seta dupla para torná-lo duas linhas, então tudo é visível dentro do limite da tela. No momento, meu ilustrador está acima do mesmo tamanho da minha tela. Mas se o seu ilustrador diz como sentar em cima de 50 coisas diferentes atrás e isso distrai para você. Você pode simplesmente pressionar “F” que se ajustará automaticamente ao seu ilustrador em tela cheia. Você pode personalizar tudo para o conteúdo do seu coração. Assim que estiver satisfeito com a configuração do seu espaço de trabalho, você pode ir para o menu suspenso do espaço de trabalho e, em seguida, clicar no novo espaço de trabalho, e você pode nomeá-lo como quiser. Eu só vou nomear o meu como Esther Nariyoshi, e clicar em “ok”. Seus ilustradores podem se lembrar exatamente de como você configurou seu espaço de trabalho. Portanto, mesmo que você esteja em um novo documento em sua máquina, você sempre pode voltar para seu próprio espaço de trabalho personalizado e, apenas para esclarecer, espaço de trabalho se refere a onde seus painéis estão e sua localização. Não se refere à limpeza que fizemos logo no início. que significa que se você está no meio de algo e de repente ao longo de ir para um espaço de trabalho diferente, ele não irá limpar todas as amostras de cores que você fez ou os traços que você personalizou, eles são seguros. É apenas a ordem e a colocação dos seus painéis vai mudar. Mas se você quer que seu ilustrador se lembre de tudo exatamente, o que você precisa fazer é criar um modelo que não cobriremos nesta seção, mas é algo que vale a pena investigar no caminho. Este é o posicionamento padrão de seus painéis. Você é máquina vai lembrar especificamente para este espaço de trabalho. Sempre que você quiser voltar a este ponto, você sempre pode reiniciá-lo. Com isso ao quadrado. Vamos entrar na digitalização. 3. Vetorizar no iPad: Nas próximas duas lições, vou te ensinar três cenários ou estratégias diferentes de trazer sua arte do iPad, papel ou aquarela. Nesta classe em particular, não vamos cobrir a mecânica do desenho. Este é o momento de reunir seus esboços anteriores, seus desenhos, pinturas, tudo o que você quiser trabalhar e colocá-los em um padrão. Alguns de vocês provavelmente fizeram minhas aulas de ilustração botânica e se vocês seguiram minhas instruções muito de perto, seus desenhos podem parecer exatamente como os meus. Eu estou bem com isso, desde que você o mantenha como um projeto pessoal e você não o venda ou ou licença para qualquer propósito comercial. Acho que está tudo bem. diz respeito ao exercício, você pode usá-los apenas para aprender a obter um padrão juntos e eventualmente, como você pratica e seu próprio estilo pessoal ou estilo de assinatura virá através, que é quando você quer começar pensando em como desenvolver ainda mais seu próprio portfólio e começar a licenciar. De volta à digitalização. Illustrator é um programa baseado em vetores, que significa que uma vez feito um gráfico no Illustrator, se você ampliar como um 1.000 vezes, teoricamente você não perderá a qualidade de seus gráficos. Esta é uma das maiores razões pela qual eu realmente amo o Illustrator e fazer a maioria dos meus padrões no Illustrator. Você pode se perguntar como, por que você precisa digitalizar quando desenhar no iPad já é uma forma digital de um desenho? Essa é uma ótima pergunta. Esta é a imagem que eu fiz no meu iPad e exportado como um JPEG e trouxe no Illustrator. Você pode fazer isso apenas arrastando e soltando em seu quadro de arte. Neste momento, esta coisa toda é uma grande peça. Se você pudesse apenas ter um momento comigo para imaginar, este é um desenho que você fez em um pedaço de papel claro. Esta folha inteira vive em uma página, o que torna realmente difícil reorganizar cada folha individual como um motivo em um padrão. Para torná-lo mais fácil, podemos cortá-lo e depois apenas jogar com o indivíduo até ficarmos felizes com ele. É o que vamos fazer no Illustrator. Basicamente, vamos isolar cada indivíduo por si só para que possamos jogar com eles em vez de ter que mover tudo juntos, mas antes de começar a digitalizar, temos um pouco mais de trabalho para fazer em nosso iPad. Aparentemente este já é uma versão colorida do meu desenho. Eu tenho a linha azul mais escura e o preenchimento azul mais claro e uma superimpressão rosa no fundo. Tenho três cores aqui. O resultado é muito próximo do meu desenho, mas o problema é que se eu colocá-lo em um fundo muito escuro, os pequenos detalhes aparecerão. Por exemplo, aqui, você verá esses pequenos pacotes de coisas que não pertencem aqui e também coisas como esta acontecerão, que você pode tecnicamente apenas ir em frente e selecioná-lo e limpá-lo dessa maneira, mas se Se você tem centenas desses, isso não seria divertido. Eu tenho algumas boas notícias para você, o que basicamente significa que nós vamos fazer algum trabalho antes do tempo no iPad, que vai tornar nossa vida muito mais fácil depois. Se você puder voltar para o iPad e mudar a cor de preenchimento de cada camada para preto, o objetivo disso é aumentar o contraste entre sua arte em relação à cor de fundo, o que dará ao Illustrator uma chance maior de pegar seu trabalho artístico com mais precisão. Eu suponho que você tem todas as suas camadas separadas por cor ou realmente qualquer grau de separação será útil mesmo que apenas duas a três camadas para toda a obra artística. Aqui eu tenho o meu original, deixe-me trazê-lo um pouco mais perto. Original, contorno escuro bem aqui e eu tenho meu preenchimento azul claro aqui e o fundo rosa na parte de trás. O que vamos fazer aqui é digitalizar três camadas e, em seguida, colocá-las novamente juntas e isso nos dará uma aparência muito mais limpa. A lógica por trás disso é que o Illustrator leia sua imagem com base no grau de contraste. Por exemplo, quanto maior o contraste entre motivo e fundo, melhor será o resultado. O maior contraste é preto e branco. É por isso que eu recomendo que você mude todas as camadas em preto contra branco e isso tornará a digitalização muito mais fácil no Illustrator. É claro que se seu desenho for muito mais complicado do que isso, limpar no Illustrator pode ser mais fácil. É a decisão do seu julgamento. Só quero que saibas que tens a opção. Vamos ao trabalho. Primeiro, eu vou mostrar a vocês como digitalizar esta peça apenas no caso de você escolher não converter tudo em preto e então eu vou mostrar como transformar esses caras em forma vetorial, que é super, ultra fácil. Deixe-me dar um zoom aqui. Lembre-se do painel que acabamos de empilhar aqui, chamado Rastreamento de Imagem. Precisamos disso agora. Uma vez que você tenha a arte selecionada e você verá todas as opções disponíveis, a primeira coisa que você precisa fazer é mudar o modo para cor. Vou arrastá-lo um pouco para cima. Então você pode contar suas cores. Aqui temos três cores. Incluindo o fundo branco, vamos colocar quatro cores aqui. Esse é o objetivo, o resultado final. Você quer ignorar o branco, mas ainda assim este sistema vai contar o branco, ele simplesmente não vai aparecer no final. É uma coisa complicada, mas se você pudesse apenas lembrar de contar suas cores mais uma e colocá-lo aqui, mas se você estiver usando toneladas de gradientes em seu trabalho, eu iria apenas para 30 e, em seguida, apenas downgrade de lá e, em seguida, clique em a pré-visualização. Com base no tamanho do seu trabalho artístico, você pode demorar um pouco. Você começa a ver o resultado final do seu trabalho e você pode jogar com os controles deslizantes aqui para aumentar e diminuir o número de caminhos e cantos e o ruído até que você esteja feliz com a textura. Como você pode ver, meu contorno não é super suave e eu gosto de preservar a textura em algum grau. Uma vez que você está feliz com isso, venha até o topo e clique em Expandir. Então este é o seu resultado final. Vou criar um retângulo na parte de trás. O que eu fiz foi pressionar M e clicar e arrastar. Vou transformá-lo em preto e trazê-lo de volta. Se você for com esta rota, você tem algumas limpezas a fazer. Basicamente, o que você precisa fazer é ampliar e olhar de perto e pressionar A no seu teclado, ou a seta branca aqui para direcionar, selecionar seus pequenos bolsos e que precisa ser limpo e pressione “Excluir”, e Basta dar a volta para fazer isso. Há outra maneira de fazer isso, que é usar o modo de contorno. Você pode pressionar “Comando Y” para que você só possa ver o contorno das coisas. Por exemplo, é fácil ver que há uma coisinha aqui que não pertence. Basta pressionar A e, em seguida, arrastar e excluir. Isso é realmente útil se você quiser assombrar quaisquer pixels perdidos ou limpar as bordas. Por exemplo, coisas como esta. Você pode simplesmente selecionar e excluir. Se quiser voltar, aperte “Comando Y”. Por padrão, tudo é agrupado. Você provavelmente quer separá-los por motivo. Então temos quatro grupos separados aqui, idealmente. O que você precisa fazer é selecioná-los todos e clicar com o botão direito do mouse e clicar em “Desagrupar”. Isso só desagrupará uma vez. Você pode querer fazer isso algumas vezes, só por precaução. Vou pressionar “Comando Shift G” para desagrupar algumas vezes. Você pode ver que tudo está por conta própria, o que é ótimo. Agora vou redefinir meu grupo usando a ferramenta Laço, que é Q no seu teclado, ou este pequeno ícone de Laço aqui. Como o Photoshop. Basicamente, você apenas desenha uma forma em torno dele. Não precisa ser perfeito. Contanto que você tenha o limite certo. É difícil fazê-lo porque a minha tela é enorme. Então, uma vez que você tem este laço em, você pode pressionar “Comando G” para agrupar este. Em seguida, afaste-se e trabalhe no próximo. Basta pressionar “Q” no seu teclado e apenas laçar ou arredondado e pressionar “Command G”. Não importa se você desenhar sobre a área em branco, isso não afetará seu resultado. Aperte “Comando G”. O último é fácil, basta clicar e arrastar e, em seguida, comando G. Agora você tem quatro motivos individuais para trabalhar com. Enquanto isso, se você quiser escolher o método preto e branco para economizar algum tempo de limpeza, você pode clicar em uma de suas camadas e ir até Janela e rastreamento de imagem. Às vezes as coisas estão acinzentadas. Você pode simplesmente clicar fora e clicar em sua camada novamente e suas opções serão exibidas. Desta vez, porque temos preto e branco, então você pode simplesmente escolher o modo como preto e branco. Da mesma forma, você deseja ignorar o branco. Só os pixels pretos recebem. Em seguida, você pode simplesmente clicar na pré-visualização. Deve ser muito mais rápido. Você pode brincar com os cantos do nível de ruído, o passe, coisas assim. Quando estiver feliz, expanda e faça a mesma coisa para os outros dois. Fizemos muito até agora. Não se esqueça de salvar. Pressione “Command S” para salvá-lo em um local seguro. Desde que fizemos a vetorização aqui, eu vou apenas clicar neles e salvar minhas paletas de cores aqui pressionando novo grupo de cores e certifique-se de converter processo para global é rastreado. Isso permitirá que você mude de cor no nível de macro muito mais tarde. Eu só vou clicar em OK. O último painel vai ser o único e eu acabei de salvar. Vou apenas clicar nesses grupos e recolorir antes de reposicioná-los. Este é um azul mais escuro, e este é o azul mais claro. Vou mover o rosa sobre o contorno primeiro. Ampliando pressionando “Command Plus” e, em seguida, basta posicioná-lo, já que está sobreimprimido e desalinhado. A posição não importa tanto. Isto não é bom o suficiente para mim. A parte complicada é mover estes azuis fracos sobre o contorno aqui. É muito complicado alinhar. Na verdade, eu acidentalmente fiz um bom trabalho. Vou apagar isso porque isso não acontece com muita frequência. Vou te ensinar um truque separado, que é usar a ferramenta balde e ter certeza que você tem esses caras selecionados primeiro. Vou pressionar “V” para seleção e depois “K” para balde e ampliar para colorir a área em branco basicamente. Seu sinal visual é realce vermelho. Sempre que você passar o mouse sobre uma área em branco, se ela estiver destacada, ela só mostra que será colorida. Isso faz com que seja muito fácil. Eu não estou seguindo meu esboço original neste momento. Não quero colorir todas as folhas. Vamos dar uma olhada clicando lá fora. Isto parece muito bom. Só para verificar minha teoria, eu vou criar um cobertor retângulo preto sobre minha arte e enviá-lo todo o caminho para trás pressionando “Command Shift”, colchete esquerdo. Ou você pode fazer o botão direito do mouse, organizar, enviar para trás. Você pode ver, porque eu fiz a coisa preto e branco, eu não tenho os bolsinhos aqui. Pouparia uns 10 minutos de limpeza. Definitivamente vale a pena. Essa é a parte do iPad da nossa digitalização. No próximo vídeo, passaremos à digitalização a partir do desenho em papel real. 4. Vetorizar imagens do papel: Neste vídeo, vamos abordar como digitalizar desenhos como este, que você basicamente usa caneta preta ou marcadores ou forros em um pedaço de papel branco sem texturas ou grades. Esta é uma pequena folha inocente que desenhei num pequeno pedaço de papel. A primeira coisa que quero fazer é cortá-la. Você pode fazer isso facilmente apenas no seu telefone. Basicamente, você está se livrando de todo o acesso à informação. Você não quer que o Illustrator realmente digitalize o pedaço de papel. Você só quer o desenho da pequena folha. Aqui eu cortei o endereço do jornal ou até mesmo da mesa. Illustrator podemos focar no meu desenho e trabalhar duro nisso. Depois de cortar a imagem, basta clicar e arrastar para o Illustrator. Assim como vai, que parece bem grande. Vou redimensioná-lo. Quando você faz isso, você quer ter certeza de que você mantenha a tecla “Shift” que seu redimensionamento não estrague com a proporção. Agora olhando para esta pequena folha contra o branco, parece que o fundo está um pouco escuro demais. Duas coisas que você quer prestar atenção quando você tira fotos de seu desenho. Primeiro é certificar-se de que seu telefone ou sua câmera está perpendicular à sua mesa onde o pedaço de papel é colocado plano para que você não esteja renderizando a imagem com um ângulo estranho. Outra coisa a prestar atenção é certificar-se de que sua iluminação é boa. Basicamente, isso lhe dará a quantidade máxima de contraste entre suas linhas pretas e seu papel. Mesmo que isso pareça um pouco de cinza, mas eu acho que o Illustrator ainda vai fazer um trabalho decente passando o desenho do papel e se livrar de todas as informações de fundo desnecessárias. Vamos dar uma olhada. Mais uma vez, vamos tirar nosso painel de rastreamento de imagem. Vou trazê-los para a esquerda. Desta vez também queremos preto e branco. Queremos ignorar o branco também. Apenas sem alterar qualquer posição de controle deslizante padrão, vamos ver como a visualização se parece. Não tão ruim. O Illustrator faz um bom trabalho fazendo isso. Parece que precisamos fazer uma limpeza. Vamos diminuir o limiar e ver se ele vai mudar. Para ser honesto, acho que este pequeno botão aqui, é algo que eu estraguei quando estava desenhando. Não posso culpar o Illustrator por isso. Você também pode jogar com a posição do controle deslizante e para ver quanta textura você deseja pegar, cantos. O nível de ruído não parece ter muito disso, na verdade. Eu só vou em frente e expandir. Mais tarde nesta aula, eu vou te ensinar como suavizar o caminho se você realmente, realmente quiser consertar esse pequeno botão aqui, como eu faço no momento, eu vou usar apenas a borracha, que é” Turno E.” Você pode usar o colchete esquerdo ou direito para alterar a dimensão. Então eu vou apenas apagá-lo levemente. Já estou me sentindo muito melhor. Este é um bom motivo para trabalhar. Basicamente, é assim que você trata desenhos em preto e branco. É muito semelhante ao que fizemos nos desenhos do iPad. Basicamente, você só precisa prestar atenção à textura e pequenos detalhes e você também pode ampliar para maximizar seu controle. Próximo passo, vamos nos concentrar na cor. Esta é uma pintura muito simples de aquarela. Estou confiante de que este não é o desenho mais complicado de aquarela que você já viu. Mas para o propósito de demonstração, eu decidi usar um exemplo muito simples para apenas mostrar o princípio e os passos em vez de perder seu tempo esperando pela renderização. O princípio é o mesmo. É uma lógica. Apenas me acompanhe e veja como podemos transformar esse cara em uma forma vetorial. Neste momento, isto é um J. Peg. Vou tirar minha janela de rastreamento de imagem. Então eu gostaria de mudar meu modo para cor. Você também pode mudar seu paladar para ser limitado ou tom completo. São duas coisas que uso o mais limitado. Obviamente, ele só contará as cores para um determinado número. Neste caso, são 30. Olhando para o meu pequeno rabisco de aquarela, eu tenho cinco cores principais. Pela quantidade real de cores são muito mais do que apenas cinco. Porque se você está olhando para o sangramento entre duas ou três áreas, há muitas, muitas sombras no meio e há transição. Eu acho que as cores vão ser muito mais do que 30, mas eu vou apenas mostrar o que parece ser 30. Eu só vou ignorar o branco, que será basicamente o fundo e, em seguida, pré-visualização. Não tão ruim. Mas, obviamente, esta não é a beleza completa do desenho original. Há alguns compromissos que você pode ver. As bordas são bem irregulares. A razão pela qual muitas pessoas usam cores limitadas é porque quando você trabalha com um fabricante, alguns deles precisam trabalhar com cores limitadas para limitar as placas de serigrafia a um determinado número para que o custo não seja muito louco. No entanto, se a impressora for digital, o número de cores geralmente não é um problema. Por exemplo, se você imprimir sua flor colher de aquarela, você não precisa se preocupar com quantas cores você usou, porque eles usam impressão digital para seus tecidos. Também depende do tipo de indústria que você está buscando. Tanto quanto eu sei, muitos fabricantes de tecidos se preocupam com quantas cores foram usadas na arte. Só porque a impressão de tela, ainda é bastante comum. Ao mesmo tempo, talvez os fabricantes estacionários estejam mais relaxados sobre isso porque a impressão digital em papel é muito mais comum. Em suma, as coisas podem mudar na estrada. É sempre bom saber qual é essa limitação com a qual você tem que trabalhar e ter isso em mente quando você cria para que seu trabalho seja mais comercializável. Nós cobrimos um monte de motivos e nós nem sequer entramos na fabricação de padrões ainda. Considere isso como uma das aulas de aprendizagem a longo prazo onde você precisa investir tempo e também você vai colher um monte de colheita a partir dele. Eu realmente encorajaria você a celebrar pequenos marcos. Por exemplo, se você tem número ou trabalhou na digitalização seus desenhos de papel antes ou desenhos de iPad antes, isso é um grande negócio. Você o moveu para formulários vetoriais no Illustrator e está prestes a transformá-lo em um padrão. Celebre e trate algo para si mesmo, e eventualmente chegaremos lá juntos. No próximo vídeo, estamos trabalhando para editar seus motivos juntos adicionando pequenas ou grandes correções cosméticas para tornar sua arte mais polida. 5. Edição básica de forma: Agora temos tudo vetorizado. Neste vídeo, vamos passar por alguns cenários comuns e solucionaremos o que fazer sobre essas situações. Se você tiver alguma dúvida, sinta-se livre para postar um projeto na galeria, e você pode postar suas perguntas dentro do próprio projeto com descrição ou você pode deixar um comentário para o seu projeto. Fico feliz em dar uma olhada e trabalhar com você a partir daí. Dito isto, vamos dar uma olhada no que temos aqui. Estas são as duas formas de folhas abstratas que eu fiz no iPad e depois vetorizadas no Illustrator. Deixe-me selecionar metade e movê-lo para o meio. Se eu fosse desagrupar, todos, pressionando o Comando Shift G algumas vezes, e então eu posso usar a seleção para separá-los. Cada cor tem sua própria forma e eles não estão conectados mesmo que eles pareciam fluidos anteriormente. Permitam-me apenas desfazer algumas vezes para trazê-lo de volta ao original, mesmo que possamos ver o contorno da linha, mas na realidade, eles não estão nada conectados. Uma das primeiras coisas que quero te ensinar é como fazer formas compostas. Existem algumas maneiras de fazer isso. Dependendo do que te sentires mais confortável, vou mostrar-te duas maneiras diferentes. Um deles é usar o Pathfinder. Se você seguiu meus passos a partir da configuração do espaço de trabalho, você terá alguma ferramenta que se parece com isso. Chama-se Pathfinder. Se você não tem, você sempre pode encontrá-lo vindo para a janela e é alfabético aqui, e basta clicar em Pathfinder aqui. Eu só vou arrastá-lo para fora para que seja sempre visível. Primeiro, deixe-me fazer uma cópia. Vou selecioná-lo e, em seguida, mantenha pressionada a tecla Option. Como você pode ver, minha flecha se transforma em flecha dupla. Isso me mostra que o Illustrator está pronto para fazer uma cópia. Eu só vou arrastá-lo. Se você quiser torná-lo perfeitamente horizontal, você pode manter o turno sem soltar Opção e apenas ir. Teremos a referência à direita para que você saiba como era antes, então vamos ver. A primeira opção é chamada de unir. Basicamente, ele transforma as formas que você selecionou em uma. Vamos ver. Se eu estiver selecionando tudo e, em seguida, clique no botão Unir. É exatamente o que parece. Ele irá combinar todas as peças juntas e torná-lo em uma grande forma. Você também pode fazer a mesma coisa usando construtor em forma. Acabei de fazer o Comando Z. Vou tentar narrar o que estou fazendo aqui no meu teclado. Estou ciente de que às vezes falo muito rápido. A qualquer momento, se você tiver alguma dúvida, você sempre pode entrar em contato comigo via Skillshare ou no Instagram. Um truque rápido para ajudá-lo a seguir junto com a classe é olhar para a barra de ferramentas à esquerda. Seja qual for a ferramenta que foi destacada assim, isso significa que é a ferramenta atual que estou usando. Às vezes, se eu usar apenas um atalho de teclado, e esquecer de dizer o que estou usando, e você sempre pode olhar para eles e apenas clicar na ferramenta. Você terá a mesma funcionalidade. Essa é a função Pathfinder Unite. Eu mencionei que há outra maneira de fazer a mesma coisa. Vamos primeiro selecionar tudo pressionando seleção V, basta clicar e arrastar e, em seguida, pressionar Shift M. É esta pequena ferramenta Shape Builder. Se algumas ferramentas não são imediatamente visíveis e você pode querer encontrar a proximidade do botão e clique longo. Haverá um menu pop-up para lhe dar uma lista de coisas para percorrer. Esta ferramenta é chamada Construtor de Formas. Basicamente, como você tecer através de diferentes formas e combinar como você destacar e desenhar através. Por exemplo, aqui, o que eu fiz foi combinar quatro formas diferentes em uma. Você pode simplesmente clicar e arrastar. É bem simples. Eu prefiro desta forma, porque é mais visual e dá-lhe mais controle do motor fino como você está trabalhando através de detalhes muito mais finos dentro de você tem que selecionar individualmente tudo, especialmente quando eles são agrupados juntos e você não está disposto a desagrupá-los por qualquer motivo. Você pode simplesmente selecionar todos e Shift M e trabalhar seu caminho através de um mouse. Isto é o que eu considero um caso especial porque nenhuma dessas formas estão se sobrepondo um ao outro , mas se você está tentando fazer uma forma composta que têm área sobreposta, eu vou mostrar-lhe algumas maneiras diferentes de alcançar o mesmo resultado. Aqui temos duas formas muito simples, os pequenos quadrados azuis, e temos um círculo, os círculos laranja sentados em cima dele. Vou usar essas duas pequenas formas simples para mostrar algumas das funções básicas que o Pathfinder faz. Você notará que há muitos botões, mas eu só percorrerei os seis primeiros, que são os quatro primeiros mais o primeiro e o segundo da segunda linha. Para ser honesto, eu usei o Illustrator por mais de dez anos e raramente chego às últimas quatro funções. Imaginei que poderia poupar energia cerebral para não lembrar o que eles fazem e o que eles fazem do que eu li pode ser facilmente substituído usando outras funções como Shape Builder, que eu vou mostrar-lhe um por um logo após este lineup. Vamos para o primeiro. Nós já cobrimos um minuto atrás, este está unido. Quando você clica em ambos e clica em “Unite”, você vai fazer uma forma composta. O segundo é menos frente. É bastante óbvio, basicamente vai tirar o que quer que esteja por cima. Isso realmente depende de como você organiza sua camada e qual é a ordem de suas formas. O terceiro é chamado de Intersect. Isto irá mostrar-lhe a área sobreposta. Simples o suficiente. O quarto é o oposto de Intersect. Vai mostrar-te tudo, excepto o que estava a sobrepor-se. Os ícones desses caras também são muito úteis. Você pode adivinhar o resultado que você pode obter. O próximo na linha, que é o primeiro na segunda linha, que é chamado de dividir. Basicamente, isso cortará a forma na menor unidade. Sempre que vir uma linha, ela cortará. Quando clicamos nele, você não vê o resultado imediato. Neste momento, tudo está agrupado. Eu quero usar a ferramenta de seleção direta, que é A no meu teclado, para separá-la. Como você pode ver, ele corta esta forma composta na menor unidade. O último é chamado de aparar. Quando você clica sobre ele e basicamente age como um cortador de biscoitos. A forma superior vai tipo de morder através da segunda forma e age como um cortador de biscoitos. O resultado é bastante visual. Como eu disse, não uso o resto. Eu realmente não entendo o ponto exceto talvez cortar, que eu vou cobrir mais tarde neste vídeo. Próximo passo, vou mostrar-lhe como alcançar o mesmo resultado usando a ferramenta Shape Builder que andou mais de um minuto atrás. Deixe-me fazer uma linha simples aqui à direita, e então pode mudar isso para Shape Builder. Deixe-me dar uma cor diferente. Vamos voltar. Vou esmagar tudo o que está aqui para que não nos distraiam. Lá vai você. Para o mesmo resultado, vamos apenas usar a ferramenta Construtor de formas. Você pode pressionar Shift M para realçar a função. Agora, já está ativo. Vou fechar o Pathfinder para que não se distraiam. Na verdade, antes de usar o Shape Builder, você precisa selecionar sua área de destino. Neste caso, o nosso alvo está bem aqui. Deixe-me só ampliar um pouquinho, então Shift M depois da minha seleção. Eu só vou me arrastar para fazer uma forma composta. Como você pode ver, a cor se transformou em qualquer cor ativa que eu tenho no meu painel de amostras de cores. Para fazer a mesma frente de menos, vou selecioná-los primeiro e pressionar Shift M para ativar a ferramenta Construtor de Formas. Em vez de arrastar a cruz, vou segurar a tecla Option. Isso vai tirar o que eu estou clicando. Se eu clicar aqui no meio, isso vai desaparecer, a mesma coisa aqui. É muito visual e simples. Vamos ver como podemos alcançar o mesmo efeito aqui. Mude M e, em seguida, segure a opção para tirar essas peças. Isto é muito mais divertido. Mude M e, em seguida, segure em Option para tirar a parte do meio. Aqui está, como você pode se lembrar, é dividir. Isso cortará as coisas em pequenos pedaços. Depois de pressionar Shift M para trazer minha ferramenta Construtor de Formas, eu simplesmente quero clicar nas formas individuais para cortá-las e, em seguida, pressionar A para uma ferramenta de seleção direta. Como pode ver, as coisas estão prontas para serem desmontadas. O último efeito de corte pode levar alguns passos, mas ainda é bastante visual e simples. Pressione Shift M no teclado, e assim como divide, queremos três peças. Pressione A para a ferramenta de seleção direta e mantenha pressionado o turno para adicionar outra parte à seleção e, em seguida, apenas separe-a. Mesmo que visualmente pareça que alcançou efeito, mas realmente aqui ainda temos duas partes. Temos dois meio círculos sentados um ao lado outro em vez de tê-los na forma única. Vou usar a ferramenta Construtor de Formas para arrastar e agora temos duas formas separadas. Como eu disse, na minha opinião, a ferramenta Shape Builder é muito mais fácil de usar porque é um visual. Quando quiser combinar formas diferentes, basta arrastar. Quando você quiser dividir, basta clicar nas formas individuais. Quando você quiser tirar uma certa forma, basta manter a tecla Option e ela fará isso por você. Mas reconheço que pessoas diferentes processam informações de forma diferente. Para esta aula, escolhi guiá-los pelo Pathfinder e o Shape Builder. Você sempre pode voltar a este vídeo para revisitar enquanto está trabalhando em seus motivos para seu padrão. Eu quero mencionar que esta classe foi projetada com usuários iniciantes do Illustrator em mente. Se você quiser saber mais informações e conhecimentos mais aprofundados, especificamente sobre o Illustrator para designers de superfície, você pode conferir minha outra classe chamada Illustrator Nuggets for Surface Designers. Essa classe abrange cenários mais específicos para usuários avançados do Illustrator. Há um pouco de sobreposição, mas essa classe vai muito mais fundo. Até agora, falamos sobre como combinar dividir, basicamente como fazer formas compostas. No próximo vídeo, vou mostrar alguns cenários únicos diferentes que frequentemente os designers de padrões de superfície têm que lidar. Sirva-se uma xícara de café ou chá, obter-se um pouco de deleite e eu vou vê-lo no próximo vídeo. 6. Seleção, suavização e mais: Neste vídeo, vamos continuar a cobrir algumas técnicas essenciais para editar seus motivos. Como você se lembra, este é um dos motivos em que trabalhamos quando vetorizamos nossos desenhos do iPad no Illustrator. Agora, tudo foi vetorizado e você pode ver os pontos de ancoragem. Temos três cores aqui, o azul escuro, o azul claro e o rosa claro. Podemos cobrir algumas técnicas apenas trabalhando com este motivo junto. Uma das primeiras coisas que quero falar é selecionar o mesmo. Por exemplo, se por algum motivo eu quiser mudar o rosa para outra coisa, a maneira mais intuitiva seria usar a Ferramenta de Seleção Direta, que é a seta branca aqui na barra de ferramentas ou “A” no teclado. Quando você pressiona e, em seguida, você pode selecionar o rosa um por um e manter pressionado “Shift” enquanto você seleciona. Mas como você pode ver, nós temos alguns pedaços cor-de-rosa para rever que levaria muito tempo e este é apenas um único motivo. Imagine se você tem que trabalhar com 20 diferentes, então isso vai demorar muito tempo para terminar. Uma das maneiras mais fáceis de fazer isso seria apenas selecionar um deles, um do rosa, e depois vir para Selecionar e Mesmo e Selecionar mesma cor de preenchimento porque esse é um denominador comum que queremos definir neste ponto. Queremos selecionar todos neste quadro de arte e outras placas de arte e queremos selecionar todos que tenham a mesma cor de preenchimento. Como resultado, todos os rosa são automaticamente apanhados. Isso leva apenas um segundo. Vamos mudar para amarelo. Está um pouco escuro. Isso é muito rápido. Há outra maneira de fazer isso, que é usar nossa ferramenta Varinha Mágica, que é “Y” no seu teclado e também tem este ícone de varinha mágica na sua barra de ferramentas. Imagine que queremos mudá-lo de volta para uma cor diferente. Queremos mudar o azul escuro para uma cor diferente. Tudo o que precisamos fazer é clicar duas vezes. Podemos verificar todas as marcas. Nesse caso, queremos selecionar tudo que tenha a mesma cor de preenchimento. Em termos de tolerância, queremos defini-la como zero. Basicamente, isso limitará a seleção de cores à cor exata. Vamos apenas clicar no azul escuro e ele irá selecionar todas as partes azuis escuras, o que é muito limpo. Podemos mudar para verde mais escuro. Como você pode notar, nosso azul mais claro não foi selecionado. Isso porque nossa tolerância é muito baixa. Os mais baixos que podem ser, que é zero. Vamos voltar pressionando “Comando Z.” No entanto, se fôssemos definir a tolerância muito alta, vamos apenas clicar fora, quando eu selecionar o azul mais escuro, ele também pode pegar o azul mais claro porque o nível de tolerância é bastante alto. Você vai pegar todas as cores que estão vagamente mesmo perto do nosso azul. Como você pode ver, até mesmo o amarelo é selecionado porque a tolerância é tão alta. Não se estreita tanto. Depende realmente de qual é a sua definição da seleção. Há definitivamente flexibilidade em que se você selecionasse um monte de cores que estão relativamente próximas umas das outras e você pode começar com o zero e depois aumentá-lo gradualmente. Na mesma lógica, você também pode selecionar a mesma Cor do traçado ou Peso do traçado ou Opacidade ou Modo de mesclagem. A cor de preenchimento é apenas um dos exemplos e você também pode selecionar várias marcas de seleção. Isso é bastante conveniente quando você tem que trabalhar com motivos que têm muitos detalhes. A próxima técnica que usamos com muita frequência é apagar. Falamos sobre isso mais cedo quando digitalizamos. Eu só vou passar por cima bem rápido. Neste caso, digamos, eu quero apagar essa parte amarela que sai da folha. Primeiro, eu quero selecionar a parte amarela pressionando a “Ferramenta Varinha Mágica”, certifique-se de ter a Cor de Preenchimento marcada e, em seguida, a Tolerância definida como zero e, em seguida, eu vou clicar no amarelo. Tudo o que estou selecionando é o meu amarelo. Então eu vou pressionar “Shift E” no meu teclado para abrir a ferramenta Borracha. Esta borracha só vai funcionar na forma selecionada, o que significa que mesmo se eu estiver passando por cima do azul, ele não vai fazer nada mesmo que pareça estar fazendo algo, mas não tem efeito. Ele só funciona na área selecionada. Vou lá e apagá-lo. É bastante simples. Se você quiser mudar o diâmetro da sua borracha, digamos, se você tiver que apagar uma área grande, você pode pressionar o suporte direito no teclado para torná-la realmente grande ou muito pequena pressionando o suporte esquerdo. Isso vai poupar algum tempo. É a ferramenta Eraser. Estou pressionando “Comando Z” para trazer de volta a minha forma. Enquanto isso, se você não definiu sua área de seleção antes de usar a Ferramenta Borracha, você só fará um buraco na área abaixo. Por exemplo, se houver duas camadas, como aqui, quando você pressionar a “Ferramenta Borracha”, você só vai perfurar um buraco através das duas camadas. É a mesma lógica se você tiver várias camadas por baixo. A forma da sua borracha também pode ser personalizada. Certifique-se de ter pressionado “Shift E” primeiro para ativar a ferramenta Borracha e, em seguida, você pode clicar duas vezes no ícone na barra de ferramentas e isso irá trazer as opções da ferramenta Borracha. Basicamente, você pode mudar a redondeza e o ângulo, e, claro, você pode simplesmente mudar o tamanho na mosca pressionando o suporte esquerdo ou direito. Só para mostrar como funciona a dinâmica, eu aumentei toda a variação e também defini cada uma aleatória para que eu possa demonstrar como borrachas podem se comportar. Em vez de mexer com minha folha anterior, vou criar um retângulo maior para mostrar como a borracha se comporta. Se eu clicar no “Shift E”, cada golpe vai me dar um fato diferente. Isso é porque eu defini todas as variáveis como aleatórias, então todas as formas são aleatórias, assim como o tamanho ou o ângulo. Então, se você estava procurando esse tipo de efeito, você pode querer personalizar sua borracha. Mas eu não acho que é isso que eu estou procurando, por este motivo por palavra. Então, eu só vou deletar. Você pode estar se perguntando, e quanto ao desenho. Então, falamos sobre vetorização, falamos sobre apagar, mas e se, você tem que adicionar algo bem rápido sem ter que voltar ao seu método original. Diga que se você precisar adicionar como uma linha rápida de rabiscos aqui, há algumas maneiras de conseguir isso. Uma das maneiras mais comuns é usar a ferramenta caneta, que é P no seu teclado. Certifique-se de que você tem uma cor de traçado e você pode simplesmente clicar e arrastar. Pode levar algum tempo para aprender como a ferramenta de caneta se comporta. É preciso praticar um pouco. Você pode pressionar a tecla “Escape” quando terminar de desenhar esta linha, e há outra maneira de fazer isso, que é usar a ferramenta de pincel, que é B no seu teclado. O ícone é assim. Basicamente, isso vai deixar sua mão livre algo. Você também pode alterar o nível de suavidade, que é basicamente a quantidade de correção que o Illustrator oferece. Se você quiser que o resultado final seja muito próximo de como sua mão realmente se move, basta clicar duas vezes e alterar o nível de fidelidade para preciso. Isso realmente refletirá as bordas irregulares que você faz quando você desenha. No entanto, se você quiser que suas linhas pareçam mais polidas, você pode clicar duas vezes e alterar o nível de fidelidade para suavizar, e apenas jogar com isso. Então, isso parece muito blobby, mas esta é na verdade uma linha que significa que você pode pressionar “A” em sua ferramenta de seleção direta para mudar cada ponto de ancoragem e isso mudará a direção de toda a linha. Até que você clique em um objeto e Expandir e isso se transformará em uma forma. Há uma terceira opção que é chamada ferramenta pincel blob, que eu acho que ele se comporta mais ou menos como uma caneta real ou pincel. Ou seja, “Shift B”, que está realmente escondido sob a ferramenta de pincel. Da mesma forma, a partir de como temos trabalhado na ferramenta de personalização, borracha, esta também pode ser personalizada. Por exemplo, o tamanho, o ângulo e a redondeza, e o seu também pode jogar com o nível de fidelidade. Por exemplo, se eu fosse desenhar uma linha aqui, em vez de ser uma linha única, esta é na verdade uma forma já. Isso é realmente legal porque já é uma forma que você não precisa expandir. No entanto, como você pode ver, o resultado é bastante plano. As bordas são bem lisas. Obviamente, ele não combina com o nosso olhar irregular, se você está trabalhando em qualquer outro tipo de ilustração que tem bordas suaves, esta seria a minha ferramenta para trabalhar algo muito rápido em tempo real. Então, não vamos cobrir um monte de mecânica de desenho nesta classe em particular. Mas se você estiver interessado em aprender a desenhar formas nativas no Illustrator, eu tenho duas outras aulas que você pode dar uma olhada. Um deles está mais no lado geométrico, se essa é a sua xícara de chá, e o outro é mais como entrega gratuita e criação de formas nativas no Illustrator. Passando para o próximo passo, vamos falar sobre como simplificar o nosso caminho. Por exemplo, aqui temos algumas bordas bem irregulares na porção azul escuro. Então, digamos que estes são dois texturizados para o seu gosto e você quer torná-lo mais suave. Então, vamos bloquear nosso azul mais claro e nosso amarelo primeiro pressionando Magic Wand Tool, e basta selecionar nossos amarelos e manter sua tecla “Shift” para adicionar outra seleção, que é o azul claro. Eu vou trabalhar essas seleções para que eu não possa fazer nenhuma mudança enquanto eu estou trabalhando no azul escuro. Então, eu vou pressionar a ferramenta “Command”, para bloqueá-la. Então, não importa onde eu esteja clicando, apenas o azul escuro é selecionado. Então, isso é muito legal. Vamos ampliar um pouco para trabalhar na suavização. Então, há algumas maneiras de abordar isso. Um dos primeiros é usar simplificação, que é aninhado em caminho de objeto e simplificar. Então, você verá que você tem um controle deslizante e à esquerda são pontos de ancoragem mínimos. Mas também meio que derrota o propósito de simplificar. Por que precisaria de mais pontos de ancoragem? De qualquer forma, pegue o controle deslizante e deslize-o para a esquerda e veja o que um fato você pode obter. Obviamente, isso provavelmente é demais. Então, use seu controle deslizante com cautela. Você também pode clicar no “Mais Opções”, e basicamente você pode ter o mesmo acesso ao controle deslizante e você também pode alterar um canto, ângulo de ponto limiar. Você não precisa saber exatamente o que isso significa. Tudo o que você precisa fazer é ativar essa pré-visualização e apenas para ver se você está satisfeito com o resultado. Se você está se sentindo super sortudo, você pode clicar no Alto Simplificar para ver se você gosta do resultado, e uma vez que você está feliz com ele, e basta clicar em “Ok”. Então, esta é uma das opções de simplificação. Dependendo de como alguém se aproxima do fluxo de trabalho criativo, posso ver alguém usando essa função no início , no meio ou no final do processo criativo. Pessoalmente, eu tendem a usar a função simplificada logo após eu fazer o rastreamento de imagem quando tudo é como irregular e eu uso essa função tipo de para suavizar as coisas e, em seguida, apenas seguir em frente a partir daí. Eu também avisaria que se você tiver alguma cor contrastante que está por baixo, depois de simplificar a camada que está no topo, você pode ver lacunas como esta. Então, apenas esteja ciente disso quando você usar esta função. Então, eu vou desfazer algumas vezes, para voltar ao meu original. Há outra maneira de alcançar um resultado semelhante. Este funciona mais localmente. Este chama-se “Ferramenta Suave”. Se você pode apenas pressionar “N” para trazer a sua ferramenta Lápis e pressionar longamente, e você vir para a próxima opção, que é chamada Ferramenta Suave. E você também pode clicar duas vezes para alterar sua preferência por fidelidade, seja super precisa ou super suave. Eu só vou deixá-lo ficar no meio agora, como você pode ver, meu cursor se transformou em um pequeno círculo. Se eu fosse apenas clicar em uma área, isso suavizará toda a forma. O que não é exatamente o que estou procurando. Então, geralmente quando eu uso essa ferramenta, eu apenas desenho sobre a linha. Então, o Illustrator tipo de remodelar essa linha para o que eu quero dizer visionar. Você pode precisar fazer isso algumas vezes, para torná-lo um pouco mais elegante. Mas ainda assim, isso é mais respeitoso com o meu estilo original. Você pode fazer um pouco de correções cosméticas apenas desenhando sobre sua linha existente. Se você quiser que o resultado seja mais óbvio, você pode aumentar o nível de fidelidade para suavizar e depois desenhar. É mais óbvio. Ainda é bastante sutil em comparação para simplificar ferramenta, Eu só quero apresentá-lo a ambos para que você sabe, você tem o controle de macro, bem como alguns microcontrole. Se este é um tópico em que você está interessado e você gostaria de saber mais. Eu recomendaria vivamente a minha outra classe chamada Illustrator Nuggets Para Designers de Superfície, especialmente nas lições quatro e cinco onde abordo como criar caminhos suaves, bem como como como fazer curvas pensativas. 7. Entendendo os padrões: Até agora, em nossa classe, falamos sobre como configurar nosso espaço de trabalho. Nós cobrimos diferentes técnicas de digitalização e vetorização de nossos gráficos de outros lugares, e também falamos sobre como limpar e adicionar em seus motivos. Espero que agora você tenha pelo menos um punhado de coisas que você pode colocá-las em um padrão. Mas antes de mergulharmos, eu adoraria cobrir alguns conceitos básicos da definição de padrões e estrutura de padrões. Acho que ter essa perspectiva geral nos ajudará a montar padrões com uma mente clara. Vamos olhar para este padrão simples na nossa frente. Parece que temos um monte de galhos e folhas tecendo uns pelos outros. Se você não olhar super de perto, é difícil dizer onde as coisas começam ou onde elas terminam. Se olharmos de perto, podemos dizer que este galho aqui parece exactamente o mesmo que o rapazinho aqui. Da mesma forma, o galho aqui à esquerda se parece exatamente com o galho aqui à direita. Como funciona exatamente? Só para simplificar um pouco mais as coisas, isso é o que chamamos de bloco padrão. Este é o bloco básico de construção para um padrão, então o que o torna um bloco de construção? Se olharmos para a estrutura do bloco de construção, o que toca a borda esquerda do bloco de construção é repetido exatamente à direita. Da mesma forma, o que toca a borda superior é repetido na parte inferior, bem como o que irá cobrir as técnicas específicas mais tarde nesta classe. Se você olhar para cada bloco padrão verticalmente, esta é a estrutura básica. A camada superior temos todos os nossos motivos. O que quero dizer com motivos é que, digamos flores ou animais ou o que quer que você queira incluir no padrão, e por baixo disso temos uma camada da cor de fundo. No fundo, temos uma definição de padrão. Normalmente, esta é uma forma de retângulo sem cor de preenchimento ou cor de traçado. A definição de padrão na parte inferior diz ao ilustrador para olhar o que estiver acima como um bloco de padrões. Se fôssemos fazer uma analogia, a camada de definição de padrão é como uma caixa de areia. Dá ao nosso padrão um limite, e dentro disso você pode colocar areia, que você pode pensar como a camada de fundo, e em cima disso, você pode ter uma pequena pá ou qualquer brinquedo que você quer construir um castelo de areia. Estas pequenas ferramentas ou brinquedos estão espalhados dentro da caixa de areia, eles são os motivos. Com isso em mente, nossas próximas lições, vamos nos concentrar em construir nosso bloco de padrões. Isso inclui a camada de motivos, bem como a camada de fundo. 8. Padrões geométricos simples: Neste vídeo, vamos construir um padrão muito simples juntos. O objetivo principal é ajudá-lo a se familiarizar com a ferramenta padrão, que eu uso quase para cada um dos meus padrões. Vá em frente e pegue um dos motivos que você tem trabalhado e vamos começar. Aviso à frente, designers diferentes têm fluxo de trabalho muito diferente, mesmo dentro do mesmo programa. Nesta aula, eu só vou cobrir como eu normalmente trabalho. Você pode conferir outras aulas para comparar e decidir o que é melhor para você, porque todos pensam de forma diferente. É ótimo se você pode encontrar o que melhor se encaixa em você. Com isso dito, vamos começar. Este é um motivo simples em que trabalhamos um pouco mais cedo. Agrupei-os juntos. Como o vídeo é estruturado é que eu vou começar com algo realmente simples e cada vez mais eu vou adicionar mais motivos para que você tenha algum espaço cerebral para trabalhar através coisas diferentes para que você não está super sobrecarregado por um padrão muito complexo desde o início. Para o primeiro vídeo de construção de padrão, eu vou orientá-lo através da ferramenta de padrão embutido dentro do ilustrador. Eu normalmente não usá-lo para realmente construir o padrão, mas eu usá-lo para visualizar como meu padrão pode ser parecido. Eu acho que essa é uma das maiores forças que o ilustrador tem, é visualizar o padrão antes de você realmente se comprometer. Isso é tão essencial para o meu próprio fluxo de trabalho porque me dá uma visão panorâmica sobre como meu padrão geral pode parecer se há algum ponto de tensão que eu preciso trabalhar antes de me comprometer a torná-lo sandbox completa, se você preferir. Sem mais delongas, vamos ao assunto. Eu tenho meu motivo selecionado, e eu vou passar para objeto, padrão e fazer. Isso me levará às opções de padrão. Deixe-me diminuir um pouquinho. Ele vai me dar uma prévia de como ele se parece se eu fosse usar meu motivo como um bloco de construção e colocar coisas lado a lado. Eu raramente ir com a opção padrão, então eu tendem a personalizar. Vamos rever algumas das personalizações. Uma das primeiras coisas que eu faria é mudar o número de cópias. Ele está localizado na parte inferior do painel de opções padrão e você pode clicar no menu suspenso. Eu gostaria de ir com o maior número que eu posso ter. Isso me dará a maior visualização do meu padrão. Eu vou diminuir um pouco e em seguida, uma das primeiras coisas que eu mudaria é mudar o tipo de título. Estamos trabalhando com apenas um motivo. Acho que ter um pouco de assombro vai realmente ajudar. O primeiro padrão é grade. Isso simplesmente não mudará qualquer posicionamento. Como isso é vertical, eu vou fazer tijolo por coluna e isso me dá um padrão clássico de meia gota. Se você olhar para cada linha, há cerca de meia posição fora da próxima linha. Você também pode alterar o deslocamento para um número diferente, por exemplo, três quartos. Isso lhe dará uma transição gradual. Como o motivo é tão simples, sei que o resultado final vai parecer mais ou menos geométrico de qualquer maneira. Isso parece bem para mim, mas você também pode jogar ao redor para ver o resultado que você pode obter por coluna e você também pode optar por fazer isso por linha. Eu vou voltar para metade caiu por coluna e você também pode alterar esse espaçamento entre os motivos. Vou desmarcar este ícone para que eu possa alterar o número de largura e a altura individualmente. Você pode pressionar a seta para cima e para baixo no teclado para alterar o pixel um de cada vez ou você pode fazer uma matemática simples. Por exemplo, se você colocar mais 50 e, em seguida, pressione tabulação, ele lhe dará mais 50 resultado sem você ter que fazer matemática. Da mesma forma, você pode alterar a altura , bem como dependendo de quão espaçados você deseja que seus motivos sejam. Este retângulo azul aqui nos mostra qual é o tamanho real do nosso bloco padrão. Mesmo que pareça que nosso motivo foi copiado por todo o lado, na verdade, o resto dele, ele apenas visualiza apenas o que está no limite azul é editável. Por exemplo, se você mover um pouco esse cara, a visualização será atualizada automaticamente. Deixe-me ordenar que Z o desfaça. Se isso é um pouco esmagador para você, você também pode escurecer a cópia em torno dele, mas ainda tem uma visão panorâmica. Para fazer isso, você pode vir para o menu suspenso e verificar as cópias dim também e você pode alterá-lo para talvez 60 por cento. Nesse caso, você saberia imediatamente o que é mais transparente é apenas a visualização. Você ainda pode fazer alguma edição sobre os motivos que estão dentro da caixa azul. Aqui nesta pequena caixa, eles dirão o que é a pré-visualização da amostra. Se você vai se lembrar do bloco de padrões, onde as coisas se repetem da esquerda para a direita, de cima para baixo. Este é o bloco padrão que eventualmente teremos , mas você não precisa se preocupar com isso agora. Sempre que você estiver feliz com seu resultado, você pode apenas clicar feito. Estas são as coisas básicas que eu iria jogar com dentro de opções de padrão. Como eu disse, este é um padrão bem simples. À medida que aumentamos o número de motivos e a complexidade de nossos motivos, vou mostrar-lhe alguns outros botões e controles deslizantes que podemos jogar um pouco mais tarde, mas como por agora, vamos clicar em feito. Você não vê um padrão imediatamente, mas se você passar para o painel de amostras de cores, a amostra mais recente é o padrão que você acabou de criar. Se você fizesse um retângulo ou qualquer outra forma, vamos fazer um círculo para variar. Certifique-se de que a cor de preenchimento está na frente da cor do traçado e clique no padrão e você vai preencher nossa forma, qualquer forma que você tem com o novo padrão que acabamos de fazer. Deixa-me apagar isto e mudar o nosso motivo. No momento, o novo padrão mais recente ainda é editável. O que eu quero dizer com isso é que quando você clica duas vezes nele, ele ainda vai nos levar de volta para as opções padrão. Por exemplo, se você fosse fazer algumas bolinhas em torno dele, então você ainda pode fazer isso. Se você quiser salvar esta versão como uma versão B, você deseja salvá-la como uma cópia. Caso contrário, se você apenas clicar em pronto, isso irá apenas sobrescrever o primeiro padrão que você tinha. Vou clicar em Salvar uma cópia e você pode renomeá-la. Eu só estou indo para ir com o padrão e clique em ok e eu vou fazer cancelar. Meu primeiro padrão permanecerá intacto. Como podem ver, o nosso último padrão tem a bolinha. Você sempre pode clicar duas vezes para fazer alterações, salvá-la como uma nova cópia ou atualizar esta versão. Estes dois padrões são padrões funcionais no ilustrador. O que eu quero dizer com isso é que você pode usá-los como uma cor de preenchimento como você faria para qualquer outra cor. A menos que você tenha sua mentalidade no padrão específico, certifique-se de salvar todas as suas iterações. Às vezes você pode voltar para a versão um. Nunca se sabe. Agora, nós temos alguma compreensão básica e ele vai continuar rolando para um tipo diferente de padrão no próximo vídeo. 9. Tossed print simples (estampas distribuídas): Neste vídeo, vamos continuar a nos familiarizar com nossa ferramenta de padrões juntos. Em vez de fazer impressão geométrica e muito direcional. Neste vídeo, vamos fazer uma impressão jogada juntos. O que quero dizer com atirado para imprimir é que a direção da nossa impressão não deve importar. Se você pode imaginar alguém corta no tecido, se a pessoa corta da esquerda para a direita, cima para baixo ou mesmo diagonalmente, a aparência geral não deve ser efetuada. O desafio para nós é organizar nossos motivos de uma maneira que não dê uma forte dica direcional. Dito isso, vamos trabalhar nisso. Aqui temos um grupo de folhas que vamos trabalhar. Você pode trabalhar no último ou mais motivos se quiser e o princípio é o mesmo. Primeiro vamos selecionar todos eles, e depois passar para “Object”, “Pattern” e “Make”. Deixe-me mudar o número de cópias primeiro. Eu vou com 9 por 9. Posso diminuir o zoom, pressionando “Command Minus” e ter uma visão de pássaro no meu padrão. Atualmente, se você olhar para esta folha verde escura, está me mostrando uma grade muito forte. Você pode facilmente embaralhar as coisas um pouco mudando para qualquer um dos diferentes arranjos. Anteriormente, trabalhamos com o tijolo por coluna. Vamos clicar em “Brick by Row” e ver se as coisas vão mudar. Isso já parece, muito melhor porque as coisas embaralharam um pouco horizontalmente e você pode simplesmente mover as coisas para torná-lo ainda melhor. Basicamente, estou olhando para o equilíbrio entre meus motivos e o espaço em branco. O que quero dizer com espaço em branco é que o espaço entre motivos. Este padrão em si é bastante apertado. Mas se você está trabalhando em algo realmente complicado como um buquê gigante de flores, você pode querer um pouco mais de espaço para respirar entre seus diferentes motivos. Aqui, como eu disse, está bem apertado. Eu quero que meu espaço seja, aproximadamente o mesmo, para que eu não esteja chamando a atenção para como um todo no meu padrão. Apenas os motivos que estão dentro da caixa azul são editáveis. Se as coisas parecerem um pouco confusas, você pode escurecer sua cópia para menos de 100 por cento. O que quer que tenha a opacidade total pode ser alterado. O resto deles, é apenas uma prévia. Reorganizar motivos, é apenas uma das partes mais divertidas para mim, porque você tem que jogar com, coisas que você trabalhou em tanto tempo e a possibilidade é infinita. Neste ponto, às vezes você está realmente tentado a apenas pegar um dos motivos e copiá-lo em algum lugar. Estou pressionando “Comando C”, “Comando V”. Por exemplo, este rosto é um lance muito pequeno para esta folha. Você pode ser tentado, apenas para redimensioná-lo e torná-lo menor para caber no espaço. Eu posso ver o mérito disso, mas eu quero avisá-lo aqui, porque você queria manter seu reescalonamento menos de 10-15 por cento. O que eu fiz é provavelmente cerca de 15%, esse é o máximo. Se fizesses os teus motivos muito menores. É muito perturbador, por algumas razões. Se você chegar muito perto. Você pode dizer, obviamente, que esta linha aqui, esta linha sinuosa em torno de sua folha é significativamente mais fina do que todas as outras ao redor dela. É a veia em sua folha, isso é super óbvio, especialmente se você tem a cópia original bem ao lado dela e você pode comparar. Então o cérebro de designer morreu porque, que alguém simplesmente copiou e reescalonou. Se acontecer de você ter um espaço que precisa ser preenchido, eu vou apenas voltar para o método original e apenas redesenhar um dos motivos, para torná-lo adequado, em vez de apenas redimensionar. O tempo que você economizou com o reescalonamento não vale a pena, devido à distração da qualidade do seu trabalho. Só vou deletar esse carinha. Eu só vou acelerar aqui e falar através do meu processo de pensamento. Basicamente, estou reorganizando a direção das minhas folhas para caber melhor o espaço. Você pode diminuir o zoom periodicamente, para ver se há alguma distração óbvia. Então, se há apenas voltar e trabalhar nisso. Porque a ferramenta de padrão é tão flexível. Mesmo depois de ter feito seu padrão, você ainda pode clicar duas vezes na amostra e voltar para editar seu padrão. Essa é uma das maiores razões pela qual eu realmente gostei usar a ferramenta de padrão para o meu processo criativo. Este é um lugar muito bom, e eu só vou parar aqui e clicar em “Concluído”. Aqui está a nossa última amostra. Se esses caras estão no seu caminho e você quer se livrar deles sem excluí-los. Basta ir em frente e selecioná-los todos e apenas arrastá-los para o seu painel de símbolos. Como você vê o sinal de mais, basta soltar e alterar o tipo de exportação para gráfico e clique em “Ok”. Agora eles são um símbolo, em vez de um monte de caminhos ou formas. Mesmo que você os tenha excluído, você ainda os tem disponíveis em sua forma original sob seu painel de símbolos. Sempre que você quiser usá-los ou revisitar, ou fazer um novo padrão fora deles, basta ir em frente e clicar e arrastar, e você vai tê-los de volta. Sempre que quiser editá-los, eu iria em frente e quebrar link e trabalhar neste grupo de motivos. Quando você tiver uma nova versão, vá em frente e clique e arraste, e clique em “Ok”. Agora você tem, até mesmo uma versão diferente dos mesmos motivos originais. Isso é bastante incrível. Basicamente, essa é a essência da impressão simples jogada. No próximo vídeo, vamos avançar e tentar algo um pouco mais complicado. 10. Abordagem alternativa para o layout: Ainda continuando com o nosso tema floral e totalmente borda. Neste vídeo, vamos tentar nossas mãos em uma estampa floral. Ainda usando o mesmo método, mas apenas um pouco diferente layout. Aqui temos quatro pequenos grupos. Dois deles têm flores nele, e os outros dois são apenas folhas puras. Eles já foram agrupados a si mesmos. Então isso é muito legal. O que eu vou fazer aqui é reorganizar levemente o meu motivo um pouco. Antes de entrar na ferramenta de padrão, a composição é um pouco mais apertada. Então é só isso que vou fazer. Eu também mudarei a direção desta flor para que minha impressão não acabe sendo altamente direcional. O que significa que se alguém quiser costurar meu padrão em um vestido, eles não precisam gastar muito tempo considerando para onde minhas flores estão indo. Eles podem simplesmente cortar o tecido e ficará ótimo em qualquer direção. É o que vou fazer aqui. Isso parece ser muito apertado para mim, então eu vou selecionar todos eles e clicar em “Objeto”, “Padrão” e “Make”. Reduza o zoom. Aumente as cópias para nove por nove. Por padrão, eu tenho essas formas quadradas. Vou tentar Hex por Coluna ou por fileira. Eu gosto de usar essas duas opções quando o padrão não é geométrico e é um pouco complicado. Isso me ajuda a embaralhar meus motivos visualmente para que a unidade repetitiva não pareça super óbvia. Não parece incrível agora, que significa que só precisamos de algum trabalho. Eu só vou mover as coisas e ver se o padrão vai se soltar um pouco. Parece que há um pouco de tensão nesta área. Então eu só vou aumentar a altura, talvez em 100 pixels. Observe que eu tenho as Proporções Manter Largura e Altura desmarcadas, para que quando eu mudar minha altura, minha largura não se expanda com ela. Isso é importante porque caso contrário, não há nenhum ponto de mudar se tudo é proporcional neste ponto. Isso afrouxou as coisas um pouco, o que é uma direção muito agradável. Temos um pouco de espaço entre a esquerda e a direita. Então eu vou talvez trazer a largura em 100 pixels e vamos ver como isso se parece. Neste ponto você está basicamente apenas movendo as coisas ao redor e reorganizar ao seu gosto. Esta pode ser uma das partes mais demoradas do meu processo de elaboração de padrões. Mas também me divirto muito. Às vezes fica frustrante e eu tenho que me afastar disso e voltar no dia seguinte e a inspiração volta. Então, se você não estiver, basta gastar algum tempo razoável nele e ver se você pode ter um avanço. Caso contrário, você sempre pode voltar no dia seguinte. Não é grande coisa. Sinto que isto está a chegar a algum lado. Especialmente quando juntei as duas folhas assim. Deixe-me virar um pouco. Gosto bastante deste arranjo. Mas eu sinto que ao redor da borda do hexágono, podemos ter talvez um pouco menos de espaço para que pareça um pouco uniforme. Eu só estou indo para menos 50 pixels em qualquer direção. Basta trazer as coisas um pouco mais apertadas neste momento. Faça ainda mais menos 20. Gosto muito mais disto. Então deixe-me apenas mudar minha transparência de cópias para 100% para que eu possa ver meu padrão. Eu gosto dessa direção. Eu vou vir aqui e clicar em “Concluído”, e acabar com isso. Aqui estão os três padrões que fizemos até agora. Se você olhar para eles, você provavelmente não pode deixar de notar que todos eles têm o fundo branco sombrio. Esse não será o nosso produto final. Não tenha medo. Vamos trabalhar nisso. Uma das coisas que precisamos prestar atenção quando usamos ferramenta padrão é que não usamos um fundo quando trabalhamos em nossa composição. Caso contrário, o fundo contará como um dos motivos como quadrado retangular. Agora nós realmente levantamos as coisas quando você está trabalhando nisso. Vou usar o segundo padrão como um exemplo para mostrar como adicionar uma cor de fundo. Deixe-me deletar todos. Vou desenhar um retângulo pressionando “M “no seu teclado. Basta clicar e arrastar e você irá preencher automaticamente o seu retângulo com qualquer cor que você selecionou ou ou padrão. Neste caso, temos esta folha voadora como nosso padrão. Com isso selecionado, vou pressionar o comando “C” para copiar e comandar B para colar na parte de trás. Nós realmente não vemos nenhuma diferença porque nós temos a cópia exata na cor exata colada na posição exata na parte de trás. Basta selecionar uma cor sólida diferente. Isto vai mostrar. Como você pode ver, a cor ainda não é tão grande. Então vamos escolher algo com que possamos conviver por enquanto. No próximo vídeo, vou mostrar-lhe como ajustar suas cores. 11. Em cores: Retomando de onde paramos, vamos trabalhar em nossas cores. Vou expandir meu painel Amostras um pouco aqui que você possa ver o que eu tenho na minha lista de painéis Amostras. Basicamente, eu tenho diferentes grupos de cores que eu acho que eles funcionam bem juntos. Se você quiser escolher sua paleta de cores, existem várias maneiras diferentes de encontrar sua inspiração. Eu iria para o Pinterest e procurar tendências de cores, e eu vou tirar minhas próprias fotos e não importá-las para o Illustrator e experimentá-las usando a ferramenta conta-gotas aqui. Uma vez que você tem o seu grupo de cores que você está realmente apaixonado por, por exemplo, deixe-me apenas mostrar-lhe bem rápido. Diga que eu tenho cinco cores aqui. Diga que deseja salvá-los como um dos grupos. Tudo o que você precisa fazer é selecioná-los todos e clicar neste ícone de pasta para que você possa criar um novo grupo de cores. Sempre verifique a conversão para processar para global. Como você notou, se você tiver verificado o converse para processar para global, cada um de seus chips de cor tem um pouco de triângulo na esquina. Isso significa que sua cor é global. A cor global tornará a mudança de cor cem vezes mais fácil. Quaisquer cores com este triângulo branco no canto permitem que você escolha essa cor. Quando você clica duas vezes nele, ele terá suas opções de Swatch e você pode ajustá-lo. Se isso foi selecione e segmente todos os incidentes que você tem em todas as suas placas de arte que foram aplicadas com esta cor. Se você quiser ajustá-lo para este verde específico, você pode ativar a visualização e todo o azul escuro mudará para este tom de verde. Não parece ser muito mágico neste momento porque só temos uma incidência. Mas imagine se você tem centenas de motivos acontecendo e cada um deles tem este azul escuro e você não tem que mudá-lo como cem vezes, tudo que você precisa fazer é apontar sua cor A. Valor RGB ou CMYK ou qualquer outra coisa. Em seguida, clique em OK. Ele vai mover sua cor A para a cor B. É muito semelhante à ferramenta Varinha Mágica que permite que você alvo uma cor precisa, que eu acho que você deve saber. Deixe-me desfazer isso. Agora diga que você quer reformular suas cores. Tudo o que você precisa fazer é selecionar o fundo e o padrão. Venha para esta ferramenta de roda de cores chamada Recolorir arte. Ele mostrará atualmente que você tem sete cores. Existem diferentes maneiras de trabalhar através das cores. Se você estiver apenas ajustando uma cor específica, por exemplo, a cor de fundo e quiser alterá-la para uma tonalidade ou saturação ou brilho diferente. Você pode fazer isso individualmente ou se quiser alterar completamente a paleta de cores para um grupo de cores diferente. Por exemplo, aqui, você pode simplesmente clicar no grupo Cor. Você também tem esse efeito. Como você pode notar, que originalmente temos sete cores, mas dentro deste grupo de cores só temos seis. O Illustrator combinou automaticamente essas duas cores em uma, que realmente não dá um enorme impacto visual neste caso. O que está tudo bem. Se você gosta da combinação de cores, mas não tão certo sobre a posição da cor, você pode clicar sobre este pequeno cara para alterar aleatoriamente a ordem das cores. Isso vai embaralhar dentro da mesma coleção, o que é incrível. Você também pode alternar grupos diferentes. Este grupo de cores tem apenas cinco cores, o que significa que ilustrar faz mais combinação para você. Da mesma forma, se, por exemplo, esse padrão só tem, incluindo o plano de fundo, só tem cinco cores. Se você estiver clicando no grupo de cores que tem mais de cinco, por exemplo, este grupo aqui que tem sete cores. O Illustrator percorrerá automaticamente essas cores em ordem. Você pode ver qual deles você gosta, e sempre que você quiser alterar a ordem, você pode apenas arrastar uma cor e clicar em uma posição diferente, e ele irá trocar a posição de cor, que é muito limpo. Outra maneira de fazer isso é chegar diretamente ao seu grupo de cores de destino e apenas arrastar e reorganizar essas cores para que quando você percorrer as diferentes opções, você tenha uma combinação ligeiramente diferente. Vamos clicar na cor e no mesmo grupo de cores, mas em ordem diferente. Isso lhe dará uma vibração completamente diferente. Essa é outra maneira de se aproximar da cor. Agora pulando de volta ao nosso padrão anterior. Podemos dizer que eu odeio essa cor porque eu gosto da aparência e sensação dessa vibração porque me lembra do outono, Pumpkin Spice Latte, esse negócio. Acho que vou aceitar. Mesmo depois de fazer isso, você ainda pode continuar a ajustar sua cor. Por exemplo, este azul parece ser o pouco demais lá fora, então eu vou torná-lo um pouco mais silencioso, ainda mantendo o mesmo contraste. Talvez um pouco mais escuro para se destacar um pouco mais. Gosto desta paleta de cores com tema de café. Eu só vou clicar em OK. Como resultado, a última Swatch é a nova combinação de cores que você desenvolveu. Em termos de nossa estrutura de camadas, no topo, temos nossa camada de padrão, e abaixo disso temos nossa camada de fundo sólido. A razão pela qual capturamos dessa maneira é porque, nosso padrão ainda é editável dentro da ferramenta padrão. O que quero dizer com isso é que, se você clicar duas vezes em nossa amostra de padrões, você ainda pode ter todo o acesso que você tinha dentro da opção Padrão. No próximo vídeo, vamos falar sobre como converter nosso padrão de ferramenta padrão em um padrão pronto para impressão e cliente. 12. Exportação: Neste vídeo, vamos trabalhar juntos para preparar nosso padrão para exportação. Mas antes de começarmos a trabalhar, vamos rever algumas das definições que já trabalhamos antes. Então aqui temos o nosso bloco de padrões. É hipoteticamente 1600 pixels por 900 pixels. Então esse é o tamanho da nossa caixa de areia. O que quer que isso toque, a borda esquerda será duplicada para a borda direita e a distância entre os dois será de 1600 pixels. Pela mesma razão, o que tocar na borda superior também será duplicado na parte inferior e a distância é de 900 pixels. Mas como já trabalhamos em nossa composição através de nossa ferramenta de padrão, não precisamos nos preocupar com isso. Mas como designer de superfície, acho importante saber o que faz um padrão padrão. Então, pulando para o próximo gráfico, se você se lembra aqui nós temos uma estrutura padrão. Então, basicamente, se você olhar para o seu padrão de cima para baixo, nós temos a analogia sandbox. Então, no topo temos nossos motivos, em seguida, cor de fundo, e, em seguida, definição da caixa de areia, que é um retângulo sem preenchimento, sem traçado aqui. Assim, cada padrão que foi trabalhado através uma ferramenta padrão automaticamente já tem os motivos, que é a camada superior, bem como a definição do padrão. Então tudo o que precisamos fazer é inserir uma camada de fundo no meio. É o que vamos fazer a seguir. Digamos que vamos a qualquer um dos padrões em que já trabalhamos antes. Você pode apenas clicar e arrastar e você vai ver este tipo de negócio. Então basicamente temos nossos motivos e temos nossa definição de sandbox. A repetição da esquerda para a direita e de cima para baixo já foi atendida. Então, o que tocar na borda esquerda será repetido para a direita. Neste caso, acontece que não é nada, mas você pode dizer que o que toca a borda superior foi repetido para a parte inferior, bem como eles estão todos agrupados. Então, uma das primeiras coisas que você precisa fazer é desagrupá-lo pressionando comando shift G porque nossa definição sandbox, não tem traçado, nem preenchimento. É difícil saber onde está. Então, neste caso, vamos pressionar o comando Y para usar a vista de contorno para que sempre saibamos onde está a definição. Então agora, como dissemos antes, precisamos inserir uma cor de fundo sólida. Então eu vou apenas pressionar M para criar um retângulo que é um pouco maior do que nossa definição e isso é para evitar qualquer tipo de lacuna não intencional entre nossa definição e nossa cor de fundo. Mesmo que tenhamos um espaço de pixel entre as duas camadas, ele vai mostrar no nosso padrão final, é irritante. Então, basta fazer sua cor de fundo um pouco maior do que a definição, ele irá cobrir tudo e, em seguida, apenas dar-lhe uma cor aleatória por enquanto. Agora podemos trazer de volta nossas cores pressionando o comando Y. Próximo passo, nós só precisamos de um pouco de reorganização. Então, na parte inferior, temos o nosso sem traço, sem preenchimento e a camada no meio deve ser a camada de fundo e os motivos devem estar no topo. Deixe-me apenas dar-lhe uma cor mais clara para que você possa ver o contraste muito melhor e, em seguida, podemos selecionar nossos motivos que foram agrupados em um grupo. Basta pressionar o comando Shift, colchete direito. Então agora, tecnicamente, isso é um padrão. Vou destrancar todo mundo. Pressione a opção de comando dois. Se você selecionar todos esses caras e apenas arrastá-lo para o nosso painel de amostras e logotipo, teremos nosso novo padrão definido como um shell bem aqui. Para usar isso, você pode simplesmente criar um retângulo aleatório e clicar no novo padrão. Você pode perguntar, qual é a diferença entre este que acabamos criar contra qualquer outro que já criamos antes. A principal diferença é que qualquer um dos anteriores ainda é editável. Então, se você clicar duas vezes no padrão anterior, você ainda pode voltar para a ferramenta padrão e usar todas as funcionalidades. Mas se você clicar no último padrão que acabamos de converter, ele irá levá-lo para uma ferramenta de padrão, mas você vai encontrar todos os tipos de problemas. O fundo parece um pouco estranho e há linhas estranhas e coisas assim. É bastante óbvio que não é viável dentro da ferramenta. Então eu vou apenas clicar em cancelar. Deixe-me apenas excluir esta pequena amostra, este pequeno padrão, mesmo que não seja editável dentro da ferramenta padrão, isso é o que precisamos para produzir todos os tipos de produtos. Até este ponto, nós realmente não falamos sobre medição e unidades. Isso é porque temos trabalhado em nossos motivos e estruturas e tudo mais. Agora, se pensarmos nisso como um padrão no tecido, quando você deve pensar sobre o tamanho apropriado. Se ele vai ser aplicado em uma parede, quão grande você quer que sua pequena folha seja. Então essa é uma boa pergunta para se fazer neste momento. Por uma questão de simplicidade, eu só vou dizer que este vai ser um dos meus padrões de liquidificador e eu quero que a largura de uma folha seja talvez entre uma a duas polegadas. Então eu vou trazer meu governante primeiro pressionando arco de comando. Você verá alguns números gigantes se você seguiu meus passos mais cedo porque eu tenho trabalhado em pixels. Agora vou clicar com o botão direito do mouse na minha régua para converter minhas unidades polegadas e redimensionar meu padrão para o tamanho apropriado. Lembre-se de manter o shift como seu redimensionamento para que você não esteja atrapalhando a proporção. Então este olhar sobre a direita. Eu só vou movê-lo para o meio. Próximo passo, vamos criar um quadro de arte que é o tamanho exato da caixa de areia. Sempre que mencionamos sandbox, precisamos trazer para fora o nosso modo de contorno pressionando comando Y para que possamos realmente ver o limite. Deixe-me só ampliar um pouco. Para criar um quadro de arte que é exatamente o mesmo tamanho, precisamos clicar com o botão direito do mouse depois que ele foi selecionado e selecionar isolar, caminho selecionado e, em seguida, pressione shift O para pegar nossa ferramenta de quadro de arte e, em seguida, basta clicar na definição uma vez para criar um quadro de arte que é exatamente o mesmo tamanho. Lembre-se do número que está no quadro de arte, o primeiro número. Isso lhe dirá a ordem do número. Então, quando você apenas exporta este único quadro de arte, esse é o número que você vai dizer ao Illustrator. Pressione escape para sair do modo de isolamento. Clique no arquivo, exportar, exportar como. Você pode escolher o formato de arquivo desejado, Eu só vou com JPEG. Marque usar quadros de arte e selecione o número certo da placa de arte. Neste caso, o meu é 16 e clique na exportação. Uma vez que você fizer isso, ele vai fazer algumas perguntas. Pegue flor colher, por exemplo, eles pediram o espaço de cor para ser RGB e eu vou com a mais alta qualidade. Pediram também que a resolução fosse, pelo menos, 150. Você sempre pode ir mais alto, mas isso pode estragar sua escala. A menos que você tenha qualquer tipo ou fonte sob seu trabalho artístico. Sempre ir para a arte otimizada e, em seguida, basta clicar em ok. Então, vamos verificar aqui. Este é o nosso lindo padrão. Não parece super significativo, mas tem a capacidade de repetir infinitamente da esquerda para a direita, de cima para baixo. Dito isto, esse é o nosso processo de exportação. Nossa, é uma aula longa. Ainda bem que ainda estão a ver. Se você está assistindo, espero que você ainda esteja inteiro. Você aprendeu um monte de dicas e truques para ajudá-lo a fazer um padrão bonito. Como eu disse, esta é uma aula que você pode querer assistir de uma vez e depois voltar mais tarde para algumas informações específicas. Este não é um processo fácil. Se você tiver alguma dúvida, sinta-se livre para usar a galeria do projeto ou a plataforma do Instagram para me perguntar, eu adoraria ajudá-lo ao longo do caminho. Muito obrigado por tomar o tempo para assistir minha aula e fazer um padrão e me mostrar. 13. Teste seus padrões: Neste vídeo, quero mostrar como testar rapidamente seus blocos de padrões e salvar a pré-visualização diretamente no seu iPad. Primeiro, você deseja fazer uma captura de tela disso e, em seguida, acessar o aplicativo de fotos. Lum, pressione o URL ou pressione este código QR, que o levará ao Se você tiver o P criado aberto, coloque-o ao lado do seu navegador. Tenho todos os meus motivos compactados em uma camada e vou arrastar e soltar aqui, diretamente no navegador, e você pode ajustar a Se você gosta do que está vendo, você também pode baixar sua prévia diretamente no seu iPad. Basta tocar nesse botão e você poderá fazer o download ou imprimir clicando neste botão de compartilhamento Não se esqueça de marcar esta página como favorita, para que você possa voltar a ela sempre que estiver pronto para testar um novo padrão 14. FAQ: Desde que criei esta aula, recebi algumas perguntas de vocês fazendo sobre diferentes métodos de construção de padrões. Achei que seria útil criar um vídeo separado para lhe dar minha perspectiva, os prós e contras de diferentes métodos de construção. O objetivo deste vídeo é dar-lhe uma visão não tendenciosa de prós e contras de diferentes métodos e você pode realmente avaliar e ver o que funciona melhor para você. Talvez um método, ele realmente não clica para uma pessoa e ele funciona muito bem para outra. Espero que você possa encontrar alguma clareza depois de assistir este vídeo. Caso contrário, sinta-se à vontade para entrar em contato comigo através da aba Discussão e ficarei mais do que feliz em responder suas perguntas. Em nossa classe, nós falamos sobre como usar a ferramenta padrão para criar um padrão e depois convertê-lo em um bloco de padrões e vamos comparar isso com outro método. Mas antes disso, eu gostaria de orientá-los através do método alternativo, que é construir um padrão a partir do zero. Aqui, temos alguns motivos muito simplificados. Eles são círculos, mas eles também podem ser um muito intrincado motivos desenhados à mão. Só estou simplificando tudo para que você possa me seguir rapidamente. O que vamos fazer é converter isto num padrão repetível. Basicamente, vamos mover o que está tocando a borda esquerda para a direita, o que quer que esteja tocando a borda direita para a esquerda. A mesma coisa para cima e para baixo. Vamos pegar esses dois caras da esquerda bem rápido e vamos clicar com o botão direito, “Transformar” e “Mover”. Neste caso, vamos manter o nosso valor vertical a zero porque só queremos movê-los horizontalmente. Como o tamanho do plano de fundo é 600 pixels, vou criar 600 pixels para o valor horizontal. Se você ativar a Pré-visualização, você verá que nossos dois círculos são movidos para a direita. Mas em vez de clicar em “Ok”, queremos criar uma cópia para que ela não esteja movendo as cópias originais, estamos apenas criando duplicatas. mesmo aqui para este carinha que está tocando a direita, queremos transformar e movê-lo para a esquerda. Basta adicionar um sinal negativo para o valor horizontal e vamos ter este pequeno rapaz movido 600 pixels para a esquerda e clicar em “Copiar”. Da mesma forma, queremos mover esse cara para baixo, “Transformar”, “Move”, e desta vez queremos que o valor horizontal seja zero e o valor vertical seja 400 pixels. Essa é a altura do nosso padrão. Em seguida, clique em “Copiar”. Então queremos segurar o Shift e pegar o que está tocando no fundo, exceto o cara verde porque já está repetido. Eu só vou clicar em “Transformar”, “Mover” e negativo 400, e clicar em “Copiar” em vez de Ok. Agora, se olharmos para a nossa tela, o que tocar a esquerda também toca a direita e a mesma coisa para a parte superior e inferior. Você quer prestar atenção a qualquer coisa que se sobreponha ao canto porque afeta pelo menos dois lados, então você quer repeti-lo em quatro vezes ao redor. Agora temos tudo duplicado, você pode clicar no retângulo de fundo e “Comando C”, “Comando B” para criar uma cópia exata para o fundo, e então basta desligar o Preenchimento para que seja a caixa de areia para nós, não traço, sem preenchimento. Agora, você seleciona toda a gente e arrasta-a para o painel de amostras. Agora, temos o nosso padrão aqui. Se você criar um retângulo e clicar no que você acabou de criar, esse é o nosso padrão. Podemos fazer a escala um pouco menor e ativar a visualização, desativar a transformação de objetos. Podemos transformar o valor uniforme um pouco menor para que você possa visualizar o padrão na escala menor. Resumindo, é assim que construímos um padrão do zero. Agora vamos passar por este pequeno gráfico dandy para comparar os prós e contras de dois métodos diferentes. À esquerda, é a ferramenta padrão e vamos falar sobre os prós e contras. Pela mesma coisa, vamos falar sobre o método que acabamos de introduzir, que é construído do zero. No canto esquerdo, usarei a cor para indicar meus pontos de conversa. Vamos apenas chegar a ele. Primeiro, vamos revisitar rapidamente quais são os prós de usar a ferramenta padrão. Eu só vou criar um retângulo aqui usando este padrão que construímos anteriormente. Se você se lembra, quando estávamos usando a ferramenta de padrão para construir esse padrão, uma das grandes vantagens que eu encontrei é que você pode visualizar suas mudanças rapidamente, seja para mudar de posição, direção ou cor. Eu acho que esta é uma característica muito importante porque se você tem uma tonelada de motivos e é realmente difícil de visualizar quando você está apenas filmando no escuro. Você vê instantaneamente, você pode visualizar como ele se parece. Quando você move seus motivos padrão para mudar de direção, você pode ver como ele está afetando seus vizinhos. Se você gosta disso, mas não está realmente pronto para confirmar, você sempre pode salvar uma cópia e você terá uma cópia separada em sua amostra. Outra coisa muito legal quando você usa a ferramenta de construção de padrões é que o padrão é altamente editável. Sempre que você estiver clicando duas vezes, você pode apenas fazer algumas mudanças rápidas reais e isso será aplicado ao seu padrão. Como mencionamos em nossa classe, mesmo que você tenha movido esse padrão para um documento diferente, a editabilidade ainda está lá. Se você clicar duas vezes, você pode alternar o tipo de bloco e alterar a configuração de deslocamento. Isso é realmente flexível, especialmente se você quiser jogar com arranjos diferentes, você sempre pode mudar diferentes tipos de tipos de azulejos. Eu acho que o Hex por Coluna e Hex por Row são realmente úteis para grandes motivos florais complicados. Este grupo de motivos não é o melhor para demonstrar esta função, então deixe-me saltar para um padrão diferente. Este guia com o qual trabalhamos anteriormente é do tipo muito fluído. Se usássemos o método de grade tradicional, as coisas parecerão um pouco estagnadas. Mesmo que usássemos Brick by Row ou Tijolo por Coluna, pode-se dizer que as coisas foram escalonadas a meio do caminho. No entanto, se você usasse Hex by Column, isso ajudará diferentes motivos a se misturarem bem. Quando você estava fazendo um tipo de padrão fluído, é útil fazer trabalho extra nas bordas que as pessoas não possam dizer facilmente onde o padrão começa e onde termina. Acho que a opção Hex by Column ou Hex by Row é realmente útil. Isso geralmente me dá idéias de onde colocar meu motivo e como eles podem jogar bem um com o outro para que meu padrão realmente pareça perfeito. Outra vantagem de usar a ferramenta de padrão é quando você constrói padrão estritamente geométrico. Por exemplo, se eu estou apenas para criar este retângulo aqui usando uma cor sólida e vir para objeto, padrão e make. Se eu fosse fazer um padrão de meia gota, eu vou fazer meu padrão de azulejo um pouco maior, então não está tudo preso. Se eu fizesse um padrão de meia gota como este, você sabe que é exatamente a metade. Você não precisa fazer a matemática no layout, e se você quiser mudar o deslocamento para um número diferente, você pode fazer isso e você sabe que é preciso. Isso é realmente útil para alguém que está trabalhando em uma forma estritamente geométrica. Isso lhe dá a paz de espírito sabendo que seu deslocamento é calculado com precisão. Eu realmente aprecio isso. Eu só vou clicar em “Cancelar” e deixá-lo ir para este método não é perfeito. Vamos falar sobre as desvantagens. Como falamos anteriormente, quando você trabalha dentro da ferramenta padrão, pelo menos no início, você tem que manter o fundo claro, branco, enquanto você está descobrindo a composição. Você adiciona a cor de fundo no final, e isso pode ser um obstáculo para alguém se você está realmente em cores e você quer visualizá-la desde o início. Este método pode não ser o melhor para você. Outra desvantagem que eu posso ver é que quando você está convertendo seu padrão para um bloco padrão, há alguns passos extras que você tem que fazer em comparação com o outro método. Por exemplo, você precisa desagrupá-lo primeiro para que a caixa de proteção fique autônoma. Então você tem que adicionar outra camada no topo para fazer uma cor de fundo e, em seguida, torná-la um pouco maior. Então arraste tudo isso para torná-lo um bloco padrão. Há um pouco de limpeza para fazer por você no final do processo de fabricação de padrões. Foi um rápido passo a passo da ferramenta de padrão. Vejamos o método, que é construído a partir do zero. Vamos falar sobre os prós deste método. Uma delas é que você pode introduzir sua cor de fundo desde o início. Faz parte do processo e é fácil de visualizar e você pode ver como a química da cor está afetando os vizinhos vizinhos. É um componente muito bom. Depois de ter feito a repetição, da esquerda para a direita, direita para a esquerda, de cima para baixo, então você só precisa adicionar a caixa de areia no final. São poucos passos a menos do que o outro método. Em termos de desvantagens, o maior para mim é quanto tempo isso está envolvido se eu fizer pequenas mudanças. Por exemplo, este é o nosso padrão, nós arrastamos para a nossa amostra e ele está pronto para ir, mas uma vez que você tenha visualizado seu padrão, você percebe que, oh, eu preciso mover esses dois círculos escuros um pouco além para fazer parecer mais relaxado do que ser tão denso por lá. Eu tenho que mover todos os elementos completamente. Por exemplo, se eu fosse mover o azul escuro, eu tenho que mover todos os quatro ao mesmo tempo. Eu também não posso realmente visualizar o que isso parece na mosca. Eu só tenho que fazer um palpite educado e ver como ele se parece até a pré-visualização. Se eu fosse mover esses elementos, eu tenho que movê-lo completamente para manter a distância igual ao tamanho do retângulo. Vamos ver como este se parece. Então eu tenho que criar outra forma para visualizar. Então, às vezes, tenho que mudar a escala. Por outro lado, se eu usasse a ferramenta padrão, eu poderia simplesmente pressionar Command menos para tornar essa escala um pouco menor. Aqui, eu tenho que mudar a escala e rastrear o objeto transformado. Se você é realmente bom em visualizar, mesmo que você não esteja vendo todo o quadro, este pode ser um método muito bom para você. Como eu disse, não há um método certo ou errado para fazer as coisas. Depende de como seu cérebro criativo está conectado. Outra desvantagem que eu posso pensar para este método é que quando você faz um padrão geometricamente orientado, você tem que fazer um pouco de matemática dependendo da complexidade de menos composição. Por exemplo, se eu fosse transformar essa coisa em meia gota, eu estou segurando opção atualmente para que eu possa fazer bolinhas. Se esta bolinha estiver apenas a alguns pixels de distância, o resultado final será exibido. Você verá que os pontos não estão uniformemente espaçados. Às vezes, você pode olhar ou usar um objeto inteligente do Illustrator. Novamente, esta é uma forma muito regular. Se você desenhasse uma flor muito complicada, é realmente difícil descobrir qual seria o espaçamento ideal. Por outro lado, se você usasse uma ferramenta de padrão, você pode usar uma opção de meia gota que lhe dará esse número exato. Esta é a compreensão básica dos dois métodos. Felizmente, eu lhe dei um pouco de clareza em termos de qual é melhor para você. Não há resposta certa ou errada e você pode tentar uma por um tempo e alternar entre as duas. Meu objetivo para toda essa turma é se interessar por fazer padrões. Enquanto estiver fazendo padrão e se expressando criativamente, serei um professor feliz. Mais uma vez, se tiver alguma dúvida, sinta-se à vontade para me contactar. Espero que esta aula tenha sido agradável para você. Até a próxima vez. Design feliz.