Crie um padrão de repetição no Illustrator com textura | Mel Armstrong | Skillshare
Menu
Pesquisar

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Crie um padrão de repetição no Illustrator com textura

teacher avatar Mel Armstrong, Illustrator, Pattern Addict & Teacher

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Boas-vindas

      1:16

    • 2.

      Materiais

      0:28

    • 3.

      Visão geral do projeto

      0:51

    • 4.

      Reunindo texturas

      1:11

    • 5.

      Processando textura no Photoshop

      7:07

    • 6.

      Processando textura no Illustrator (traço em tempo real)

      4:25

    • 7.

      Como criar um pincel de textura para o Illustrator

      5:06

    • 8.

      Aplicando textura aos ícones

      10:28

    • 9.

      Crie uma repetição não alinhada com o criador de padrões

      4:32

    • 10.

      Crie uma repetição não alinhada manualmente

      15:08

    • 11.

      Aplique seu design a uma réplica

      7:08

    • 12.

      Finalizando!

      0:40

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

2.681

Estudantes

12

Projetos

Sobre este curso

a3ae05.

Você já quis criar designs no Adobe Illustrator que têm texturização? Você já de a que tem de fazer isso sem o seu computador se dar o tamanho de arquivos de o que você não tem o tamanho de de de arquivos de o que tem de se de o de o de o que de o que Eu gosto de criar padrões no Photoshop, mas muitos clientes precisam de designs de vetores

A textura acrescenta dimensão e perspectiva no que pode ser um design plano.

Neste curso, vou mostrar como criar textura no Adobe Photoshop, depois aplicá-lo a designs no Adobe Illustrator que mantém o design totalmente vetor.

Você aprender:

  • Como encontrar textura no ambiente em seu redor
  • Como processar suas imagens de textura no Photoshop e Illustrator
  • Como aplicar sua textura em ícones no Illustrator
  • Como criar um pincel de textura no Illustrator
  • Como criar uma repetição de meia drop no Illustrator
  • Como aplicar seu padrão em um modelo no Photoshop (com objetos inteligentes)

Para o projeto do curso, você nos mostrará como se reuniu de sua textura, antes e depois da sua textura, e o antes e depois do design de padrões com a textura.

Também vou fornecer um modelo gratuito para mostrar seu novo design e algumas fotos de textura grátis que você pode usar para os seus próprios projetos.

Requisitos:

  • Adobe Photoshop
  • Adobe Illustrator
  • Câmera (pode ser um telefone inteligente)

Conheça seu professor

Teacher Profile Image

Mel Armstrong

Illustrator, Pattern Addict & Teacher

Top Teacher


CLICK HERE to find out more

Hello and greetings!

I'm a dedicated illustrator and surface pattern designer hailing from Wellington, New Zealand. My passion lies in crafting beauty, whether it's through illustration, patterns, sewing, or even assembling IKEA flat packs (yes, really).

Driven by an insatiable thirst for knowledge, I found my way to Skillshare. After discovering this treasure tr... Visualizar o perfil completo

