Design de superfície 101: padrões de repetição | Ilana Griffo | Skillshare
Menu
Pesquisar

Velocidade de reprodução


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

Design de superfície 101: padrões de repetição

teacher avatar Ilana Griffo, Artist & Author

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.

      Apresentação

      0:29

    • 2.

      Configuração do arquivo

      0:38

    • 3.

      Primeiros passos

      2:22

    • 4.

      Composição 101

      6:16

    • 5.

      Descendo da grade

      0:37

    • 6.

      Tornando isso repetido

      8:09

    • 7.

      Outra abordagem

      2:57

    • 8.

      Toques finais

      4:06

    • 9.

      Projeto do curso

      0:29

  • --
  • 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.

248

Estudantes

1

Projetos

Sobre este curso

Neste curso, vou ensinar a você como criar um padrão contínuo e repetitivo usando o Adobe Illustrator.

Vamos falar sobre:

  • Usando cores
  • Criando uma composição perfeita
  • Testando seu padrão
  • Usando maquetes para impressionar seus clientes

Vou caminhar por várias maneiras de criar o azulejo sem emenda e todo o processo que eu usei no Adobe Illustrator.

Mal posso esperar para ver o que você cria, as oportunidades são infinitas!

Conheça seu professor

Teacher Profile Image

Ilana Griffo

Artist & Author

Professor

Ilana is a Designer & Author. She loves all things lettering, and helping others pursue their creative passion. She's also the co-owner at Goodtype, and a mom to both two and four-legged babies.

