Transcrições
1. Introdução do curso: Oi, eu sou Shanna McMann, eu sou uma designer de superfície e ilustradora que adora padrões. Eu os projetei há mais de uma década para vários clientes em diferentes mercados. Nesse tempo, eu peguei alguns truques bem legais. É aí que as receitas de padrão entram em jogo. O traço característico do grande padrão é que parece não ser claramente óbvio, seja, você não percebe rapidamente onde o padrão se repete. É por isso que eu vou tão longe para ter certeza de que todos os meus padrões estão equilibrados e a repetição de cada projeto flui, mas há apenas tantas horas de trabalho em um determinado dia. Adivinha o quê Não sou designer tão rápido. Eu realmente crio mais de duas coleções de padrões em uma determinada semana. Qualquer coisa que possa melhorar a minha produtividade ainda me ajudou a produzir belos padrões é sempre bem-vindo. Ao criar alguns modelos de padrão básicos que eu posso reutilizar uma e outra vez com novos projetos, eu me economizo um monte de tempo e sei que qualquer padrão que eu faço com eles, bem olhar fabuloso. Nesta aula, eu vou te ensinar como construir dois tipos de modelos de padrão, a receita de grade e a receita de lançamento linear. Vou mostrar-lhe como criá-los a partir do zero, e mostrar-lhe como maximizar o seu potencial com apenas alguns minutos de experimentação. Você também aprenderá a identificar calhas em seu padrão e corrigir repetições desequilibradas, uma habilidade que sempre será útil. No final desta aula, você terá as ferramentas para projetar suas próprias receitas padrão que fortalecerão e acelerarão seu próprio fluxo de trabalho de design. Vamos começar.
2. Benefícios de criar modelos: Antes de mergulharmos em como construir modelos, vamos primeiro falar sobre os benefícios da construção de bons modelos de padrão. Como mencionado no último vídeo, o benefício número um é que ele torna os padrões mais rápidos e fáceis de criar. Ao colocar um pouco de tempo e esforço inicialmente para criar um modelo, você economizará tempo para cada instância que reutilizá-lo para novos padrões. design mais rápido também beneficia seu fluxo de trabalho geral. Ele pode liberar algum tempo para você trabalhar em projetos adicionais para seu portfólio ou outros aspectos do seu negócio que muitas vezes são reservados quando você fica para trás, como marketing ou pesquisa de varejo. Pense no que você poderia fazer com uma hora extra por semana. Finalmente, o último benefício é que você pode usar esta técnica de modelo com qualquer programa ou formato que você deseja. A maioria das minhas demonstrações nesta classe estão na Creative Cloud do Adobe Illustrator. Mas, você pode facilmente aplicar os mesmos princípios no Photoshop ou em qualquer outro programa que você gosta. Heck, você pode até imprimi-los e eles tê-los à mão se você trabalhar em analógico, como guache ou aquarelas. Para mim, nada supera uma técnica que qualquer um pode utilizar, não importa como eles criem.
3. Construindo repetições adequadas em IA e PS: Antes de começar a criar o primeiro modelo de padrão, sinto que é importante falar sobre como construir uma repetição adequada. Isso pode ser um pouco de atualização para alguns de vocês, mas é um aspecto tão importante
do processo de design de padrões que eu não queria deixar de fora. Sempre que você construir um padrão de repetição, você precisa ter certeza de que todos os elementos que penduram na borda são repetidos no lado oposto. Tome este padrão floral, por exemplo. Todas essas flores estão atravessando a borda superior
da placa de arte e, para garantir que o padrão se repita corretamente, elas também precisam aparecer sobre a borda inferior. A mesma coisa com esta flor no canto do quadro de arte. Ele aparece em todos os outros cantos também. Uma maneira fácil de garantir que seus motivos sejam sempre colocados corretamente no Adobe Illustrator é usar a ferramenta Mover. Você precisará saber o tamanho exato da repetição primeiro. Você pode ver que esta repetição padrão tem 7,5 polegadas de largura por seis polegadas de altura. Para garantir que essa flor de canto apareça no lugar correto em todos os outros cantos, selecionarei e pressionarei Command Shift M ou Control Shift M para PCs. Para abrir a caixa de diálogo da ferramenta Mover. Vamos primeiro duplicar a flor para o canto superior direito. Para fazer isso, alterarei o valor horizontal para 7,5 polegadas e certificarei que o valor vertical está definido como zero. Agora, quando eu marcar a caixa de visualização, você pode ver uma flor se move para o canto superior direito mas como queremos copiar a flor em vez de apenas movê-la, eu vou pressionar Copiar em vez de Ok e agora você pode ver que ela está duplicada em no canto superior direito do quadro de arte. Agora, repita esse processo selecionando as flores do canto superior e abrindo a caixa de diálogo da ferramenta Mover novamente com o atalho do teclado, mas você também pode abri-lo indo para Objeto, Transformar, Mover. No entanto, eu pessoalmente prefiro usar atalhos de
teclado, tanto quanto possível, porque economiza tempo. Como estamos duplicando essas flores para a borda inferior do quadro de arte, eu vou definir o valor horizontal para zero e mudar
o valor vertical para seis polegadas, em seguida, pressione Copiar. Você pode ver que as flores estão perfeitamente colocadas dentro da repetição. Para aqueles que trabalham no Adobe Photoshop, o processo será um pouco diferente. Depois de saber, quantos pixels é o seu padrão repetir é, você precisará duplicar o motivo que deseja mover primeiro
pressionando Command J ou Control J para PCs. Em seguida, selecione a camada duplicada e vá para Filtro, Outro, Deslocamento. A ferramenta de deslocamento funciona exatamente como a ferramenta Mover no Illustrator. Vou alterar o valor horizontal para 2250 pixels e verificar se o valor vertical está definido como zero e pressione Ok. Em seguida, selecione ambas as camadas e duplicá-los para dar-lhe quatro camadas de motivo total e eu vou selecionar as duas novas camadas e abrir o painel de deslocamento novamente indo para Filtro, Outro, Deslocamento e desta vez eu vou mudar o valor horizontal para zero e altere o valor vertical para 1800 pixels e pressione Ok. Veja, assim como um ilustrador, este motivo está agora perfeitamente colocado dentro do quadro de arte. Gostaria de mencionar rapidamente aqui o grande benefício de usar Illustrator de um Photoshop ao criar padrões e isto
é, é mais fácil manter seus arquivos arrumados e muito mais rápido para fazer ajustes, especialmente quanto mais complicado um padrão fica. Você pode ver aqui, este é um padrão floral bastante simples que o Illustrator com cada motivo agrupado, mas no Photoshop, é mais de 60 camadas individuais. Claro, ainda é possível criar padrões complicados no Photoshop, especialmente se você estiver usando técnicas mais pintadas ou analógicas. Você só precisa ser mais diligente sobre nomear e agrupar camadas para evitar que seu arquivo se torne uma massa e essa é provavelmente a maior razão pela qual
eu prefiro o Illustrator em vez do Photoshop ao projetar padrões.
4. Melhores práticas de modelo: Agora que analisamos como criar uma repetição adequada, vamos discutir algumas práticas recomendadas de modelo de padrão. Primeiro, você sempre precisará testar seu modelo antes de usá-lo para criar padrões para garantir que ele se repita corretamente. Não há pior sensação do que usar uma receita padrão, apenas para perceber que nem todos os elementos do modelo são colocados corretamente. O que significa que você tem que voltar e começar do zero. Acredite em mim, eu já estive lá e não é divertido. Como você vai testar seu padrão? No Adobe Illustrator, podemos utilizar o criador de padrões. Aqui está o meu modelo padrão de quatro pontos que você aprenderá sobre no próximo vídeo. Antes de testá-lo, preciso primeiro adicionar uma caixa delimitadora clara e as dimensões exatas do quadro de arte. Então use a ferramenta de forma retangular e crie um retângulo para o tamanho que eu preciso. Para esta repetição, é 2,5 polegadas de largura por 2,5 polegadas de altura. Então eu vou me certificar que ambos preencham um esboço sobre ele estão vazios. Normalmente, uso um atalho de teclado X para alternar entre o preenchimento e o contorno de um objeto
e, em seguida, uso a tecla de barra para remover a cor. Agora, para que isso funcione corretamente no criador de padrões, precisamos mover esse retângulo vazio para o fundo absoluto do padrão. Vou fazer isso usando o atalho Command Shift mais a tecla de colchete esquerdo, mas você também pode fazer isso indo para objeto, organizar, enviar para trás. Agora estou pronto para testar o modelo. Vou selecionar tudo arrastando meu cursor e, em seguida, ir para objetos, padrão, make. Como você pode ver, parece que tudo está alinhado perfeitamente. No entanto, se você quiser ir um passo adiante e verificá-lo novamente,
você pode pressionar Done e, em seguida, criar um novo retângulo e preenchê-lo com a nova amostra que você acabou de criar. Você vê que parece perfeito, mas para o bem desta demonstração, digamos que um objeto estava um pouco fora do limite do meu padrão assim. Agora vamos usar o criador de padrões para testar, novamente, selecionando tudo e, em seguida, indo para objetos, padrão, make. Agora você pode ver que este segundo motivo ao longo da borda superior não está se repetindo corretamente. Então eu sei que preciso voltar e consertar isso. Para aqueles que trabalham no Photoshop, você ainda pode testar seus modelos usando seu recurso de padrão. Para testar um padrão, primeiro você precisará criar um novo arquivo em branco que tenha pelo menos o dobro do tamanho da repetição geral. Uma vez que este modelo é 2,5 polegadas quadradas, eu vou fazer este novo arquivo 6 polegadas por 6 polegadas. Em seguida, volte para o modelo padrão e vá para Editar, defina padrão e pressione Ok. Agora mudou para o arquivo em branco que você acabou criar e preencha a camada de fundo indo para Editar, Preencher ou usando o atalho Shift F5. Certifica-se de que o menu suspenso de conteúdo está definido como padrão. Em seguida, no menu suspenso padrão personalizado, escolha o design do modelo, que deve ser a última amostra no menu e clique em OK. Você pode ver que isso se repete perfeitamente. No entanto, se isso não acontecer, eu precisaria identificar a área do problema e corrigi-la testar o modelo novamente. Se não é óbvio até agora, eu só quero dirigir para casa o ponto de que é tão importante testar suas repetições para ter certeza de que eles estão funcionando corretamente. Uma última coisa que eu gostaria de mencionar é
a melhor maneira de salvar seus modelos para usá-los mais tarde. Ao trabalhar no Illustrator, é mais fácil ter um arquivo mestre de todos os seus modelos de padrão, cada um em sua própria camada e nomeado de forma descritiva para ajudar a manter o arquivo organizado. Isso permite que você ative e desative camadas para que você
possa encontrar facilmente o modelo exato de que precisa. Se você estiver trabalhando no Photoshop, eu recomendo que você tenha uma pasta onde você mantenha todos os seus modelos, salve cada um como um arquivo PSD totalmente em camadas e,
em seguida, também os salve como arquivos PNG de alta resolução nivelados. Eu gosto de salvá-los como PNGs em vez de JPEGs para que o fundo seja transparente. Se você quiser trabalhar de forma analógica ou projetar suas repetições tradicionalmente com papel e caneta, crie seus modelos, nem o Illustrator ou o Photoshop
e, em seguida, salvá-los e imprimi-los para utilizá-los posteriormente.
5. Construindo o modelo de padrão de grade: Agora é hora da diversão começar, pois finalmente começamos a
lidar com o primeiro modelo de padrão, o padrão de grade. Vamos começar com o modelo de padrão de grade mais simples. À primeira vista, parece apenas um padrão básico de pontos, mas há um pouco mais do que isso. Os pontos não são a parte mais importante, o número está dentro do bar. Você vai notar aqui que cada ponto foi atribuído o número 1 ou 2, e é por isso que este modelo em particular é chamado de
grade de duas cores porque ele utiliza duas cores diferentes e eles repetem. No entanto, como esse modelo não é apenas preto e branco, ele não ilustra totalmente o ponto. Aqui está um padrão floral simples usando este modelo de grade de duas cores. Você pode ver que a flor aparece em duas cores, azul e amarelo, e cada uma se repete diagonalmente e o padrão parece bem equilibrado. Este é o exemplo mais simples. Mas vejamos como o mesmo princípio é aplicado quando adicionamos mais
duas cores à mistura usando um modelo de grade de quatro cores. Você pode ver o quão mais dinâmico é o padrão, mesmo que eu ainda esteja usando apenas um único motivo floral. Cada cor salta através da repetição e é por isso que este padrão funciona tão bem. A repetição tem bom fluxo em equilíbrio porque seu olho não descansa em nenhum ponto específico. Como eu fiz para criar este modelo de grade de quatro cores e como você pode criar o seu próprio? O primeiro passo é definir quantas cores
ou motivos diferentes você estará usando e o tamanho de sua repetição. Normalmente, este modelo de grade parece melhor com uma placa de arte quadrada. Neste caso, estou usando quatro cores e meu tamanho de repetição é 2,5 polegadas de largura por 2,5 polegadas de altura. Eu já configurei meu quadro de arte para o tamanho correto, então agora eu vou fazer uma única linha consistindo em cinco pontos ao longo da borda superior do meu quadro de arte
e, em seguida, adicionar os números em ordem consecutiva, 1, 2, 3 e 4. Então o último ponto será um. Porque lembre-se, sempre que algo está em uma borda da repetição, ele precisa aparecer na borda oposta também. Agora com isso em mente, eu vou continuar e duplicar toda
esta linha sobre a borda inferior do quadro de arte usando a ferramenta Mover, assim como eu demonstrei no vídeo 3. Agora eu cuidei da parte de cima e de baixo da repetição. Mas agora eu preciso adicionar mais algumas linhas. O número total de linhas que você adicionar deve sempre igual ao número de cores ou motivos no padrão mais 1. Assim como eu adicionei cinco pontos para a borda superior, eu preciso incluir um total de cinco linhas de pontos uniformemente espaçados dentro da repetição. Mas como gosto de ser o mais eficiente possível, em vez de mover cada ponto um por um, agruparei a linha superior selecionando tudo e pressionando Command G ou Control G para PCs. Em seguida, faça a mesma coisa para a linha inferior. Em seguida, vou selecionar a linha superior e repeti-la verticalmente
mantendo pressionadas a tecla Shift e Alt e, em seguida, excluir usando o mouse. Vou fazer isso mais duas vezes até ter cinco linhas no total. Em seguida, selecione tudo e vá até meus controles de alinhamento e clique em Centro de distribuição vertical, que deve ser o oitavo ícone à esquerda. Agora, cada linha é perfeitamente espaçada e eu posso desagrupar tudo selecionando todos os pontos e pressionando Command Shift G ou Control Shift G para PCs. O próximo passo é alterar os números
nas três linhas internas para criar um bom fluxo para o padrão. Assim como temos números indo consecutivamente através da primeira linha, os números também precisam ser consecutivos para baixo na primeira coluna. Vou mudar estes números para 2, 3 e 4. Então faremos a mesma coisa para a borda direita do quadro de arte. Porque lembre-se, queremos que este modelo se repita perfeitamente. Agora eu preciso entrar e mudar todos os números do círculo médio, lembrando que eles devem sempre ir em ordem numérica. Para a segunda linha, o primeiro número é dois, então eu preciso mudar esses números para 3, 4 e depois 1. Em seguida, repita esse processo para as outras duas linhas. Aqui está o floral de quatro cores que mostrei no início do vídeo, novamente, para ilustrar o quão bem este padrão funciona. Agora o que aconteceria se eu decidisse mudar um ou dois dos números dentro da repetição. Eu estou realmente indo para ilustrar que usando este p floral amostra em cima, então a mudança é muito mais visualmente perceptível. Eu só vou trocar algumas dessas flores por aí. Agora vamos testar o padrão com o fabricante de padrões. Eu vou ir em frente e diminuir o zoom para que você possa ter uma visão melhor do padrão quando ele for repetido. Você pode ver como eu tenho agora duas flores vermelhas sentadas bem ao lado da outra? É a primeira coisa que chama meus olhos e o padrão não sente mais é equilibrado. Agora, se eu mudar de volta para o original, você pode ver o quanto mais bem sucedido a repetição original é porque a cor é uniformemente distribuída e leva seus olhos através do padrão. Com esta receita, você pode adaptá-la a quantas cores ou motivos diferentes quiser. Mas sugiro ficar entre quatro e nove cores. Na verdade, eu quase nunca usar este modelo de grade como é. Em vez disso, eu o uso como o primeiro passo para construir um modelo de grade de meia gota e é
exatamente o que eu vou mostrar a você como criar no próximo vídeo.
6. Padrões de grade de meia gota: Você aprendeu a criar uma receita de padrão de grade simples. Vamos pegar esse mesmo modelo, fazer algumas alterações e criar algo que será infinitamente mais dinâmico. Como é que vamos fazer isso? Utilizando uma meia gota dentro do próprio modelo de grade. Alguns de vocês podem estar perguntando, o que diabos é uma repetição de meia gota? Bem, a diferença entre meia gota e uma repetição regular é que ele repete um motivo a meio caminho para baixo na direção vertical. Aqui está um padrão básico de pontos para ilustrar a diferença. À esquerda é irregular, padrão de pontos simples. Assim como o modelo de grade que mostrei no último vídeo. À direita, está o padrão de meia gota. Em vez de todos os pontos serem repetidos ao longo da mesma linha horizontal, todos os outros pontos peers meio caminho para baixo verticalmente, criando uma linha saltitante e, por sua vez, uma repetição mais interessante. Podemos aplicar esta técnica de meia gota a um modelo de grade básico e criar um padrão muito mais dinâmico. Aqui está o modelo de primeiro plano que criei no último vídeo. Transformá-lo em uma meia gota de primeiro plano provavelmente é muito mais fácil do que você pensa. A primeira coisa que vou fazer é tornar o meu quadro de arte um pouco mais largo para cerca de quatro polegadas. Um padrão básico de pontos parece melhor se a repetição for um quadrado perfeito. Acho que a meia gota parece melhor se for um pouco mais retangular. Há um pouco mais de espaço para respirar entre os motivos. Antes de transformar isso em meia gota, eu tenho que redistribuir as fileiras de pontos uniformemente dentro deste maior para cima. A maneira mais fácil de fazer isso é agrupar cada coluna. Em seguida, selecione tudo e pressione o botão central de distribuição horizontal nos meus controles de alinhamento. É importante lembrar de desagrupar tudo depois, antes de continuar. Também é aconselhável ativar seus guias inteligentes neste momento. Você pode ativá-los acessando Exibir guias inteligentes. Os meus estão ligados. Você pode ativá-los ou desativá-los usando o comando de atalho U ou controle U para PCs. Agora, você está pronto para ver como é fácil transformar sua grade em meia gota? Vou selecionar os primeiros quatro pontos das primeiras quatro linhas da repetição. Enquanto mantém o botão esquerdo no meu mouse pressione para baixo. Vou manter pressionadas as teclas Shift e Alt para duplicar e mover os pontos até que eles estejam exatamente no meio dos pontos originais. É aí que o guia inteligente vem a calhar porque ele me diz exatamente quando ele está perfeitamente alinhado, exibindo uma linha vertical e a palavra se cruzam como você pode ver aqui em rosa. Vou soltar o mouse e clicar no mouse novamente, mas desta vez, mantenha pressionada a tecla Shift e mova os pontos até que estejam a meio caminho entre a primeira e a segunda linhas. Você pode ver que agora eu criei uma repetição de meia gota. Lembre-se que o número de linhas de meia gota que você precisa é igual ao número de cores ou motivos em seu modelo. No meu caso aqui, é um modelo de quatro cores. Tenho quatro fileiras de meia gota. Mas ainda não terminei. Assim como quando eu criei este modelo de grade simples e tive que mudar os números consecutivamente em cada linha. Você aplica exatamente o mesmo processo para as linhas de meia gota. Como você sabe com qual número começar na primeira linha de gota da metade. Para qualquer modelo de grade usando quatro ou mais cores ou motivos, eu sempre começo com o número 4. Não importa se estou criando uma gota de quatro cores ou sete cores, a resposta é sempre o número 4. Não sei por que esse é o caso, só
sei que funciona. Vou mudar o primeiro ponto na linha da metade superior para quatro. Em seguida, atualizarei o resto desta linha de acordo, para 1, 2 e 3. Em seguida, utilizando o mesmo princípio é quando eu fiz o modelo de grade básico, minhas colunas de meia gota precisa estar em ordem numérica também. Para esta próxima linha, eu vou ter que mudar os números para 1,
2, 3 e 4,
e, em seguida, fazer a mesma coisa e mudar as duas últimas linhas de meia gota. Uma maneira, você pode facilmente dizer se adicionou o número correto para cada ponto é verificar as diagonais para baixo do padrão. Eles devem ocorrer em ordem numérica inversa. Como você pode ver a partir deste ponto superior esquerdo, esta diagonal vai de 1 a 4,3,2,1 e assim por diante. Eu já criei um padrão com este modelo usando a mesma flor do último vídeo. Você pode ver imediatamente o quanto mais dinâmico o padrão se sente simplesmente porque as cores saltam muito mais. Se eu alternar entre o modelo de grade básico e o modelo de meia gota, fica ainda mais aparente. No próximo vídeo, vou mostrar-lhe a versatilidade deste modelo e como você pode maximizar seu potencial.
7. Versatilidade do modelo de padrão de grade: Até este ponto, eu só utilizei um único motivo em várias cores. Mas a grande coisa sobre este modelo é que você não tem que ficar com um único motivo. Você também pode, com a mesma facilidade, usar vários motivos que são aproximadamente do mesmo tamanho e forma. Por exemplo, aqui estão alguns motivos de ornamento de Natal da minha coleção de bolhas de Natal. Você vai notar que eu tenho quatro desenhos diferentes, e eu vou colocá-los exatamente da mesma maneira
no quatro cores metade [inaudível] modelo como eu fiz com o único floral. Assim como o floral, quando você vê este padrão repetir, ele funciona bem porque os diferentes motivos são igualmente distribuídos, permitindo que seu olho salte através do padrão. Agora, isso ainda parece bastante simples, mas há algumas ferramentas que você pode usar para experimentar para obter um pouco mais de interesse e diversidade em seus padrões de grade. Você poderia primeiro tentar ajustar o tamanho de alguns de seus motivos. Vamos tentar fazer este ornamento um pouco menor. Selecionarei cada instância desse ornamento dentro
da repetição e depois transformo completamente indo para Objeto,
Transformar, Transformar cada ou usando o atalho Comando Shift Alt D ou Control Shift Alt para PCs. Vou mudar a escala horizontal e vertical para 80% e pressionar OK. Você pode ver que eles são todos um pouco menores. Mas agora talvez eu também queira fazer esse ornamento um pouco maior. Vou repetir exatamente o mesmo processo selecionando cada instância deste ornamento e usando a transformação de cada ferramenta novamente. Mas desta vez, aumente a escala horizontal e vertical para 115 por cento e pressione OK. Agora, eu já guardei uma amostra padrão dos ornamentos de tamanhos variados. Se eu alternar entre a versão original e a versão atualizada, você pode ver que adicionei um pouco extra de interesse em menos de um minuto. No entanto, a escala não é a única variável com a qual você pode jogar. Você também pode ajustar a rotação e a orientação dos motivos. Voltando ao meu ornamento original repetir, vou selecionar um dos motivos e abrir a transformação de cada ferramenta novamente. Agora vou mudar a rotação. Vou descer para girar e mudar o ângulo para 20 graus. Você também pode jogar com as opções reflectir x e reflectir y para inverter a orientação dos motivos. Aqui está uma amostra de padrão dos ornamentos que eu já salvei, mostrando uma variação tanto na orientação quanto no tamanho. Enquanto eu alterno entre o original e este novo padrão, você pode ver novamente a diferença é bastante grande. A coisa mais importante absoluta a lembrar é que você modifica os motivos ao usar um modelo padrão, é lembrar que sempre que você mudar um atributo de motivo ao longo da borda da repetição, você também precisa mudar o motivo em sua Borda oposta. O padrão continua a se repetir perfeitamente. Fazer pequenos ajustes com motivos ilustra o quão versátil é esse modelo. Porque com um pouco de experimentação, você pode criar vários padrões únicos de aparência rapidamente. Agora um último conselho antes de passar para o segundo modelo padrão. Se você tiver mais de uma cor dominante em seus motivos, certifique-se de incluir pelo menos uma cor sutil entre eles para equilibrar a repetição. Aqui, no meu exemplo de ornamento, tanto o vermelho quanto o verde da floresta são bastante ousados e se destacam mais do que o cerco ou o ouro. Ao decidir qual ornamento foi atribuído a qual número de ponto, eu queria ter certeza de que o local de trabalho vermelho e verde ao lado um do outro. Para ilustrar ainda mais este ponto, eu fiz amostras de ambos este design original e uma versão onde o vermelho e o verde estão bem ao lado um do outro. À medida que mudo para frente e para trás entre eles, você pode ver a diferença. Na versão em que eles estão próximos um do outro, o padrão não parece tão equilibrado e torna o ornamento vermelho muito mais proeminente em vez da cor mais uniformemente espaço no original. Novamente, se você estiver usando mais de uma cor dominante dentro de seus motivos, certifique-se de que há uma cor mais suave colocada entre eles para ajudar a manter o padrão equilibrado.
8. Modelo de padrão de lançamento linear: A segunda receita desta classe é um Linear Toss Repetir. Embora, ele pode parecer complicado, ele tem uma fórmula que você pode seguir exatamente como o modelo de grade. Contanto que você mantenha os atributos de modelo padrão em mente como você cria o seu próprio, você vai ficar muito bem. Agora, por que essa receita é chamada de arremesso linear? Por que funciona tão bem? O nome vem do tipo de elementos que usei para este padrão. Ao contrário dos motivos quadrados que uso na receita de grão, este padrão utiliza ícones muito lineares, como flores com hastes, galhos, folhas ou quaisquer outros motivos retangulares, como todos estes exemplos aqui. Esta receita funciona porque os motivos pareciam ter sido coletados, e depois jogados aleatoriamente. No entanto, o segredo é que o modelo de lançamento em si não é tão aleatório. A chave para uma receita de lançamento linear bem sucedida é certificar-se de que seus motivos são apontados em três ou mais direções dentro do bloco de repetição. É a coisa número um a lembrar. A razão pela qual você precisa ter pelo menos três direções diferentes, é garantir que seu padrão tenha um monte de movimento, permitindo que seu olho para vagar ao longo do padrão. Aqui está uma única folha tropical repetir usando o meu modelo linear básica jogado. Você pode ver que a ponta inferior da folha está angulada em muitas direções diferentes. Quando sua amostra padrão é aplicada a uma área grande, você pode ver o quão natural a repetição se sente. Agora, vamos comparar como isso parece com um padrão que é criado usando a mesma folha, mas em apenas duas direções diferentes. Aqui você pode ver esta folha está apontando para cima e para a direita e nesta está inclinada para baixo e ligeiramente para a esquerda. Veja como esse padrão parece repetido. Este não é um padrão ruim de forma alguma. Não é tão visualmente interessante como a repetição de arremesso linear. Este exemplo utiliza uma única folha colorida. Mas e se você estiver usando um motivo que tem alto contraste? Por exemplo, aqui está uma flor com uma haste de cor clara e um azul laranja ousado. É assim que a flor parece quando aplicada ao modelo de repetição de duas direções. Aqui está como a mesma flor parece na repetição do lance linear. Veja a diferença. Pode não ser perfeito, mas o arremesso linear tem muito melhor equilíbrio. Uma dica rápida para ter em mente enquanto você está construindo repetições de lançamento linear, é ter alguns motivos menores à mão para preencher quaisquer lacunas que ocorrem como esses pontos aqui. Mantenha as coisas simples e as cores desses motivos suaves, para que eles não se destacem muito. Vou ligar esta camada para que você possa ver os muitos motivos florais que adiciono a este padrão para melhorá-lo ainda mais. Aqui está como esse floral parece agora com o padrão quando é repetido, parece muito melhor.
9. Construindo sua própria repetição de lançamento linear: Como você vai sobre fazer o seu próprio modelo de lançamento linear? Primeiro, você precisará decidir qual será o tamanho da repetição geral. O meu vai ter 2,5 polegadas de largura por 2,25 polegadas de altura. Vamos começar fazendo quadro de arte com esse tamanho exato. Você pode adicionar novas pastas de arte a qualquer arquivo usando o atalho “Shift O”
e, em seguida, arrastando o cursor para qualquer lugar do arquivo. Para ajustar o tamanho da placa de arte, basta ir até as opções pálidas da placa de arte
na parte superior e ajustar manualmente a largura e a altura. Para sair do quadro de arte, pressione “Escape” ou clique em uma ferramenta seletora. A letra V é o atalho de teclado para isso. Agora vou criar uma caixa retangular longa. Eu sugiro usar um único retângulo com uma proporção 1-2 ou 1-3 para começar. Mas uma vez que você cria seu modelo inicial, você sempre pode duplicá-lo e, em seguida, brincar com tamanhos diferentes. Para este modelo, eu sei que vou precisar de um retângulo bastante longo e fino. Crie um que tenha uma polegada de largura por 0,3 polegadas de altura, certificando-se de que não tem preenchimento
e, em seguida, um traço preto fino de 0,5. Mas antes de começar a colocar e girar o retângulo no meu quadro de arte, preciso adicionar uma seta dentro dele. Eu vou saber
em que direção colocar elementos uma vez que o padrão de modelo de lançamento linear é feito. Você pode fazer isso facilmente criando um segmento de linha, clicando na tecla “Barra invertida”, arraste o cursor dentro do retângulo que mantém a tecla “Shift”. Simplesmente assim. Agora precisamos adicionar uma seta da linha, então eu vou passar por cima para fazer padrão de traçado ou apenas pressionar o comando de atalho F10, ou controlar F10 para PCs. Vou primeiro mudar a espessura da minha linha para dois pontos e depois ir para o menu suspenso Iniciar seta e escolher uma opção. Meus favoritos pessoais para isso são as áreas 7 e 9. A ponta de flecha é um pouco grande agora, mas eu posso mudar isso facilmente ajustando a camada de habilidade. Acho que vou por cerca de 80 por cento. A última coisa que eu preciso fazer é agrupar o retângulo e a seta juntos selecionando-os e, em seguida, indo para o grupo de objetos, ou usando o atalho Comando G ou Control G para PCs. Agora estou pronto para começar a construir o modelo. Vou começar colocando o retângulo em algum lugar sobre o canto esquerdo da placa para cima e depois girá-lo. Então, assim como fiz ao criar meu modelo de padrão de grade, precisarei duplicar esse retângulo
perfeitamente nos outros três cantos da repetição usando a ferramenta Mover. Selecione-a, abra a ferramenta Mover novamente, que é Command Shift M e, em seguida, altere a configuração horizontal para 2,5 polegadas, e a posição vertical para zero, em seguida, pressione “Copiar”. Vou fazer isso novamente, selecionando ambos os retângulos desta vez, abrindo a ferramenta Mover e copiando-os para a parte inferior do quadro de arte. A razão pela qual é importante duplicar primeiro o primeiro retângulo em cada canto antes de adicionar retângulos adicionais é para que você tenha uma idéia melhor do espaço que você precisa preencher. O resto deste processo é simplesmente duplicar o retângulo várias vezes e, em seguida, experimentar com a colocação e rotação deles. Lembre-se das duas coisas mais importantes a ter em mente como você constrói seu modelo de lançamento linear é um, suas setas precisam ser exibidas em pelo
menos três direções diferentes dentro de você repetir. Segundo, sempre que um retângulo se estende pela borda do seu quadro de arte, ele precisa ser duplicado exatamente
no mesmo lugar e orientação ao longo da borda oposta. Haverá alguma tentativa e erro envolvidos na construção de modelos de lançamento linear, especialmente seu primeiro. Sinta-se à vontade para testar seu modelo enquanto estiver construindo-o. Basta adicionar uma nova camada e colocar seus motivos em cima do modelo, como eu fiz aqui com minha folha tropical. Em seguida, use o fabricante de padrões para testar se seu modelo tem bom equilíbrio. Se você precisar de uma atualização sobre como fazer isso, basta voltar e assistir o vídeo 4 novamente. Se você já experimentou por algum tempo e ainda está tendo dificuldade em construir um modelo de lançamento linear com fluxo natural. Depois de adicionar seus motivos, tenho algumas coisas que podem ajudar. É o que estou cobrindo no próximo vídeo.
10. Como corrigir padrões desequilibrados: Você começou a criar um modelo de lançamento linear. Por algum motivo, quando você o testa com várias cores ou motivos, você está um pouco sem sorte. Bem, existem alguns truques para ajudar a evitar padrões desequilibrados. A primeira coisa que precisamos discutir é a cor. Assim como tínhamos uma regra de cor com o modelo de grade, há também uma regra de cor para o lançamento linear. A regra é certificar-se de que cada cor não é repetida na mesma orientação, horizontal
ou verticalmente dentro da repetição. Isso se aplica especialmente a elementos coloridos em negrito. Aqui está outra repetição lance floral dos meus arquivos utilizando outro tosser P que eu criei. Você pode ver que a cor da flor muda com cada flor nas direções vertical e horizontal. No entanto, e se você projetou um modelo de lançamento linear que parece ótimo ao usar um único motivo colorido, mas quando você adiciona várias cores a ele, ele acaba parecendo realmente desequilibrado? Você deve jogar fora o seu modelo? Absolutamente não Se você descobrir que você tem um padrão que tem um ou dois elementos que se destacam, você pode ter uma calha que está jogando fora. Uma calha é simplesmente qualquer faixa vertical ou horizontalmente, e em algumas raras ocasiões, mesmo diagonalmente, isso é criado involuntariamente para motivos em seus padrões que estão se alinhando de forma pronunciada. Calhas nunca são uma coisa boa, mas há uma maneira fácil de identificá-las e isso é com o teste de estrolhos. Primeiro, você precisará ter uma área muito grande preenchida com o padrão que você está trabalhando para que você possa vê-lo repetido várias vezes. Tudo o que você precisa fazer é olhar para sua tela e apertar os olhos ligeiramente para que o padrão fique um pouco fora de foco e os elementos mais ousados saltem para você. Aqui está uma coordenada fofa de ossos de cachorro, por exemplo. Quando eu olho os olhos, a primeira coisa que eu noto é que este osso vermelho está criando uma linha horizontal forte através do meu padrão, mas identificar as áreas [inaudíveis] do padrão é apenas metade da batalha. parte mais importante é realmente corrigir o padrão em si. Você pode estar pensando que vai ser incrivelmente demorado para
voltar e mexer com seu modelo original, mas você não precisa. Na verdade, há uma maneira super simples de consertar as calhas visíveis de um padrão. Tudo que você tem que fazer é dobrar a repetição do padrão, e então mudar as cores ou motivos dentro de seu novo lado maior repetição. Pode parecer um pouco complicado, mas não é. Aqui está a repetição original do osso do cão. O tamanho externo tem atualmente duas polegadas de largura por 3 e 3 quartos polegadas de altura. Agora vou dobrar o tamanho da repetição. Para fazer isso, preciso acessar minhas configurações de quadro de arte novamente pressionando shift out. Como eu quero que o canto superior esquerdo do meu quadro de arte permaneça no lugar, eu vou mudar o ponto de referência dele para o quadrado superior esquerdo em minhas configurações de quadros de arte aqui, e então eu vou mudar a largura para 4 polegadas e pressione escape para sair do meu quadro de arte. Agora que dobrei o tamanho do quadro de arte, também
preciso dobrar os motivos do meu padrão duplicando a repetição. Então eu vou selecionar todos os motivos exceto aqueles que estão
na borda esquerda do quadro de arte e usar a ferramenta de movimento novamente. Como o tamanho original da repetição era de 2 polegadas, é o que eu vou colocar, e então pressione a cópia. Você pode estar se perguntando por que eu não apenas selecionei tudo da repetição original e isso é porque se eu fiz, ele acaba com motivos duplicados no centro da minha nova repetição, onde o original terminou. Ver se eu voltar, selecionar tudo, e depois copiá-los, agora eu teria dois ossos de cachorro aqui, aqui e aqui. Ótima. Então agora eu tenho uma nova repetição maior e eu posso entrar e trocar algumas cores para tentar alcançar um padrão mais uniformemente distribuído. Meu conselho para você aqui é não exagerar. Comece com o ponto mais flagrante, faça alguns ajustes e, em seguida, teste o modelo. Você sempre pode voltar e trocar mais elementos, mas é importante testar após
cada par de ajustes para que você não esteja sobrecarregando seu padrão. O lugar mais fácil para começar é com o motivo mais notável. Você pode fazer isso alterando o motivo onde os lados de repetição originais terminaram para alterar a cadência da repetição maior, o que ajudará a aleatorizar tudo. Para este padrão de osso de cão, eu vou mudar este osso vermelho que eu achei mais proeminente com o software cor rosa. Em vez de o osso ir de vermelho para vermelho, ele agora vai saltar entre vermelho e rosa. A partir daqui, eu provavelmente ajustaria mais algumas cores, e então eu testo o modelo para ver se nova calha
aparece ou qualquer outra coisa precisa ser tweets e ver que já está com melhor aparência. No entanto, se eu ainda estava realmente infeliz com isso, eu sempre posso dobrar
a repetição na direção vertical e repetir o processo de troca de cores, alguns motivos de cada vez. Novamente, esta parte do processo pode ser um monte de tentativa e erro, mas uma vez que você construiu alguns modelos de lançamento linear por conta própria, você terá uma boa idéia do melhor lugar para colocar certos motivos ou cores.
11. Considerações finais + projeto: Sempre que há uma maneira de acelerar meu próprio fluxo de design pessoal e tentar aproveitar a oportunidade. Espero ter demonstrado adequadamente como
essas receitas padrão podem ser úteis e então eu
convenci você a experimentá-las em seu próprio fluxo de trabalho. Mas antes de aplicar tudo o que aprendeu, vamos recapitular rapidamente as coisas mais importantes a serem lembradas ao criar seus próprios modelos de padrão. Sempre que um motivo estiver pendurado na borda de uma repetição, ele também precisa aparecer na borda oposta na mesma orientação. Sempre teste seus modelos padrão antes de usá-los para evitar trabalho extra. Agora especificamente para receitas de padrão de grade, o número de linhas em seu modelo é igual ao número de cores ou motivos em seu padrão mais um. Lembre-se, se você estiver fazendo uma repetição de meia gota, o número de abordagem de meia gota que você precisa é igual ao número de motivos de cor em seu padrão. Você pode personalizar ainda mais seus padrões
experimentando com o tamanho e rotação dos motivos. Para a receita de arremesso linear, garante que os motivos em um arremesso linear são girados em pelo menos três direções diferentes. Se seu padrão estiver se sentindo desequilibrado, tente o teste de squint para identificar calhas e corrigir suas calhas em seu padrão dobrando o tamanho de repetição e trocando motivos, alguns de cada vez e testando conforme você avança. Finalmente, uma vez que você construiu seus próprios modelos de padrão e trabalhou com eles por um tempo, é absolutamente certo não
usar fisicamente os modelos para novos padrões em cada e cada vez. Eu tenho usado este método por vários anos agora e só às vezes trazer em um modelo para trabalhar em cima de. O importante a lembrar é utilizar os princípios dos modelos ao criar seus padrões e agora é hora de colocar o que você aprendeu a usar. Quero que você crie sua própria grade ou modelo de lançamento linear a partir do zero, seja no Photoshop ou no Illustrator
e, em seguida, use-o para criar um novo padrão. Aplicando todas as diferentes técnicas que você aprendeu para adicionar interesse à sua repetição. Quando estiver satisfeito com o que criou, vá para a aba Seu projeto logo abaixo deste vídeo e clique em “Criar um projeto”. A partir daí, adicione seu design final em qualquer imagem em processo que você tiver, para que seus colegas e eu possamos ver o que você criou.
Shannon McNab, Surface Designer & Illustrator