Level: Intermediate

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Boas-vindas: Oi, eu sou Mel, e eu sou um ilustrador e designer de padrões de serviço vivendo nas belas terras altas do sul da Austrália. Nesta aula, vou mostrar a vocês uma técnica que eu uso para adicionar textura aos meus padrões no Illustrator. A textura adiciona dimensão e perspectiva ao que poderia ser um design plano. Você vai sair primeiro para fotografar texturas no ambiente ao seu redor. Em seguida, mostrarei como transformar essas fotos em textura que você pode aplicar ao seu padrão no Illustrator. Também mostrarei um método que uso para criar repetições de meia gota no Illustrator. Esta classe é para designers de padrões de serviço que desejam adicionar um pouco de dimensão e perspectiva ao seu padrão. Para esta aula, você usará o Adobe Photoshop e o Adobe Illustrator e precisará de uma câmera ou poderá usar seu smartphone para capturar suas texturas. Por favor, junte-se a mim nesta aula. Mal posso esperar para ver seus projetos. Vamos começar. 2. Materiais: Nesta classe, você usará o Adobe Photoshop e o Adobe Illustrator. Photoshop é usado para processar a imagem que você tirou em seu telefone ou câmera. O Illustrator será usado para aplicar a textura do processo e, em seguida, criar seu padrão. Você precisará de um telefone ou câmera para tirar fotos de suas texturas. Eu só uso um iPhone. 3. Visão geral do projeto: Para o seu projeto de aula, você estará saindo e tirando fotos de texturas interessantes em seu ambiente. No Photoshop, você converterá suas fotos em folhas de texto. Você aplicará essas folhas de texto aos ícones criados no Illustrator. Finalmente, você criará um padrão de repetição de meia gota usando esses ícones. Como bônus, você pode adicionar seu design a uma maquete. Finalmente, por favor, envie suas fotos originais, seus ícones sem a textura e com a textura, seu padrão e sua maquete para a área do projeto. Vamos começar. 4. Reunindo texturas: Bem-vinda de volta. Nesta lição, é hora de sair com sua câmera ou smartphone e encontrar texturas que achar interessantes. Recentemente fui passear em um parque nacional e capturei uma série de texturas, como troncos de árvores, arenito e porcaria. Olhe para esses rabiscos incríveis na árvore de chiclete. Você pode encontrar texturas em todos os lugares. Experimente criar uma biblioteca com mais informações no seu computador. Uso meu iPhone e, em seguida, uso o aplicativo Google Fotos para categorizá-los em fotos e para permitir que eu sincronizá-los com o meu computador. Outra maneira rápida de colocá-los em seu computador é apenas enviá-los por e-mail para você mesmo. Certo, agora é sua vez de sair e se divertir. Mal posso esperar para ver o que encontras. 5. Processando textura no Photoshop: Agora vamos transformar ou processar suas imagens para que possamos colocá-las no Illustrator e aplicá-las aos seus designs. Tenho três texturas abertas aqui no Photoshop. A minha pastilha elástica, esta é só um tronco de árvore, e depois temos um pouco de cascalho. Vamos trabalhar na pastilha elástica. A primeira coisa a fazer é desbloquear essa camada. Em seguida, para ir para o modo de imagem e, em seguida, selecione escala de cinza. Descarte isso se aparecer e tirar toda a cor. Precisamos então ajustar os níveis para trazer o branco e trazer o preto para fora. Então, para fazer isso, você vai para o seu painel de ajustes. Se você não vir isso, basta ir para a janela e, em seguida, selecionar ajustes. Clique no ícone de níveis e você verá este painel aparecer. Agora, para aumentar a quantidade de branco, você ajusta o triângulo da direita. Então, se você movê-lo para o centro, você pode ver que o branco aumenta. Então, obviamente, para aumentar a quantidade de preto, você move o triângulo esquerdo, o preto. O do meio é para cinza, então você pode ajustar isso também para tirar aquele cinza. Quero tanto branco e preto quanto possível. Precisa ser contrastante. Estou muito feliz com isso. Antes que eu faça qualquer outra coisa, eu só vou cortá-la. Não quero um pouco aqui, então vou trazer isso um pouco. Eu gosto de achatar a imagem então eu basta clicar com o botão direito sobre as camadas aqui e selecionar imagem achatada. Em seguida, salve-o como um arquivo TIFF. Eu sei que foi “squiggly2”. Com este painel eu nunca mudei nada aqui. Basta deixá-lo como o padrão. Ok, essa é uma. Vamos tentar este aqui. Então, a primeira coisa a fazer é remover o bloqueio e, em seguida, ir para o modo de imagem escala de cinza. Em seguida, os níveis de ajustes aumentam o branco, aumentam o preto. Agora este, eu realmente não quero muito neste aqui, então eu vou me livrar de um pouco. Acho que este vai ser um bom pincel no Illustrator. Então eu vou me transformar em um pincel de textura e, nesse caso, eu só vou pegar uma pequena parte dele. Então eu vou cortá-la para baixo para [inaudível]. Agora eu só quero me livrar dos pedaços ao redor da borda. Eu só quero um arquivo limpo aqui, pode trazer isso aqui. Isso vai se livrar dessa parte. Sim, eu quero me livrar dos pedaços em torno desta borda aqui. Então, primeiro, eu só vou achatar isso de novo. Destranque isso. Então eu faço outra camada e apenas pego minha ferramenta de borracha. Precisa estar na camada de textura. Livre-se disso. Livre-se deste aqui. Então eu só vou preencher essa camada traseira com branco para fundir tudo, e depois achatá-lo novamente. Então guardarei isso como um TIFF. Vou chamar este pincel. Certo, o último. Estou muito feliz com isso. Só vou achatar essa imagem de novo. Eu vou cortar isso também em qualquer lugar uma parte dele. Então vamos guardar isso. Vou chamar isso de cascalho. Ok, isso é tudo para o Photoshop. Na próxima lição, mostrarei o que fazer com eles no Illustrator para tê-los prontos para aplicar aos seus designs. Vejo-te em breve. 6. Processando textura no Illustrator (traço em tempo real): Agora vamos transformar essas texturas em vetores. Para fazer isso, precisamos rastreá-los por imagem. Tenho as minhas três texturas que abri aqui no Illustrator. Vou começar com este cascalho. Basta selecioná-lo e, em seguida, abrir seu painel de rastreamento de imagem. Se não vir, vá para a janela. Em seguida, selecione Rastro de imagem Eu só seleciono o padrão, que é apenas o preto e branco, e eu gosto de selecionar Ignorar branco. Então eu gosto de clicar em Pré-visualização. Lá está ele. Então você precisa clicar em Expandir. Então você precisa desagrupá-lo. Basta clicar com o botão direito do mouse e selecionar Desagrupar. Agora, se arrastarmos isso até aqui, verão que não incluiu o branco, o que é ótimo. Mas se você não selecionou isso, ignore qual botão, tudo bem. Se você ainda tem o branco lá, tudo que você precisa fazer é selecioná-lo e, em seguida, ir para selecionar a mesma cor de preenchimento para selecionar todo o branco, e então você pode pressionar excluir e que irá removê-lo para você. Mas para economizar tempo, é melhor selecionar que ignorar branco nas opções de rastreamento de imagem na pesquisa avançada. Agora, isso está tudo expandido. A outra coisa que eu preciso fazer, você precisa criar um caminho composto a partir dele. Ir para o objeto, caminho composto, e isso basicamente faz dele um objeto em oposição a um milhão de objetos. A maior parte deles os torna um pouco pequenos. Aí você tem uma textura agradável. Vamos dar uma chance nesse chiclete. A mesma coisa novamente, ignorar branco, e depois pré-visualizar. Agora há algumas coisas aqui que eu quero e vou mantê-las como texturas diferentes. Eu só quero esses pontos aqui, como areia, eu acho, mas grandes realizadores precisamos expandi-lo e depois desagrupá-lo. Agora eu vou apenas selecionar um pouco por aqui, apenas dirigi-lo para lá. Talvez eu faça mais um pouco aqui. Ótimo, aqueles. Estou apertando o comando G para agrupar no Mac. Então vou manter isso como está. Em seguida, o meu último, este que eu vou transformar em um pincel ilustrador, e eu vou mostrar-lhe isso no próximo vídeo. Então isso é imagem traçar este primeiro, expandir e agrupar objeto, composto metade make. Acabei de perceber que não fiz estes caminhos compostos. No próximo vídeo, mostrarei como transformar este em um pincel. No próximo vídeo, 7. Como criar um pincel de textura para o Illustrator: Agora temos todas as texturas de arte que podemos usar agora. Eu tenho todos eles aqui em uma página. Vou mostrar-lhe como transformar este em um pincel do Illustrator que pode ser muito útil. Você pode criar um monte deles e ter uma pequena biblioteca de seus próprios pincéis do Illustrator. Eu os acho extremamente útil e muito legal. Então, para fazer isso, tudo que você precisa fazer é selecionar sua imagem traçada textura. Geralmente, esses que são longos são bons para escovas. Quando você pensa nisso como um pincel, você quer algo que vá atravessar a página, como uma caneta ou um pincel. Este funciona bem para isso. Selecione isso e, em seguida, vá para o painel de pincéis. Eu tenho o meu já aberto aqui eu estive aqui, mas se você não foi até a janela, então escove. Em seguida, no canto direito, selecione “Novo pincel”. Em seguida, selecione “Pincel artístico”. Agora, no painel Opções aqui, eu dou um nome primeiro, eu quero chamar esse Pincel Streaky. A largura que você pode dar a ele um tamanho fixo ou se você ajustar isso você pode torná-lo menor ou maior ou você pode usar pressão se você usar uma caneta stylus. No momento, eu só vou deixar isso como fixo, desculpe. Na opção “Escala de escova selecione “Esticar para Ajustar/Comprimento”. Na opção de direção no momento está indo de cima para baixo, mas para este eu acho que está indo de baixo para cima, então eu vou mudar isso em torno de para tê-lo apontando para cima. É basicamente a maneira que você está escovando então eu vou de baixo para cima e eu acho que é assim que parece. Pareceria como se fosse um pincel. Na seção de coloração, se você selecionar “Tons” que permitirá que você altere a cor dele mais tarde. Em seguida, o último na seção de sobreposição, certifique-se de que você tem este selecionado ajustar cantos e cai para evitar sobreposições e, em seguida, clique em “Ok”. Então, se pressionarmos “B” para obter nossa ferramenta de pincel, certifique-se de que nosso novo pincel está selecionado. Aqui está. Você tem o pincel. Agora, se você quiser modificar isso ainda mais, você pode fazer isso apenas indo para o painel de pincéis e clicando duas vezes no pincel. Certifique-se de selecionar “Pré-visualização” e, em seguida, você pode ajustar todas as configurações para o que quiser. Eu poderia torná-lo menor ou mais estreito assim. Você pode ter uma peça em torno do que quiser, mas basicamente é isso que eu quero fazer lá. Em seguida, clique em “Ok”. Agora, você pode selecionar “Aplicar aos traços” ou “Deixar traçados”, basicamente isso significa que se você clicar em “Aplicar aos traços”, ele irá atualizar todos os traços que você já fez. Lá vai você. Agora, a última coisa que você precisa fazer é salvar esse pincel para que você possa abri-lo em um novo documento. Para salvá-lo, vá para o painel do pincel e, no lado esquerdo, vá para “Salvar pincéis” e salve esse pincel. Eu já tenho um lá eu vou apenas salvar como Streaky 2 e seguida, quando você chegar a querer abrir esse pincel em um novo documento, você só tem que ir para “Definido pelo usuário” e, em seguida, selecionar o seu pincel e ele aparecerá. Lá está ele. No próximo vídeo, vou mostrar-lhe como aplicar essas texturas aos seus ícones. Vejo-te então. 8. Aplicando textura aos ícones: Agora é a parte divertida, vamos aplicar essas texturas a alguns ícones. Agora, aqui, eu tenho todas as minhas texturas em que eu vou pegar aquelas, que eu fiz o pincel e eu tenho um novo documento aqui eu vou apenas colá-las para que eu possa agarrá-las quando eu precisar delas. Vou movê-los para o lado. Eu já coloquei meu pincel aqui, mas se você não tiver seu pincel, basta ir ao painel de pincéis e selecionar o ícone no canto inferior esquerdo, selecionar “Definido pelo usuário” e, em seguida, selecionar seu pincel e, em seguida, clicar nele para colocá-lo no painel. Agora eu vou apenas criar alguns ícones, eu poderia apenas desenhar alguns ziguezagues na verdade, então eu estou indo apenas para desenhar uma linha reta rápida, aumentar a greve vamos dar uma cor [inaudível] e eu estou indo para fazer isso um ziguezague. A maneira que eu faço isso é ir para efeito, distorcer e transformar e, em seguida, selecionar “Ziguezague” e, neste painel, clique em “Visualizar” e, em seguida, basta ajustar as opções até encontrar o que deseja. Se você quiser, você pode ter cantos irregulares ou você pode ter suave Eu vou ir irregular para isso, e então clique em “Ok” e, em seguida, ir para o objeto, expandir a aparência, e então objeto expandir e aqui temos o nosso ziguezague apenas fazer um par mais, eu estou apenas arrastando, mantendo pressionada a tecla shift opção e, em seguida, eu vou fazer o comando para que ele repita. Vamos chegar a essas cores diferentes. Nós temos alguns ícones em ziguezague aqui e eu vou fazer estes parecerem um pouco mais interessantes com alguma textura, torná-lo um pouco mais grungier, a maneira que eu faço isso é pegar minha textura, vou fazer uma cópia e então eu estou vai colá-lo e arrastá-lo sobre este primeiro no topo e eu vou mudá-lo para branco. Agora, se eu soltar, você pode vê-lo lá e eu vou torná-lo um pouco menor, só quero pendurá-lo fora da borda assim. No momento, se eu colocar um fundo preto que eu tenho aqui, você pode ver que ele paira sobre a borda do ziguezague, para corrigir isso, usamos uma máscara de recorte e a maneira como eu faço isso, [inaudível] Eu seleciono o comando em ziguezague C para copiar e, em seguida, comando F para colocar na frente e eu quero que ele bem na frente, ele está na frente da textura. Eu vou manter pressionado o turno de comando e colchete direito e isso vai enviá-lo para o topo. Então eu vou selecionar a textura também. Então eu tenho o ziguezague que está no topo selecionado e a textura. Em seguida, vou clicar com o botão direito do mouse e selecionar “Make Clipping Mask”. Você pode ver que ele se cortou em ziguezague e o que é legal sobre isso é se eu arrastá-lo para fora, você pode ver que é apenas um ziguezague transparente com a textura nele e você ainda tem o ziguezague restante lá que Você pode ir e recolorir se quiser. Você também pode apenas ir e clicar duas vezes nele para entrar lá e então você pode acenar em torno de sua textura, criar mais, manter pressionada a opção k lá para copiá-lo e arrastá-lo e ele vai colocar o fêmur ao longo aqui, é vai ser menor. Veja o que isso parece, eu preciso dar um pouco de um olhar grunge texturizado para ele. Vamos tentar um dos outros apenas ver o que parece, ele vai copiar lá. Portanto, quero colá-lo dentro dessa máscara de recorte Eu só vou clicar duas vezes de volta para dentro, em seguida, aperte “Colar” e torná-lo menor golpeá-lo aqui e mudá-lo para branco. Este provavelmente não é um muito bom porque é um retângulo parece um pouco engraçado lá, a borda irregular, mas eu só estou tentando mostrar como colocá-lo lá e clique duas vezes em cap e você vai, vamos nos livrar desse fundo. Pode ver o efeito grunge. Agora, se você quiser mudar a cor dele, basta voltar e clicar nele e mudar para a cor que quiser. Eu geralmente escolho a mesma cor que o fundo, eu acho que dá o melhor efeito, então vamos voltar e selecionar “Branco”. Vamos tentar um fundo que é o meu médico e apenas andando pela sala, desculpe por isso. No próximo, vou usar o rabiscado. Na verdade, vou aumentar o tamanho disto para ocupar a coisa toda e copiar e depois colar no lugar, e depois trazê-lo para a frente. Mantenha-o selecionado e selecione sua textura. clique com o botão direito do mouse e selecione “Make Clipping Mask” e vamos mudar isso para branco, isso é um efeito legal também. Agora o próximo, vou usar o pincel. Eu vou até aqui e seleciono meu pincel, aperto “B” no teclado para abrir a ferramenta de pincel e tudo o que eu preciso fazer é apontar sobre ele e você pode ver que isso é tudo o que queremos no momento, basta desfazer isso. Mude para branco. Eu só vou escovar sobre a borda um pouco assim, não quero movê-los apenas um pouquinho. Se ligarmos esse plano de fundo novamente, você verá que ele está fora da borda e tudo bem sabemos como corrigir isso e selecionar o comando de cópia em ziguezague F para colar na frente no lugar, e então comando mudar o colchete direito para trazê-lo para a frente. Selecione a textura, clique com o botão direito e faça máscara de recorte, que fundo, que lhe dá uma textura sutil é baixa. Agora eu poderia voltar aqui e usar esse pincel novamente e vamos ter certeza de que o traço é branco e adicionar um pouco mais desta vez eu vou apenas fazer algumas seções como este. Você pode ver que não está esticado tanto quanto o de cima. Agora, se eu quisesse ir e [inaudível] de volta ao meu pincel, essa é a sua pré-visualização está selecionada e podemos brincar com o tamanho e você pode ver como isso afeta tudo, toda vez que você usa esse pincel, você pode ir e você pode apenas adicionar ao que você acha que parece bom. Vamos selecionar “Ok” e aplicar dois golpes e parece que alguém jogou um balde de tinta nele, parece legal, eles vão. No próximo vídeo, vou mostrar a vocês apenas uma versão acelerada, vou adicionar essas texturas a alguns ícones que criei e mostrarei a vocês como colocá-las em meia gota por página e nos veremos então. 9. Crie uma repetição não alinhada com o criador de padrões: Vamos criar nosso padrão. Vou usar ilustrações do fabricante de padrões oceânicos. Isso está disponível nas versões CA6 ou superiores. Se você tem uma versão mais antiga, não se preocupe, eu vou mostrar-lhe no próximo vídeo como criar uma meia gota por página. À moda antiga, que às vezes é a melhor maneira. Mas neste caso, vou mostrar a vocês usando a ferramenta padrão, que é muito rápida e fácil. Eu tenho meus ícones aqui, eles são todos texturizados, eu vou selecioná-los todos. Agora uma coisa a notar aqui, eu não vou usar o fundo quando eu estou criando este padrão eu vou colocar isso em mais tarde. Eu tinha, mas em uma camada separada e eu tenho um bloqueado e então tudo que eu estou selecionando aqui são os ícones. Então eu vou para cima para Object, Pattern, Make e ele irá adicionar este novo padrão para o painel de amostras para que possamos usá-lo mais tarde. Agora, temos algumas opções aqui em cima. O padrão é uma grade, então ela está disposta, tudo dentro desse bloco está passando e descendo como um bloco padrão dessa grade central. Para torná-lo um pouco interessante, temos todas essas outras opções para fazer uma meia gota repetir. Eu uso tijolo por cólon e então eu me certifico que é metade. Você pode brincar com estes e selecionar outros e apenas ver qual deles é o melhor para o seu padrão, para seus ícones. Deixo o Tile de Tamanho para adicionar, porque gosto de mover as coisas e colocá-las no lado de fora da telha. Esta linha, esta caixa aqui é a minha telha e tudo o que está nela, e isso é atravessar. Ele será repetido se não for selecionado. Tenha paciência comigo, eu vou brincar com isso e colocar todos esses peixes em uma posição que eu gosto e então nós terminamos. Acho que estou feliz com isso. Para terminar, eu clico no botão “Concluído”, e vamos testá-lo. Quando você seleciona a extremidade total de retângulos basta desenhar um retângulo e, em seguida, selecionar o padrão e lá está ele. Como você pode ver, ele não tem um fundo, tudo bem. Vou reabastecer isso com a minha cor amarela e depois vou fazer o Comando C e depois um Comando F para colar no lugar. Então eu vou selecionar o padrão novamente. Aí está com o fundo. Se você está feliz, você quer reorganizar seus ícones, o que você faz é clicar duas vezes em que “Swatch” e ele vai levá-lo de volta para o criador de padrões e você pode ir lá e movê-los ao redor, fazer o que você precisa fazer para corrigi-los. Em seguida, clique no botão “Concluído” e ele irá atualizar o padrão para você e é isso, fácil como. A próxima lição eu vou mostrar-lhe como fazer meia gota por página à moda antiga, a maneira manual. Vejo você então. 10. Crie uma repetição não alinhada manualmente: Bem-vindos de volta a todos. Nesta lição, eu vou mostrar a vocês como eu criar uma meia faixa para pitch a maneira manual não usando ilustradores padrão maker. Tenho os meus ícones, tenho um novo documento aberto aqui. É um documento de 10 por 10 polegadas. Agora, a primeira coisa que você precisa fazer é criar quatro camadas. Já tenho uma camada lá. Fiz mais três, então estou usando o ícone Criar Nova Camada para criar quatro camadas. A camada superior, vou nomear Rectangle. Isso fará sentido em breve. A terceira camada que eu vou nomear Padrão, próxima camada eu vou rotular Fundo, e a camada inferior eu vou rotular Quadrado. Agora vou me livrar dos meus sapatos esportivos. Minhas cores aqui porque são um pouco distraentes. Estou mantendo pressionada a tecla Shift e selecionando “Geral” e pressionando o ícone “Excluir”. Agora, na camada quadrada, crie um quadrado, usando a ferramenta de retângulo. Basta clicar em qualquer lugar e, em seguida, fazer um quadrado que é 10 por 10 polegadas, do mesmo tamanho que a sua saída Remover o preenchimento e remover a greve. Queremos alinhar isso à sua saída, então a maneira que eu faço isso é clicar no painel Alinhar. Se você não pode ver isso basta ir para “Janela”, “Alinhar” e eu selecionar alinhar à esquerda e, em seguida, superior, e isso irá colocá-lo exatamente onde você deseja. Então eu vou bloquear essa camada, e então eu vou até a camada retangular e clique novamente. Vamos criar um retângulo desta vez que é metade da largura, então cinco polegadas por dez polegadas de altura. Desta vez eu vou colocar um strike nele porque este vai ser o nosso guia, e então eu vou alinhá-lo para a esquerda e depois para o topo, e então eu vou trancá-lo. Vou arrastar meu padrão, então certifique-se de que a camada de padrão está selecionada. Vou até o meu ícone e selecionar todos os meus ícones. Isso é bom. Meu passado também, eu vou apenas trancar isso e selecionar apenas o peixe. Quero arrastá-los para o meu novo documento. Reduza o zoom e faça estes um pouco menores. Vou colocá-los lá por enquanto. Agora precisamos do nosso plano de fundo, então certifique-se de que você tem sua camada de fundo selecionada. Atravesse e tranque aquele. Copie ou você pode apenas arrastá-lo neste caso, eu estou apenas copiando e colando. Eu vou redimensionar isso para 10 por 10, eu estou apenas usando o tamanho para o retângulo, largura e altura, e então eu vou alinhá-lo da mesma maneira. Eu alinhei os outros para a esquerda e para o topo para colocá-lo bem no meio da saída. Vou trancar essa camada também porque não precisamos dela no momento. A maneira como isso acontece é que eu crio um padrão apenas no lado aqui, e então nós fazemos uma cópia e compensamos para fazê-lo ter que repetir. Eu deixo cair sobre esta seção aqui, e então nós podemos preencher o resto do padrão. A primeira coisa que eu preciso fazer é criar ou preencher este retângulo. Isso vai servir por enquanto. Quero que tudo desse lado corresponda a tudo desse lado. Tudo que eu faço é selecionar tudo desse lado, do lado esquerdo, e então eu vou para Object, Transform, Mover. Agora queremos que eles atravessem cinco polegadas, o que eu quero que eles desçam pela sala. Se você selecionar a visualização, você pode ver que eles estão indo para lá. Em seguida, clique em “Copiar” porque queremos copiá-los, e eu tenho atravessado snap, Eu quero preencher esta lacuna aqui. Deixe-me jogar um pouco mais. Mova esse para o outro lado, então vamos movê-lo por conta própria. Cinco em frente e zero em baixo. Então queremos que tudo no topo se mova para baixo. Você vai copiar esses topo; Objeto, Transformar, Mover, e vamos digitar em zero para horizontal e, em seguida, 10 polegadas para vertical; que irá copiá-los para baixo. Este, e este tem de se mover. Para mantê-los juntos, seleciono ambos mantendo pressionada a tecla Shift e, em seguida, ajuste-os para uma posição melhor. Agora pensar sobre esses dois é baixo, eu deveria ter que fazer todos os quatro. Vamos movê-los levemente. Talvez com isso tenhamos que fazer mais alguns ajustes, mas por enquanto, estou feliz. Eu vou apagar tudo no lado direito e tudo no fundo, e você vai ver o porquê em um minuto. Então eu vou agrupar esses. Comando, G controle G para grupo. Agora vamos fazer a nossa compensação. Para colocar a seleção de peixes no fundo aqui. Eu seleciono-os Object, Transformar, Mover, e nós vamos nos mover em cinco polegadas e descer 10 polegadas. Desculpe. Vamos movê-los através cinco polegadas e certifique-se de clicar em Copiar. Isso criou um meio emprego e estou feliz com isso no momento. Então ainda temos que preencher esses outros bits então vamos fazer esta seção aqui e selecionar este objeto transformar, mover e desta vez vamos ir zero para horizontal e -10 para vertical para movê-lo de volta para cima. Então precisamos preencher este aqui então eu vou selecionar este, Objeto, Transformar, Mover 0 horizontal até 10 para movê-lo para baixo. Então nós só precisamos colocá-los para o lado para que tudo nesta borda vai combinar naquela borda eo mesmo com o topo vai coincidir com o fundo, mas ela ainda tem uma repetição de meio-tom acontecendo. Vamos mover estes através para aqui então eu vou selecionar aquele e aquele um Objeto, Transformar, Mover e nós vamos movê-los 10 por 0 Copiar e lá vai você. Agora, eu gosto de limpar isso um pouco, nós não precisamos de todas essas colunas extras que adicionam no PowerPoint então eu vou desagrupar esse um e excluir tudo o que não está na prancheta, o que é bastante, e então fazer isso tudo caminho ao redor. Aí está você. Agora, só precisamos adicioná-lo ao nosso painel de amostras. Eu vou desbloquear o fundo e destrancar o quadrado e eu vou esconder o retângulo, nós não precisamos mais disso. Antes de mostrar como colocá-lo em seu painel de amostras para que você possa usá-lo mais tarde, acho que vou adicionar um pouco mais de textura. Eu vou para os meus outros clubes e vou pegar a textura de chiclete e trazê-la de volta aqui, eu vou ter certeza que está no meu fundo, mas não aquele. Vou colocá-lo aqui. Vou desligar o padrão por enquanto e vou mudá-lo para branco e vou diminuir a transparência. Parece bom. Vou colocar outro aqui. Só vou me livrar do que eu estava pendurando naquela borda porque eu não quero. Estes precisam repintar para que eu vou selecionar as duas texturas e certifique-se de que eles se repetem para baixo no lado inferior para que eu vou transformar, Mover, e movê-los para baixo 10 polegadas. Eu realmente não estou fazendo uma repetição de meio-tom com estes, eu estou apenas fazendo uma repetição simples. Então eu vou colocar outro aqui, eu estou apenas segurando a tecla opção e arrastando, vamos apenas colocá-lo aqui e então eu vou repeti-los sobre este objeto lateral, transformar, mover dez, zero, cópia, e então precisamos de outro no meio aqui. A natureza desta textura é que você não pode realmente ver a borda, então ele meio que funciona muito bem. Vamos nos certificar que este está se repetindo aqui também, Object, Transform, Mover 10 e 0. Eu poderia apenas mover este um pouco, vamos ver como é com o padrão em cima. Eu gosto disso. Vamos criar a amostra, então, para fazer isso, eu quero selecionar tudo, e isso inclui o quadrado na parte inferior e eu vou arrastá-lo para o meu painel de amostras. Isto nem sempre funciona, mas funcionou neste caso. Às vezes eu acho que há algum bug em um Illustrator e ele não vai realmente criar o padrão de repetição lá agora, se esse for o caso, minha solução alternativa é excluir esse quadrado e, em seguida, em seu plano de fundo, eu duplicar esse plano de fundo E então aquele que se senta na parte de trás, eu vou tirar o preenchimento e a greve se houver um e remover este, o quadrado. Então você basicamente está criando outro desses. Você não pode copiar essa, não vai funcionar. Não sei porquê, mas a minha solução é apenas duplicar o fundo e, em seguida, remover o preenchimento e, em seguida, tentar arrastar tudo para lá e deve funcionar bem. Vamos testar este. Eu vou usar a ferramenta de retângulo e eu vou fazer um grande quadrado e então eu vou selecionar nosso novo padrão e lá vai você. Agora, você também pode ajustar a escala. Então, se eu clicar com o botão direito do mouse em Transformar, Escala, certifique-se de que Transformar Objetos está desmarcada porque não queremos alterar o tamanho de todo o quadrado, queremos apenas alterar o tamanho do padrão. Certifique-se de que Visualização está selecionada e, em seguida, você pode aumentar. Eu vou subir a 100 por cento e ver como é isso e lá vai você. Você também pode redimensionar seu quadrado, então se você for assim, ele vai ficar um pouco confuso, mas não se preocupe, basta clicar com o botão direito do mouse em sua amostra e ele irá redefini-la e você provavelmente terá que mudar a escala novamente, mas isso geralmente funciona bem. É isso. Na próxima lição, vou mostrar a vocês como pegar esse padrão de repetição e levá-lo ao Photoshop e aplicá-lo a uma maquete. Te vejo então. 11. Aplique seu design a uma réplica: Oi, de novo. Agora vamos tirar o padrão de repetição, e vamos colocá-lo no Photoshop, e vamos aplicá-lo a uma simulação. Para fazer isso, já temos um bloco de repetição aqui, então tudo o que faço é ir para Arquivo Exportar, Exportar Como. Certifique-se de que esta caixa de seleção de quadros de arte está marcada. Nome do arquivo, clique em qual padrão, repita e clique em Exportar. Mantenha-o como 300, e o resto deixe como padrão, então OK. No Photoshop, aqui estão os dois casos. Este é um arquivo simulado que eu forneci para você, e nós vamos aplicar nosso projeto a ele, e nós vamos acabar com algo assim. Vamos abrir o arquivo Repetir. Aqui está. Em seguida, vá para Editar Padrão Definido. Chamamos isso de Padrão de Peixe. Então, no seu Mock Up, deixe-me explicar como funciona. São duas malas, obviamente, uma mala grande atrás, e uma pequena na frente. Agora, para aplicar o padrão, fazemos isso através de Objetos Inteligentes. Você também pode mudar a cor das alças, e a borda por aqui, e também essas partes aqui que estão anexando as rodas. O zíper da instância do site do nome da linha corta esse zíper que vai todo o caminho ao redor. Você tem a alça na lateral, a alça na parte superior. A roda e punho anexos, estes pedaços aqui, bem como estes pedaços aqui que prendem as alças. Então temos a parte de trás, que é esta parte aqui, onde você pode aplicar seu padrão. Então você tem a frente, que é a frente, obviamente. Aqueles para objetos inteligentes, enquanto os outros são apenas preencher. Se eu fosse mudar o rosa por aqui no zíper, eu iria para essa camada, clique duas vezes na cor lá, e eu posso selecionar qualquer cor que eu quiser. O mesmo com a alça e os anexos do manipulador. Vamos aplicar um padrão, e o padrão que você acabou de criar nesta frente desta mala. Você vai para a camada dentro do pequeno grupo de malas chamado front, e ele diz duplo clique para editar. Clique duas vezes neste, que é o objeto inteligente, não aquele. No momento, é apenas para preencher a cor que você pode mudar se você gosta de outra coisa. Isso não importa. Para colocar uma camada de padrão aqui, apenas indo para camada, você preenche lá, impressão. Clique em OK e, em seguida, o padrão que você acabou de definir será exibido. Em seguida, você pode alterar a escala do que, se quiser, e, em seguida, clique em OK. Você pode apagar aquele de volta, você não precisa dele. E então apenas feche e salve, aí você tem isso. Obviamente é muito grande. Quero voltar e clicar duas vezes para abrir e editar. Vou mudar a escala para 25%. Vou clicar nisto. Parece um pouco melhor. Vamos fazer a parte de trás. Eu clico na camada traseira, clique duas vezes nela. Faça a mesma coisa. Camada, nova camada de campo, padrão e OK. Vou mudar isso para 25% também. Então certamente claro, não é? Lá vai você. Eu vou fazer o mesmo com o de trás. Faça o peixe um pouco maior neste. Clique duas vezes na frente. Ir para camada, nova camada de campo, padrão. Ok. Vamos tentar um 100%. Eu só vou fazer o Control S para salvar sem fechá-lo e dar uma olhada. Um pouco pequeno. Vamos tentar 50. Comando S para salvar. Se você quiser movê-lo, basta clicar duas vezes nele novamente e arrastar. Controle S e dê uma olhada. Sim, e vamos fazer a parte de trás. Lá vai você. Talvez eu mude a cor das alças. Vamos mudar este lado um. Você pode usar o conta-gotas para selecionar uma cor. Ok rosa pode fazer. Vamos fazer isso. Faça o mesmo com o da frente. Observe que se eu clicar em algum lugar, e ele salta para uma camada, a razão pela qual ele faz isso é porque eu tenho outra camada isolada selecionada. O que significa que cada vez que eu clicar em uma camada, ou clicar em um item, ele vai me levar para essa camada. Acho isso muito útil. Você também pode selecionar Grupo e ele irá apenas levá-lo para o grupo. Se você quiser ir para o grupo de trás. Isolar o grupo de malas, mas prefiro a camada 1. Só torna as coisas mais fáceis. Lá vai você. Eu também coloquei um objeto inteligente e, portanto, seu logotipo, então, se você clicar duas vezes sobre isso, você pode colar seu logotipo e, em seguida, apenas se livrar dele. Colocaremos no canto inferior para você. Você vai acabar com algo assim. 12. Finalizando!: Muito obrigado por se juntar a mim na minha aula. Espero que tenha gostado e que tenha aprendido alguns truques novos. Faça o upload de seus projetos na seção do projeto para que todos possamos dar uma olhada neles. Se você tiver alguma dúvida, não hesite em iniciar um post na seção da comunidade. Se você estiver indo para compartilhar nas mídias sociais, não se esqueça de marcar meu e-mail compartilhamentos de habilidades Armstrong que eu possa dizer quando eles são projetos maravilhosos. Obrigado e te vejo de novo na próxima vez.