Noções de padrões no Adobe Illustrator — um curso de Graphic Design for Lunch™

1. Conhecimento de padrões - introdução - um design gráfico para Almoços™: Olá, sou Helen Bradley. Bem-vindo a esta aula de Design Gráfico para Almoço, Know-how de Padrão 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 estamos olhando para trabalhar com padrões no Illustrator. Começaremos analisando os padrões que vêm com o Illustrator. Aprenderemos como salvar e usar um arquivo padrão baixado no Illustrator. Você verá como dimensionar, mover e girar padrões e como recolorir. Esta classe lhe dará grandes habilidades quando você estiver trabalhando com seus próprios padrões ou com os de outras pessoas. Agora, à medida que você estiver trabalhando nesses vídeos, você poderá ver um prompt que permite recomendar essa classe a outras pessoas. Por favor, se está gostando da aula, dê um polegar para cima. Essas recomendações me ajudam a colocar minhas aulas na frente de mais pessoas como você que querem saber mais sobre o Illustrator. Se você gostaria de deixar um comentário, por favor faça-o. Eu leio e respondo a todos os seus comentários, e olho e respondo a todos os seus projetos de classe. Se você estiver pronto, agora, vamos começar a trabalhar com padrões no Illustrator. 2. Conhecimento de padrões - parte 1: Para começar, observo padrões no Illustrator, escolherei Arquivo e Novo. Vou criar um novo documento com o qual estamos trabalhando, menos 1000 pixels por 1000 pixels no modo de cor RGB. Agora, o que não vamos fazer neste vídeo em particular é trabalhar em padrões que estamos criando para nós mesmos. Vamos recolorir alguns para torná-los nossos próprios padrões, mas não vamos fazer novos. Eu já tenho uma aula sobre isso, e eu vou ligar para isso na descrição do projeto apenas para que você possa começar rapidamente isso se é isso que você quer fazer. O que vamos fazer é olhar para como trabalhar com padrões, entanto eles acontecem a ser criados. Vamos começar analisando os padrões que são fornecidos com o Illustrator. Eu vou abrir o painel Amostras aqui, e se você tiver o painel Amostras configurado para mostrar todas as amostras, você verá que existem alguns padrões já aqui, já existem dois aqui. Mas você pode encontrar mais que são enviados com ilustrador. Para isso, clique nesta seta apontando para baixo e escolha Abrir biblioteca de amostras. Aqui estão o acesso a vários tipos diferentes de Amostras, há Amostras de cor, há padrões Amostras, há Amostras de gradiente. Aqui estão os padrões e você verá que eles estão agrupados em gráficos básicos, que são alguns pontos linhas e texturas, alguns decorativos, legado decorativo e padrões vonster e, em seguida, alguns da natureza também, que são peles de animais e folhagem. Vamos olhar em primeiro lugar para alguns dos gráficos básicos, apenas para que você possa ter uma idéia do que está incluído no ilustrador. Então estes são os pontos gráficos básicos. Agora, é claro, para poder usar um padrão, você precisa de uma forma. Então eu estou indo para a ferramenta de retângulo aqui, eu vou apenas arrastar para fora um retângulo no meu documento, eu não quero que ele tenha um traçado, então eu vou desligar isso. Vou trazer o preenchimento à tona e agora vou apenas clicar em um Padrão para aplicá-lo ao meu retângulo. Este é um dos padrões de pontos do grupo básico de pontos. Agora, se tivermos uma olhada no painel Amostras, que é claro que poderíamos chegar se ele não estivesse visível lá escolhendo Janela e depois Amostras, você verá que o padrão de pontos que acabei de aplicar a esta imagem, tem foi adicionado aqui ao painel Amostras. Qualquer um desses padrões de ponto que eu apliquei a essa forma será adicionado ao painel Amostras deste documento específico. Agora, o painel Amostras é salvo com o documento, mas é claro que essas Amostras não estarão disponíveis para nenhum documento novo. Eles são apenas peculiares a este documento em particular, porque eles foram usados neste documento. Só vou adicionar alguns aqui. As linhas que passam por isto vamos ter uma conversa sobre mais tarde. Agora, enquanto estávamos olhando para os padrões que são enviados com o Illustrator, havia também alguns decorativos, então vamos ver esses padrões. Abra os padrões da biblioteca Swatch, decorativos, vou escolher os padrões Vonster aqui, porque vamos usar um ou dois desses também mais tarde neste vídeo. Estes são padrões mais decorativos que são enviados com o ilustrador. Novamente, à medida que seleciono qualquer um deles para adicioná-lo a este retângulo como seu preenchimento, eles são adicionados automaticamente ao painel Amostras deste documento. 3. Conhecimento de padrões - parte 2: Agora, além dos padrões fornecidos com o Illustrator, você também pode encontrar padrões on-line para usar. Você pode comprá-los em sites de ações regulares e você também vai descobrir que algumas pessoas fornecem amostras gratuitas para download. Neste caso, vamos usar um conjunto de um site chamado Design For It. Eu lhe darei o link de download, basta rolar o site aqui para que você possa ver quais são os padrões e, em seguida, clicar para baixar os padrões de amostra do Illustrator. Os padrões de amostra serão baixados e aparecerão na sua pasta de downloads. Estou sendo muito cuidadoso nesses vídeos para baixar onde eu possa compactar arquivos. Eles são muito mais fáceis de descompactar do que arquivos RAR. Se você está trabalhando no Windows e se você trabalha no Mac, deve ser capaz de vê-los na pasta Downloads e basta clicar duas vezes na pasta para descompactá-la. Uma vez que clicamos duas vezes na pasta, temos um link aqui para extrair todos os arquivos. Vou apenas clicar para extraí-los para a minha pasta Downloads. Agora, esses arquivos aparecerão na minha pasta Downloads em uma subpasta chamada Design Fruit Swatch Patterns. No Mac, provavelmente será feito automaticamente para você. Agora, se você está indo mais tarde e procurando padrões para usar apenas estar ciente se você é um usuário Mac, RAR é um bom formato para usar. Se você é usuário do Windows, talvez tenha um pouco mais de dificuldade em trabalhar com arquivos RAR. Zip os são muito fáceis de gerenciar, assim como eu mostrei aqui. Os arquivos RAR que você pode precisar baixar e descompactar utilitário. Vou incluir links para alguns desses na descrição do projeto apenas no caso de você precisar disso para trabalhar com nossos arquivos RAR. Basta estar ciente de que a maioria deles irá para baixo em algum formato compactado do qual você precisará extraí-los. Dito isto, vamos pegar este conjunto particular que vamos para o arquivo RAR de padrões de amostra de frutas Design. Vou apenas clicar duas vezes nele para abri-lo no Illustrator aqui. Essa é a aparência do arquivo quando você o abre no Illustrator. Não há nada aqui, toda a ação está no painel de amostras. Você deseja ir para Janela e, em seguida, Amostras para abrir o painel Amostras porque essas são as amostras que são fornecidas com esse arquivo específico. Agora, se você quiser ter acesso a esses padrões mais tarde, a primeira coisa que você deve fazer é ir e salvar isso e você vai fazer isso desta maneira, você vai clicar sobre isso para baixo, apontando seta, o menu fly-out no painel de amostras. Você escolherá Salvar biblioteca de amostras como IA. É realmente importante que você salve isso como um arquivo AI. Quando você clicar sobre isso, você verá que ilustrar automaticamente abre o local onde ele espera encontrar amostras salvas. Estas são amostras definidas pelo usuário. Eles podem ser definidos por você ou podem ser aqueles que você baixou e você deseja instalar para que eles fiquem acessíveis facilmente dentro do Illustrator. Eu já tenho alguns porque eu tenho criado meus próprios arquivos de padrão, eu vou apenas salvar este conjunto no mesmo lugar. Eu só vou clicar em Salvar, é isso. Agora eu vou fechar este arquivo porque eu não preciso mais dele aberto no Illustrator, o que eu preciso é acesso aos padrões nele, e eu agora configurá-lo para que eu possa chegar a esses padrões a qualquer momento. De volta ao documento em que estamos trabalhando, vamos ver como obteríamos acesso ao arquivo padrão que acabamos de armazenar pronto dentro do Illustrator. Vamos fazer isso indo para este painel de amostras, clique no menu suspenso, você escolherá Abrir biblioteca de amostras e, desta vez, desceremos para Definido pelo usuário. Isso nos dá acesso a todos os arquivos de amostra que salvamos da maneira que acabei de mostrar como salvar esses padrões. Aqui está o nosso padrão de amostra de frutas projetado, então eu vou clicar nele para abri-lo, e o que acontece é que nós temos um pequeno painel de amostras com as amostras de padrões de frutas Design nele. Eu só vou clicar em um deles e você pode ver que é aplicado à minha forma. É assim que você trabalha com arquivos de amostra baixados da Web, primeiro abri-los, salvá-los em sua área de amostras de padrões no Illustrator, e então você pode obter acesso a eles a qualquer momento exatamente da mesma maneira que você obteria acesso ao Illustrator em Amostras ou Amostras que você mesmo criou. 4. Conhecimento de padrões - parte 3: Agora, quando você aplica amostras a uma forma no Illustrator, ela nem sempre será exatamente a aparência desejada. Vamos analisar agora algumas das técnicas para escalar, mover e girar padrões no Illustrator. Vamos fazê-lo com esta forma. A primeira coisa que vamos olhar é dimensioná-lo, torná-lo maior ou menor. Para fazer isso com a forma selecionada, então eu vou ter certeza de que eu tenho este padrão preenchido forma selecionada. Vou selecionar objeto e, em seguida, transformar e, neste caso, para torná-lo maior ou menor, eu vou escolher escala. Isso abre o diálogo de escala. Há duas opções que são de considerável importância aqui, e que é o objeto de transformação e os padrões de transformação. O que queremos fazer é tornar o padrão de um tamanho diferente, mas não queremos alterar o objeto que ele está no retângulo. Então, vamos cancelar a seleção de objetos de transformação, certificando-se de que os padrões de transformação ainda estão selecionados. Eu vou ativar a visualização, e agora eu vou aumentar essa escala deste padrão para 300 por cento e tab away. Agora, o padrão dentro da forma aumentou em 300 por cento. O objeto em si não foi alterado porque eu tinha transformado objetos desmarcados. Agora você pode ir muito menor também, então eu vou descer para 50%. Vou digitar 50 e, em seguida, pressionar a tecla tab para me afastar e agora é preenchido com o padrão em um tamanho de 50 por cento. Se você quiser ajustar por valores menores, você pode simplesmente clicar na caixa uniforme aqui e pressionar a tecla de seta para cima que irá ocupar 1 por cento de cada vez. Se você pressionar a seta Shift para cima, ela vai entrar em 10 por cento de cada vez, que você possa aumentar em grandes quantidades ou em pequenas quantidades muito granulares. Isso pode ser muito útil quando você obtém essas linhas estranhas através do seu padrão, que o Illustrator é conhecido por. Se você vir linhas brancas através do seu padrão apenas aumentá-lo ou diminuí-lo em 1%, muitas vezes pode remover essas linhas. Vou clicar bem porque estou farto de escalar este padrão. Mas e se eu quiser movê-lo? E se eu não quiser que este lugar fique no canto superior? Quero que pareça um pouco diferente. Bem, com a forma ainda selecionada, vou escolher movimento de transformação de objeto. Vou certificar-me de que a pré-visualização está ativada. Eu vou ter certeza de que o padrão de transformação está ativado, mas não objetos porque eu não quero mover o retângulo Eu só quero mover o padrão dentro dele, e agora eu posso clicar aqui e aumentar o valor horizontal. Como eu faço, você pode ver que o padrão está mudando dentro do retângulo aqui. Eu posso manter a tecla Shift pressionada enquanto eu pressiono a seta para cima, ou eu posso apenas pressionar a seta para cima ou para baixo para aumentar ou diminuir essa quantidade horizontal e então eu posso ir para a vertical e fazer algo diferente lá, só vou empurrá-lo para baixo um pouco. Posso ter certeza de que o que está aparecendo no canto superior desta forma, ou de fato em qualquer lugar desta forma é exatamente o elemento que eu quero ver naquele canto superior. Eu só vou movê-lo um pouco para baixo, e quando eu estiver feliz com a aparência do canto superior, eu posso apenas pressionar ok. Você também pode girar o padrão e você faz isso sem surpresa escolhendo rotação de transformação de objeto. Mesmo negócio aqui que queremos transformar objetos desmarcá-lo queremos transformar padrão selecionado. Queremos visualizar as coisas à medida que avançamos e eu só vou digitar aqui 45 graus. Quando ensinei 45 graus, o padrão é girado 45 graus, dando-nos uma aparência muito diferente do padrão original. Se eu estiver feliz com isso, eu vou clicar bem. Agora você sabe como mover um padrão dentro de uma forma, como escalá-lo para cima ou para baixo e como girá-lo. 5. Conhecimento de padrões - parte 4: Em seguida, vamos olhar para padrões de recoloração, em primeiro lugar, vamos investigar exatamente o que está disponível para recolorir. Então eu vou começar com um dos padrões que é moldado com ilustrador, basta clicar sobre ele para aplicá-lo a esta forma. Agora este padrão está mostrando que há linhas inclinadas através dele que indicam que há um pequeno problema com o ilustrador. Vou escolher objeto, transformar, e depois escalar. Eu vou desmarcar, transformar, objetos, eu vou dizer se aumentando ou diminuindo esse padrão em uma pequena quantidade, eu posso fazer uma mudança nessas linhas. Quero voltar a 100 por cento, e estou a dizer a frase. Então eu vou aumentá-lo em apenas um por cento, e isso parece ter removido essas linhas. Então estou muito feliz com isso. Vou clicar em “Ok”. Agora, antes de irmos em frente e olharmos para recolher este padrão, vamos dar uma olhada exatamente no que está nele. Vou selecionar a ferramenta de retângulo, vou arrastar um retângulo aqui, vou preenchê-lo com uma cor sólida, vou colocá-lo atrás do padrão, objeto, organizar, enviar para trás. Você pode dizer que os lugares brancos neste padrão realmente não são brancos. O que eles são não é nada. Então estamos dizendo através do padrão para este objeto atrás. Agora isso é bastante importante notar porque isso significa que não podemos mudar o branco no padrão, porque não há branco neste padrão. Se eu voltar para a forma com que estávamos trabalhando aqui, e se eu adicionar um dos padrões que baixamos da designfruit, você verá que não é o caso com este padrão, o branco no padrão é realmente branco, porque não estamos dizendo que este retângulo roxo sob este padrão, é um padrão totalmente preenchido. Portanto, apenas esteja ciente de que antes de ir em frente e tentar recolorir padrões, você apenas estabelece se há realmente branco lá dentro que pode ser recolodido ou se é apenas ver através, e então você não pode recolorir da maneira que as outras cores que estão realmente no padrão. Tendo estabelecido que o branco neste padrão é verdadeiramente branco, não um ver através do elemento. Eu vou remover este retângulo colorido por trás da forma padrão preenchido. Vou para a ferramenta de seleção. Vou selecionar na forma, e para recolorir o padrão, vou clicar aqui no ícone de recolorir o trabalho artístico. Isso abre a caixa de diálogo recolorir o trabalho artístico. Agora seu diálogo pode parecer maior do que isso, mas eu estou fechando o meu, então eu tenho um pouco mais de espaço na tela para trabalhar. Aqui, no painel de edição, você verá as cores que estão no padrão; o marrom, o azul, o vermelho e o branco. Marrom, azul e vermelho são mapeados em si mesmos. Então esta é a cor original no padrão e esta é uma cor mapeada. Então, efetivamente, estamos dizendo que nenhuma mudança no padrão, mas o branco não é mapeado em nada e porque há toda essa barra aqui em vez de uma flecha, isso nos diz que o branco não será mudado. Então, se mudarmos as cores neste padrão, o branco permanecerá branco. Vamos ver como isso vai funcionar. Vou para o painel de edição. Eu vou ter certeza de que essas cores estão bloqueadas para que a relação entre eles vai permanecer o mesmo, e eu vou apenas rolar este conjunto de controles deslizantes em torno da roda de cores. Como eu faço as cores e o padrão vão mudar, mas você pode dizer que a relação entre as cores é inalterada. Você também vai dizer que o branco permanece branco. Se quisermos ser capazes de fazer um ponto algo diferente, vamos voltar para o diálogo atribuído, e vamos clicar duas vezes aqui, e escolher adicionar uma nova cor, e eu escolherei sim. Branco agora é mapeado para branco, porque há esta seta, ele está me dizendo que agora eu posso mudar de branco. Então vamos voltar para as opções de edição e aqui dentro está branco. Então eu apenas arrastei branco para fora da área laranja, você pode dizer que o branco na imagem agora mudou. Agora, enquanto eu coloco essas cores ao redor, tudo está mudando, incluindo o branco. Se você não esteve neste diálogo antes, apenas esteja ciente de que esta opção aqui permite que você desvincule as cores. Se você desvincular as cores, você pode levar as cores para qualquer área que você quiser, a relação entre elas é quebrada, então você pode colorir este objeto para o que você quiser que ele seja. Se você encontrar algo que você gosta, basta clicar em “Ok” e a cor será aplicada ao seu ritmo padrão. Agora vamos remover este retângulo. Vamos voltar ao padrão que tinha passos vazios nele, para vermos o que faríamos com isso. Vou apenas selecionar este retângulo e excluí-lo. Agora vou clicar no padrão que eu quero adicionar ao meu retângulo. Então é a minha nova cor de preenchimento. Vou até a ferramenta de retângulo. Eu vou apenas arrastar para fora o meu retângulo padrão preenchido. Sabemos desde a última vez que olhamos para este padrão que estas áreas brancas são realmente vistas através. Então podemos mudar as cores do azul aqui no padrão, mas agora não podemos mudar o branco. Bem, vamos ver como substituímos o branco por outra coisa. Vou abrir o painel de aparência. Você pode chegar a isso de causa escolhendo janela e, em seguida, aparência se não estiver visível. Agora, no painel de aparência para esta forma, já temos um preenchimento que é o padrão e não temos nenhum traço. Isso é apenas concordar com os seletores aqui. Bem, vamos adicionar um novo preenchimento. Vou clicar aqui em adicionar novo preenchimento. Isso adiciona um preenchimento no topo desta pilha de filmes, e o preenchimento que ele adiciona é idêntico ao que já está nas formas. Na verdade, estou muito feliz em deixar essa no topo. Vamos para a parte inferior, porque o que eu quero fazer é substituí-la por uma cor sólida. Então eu vou apenas clicar aqui, e eu vou adicionar uma cor sólida por trás deste padrão. Vamos, por agora, fazer uma cor amarela para que possamos vê-lo. Você pode dizer que isso é efetivamente preenchendo as partes transparentes deste padrão, você pode clicar e escolher qualquer cor que você gosta, então nós vamos nos contentar com este roxo agora. Agora que temos uma forma que é preenchida com um padrão, bem como um preenchimento sólido. Poderíamos recolorir isso exatamente da mesma maneira que recoloremos o outro padrão com a forma selecionada. Vamos para a caixa de diálogo recolorir a arte. Como esperado, estamos dizendo todas as cores que estavam neste padrão, que são os três primeiros aqui, bem como a cor sólida de preenchimento que colocamos atrás do padrão. Todas essas cores estão atualmente mapeadas em si mesmas, porque nós temos pequenas setas aqui. Todos eles vão mudar se formos ao diálogo de edição. Então, vamos clicar em “Editar”. Aqui estão todas as cores em relação um com o outro. Vou clicar para fechar esse relacionamento, e agora vou me arrastar por aqui. Eu posso mudar toda a cor deste padrão apenas arrastando as cores para outro lugar. Se eu não quiser algo tão monocromático, eu posso quebrar o link aqui, e quebrar o link me permite mover qualquer um desses quatro pequenos indicadores de cor para qualquer lugar que eu quiser. Este é o fundo, a cor que adicionamos. Estas são as três cores no padrão original. Então poderíamos pegar uma das cores do padrão original, por exemplo, e levá-la para a área verde. Você pode dizer que há uma diferença significativa no padrão quando fazemos isso. Podemos quebrar o link se você quiser, entre as cores e criar algo que é uma cor padrão mais robusta e mais interessante. Novamente, se estivermos felizes com isso, vamos clicar em “Ok”. 6. Conhecimento de padrões - parte 5: Antes de terminarmos com nosso recoloring, vamos dar uma olhada em como recolorir alguns desses padrões de pontos que são fornecidos com o Illustrator. Só estou deletando o retângulo. Vou voltar a selecionar um dos meus padrões de pontos. Vou arrastar um retângulo cheio de padrão de pontos. Agora, eu quero ampliar esse padrão um pouco. Vou escolher “Objeto”, “Transformar”, “Escala”. Desmarquei objetos de transformação. Eu tenho um tamanho de padrão muito maior selecionado. Eu vou me certificar de que eu ampliá-lo para que essas pequenas linhas brancas através do padrão desapareçam e eu vou clicar em “Ok”. Agora, com a forma selecionada, vou selecionar a caixa de diálogo “Recolorir arte”. Aqui você verá que o preto foi mapeado em si mesmo. Mas se formos para a opção Editar, não seremos capazes de mudar o preto. Para fazer isso, vamos voltar para a área “Atribuir” e vamos clicar aqui para fazer isso uma seta. Agora, há uma flecha, podemos fazer algo com ela. Vou voltar para Edit. Agora, esta é uma roda de cores muito escuras aqui. O que eu vou fazer é apenas acabar com o brilho sobre ele para que ele se pareça mais com a roda de cores que maneira acostumado a ver. Agora, podemos começar a arrastar este seletor de cores ao redor e podemos mudar o padrão de pontos muito facilmente. Quando encontrarmos um olhar com o qual estamos felizes, vou clicar em “Ok”. Basta estar ciente quando você estiver no diálogo de recolorir que de vez em quando, algumas cores podem ser bloqueadas e você vai ter que desbloqueá-las , certificando-se de que elas estão ligadas com uma seta, para que você possa remapeá-las com sucesso . Claro, o oposto também se aplicará. Vamos sair daqui e vamos aplicar um padrão a esta forma. Vamos voltar ao diálogo de recolorir. Digamos que queremos remapear branco neste padrão, mas digamos que não queremos remapear o vermelho, digamos que queremos manter este vermelho. O que eu vou fazer é transformar a flecha em um bar. Agora, podemos recolorir marrom, azul e branco, mas vermelho vai ficar fixo. O que quer que eu faça com esta roda de cores, você pode dizer que as cores no padrão estão mudando tudo, exceto o vermelho. O vermelho está bloqueado para que não possa ser alterado. Às vezes isso é útil. Tive um aluno em uma das minhas aulas que queria recolorir uma imagem que incluísse as características de uma pessoa. Ela precisava fechar a cor da pele para que isso não mudasse, mas ela poderia mudar tudo o resto. É assim que você faria. Você acabou de entrar na área Atribuir e apenas bloquear as cores que você não deseja alterar, permitindo que você altere facilmente todas as outras cores. Seu projeto para esta classe é criar um documento que tenha dois retângulos nele. No retângulo mais alto, coloque o padrão que você possui, aberto no Illustrator, baixado ou padrão que você mesmo criou, e simplesmente coloque-o no tamanho normal. Faça uma duplicata desse retângulo e, em seguida, vá em frente e ajuste o padrão. Você quer movê-lo, girá-lo, escalá-lo, fazer algo diferente com ele, e então ir em frente e recolorir. Quando terminar, publique a peça original do padrão e seu padrão editado como seu projeto. Espero que você tenha gostado deste curso e que tenha aprendido muito sobre como trabalhar com padrões no Illustrator. Se você gostou deste curso e se você vir um prompt para recomendá-lo a outros, por favor, dê um polegar para cima. Isso ajuda os outros a identificar isso como uma classe que eles podem querer tomar. Se você gostaria de deixar um comentário, por favor faça-o. Eu leio e respondo a todos os seus comentários 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 Almoço, e estou ansioso para vê-lo em um próximo episódio em breve.