Padrão de linhas e pontos no Adobe Illustrator: um curso de Graphic Design for Lunch™

1. Padrão e de as marcas no Illustrator - introdução - Um design gráfico para Pattern: Olá, sou Helen Bradley. Bem-vindo a esta aula de Design gráfico para almoço, crie um padrão de linhas e pontos no Adobe Illustrator. Design gráfico para almoço é uma série de aulas que ensinam uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Hoje, vamos criar uma onda de estilo semi-orgânico e padrão de pontos. Você aprenderá como transformar linhas em formas preenchidas e como garantir que uma peça padrão se alinhe perfeitamente. Agora, enquanto você está assistindo a esses vídeos, você verá um prompt, que permite recomendar essa classe a outras pessoas. Por favor, se você está gostando da aula, faça duas coisas para mim; em primeiro lugar, dê um polegar para cima, e em segundo lugar, escreva apenas algumas palavras sobre por que você está gostando da aula. Essas recomendações ajudam outros alunos a ver que esta é uma aula da qual eles também podem desfrutar e aprender. Se você gostaria de me deixar um comentário ou uma pergunta, por favor, faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Se você estiver pronto, vamos começar com nosso padrão de onda e pontos no Illustrator. 2. Pt 1: Para criar nosso padrão de onda e ponto, vamos criar um novo arquivo. É importante que seja uma largura fixa conhecida. Eu vou fazer minha prancheta 1.000 pixels por 1.000 pixels, só para que saibamos exatamente o que ela mede. Vou clicar na ferramenta “Segmento de linha”. Eu vou fazer uma linha, 1000 pixels de comprimento que está em um ângulo de zero graus. Vai esticar toda a largura da prancheta. Temos de ter a certeza de que tudo se alinha com muito cuidado aqui, porque é um padrão. Vou abrir minhas opções de alinhamento e vou clicar em “Mostrar opções” e fazer alinhar à prancheta. Eu só vou alinhar esta linha para cima, modo que ele está alinhado até a borda da prancheta aqui. Vamos transformá-lo em uma linha ondulada com Efeito, Distorcer & Transformar, e depois Zig Zag. Vou ativar a Pré-visualização, vou colocar os meus Ridges por segmento em 1 e clicar em suave. Você pode dizer que isso está nos dando uma curva suave e superficial. Vou aumentar a curva um pouco para cerca de 35. Você quer ter certeza de que você tem a curva acima da linha em qualquer extremidade, porque estes vão juntar-se mais tarde no padrão. Então clique em “OK”. Vou escolher Objeto, Expandir Aparência, para transformar isso em uma linha normal. Agora eu quero arrastar uma duplicata pressionando a tecla “Alt ou Option”, enquanto eu arrasto uma duplicata para longe, eu não quero movê-la muito longe, esta vai ser muito próxima. Então eu vou fazer isso de novo e de novo e de novo. Eu acabo com cinco linhas, se você quiser ter certeza de que esses três últimos conjuntos de linhas estão uniformemente espaçados, selecione sobre elas nas opções da Ferramenta Alinhada, selecione “Alinhar à Seleção” e clique aqui em “Vertical Distribuir Center” e isso vai garantir que há até mesmo espaçamento entre todos eles. Vou fechar esta lacuna só um pouquinho. Você quer resolver seu espaçamento antes de ir para o próximo passo. O próximo passo envolve pegar essas três linhas do meio e fazer uma duplicata delas. Você deseja selecionar sobre todas essas três linhas e você pode abrir o último painel se necessário para ter certeza de que você tem essas três linhas selecionadas. Você escolherá Editar, Copiar e, em seguida, Editar, Colar no Local. Você não quer movê-los, mas você quer fazer algumas duplicatas porque nós vamos usá-los para juntar suas linhas. Você também precisará de algumas cores para usar. Vou abrir meu painel de amostras aqui. Vou transformar algumas das minhas cores em amostras globais. Isso vai tornar um pouco mais fácil ajustá-los mais tarde. Vou clicar duas vezes em cada uma das cores que eu quero usar e torná-la global. Eu não tenho que acertar as cores, agora, eu só preciso ter certeza de que elas são globais e que eu só uso as amostras globais no meu design. Vou selecionar as quatro cores nesta fase. Agora vamos voltar para as linhas de camadas aqui. Vou selecionar esta parte inferior mais um e, em seguida, um dos imediatamente acima dele, e verificar na paleta Camadas que existem apenas dois caminhos selecionados. Vou escolher Objeto, Caminho e, em seguida, Juntar. Agora eu vou virar o Preenchimento e o Traçado para que seja uma forma preenchida, mas sem traçado. Vou aplicar uma das minhas cores globais. Neste ponto, posso esconder essa forma porque foi criada. Vamos pegar os próximos dois conjuntos de linhas e juntaremos aqueles com Object, Path, Join. Novamente, vamos aplicar uma cor global a este conjunto também. Vamos escondê-lo por enquanto. Agora vamos para o próximo conjunto de duas linhas, Object, Path, Join. Vire o Preenchimento e o Traçado e aplique uma cor global a ele e oculte-o. Temos mais dois caminhos à esquerda e vamos fazer exatamente o mesmo com eles. Neste ponto, você pode voltar a ligar todas as suas linhas. Você deve ter quatro conjuntos de linhas que estão todos preenchidos com cores globais. Você pode verificar novamente para se certificar de que eles estão alinhados à borda da prancheta. Você deseja se certificar de que você tenha alinhado à prancheta selecionada e apenas alinhá-los à borda da prancheta. Agora estamos prontos para fazer algumas duplicatas. Vamos escolher Objeto, Transformar, Refletir. Quero transformá-lo horizontalmente. Estou com a Pré-visualização ativada e quero criar uma duplicata, por isso vou clicar em “Copiar”. Isso me dá dois conjuntos de linhas. Um desses conjuntos de quatro linhas que eu quero enviar para o topo do documento, mas se eu tentar enviá-los agora, todos eles vão pousar no topo do documento. Eu realmente quero que eles agrupados antes de fazer isso. Vou selecionar sobre estas quatro linhas e escolherei Objeto, Grupo. Vou enviar o grupo para o topo do documento. Indo para agrupar este conjunto de linhas com Object, Group e eu vou movê-los para cima para que eles são apenas empurrado para cima contra o acima. Certifique-se de que tudo está perfeitamente alinhado com a borda da prancheta aqui. Eu quero outra cópia deste conjunto de linhas, então eu vou selecionar ambos os conjuntos. Vou escolher Objeto, Transformar, Mover. Eu não tenho certeza exatamente o quão longe eu preciso movê-los, mas eu não quero movê-los horizontalmente em tudo. Quero movê-los verticalmente. Vamos tentar 200 por enquanto. Eu quero fazer uma duplicata, então eu vou apenas clicar em “Copiar”. Se eles não estão exatamente no lugar certo e você provavelmente não vai acertá-los na primeira vez, você pode simplesmente movê-los para baixo usando as teclas de seta. Você só quer uma sobreposição aqui, apenas uma ligeira sobreposição. Agora que temos as linhas básicas prontas para ir, no próximo vídeo vamos criar os pontos e então vamos criar nosso padrão de repetição. 3. Adicione os pontos: A maneira que estamos fazendo esse padrão é que nós vamos realmente fazer a caixa delimitadora para o padrão. Podemos fazer alguns pequenos favores agora. Um deles será definir o tamanho dessas formas aqui. Se eu selecionar sobre as formas, cada uma delas terá 1000 pixels de largura, mas sua altura não é um número par. Mas podemos torná-los um número par apenas digitando o número par. Meu mais de um 132 inalterado, bem, eu só vou fazer o meu um 132 pixels. Eu vou selecionar sobre cada um destes e apenas arredondá-los fora. Agora, cada um deles é exatamente o mesmo tamanho e a altura deles é um bom número par. Agora, eu também vou espaçá-los para que eles se enfrentem um contra o outro muito uniformemente, então eu selecionei no entanto todos os quatro grupos de linhas. Eu vou para a caixa de diálogo Alinhar para e eu vou selecionar para “Alinhar ao objeto chave”. Eu vou fazer este objeto superior, meu objeto chave clicando nele. O que eu quero fazer é clicar aqui na vertical Distribuir espaço, mas eu quero ter certeza de que o valor é zero e que vai apenas jogar estes acima um contra o outro para que eles apenas toque perfeitamente. Agora vou selecionar todas essas formas e vou agrupá-las com “Objeto”, “Grupo”. Então eu vou fazer uma verificação final, que é clicar em “Vertical Alinhar Top”. Isso só garante que eles estejam perfeitamente alinhados ao topo deste documento. Se cada uma dessas formas tiver 132 pixels de altura , então o tamanho total do conjunto agrupado de formas deve ser quatro vezes 132 pixels, que é, é 528. Posso fazer a matemática aqui e sei que tudo está perfeitamente alinhado. Isso realmente vai me ajudar em alguns minutos quando eu vier para fazer minha caixa delimitadora. Agora vamos fazer alguns círculos. Estou indo para a ferramenta de elipse. Vou clicar uma vez no documento, vou fazer um círculo que é 100 pixels por 100 pixels. Só estou usando uma das minhas cores globais. Mas se você não quiser usar uma das cores que você já usou, você pode ir em frente e configurar outro conjunto de cores globais. Essencialmente, o que estou dizendo é que estou feliz que este círculo vai ser da mesma cor que esta onda está no padrão final. Eu só vou fazer uma forma de 100 pixels aqui. Vou adicionar um segundo aqui. Vou arrastar um até aqui. Agora este, por causa de sua posição, eu vou ter certeza que ele está alinhado perfeitamente até a borda desta prancheta. Eu quero ter certeza de que é meio aqui é no valor x de 1000, que é, é exatamente em 1000, apenas indo para ajustar seu valor y para um valor conhecido aqui, eu vou apenas torná-lo 250. Isso vai me permitir verificar em um minuto. Agora preciso copiar isto para aqui. Vou escolher “Objeto”, “Transformar”, “Mover”. Eu não quero movê-lo verticalmente, então eu vou digitar zero lá. Eu quero movê-lo menos 1000 horizontalmente. Eu só vou embora. Como eu selecionei anteriormente, você pode ver que a cópia está indo para a posição exata correta, então eu vou clicar em “Copiar”. Em seguida, vou encher este espaço com alguns círculos adicionais. Vou voltar para a ferramenta Elipse desta vez, vou escolher uma cor diferente para trabalhar. Vou clicar uma vez no documento, vou fazer alguns círculos de 50 pixels. Vamos nos certificar de que é uma cor diferente. Vou mover estes para dentro destas ondas. Eu estou fazendo as duplicatas apenas segurando a tecla Alt em um PC, tecla Option em um Mac e apenas arrastando a forma extra para longe. Agora eu quero alguns círculos que são menores ainda então eu vou apenas clicar aqui e fazer um pouco disso em 25 pixels ao redor. Vou mudar a cor para outra das minhas cores globais. Vou mover esta forma para a posição e novamente, duplicá-la para preencher as lacunas. Quero ter cuidado para não colocar nada acima deste limite. Eu já tenho uma forma sobre a borda e eu não quero mais. Ou se eu colocasse outro na borda, eu teria que copiá-lo para o outro lado também. É mais fácil manter um mínimo de sobreposições, mas você vai querer uma sobreposição ou então você vai ter uma espécie de padrão engraçado que vai ter uma grande lacuna no meio dela. Você também quer estar ciente de que este ponto aqui vai aparecer aqui na imagem final. Você quer ter certeza de que não há outro ponto muito perto dele. Agora vou preencher esta área aqui em cima, pegando emprestadas as formas da abaixo. Novamente, mantendo pressionada a tecla Alt ou Option, basta arrastar minhas formas para a posição. Estou trabalhando em cerca de cinco ou seis dessas formas de tamanho médio. Tenho duas formas maiores aqui. Provavelmente não precisa de tantos de tamanho médio como eu tinha para este elemento aqui. Então vou pegar emprestado alguns dos mais pequenos. Agora este conjunto de formas vai ter que ser movido para baixo para esta posição. Nós já sabemos que um elemento aqui tem duas vezes 132 pixels de tamanho. O que temos que fazer é pegar tudo isso e movê-los duas vezes 132 pixels para baixo. Eu só vou selecionar sobre todas essas formas, então eu vou me mover. Eu vou clicar em um e, em seguida, clique sobre os outros para selecioná-los certificando-se de que eu não incluir as linhas com estes. Agora vou escolher “Objeto”, “Transformar”,” Mover”. Tenho a Preview ativada. Eu não quero movê-los horizontalmente, então eu vou digitar zero aqui. O que eu quero fazer é movê-los para baixo para 164 pixels. Você pode ver que eles estão indo para a posição perfeita. Mas, novamente, tudo isso tem a ver com a matemática que fizemos antes. Como cada um desses blocos aqui tem 132 pixels de altura, o movimento aqui tem que ser o dobro dessa quantidade. Vou clicar em “Copiar”. Neste ponto, você não deseja fazer alterações adicionais em seu design, a menos que esteja preparado para fazer toda a cópia novamente. Mover qualquer uma dessas formas exigiria que você as copiasse até aqui. Você poderia mudar estes porque eles não são duplicados um do outro exceto para aqueles que estão sobre a fronteira aqui. Agora estamos prontos para criar nossa caixa delimitadora e criar nosso padrão e faremos isso no próximo vídeo. 4. Pt 3: Agora estamos prontos para criar uma caixa delimitadora que definirá a área que contém nossa amostra de padrão. A área vai passar daqui por todo o caminho através da prancheta, até este ponto aqui e do outro lado. Nós já determinamos que uma dessas peças tem 132 pixels de profundidade, então duas vezes essa quantidade é 264 pixels, que será o tamanho da nossa caixa delimitadora. Eu vou clicar uma vez no documento, eu vou fazer um retângulo, há 1000 pixels por 264, e eu vou clicar em “OK”. Agora esta caixa delimitadora não precisa ter preenchimento nem traço, mas eu vou movê-la para a posição primeiro. Realmente não importa muito verticalmente exatamente onde ele vai, mas deve estar dentro da área definida por esses conjuntos de linhas curvas, então você não poderia colocá-lo aqui, por exemplo, porque isso seria fora que área, mas pode ser compensado um pouco aqui , realmente não importa. No entanto, ele não precisa ser alinhado contra o lado esquerdo da prancheta, então você vai querer ir para a sua opção Alinhar para apenas certificar-se de que Alinhar à prancheta está selecionado e certifique-se de que ela está alinhada perfeitamente à borda da prancheta. Com ele selecionado, você vai dar nenhum preenchimento e nenhum derrame. Como é uma caixa delimitadora, ela também precisa aparecer atrás de tudo nesta prancheta, precisa estar atrás de todas essas peças padrão, ou não será tratada como uma caixa delimitadora. A maneira mais rápida de levá-lo para trás de tudo é selecioná-lo e escolher Objeto, Organizar, Enviar para Voltar, e que enviá-lo diretamente para a parte de trás aqui. Agora vamos selecionar tudo na prancheta, abro o painel Amostras e basta arrastar e soltar nossa nova amostra de padrões no painel Amostras. Eu vou criar uma segunda prancheta dela, então eu vou clicar longe da primeira prancheta, clique na ferramenta prancheta, e eu só vou arrastar para fora uma segunda prancheta. A segunda prancheta tem exatamente o mesmo tamanho da primeira, criarei um retângulo que seja do tamanho dessa prancheta. Vou usar a ferramenta Alinhar para centrá-la na prancheta. Vou trazer o preenchimento para o primeiro plano, direcionar o preenchimento, e agora posso clicar para preencher a prancheta e esse retângulo com meu padrão. Agora eu tenho linhas de fratura no meu padrão, isso não é incomum no Illustrator. Há algumas coisas que você pode fazer para se livrar dessas linhas de fratura, e uma delas é tentar redimensionar seu padrão com Object, Transform, Scale. Vou desativar Transformar Objetos, redefinindo isso para 100 por cento. Eu só vou diminuir um pouco e ver se apenas um ou dois por cento é suficiente para me livrar dessas linhas de fratura, aquelas linhas de cabelo branco. Agora, se as linhas de fratura não desaparecerem e aparecerem sempre no mesmo lugar, então não são linhas de fratura, são problemas no seu padrão. Mas como eles desapareceram, isso significa que há um problema do Illustrator, não um problema de amostra padrão. Nós ainda precisamos corrigi-lo porque eles vão aparecer em qualquer lugar onde você usa este retângulo que é preenchido com o padrão. Outra opção que você tem para se livrar dessas linhas de fratura é alterar suas preferências do Illustrator. Você pode fazer isso escolhendo Editar e, em seguida, Preferências e, em seguida Geral e desmarque Arte com suavização de borda e clique em “OK”. Agora seu trabalho de arte vai acabar com algumas bordas bem peludas aqui, mas geralmente isso vai resolver o problema. Em um Mac, você escolheria as Preferências do Illustrator para acessar esse diálogo. Agora, eu não preciso fazer isso com o meu porque parece que minhas linhas de fratura praticamente desapareceram aqui. Agora, neste ponto, se você vê coisas em seu padrão que você não gosta, você pode voltar e fazer alterações nele. Eu não estou realmente feliz com esses pontos aqui, então eu vou me livrar deste conjunto. Eu vou mover as coisas só um pouco, o que eu tenho que ter cuidado é que eu copiar meu projeto aqui uma vez que eu terminar de mover as coisas ao redor. A maneira mais fácil de resolver isso para mim é encontrar essas linhas, e elas estão aqui na paleta Camadas aqui em baixo. Eu vou bloqueá-los para que eles não se movam, o que vai me permitir selecionar esses elementos aqui e excluí-los porque eles não são mais válidos para o meu padrão. Agora eu tenho que selecionar esses elementos aqui e ir e fazer minha cópia novamente, então eu vou escolher Objeto, Transformar, Mover. Eu não quero movê-los horizontalmente, então pressione Zero para horizontal, eu quero movê-los 264 pixels verticalmente, certifique-se de que ele está indo em uma direção de menos 90 graus, clique em “Copiar”. Agora, este é um bom padrão novamente. Vou desbloquear minhas linhas, parece que perdi meu retângulo sem preenchimento, então vamos colocar isso de volta. Agora eu vou selecionar tudo nesta prancheta incluindo o meu não preenchimento nenhum retângulo traçado. Vou arrastar isto para o painel Amostras. Se eu adicionar a tecla Alto Option, eu posso soltar isso sobre o ritmo padrão original, que vai substituir esse padrão dentro do meu retângulo, então esta é uma versão mais agradável do padrão que eu estou pensando. Agora, como usamos cores globais, podemos recolorir essa amostra de padrão clicando duas vezes em uma cor global e fazendo alterações nela. Como as cores globais foram usadas, ele vai mudar dentro do padrão em uso, bem como dentro do design padrão, então eu posso querer fazer um segundo padrão, recolendo-o desta maneira. Também é possível recolorir esse padrão aqui selecionando essa forma e clicando na opção Recolorir, verifique se há setas contra cada uma dessas cores e vá para a caixa de diálogo Editar. Verifique se isso está desbloqueado e agora você pode arrastar esses pontos de cor para uma nova posição para recolorir seu trabalho artístico. Quando você tiver um design que você gosta, clique aqui no Novo Grupo de Cores e clique em “OK”. Você vai descobrir que você tem dois padrões em suas Amostras padrão, o padrão original que você criou e agora este novo que tem o recoloring aplicado a ele. 5. Projeto e encerramento para: Seu projeto para esta classe será criar um padrão de ondas e pontos semelhante ao que fizemos nesta classe, e postar uma imagem de seu padrão completo na área do projeto da classe. Espero que você tenha gostado desta aula e que tenha aprendido coisas sobre como criar padrões no Illustrator, que você não sabia antes de começar. Enquanto você está assistindo a este vídeo, você terá sido perguntado se você teria recomendado esta aula para outras pessoas. Por favor, se gostou da aula e aprendeu algo com ela, faça duas coisas por mim. Em primeiro lugar, responda sim ao fato de que você recomendaria aos outros e, em segundo lugar, escreva apenas algumas palavras sobre por que você gostou da aula. Essas recomendações ajudam outros alunos a dizer que esta é uma aula da qual eles também podem desfrutar e aprender. Se você gostaria de me deixar um comentário ou uma pergunta, por favor faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim para este episódio de design gráfico para o almoço, e estou ansioso para vê-lo em um próximo episódio em breve.