Checkout the Goodtype page for new classes!

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. Introdução: Oi. Sou muito Griffo. Eu sou um artista e autor, e eu estou tão animado que aconteceu de volta na aula hoje para falar sobre a criação de padrões de repetição em um padrão de uso de rua móvel o tempo todo para o meu trabalho, como ver em obter sacos ou tecidos watchin ou placas de papel e embrulhado para presente Então, estou muito animado para ver o que você tem em mente. A classe irá cobrir tudo, desde composições de cor e testá-lo para se certificar de que você, linha Kate. Estou muito animado para ver o que você cria. 2. Configurando o arquivo: Então o que eu fiz hoje é que eu deixei cair essas letras que eu queria fazer e em alfabeto Repetir. E então eu já os trouxe para o Illustrator e nós estamos indo para uma espécie de percorrer o meu processo passo a passo. Então a primeira coisa que fiz foi fazer um quadrado, nosso tabuleiro, e isso é nossas fronteiras. 2000 por 2000 pixels. Eu gostaria de trabalhar em um quadrado porque torna a matemática muito simples. Você pode ver que eu não terminei de colocá-los ou limpá-los ou colorí-los, porque eu só quero obter a colocação para baixo primeiro e ter certeza que eu gosto disso para que eu possa, em seguida, mudar a cor e mover as coisas ao redor. Então eu vou continuar e começar usando isso. Onde está o meu modelo e mover as coisas e ver como elas interagem juntas? 3. Primeiros passos: Estou agrupando tudo porque quero pegar cada letra e realmentequero realmente usar o espaço. Não vou fazer nenhuma repetição maluca de meia gota. Isto vai ser apenas um simples padrão de repetição para que vocês apenas tipo de ter a idéia de como o processo funciona e como você pode fazer o seu próprio e brincar ao redor. Então, como você pode ver, algumas coisas estão começando a sair do limite. Isso não é problema. Vamos tratar deles assim que tivermos uma ideia melhor de onde tudo vai se definir agrupar alguns objetos de novo, movendo-o. E não me preocupo com a cor. Eu só quero que eles se espalhem uniformemente dentro do meu campus. E eu nem limpei as letras para este. Eu só estou usando essas linhas ásperas, e eu gosto de como isso parece para isso porque eu quero que isso seja uma espécie de alfabeto brincalhão . E então quando você tem algumas cores brilhantes e ver como isso acaba, eu também acho que as letras serão bem pequenas, então não importa se há algumas linhas imperfeitas. Eu acho que isso realmente vai aumentar a isso. Não há razões reais para Reimer ou onde estou colocando as coisas no palco. Só estou usando o espaço e tentando encher toda a área. Como eu fiz estes. E como eu escolhi as cores, pensei, onde eu veria isso? Assim como falamos sobre o passado dele e pensei, precisamos de apostas ou calças de uma menina. Ou talvez uma camiseta seria um cachecóis, mas definitivamente um pouco mais amigável criança ou juvenil. E acho que o alfabeto geralmente são os quartos do garoto coisas assim. Enquanto a decoração de um travesseiro seria muito bonito. Eu também quero ter certeza quando estou fazendo isso que as coisas não foram. As coisas não parecem erradas. Então eu quero ter certeza de que cada letra tem espaço suficiente para não parecer que eles intencionalmente colocar duas letras ao lado da outra para soletrar algumas coisas como uma mensagem secreta escondida. Você realmente não quer que nada se sinta planejado. Você quer que ele sinta que há um sistema, mas que há algo assim que você não quer sentir, Oh, Oh, eu vejo exatamente onde ele está se repetindo ainda. Você quer realmente fluir e ter algumas linhas agradáveis e diferentes que você poderia seguir 4. Composição 1: 101: E como ele é diretor, obviamente eu posso escalá-los e Irã com o tamanho e eu posso facilmente mudar a cor também . Então eu vejo alguns buracos, então eu vou continuar movendo as coisas até eu me sentir muito bem com isso. Então eu escolhi fazer tudo um pouco maior porque eu notei que havia alguns buracos. Então agora eu vou voltar e reorganizar. Eu não quero mudar o tamanho certo do campus porque há uma razão, e isso é porque 2000 pixels é um quadrado muito bom para trabalhar. E então eu vou manter isso em mente, e nós ainda não chegamos a esses cantos, mas se você tem algo sobreposto em dois cantos e criar um pouco mais de trabalho, então eu vou realmente trazer isso para baixo e trazer isso para cima também. Simplifique. Não é impossível. É apenas um pouco mais de trabalho para este vídeo de introdução. Ok, agora que estou me aproximando, o que eu quero fazer é qualquer lugar que esteja sobrepondo a borda. Eu vou resolver essas coisas primeiro para que eu possa dizer que vai haver alguns problemas, então eu vou começar com este A e tudo o que eu preciso fazer é copiar e colar exatamente no mesmo espaço. Então, se você está em um Mac, isso é o comando, vê? E depois comanda. Então agora é uma duplicata exata, exatamente no mesmo lugar. Então o que eu quero fazer é transformar isso, e eu quero trazê-lo até o fundo da minha palavra artística. Assim ele se repete, então você pode usar a janela de transformação aqui à direita. E o que você pode fazer é no eixo X que é o seu acesso horizontal em seu eixo Y é vertical para cima e para baixo. Então, se você quiser movê-lo em uma cruz, você quer usar o X, e se você quiser movê-lo para cima e para baixo, você quer usar o porquê, então eu quero movê-lo para baixo 2000 pixels. Quero movê-lo para baixo toda a nossa prancha. Na verdade, eu estou indo Teoh, eu vou adicionar 2000 pixels e agora exatamente no mesmo lugar, mas na parte inferior. Assim, quando eles se encontrarem, eles serão perfeitos. Então agora qualquer duas dessas coisas ao redor para abrir espaço. Certifique-se de que eu gosto do novo posicionamento, Harvey. Alguém que muda de cor dá-te um pouco a escala. Está bem? O F é outro. Isso parece bobagem ter que sair ligeiramente da borda. Então, com esses programas há tantas maneiras de chegar à mesma solução. Ok, então agora eu quero mover o f Então primeiro vou comandar C e comando F para fazer uma cópia exatamente no mesmo lugar. E então a segunda maneira de fazer isso é em vez de usar a transformação de Charles para usar a ferramenta de movimento. E esse atalho é Shift Command e M Então eu não estou me movendo ao longo do eixo horizontal, então eu vou manter isso em zero. Mas eu quero adicionar 2000 pixels. Sei que parece bobagem. Toe adicionar 2000 quando estamos caindo, mas é assim que funciona. Então eu vou adicionar 2000 pixels. E agora eu tenho exatamente no fundo, então isso parece bom. E ainda precisamos de espaço para o S. Mas vou certificar-me de que o outro já sirva antes de seguir em frente. Então vamos fazer o “você “, isso vai ser um problema. Então eu realmente vou movê-lo para cá porque só para reorganizar isso e eu posso dizer o Z vai ser um problema também. Então eu vou movê-lo um pouco para cima e transformar e ver o que aconteceu. Então, se você quisesse mover algo que você já espelhou, você poderia simplesmente pegar os dois e movê-los juntos assim, em vez de, você sabe, preparar-se para refazer a coisa toda. Contanto que ambos estejam agarrados, isso deve ser um problema. Então, o fim, eu acho que eu quero fazer o e um pouco maior. E, na verdade, podemos fazer esses dois juntos. Já que os dois vão cair, vou copiá-los. Então, a coisa importante a saber quando você está usando transformação se você realmente não quiser tocar no outro acesso, essa é a posição. E assim você só quer adicionar pixels. Você só quer dizer OK, vamos apenas movê-lo apenas muitos pixels e, em seguida, mover ao redor. O que mais você tem, vai ver como o s fica em um desses e ser parado. Eu tenho, e você pode vê-lo indo e voltando entre o sistema que estou usando. E, na verdade, qualquer um funciona. Lembre-se, se você estiver na ferramenta de movimento, você quiser manter a posição zero no acesso, você não está se movendo. E se você estiver usando transformação, você quer apenas adicionar ao único acesso Há um pouco de espaço vazio aqui, então eu poderia realmente mover este p para dentro, que significa que eu posso realmente mover este. Então, tenho certeza que veremos alguns buracos assim que nos movermos um pouco e testarmos nosso padrão. 5. Going a grade: Já que tudo está dentro da caixa delimitadora agora, vou trocar e mostrar como perdemos o rio porque o movemos por meio tijolo. E assim estes terminam eles não são perfeitos porque eles não estão integrando onde eles foram deslocados. E então isso é tijolo por Rober por coluna, na direção oposta. E esta é uma maneira muito legal, e você pode ver aqui. Se você tiver o plano de fundo, isso pode criar alguma confusão para você. Você paga alguma sobreposição, e é aí que você pode fazer. Ele mudou um apoio coisas diferentes na seção de sobreposição. 6. Fazendo a repetição: Agora que me sinto muito bem com a colocação, quero ir em frente e misturar a cor. E lembre-se, se algo é espelhado, então você quer que eles sejam iguais. Então este e este, eles precisam ser da mesma cor. A não ser que eu esteja intencionalmente tentando criar uma linha no padrão. E eu já estou fora dessas cores na minha paleta, então eu posso apenas pegá-las e brincar por aí. Lembro-me deste lado. Este lado direito vai para o lado direito, por isso não queremos nada. Não queremos que este f e este P sejam da mesma cor, mesmo que pareçam distantes nesta vista. Assim que entrarmos em testes, o padrão vai ver que ali mesmo ao lado do outro. Então, eles devem ser uma cor separada. Ok, então eu realmente quero testar o padrão agora e ver como ele está. Assim como minutos de caminhada você através dos passos de realmente fazer isso. Então primeiro vou ver este fundo. Uma vez que é um quadrado perfeito e já está cortado para os cantos. Vou tomar café e levar para a frente e depois vou pegar tudo e criar uma máscara de recorte. E eu fiz isso direito. Fazendo o comando sete. Se você não sabe o crack curto e então você vai para o padrão de objeto fazer. Ou você também pode pegar este quadrado e soltá-lo em sua paleta de cores. Então você pode clicar duas vezes sobre isso, e ele traz seus padrões. Assistir. E a primeira coisa que faço é clicar na arte do dedo do pé da telha. Desde que fiz um quadrado perfeito, eu realmente quero ver isso onde? E nós só queremos uma grade, ar, algumas outras opções que nós não vamos cobrir essas nesta classe. Esta é apenas uma introdução básica a ele. Então você pode ver que eu esqueci de fazer exatamente o que eu disse a vocês para fazer é manter o cruzamento. Então as coisas que são espelhadas, eu esqueci de mantê-los da mesma cor. Então eu preciso ir em frente e mudar isso primeiro e assim na parte inferior aqui, esta extremidade deve ser a cor verde, e você pode vê-lo atualizar automaticamente e o f eu também praticamente no mesmo. Então essa seria uma cor grande. Ok, agora eu sinto que tem muita tinta, então eu vou em frente e brincar um pouco. Não, não, eu quero. Realmente diminuir o zoom e olhar e ver. Tipo, há algum padrão que seja alarmante ou parece muito bom? Há algum buraco que não pareça tão concreto? Algum rio? Eu não estou amando como este fim parece que há um monte de espaço vazio em ambos os lados estão indo para agarrar o fim. Na verdade, vou pegar os dois e movê-los juntos. Se você não gosta de trabalhar dessa maneira, você também pode simplesmente voltar e fazer você está entediado, e você pode pegar que é relógio. E você pode ir em frente e editar seu design original. Então este é o lugar. Eu tinha um problema. Então eu vou seguir em frente e habilitá-lo para cima e movê-lo novamente. Isso é bom porque você pode visualizar e certificar-se de que está certo. E como eu disse, não havia laranja suficiente. Então eu vou fazer esta laranja na parte superior e inferior, e na verdade há apenas o p do único que ele usou esta cor com. Então talvez eu remova essa cor ou na boca dele. E o que eu quero preencher neste espaço assim como este lugar aqui em cima. Então, vou brincar com isso primeiro. Então eu ainda sinto que eles estão meio que eu estou perdendo carta, talvez por aqui. Então vou continuar brincando e movendo as coisas até me sentir confortável. E estou vendo aqui que o Z e o F estarão próximos um do outro. As mesmas cores e mais malvadas mudaram isso também. - Ok , neste ponto, eu quero testar o padrão novamente e ver como ele está. Quero ter certeza de que nada parece muito pesado, como este fim tem sido uma espécie de problema. E parece muito alto de onde estou olhando agora. Mas vou tentar de novo. Então eu vou continuar e criar aquela máscara de recorte de novo. E o recentemente poderia ser mascarado em vez de cortar as bordas é porque eu não quero trabalhar destrutivamente. Eu realmente queria manter todos os elementos e então eu posso manter isso e então vamos em frente e criar um novo nosso quadro e eu vou preenchê-lo com esse novo padrão. E para entrar nessa ferramenta de edição de padrões, basta clicar duas vezes na sua amostra. Mas a outra maneira de fazer esse padrão é querer que você tenha aquela máscara de recorte. É um bom padrão de objeto fazer, e isso automaticamente traz você para aquela janela. E então, novamente, ainda, dizer o nosso e realmente zoom para fora e pegar um conjunto de coisas para trás e realmente olhar e ver padrões. Quero dizer, isso é uma repetição, então eu vou ver o G aqui, o G aqui, o G aqui. Mas quando olho, é óbvio demais. Ou quero tornar tudo mais pequeno? Há espaço suficiente entre as coisas? Existem linhas claras que não parecem certas? E então eu estou vendo alguns pontos onde eu quero adicionar algo, e isso pode ser um lugar legal para eu adicionar bolinhas ou talvez algum hábil no fundo. Então eu vou levar este padrão um passo adiante com a adição de outro padrão por trás dele. Hum, e eu só quero te mostrar que se você fizer isso, mude isso. Isso é o que não queremos ver em uma repetição é que eles não se alinham. Então, se você vai fazer um tijolo por linha, você realmente precisa planejar como você vai mover as coisas ao redor. Corra. Depois da operação seria ganhar. Um lado desenha a meio caminho, e por isso vamos ficar na grelha por enquanto. Mas uma maneira muito divertida de trabalhar é, você sabe, mover as coisas por dentro. Mas já que já fizemos esse trabalho duro, este é um bom três para testá-lo. Mas já que já fizemos esse trabalho duro, 7. Outra abordagem: Outra coisa que vou fazer é vestir sem fundo e talvez adicionar o referendo. Mais tarde, trarei alguns elementos, mostrarei outras maneiras de pegar esses três elementos e levá-los a um padrão. E você pode ir em frente. Não há antecedentes. Então, se eu mover isso, o aeroporto vai se mover de acordo, e está criando essa repetição para mim. E então esta é uma maneira mais passiva de fazer isso. O tempo está dizendo Ok, bem, este ar é um padrão agora fazê-lo funcionar e brincar com dentro. Mas gosto de planejar meu layout e voltar ao painel e editá-lo. Quero mostrar-lhe como a outra abordagem poderia. Vou enfiar tudo isto no meu canto, , para não ter o passado. Eu posso pegar tudo isso e apenas dizer padrão de objeto fazer. E se eu entrar, você pode ver que é por isso que eu não fiz isso. Desta forma, em vez de ter um padrão sem costura, está levando a coisa toda. E então se eu removi todas as coisas que são espelhadas, estamos fora da borda, pegá-los todos os objetos padrão, fazer você pode ver agora que eu poderia brincar, e se eu movê-los para dentro, eles vão duplicar. Eu acho que desde que eu tenho planejado meus padrões manualmente, eu apenas penso do outro jeito. E então eu poderia apenas brincar muito rápido e ver, talvez nós vamos ter um resultado realmente diferente. Há algo errado com a abordagem dele. É uma ótima ferramenta. Acho que é um trabalho de distração nisso por causa da grade, das placas de arte e coisas assim. Mas você precisa ter certeza de que a arte infantil tamanho não está ativada porque então ela não vai se repetir dentro de sua caixa delimitadora. Eu prefiro trabalhar fora dele e trazer o padrão tipo de saber como é que vai parecer e os fundos se sobrepõem um pouco. Mas isso não importa, já que é um fundo perfeito por trás de tudo. Mas se você está planejando fazer um mais um padrão, talvez seja uma gota assustadora ou uma forma diferente. É muito divertido trabalhar neste painel nesta janela, então são realmente duas abordagens que você pode usar com um ilustrador para torná-lo melhor 8. Toques finais: Então eu mencionei que eu quero adicionar algum tipo de dimensão, outra camada a este padrão. E então o que eu vou fazer é pegar todas as letras e colocá-las em sua própria camada. E, em seguida, entre essas duas camadas de um anúncio, uma camada de ações. Então eu vou pegar a mesma cor é o meu fundo e, em seguida, tipo de ajustado para ser eles são um pouco mais claros, são potencialmente um pouco mais escuros. Eu quero ser muito fraco e amigável para crianças. Então, na verdade, quase certo, muito sutil. E eu vou passar e eu vou adicionar alguns nós popa, que são muito, muito boa maneira de preencher um tipo de buracos em seus padrões. E isso é realmente resolve o que pode realmente precisar de pouco real. Mas talvez eu até ajuste a cor. Então, com este, está sempre para trás. Uma vez que está no meio, está atrás da camada de letras para que eu possa colocar as coisas logo atrás e não me preocupar com elas sobrepondo ou ficando no caminho. Eu só quero que eles para trás adicionem alguma dimensão e e e realmente vão trancar a vibração lá, e eu vou em frente e começar a mover algumas coisas ao redor. Isso realmente não é tão perceptível. Mas isso ajuda a quebrar esse espaço quando você vê tudo junto e, portanto, outra forma de você contestar sem trazer para a sua amostra. Se você não tem certeza e você só quer fazer um teste rápido é que você poderia nós não criar aquela máscara de recorte e, em seguida, fazer a mesma coisa transformar-se e, em seguida, copiar ambos e movê-los para a direita. Então vamos ver se vemos alguma doca que tenha sido cortada por quaisquer letras que esperem em truncado que parece bom. Acho que posso acrescentar mais alguns. Gostaria de ver o original? Agora que tenho a composição final, vou criar um tamanho aleatório para poder mostrar como você pode dimensioná-lo. E assim você pode colocar em nossas simulações ou qualquer outra coisa que você precisar. Então, se você clicar na ferramenta de escala ou apenas pressionar s, ela irá trazê-la para cima. Você pode fazer uma escala uniforme, mas se você desativar, transformar objetos, então você pode simplesmente transformar o padrão. Certifique-se de que o padrão de transferência é selecionado e assim você pode dizer 50% e você pode ver como ele fica se ele é mais condensado. Mas se você fizer 200% você pode ver como ele é realmente grande. Então jogar redondamente a escala que você quer que ele em todos os fins e, em seguida, aplicá-lo a uma simulação que você possa mostrar a um cliente ou a um cliente potencial como ele parecia. A outra coisa é que eu nunca o meu selecionado e, em seguida, clique em até o próximo ao número um e apenas movê-lo ao redor. Você pode dirigir qual parte do padrão você deseja ver. Então, vê esta cela bem aqui? Vou movê-lo porque quero um papel em particular. Não quero ver dois. Quero ter certeza de que eles estão vendo o padrão completo. Então, aí está. Agora você pode ir e baixar uma simulação de alguns hambúrguer orográfico mercado criativo, ou você pode fazer o seu próprio e aplicar seu padrão para que os compradores possam vê-lo em ação. 9. Projeto do curso: Muito obrigado por se juntar a mim na aula. Espero que você tenha pego algumas dicas e truques ao longo do caminho para o projeto da classe. Quero que crie seu próprio padrão de repetição usando o formato de grade. Pontos de bônus usados se você carregar seu padrão é uma simulação para cima. O que você pode encontrar criativos mercado hambúrguer gráfico ou apenas ficando um pouco. Eu acho que os mercados realmente ajudaram a ciência do potencial do seu padrão e como você imagina que ele seja. Muito obrigado por se juntar a mim, e mal posso esperar para ver você criar.