Padrões geométricos 101: padrões triangulares | Krittika Mittal | Skillshare

Velocidade de reprodução


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

Padrões geométricos 101: padrões triangulares

teacher avatar Krittika Mittal, Graphic Designer

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

8 aulas (23 min)
    • 1. Apresentação

      0:56
    • 2. Projeto do curso

      0:16
    • 3. Como criar o padrão de base

      6:27
    • 4. Colorir nosso padrão

      5:56
    • 5. Tornando-o mais fácil

      4:35
    • 6. Recoloring nosso padrão

      1:55
    • 7. Como criar um mockup

      2:27
    • 8. Considerações finais

      0:26
  • --
  • 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.

449

Estudantes

5

Projetos

Sobre este curso

Você tem de admitir, padrões geométricos estão em todos os lugares nos dias de hoje. Hop na minha série de Padrões Geométricos 101 e aprender as técnicas e truques básicos para criar esses padrões geométricos

No curso de hoje, vamos aprender a criar esses padrões triangulares geométricos super-detailed Embora eles pareçam realmente complicados, assim que você conseguir o jeito deles, eles são super fáceis de fazer! Você vai aprender a criar esse padrão no Illustrator e também aprender um pouco mais sobre criar padrões ininterruptos, formas, paletas de cores, adicionando textura, etc.

Conheça seu professor

Teacher Profile Image

Krittika Mittal

Graphic Designer

Professor

 

Hey everyone! I'm a graphic designer based out of New Delhi, India. I started my education in architecture & realized mid-way that making art made me more happy than making buildings. I started learning Illustrator and Photoshop in my free time (thanks to Skillshare) and moved into the line full time post graduation.

 I currently work as a graphic designer and social media manager with a start-up. I love all things colorful and pattern-isc (the INDIAN ROOTS). I realized that my journey has only been possible because of the wonderful teachers I had and motivates me to give back my teaching.

PS. I would love for you to join me on Instagram. I often share tit-bits about upcoming classes, current art projects, my do... Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos 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. Apresentação: Oi, sou tópico sobre isso. E sou designer gráfico e ilustrador da Índia. Estes são os criativos clássicos que estão procurando aprender a criar banheiros geométricos perfeitos podem até estar usando o Adobe Illustrator e, como bônus, aprenderemos como usá-los para aparecer . Você vê efeito no Adobe Photoshop? Esta classe é destinada a grandes análises. Quero dizer, realmente, você vem possuir com etapas fáceis de seguir. Fomos dirigidos para uma base sonora para esses cães de rua, como nos lençóis, na ferramenta de recoloração e aprendendo a usar atalhos para prender seu livro. No final desta aula, você terá uma rebatida triangular terminada. Então, vamos começar. 2. Projeto do curso: Seu projeto nesta classe é criar seu próprio padrão contínuo. Então você pode compartilhar seu padrão final como JPEG. Você também pode conferir o vídeo bônus e compartilhar uma maquete do seu design. Mal posso esperar para ver o que você inventou. 3. Como criar o padrão de base: Tudo bem, vamos começar criando um novo documento. Estou usando um tamanho de arquivo que é 1920.080 pixels na orientação horizontal e no modo de cor RGB. Agora, quando meu arquivo estiver aberto, a primeira coisa que faço é começar ativando meus guias inteligentes. Fazemos isso por causa do botão envolve muito alinhamento e isso tornará nosso trabalho muito mais fácil. Para ativar Guias, acesse Exibir e clique em Guias inteligentes. Como alternativa, você pode usar o atalho, que é Comando ou Controle mais matiz. Agora vamos criar um triângulo para fazer isso, vá para sua ferramenta de forma. Isso parecerá um retângulo no menu do lado esquerdo. A partir daqui, clico na seta para abrir o menu suspenso. Agora clique na ferramenta polígono. A ferramenta de polígono nos permite criar polígono equilátero ou regular, como hexágonos têm tokens ou até quadrados, você simplesmente precisa clicar com o botão esquerdo neste verde e um menu pop-up aparecem onde você pode escolher o número de sites e o raio do polígono. Deixe-me mostrar um exemplo. Vou criar um hexágono com um raio de 100 pixels. Agora, o que esse raio de 100 pixels significa? Se eu fosse criar um círculo com o mesmo DDS, a geladeira hexagonal velha diretamente nele. Então agora deixe-me mudar a cor do hexágono para facilitar. Agora crie um círculo. Agora vou alinhar rapidamente esses 22 ainda opacidade do chamado mostrar a você a super imposição. Como você pode ver, ambos se alinham perfeitamente. Agora isso realmente não afeta nosso orçamento, mas é apenas para uma compreensão básica da forma. Você também pode aumentar ou diminuir o tamanho de nossas formas mais tarde. Agora, vamos começar criando um triângulo do raio de pixels. Em seguida, vou correr meu triângulo para o canto superior esquerdo da minha placa de arte e alinhar o ponto central com o cachorro. Agora, ao arrastar seu triângulo, você preencherá a leve resistência quando estiver alinhado com seus guias. Junto com esta linha rosa aparece sempre que você estiver alinhando com as guias inteligentes. Então, vou ampliar rapidamente o atalho para Controle de Doenças e mais ou Command plus. E você pode ver as diretrizes dessa coisa aparecendo. Agora vamos criar nossa primeira linha. Para esta etapa, estaremos andando na vista do esboço. O atalho para isso é Comando ou Controle mais VY. Agora, no modo de contorno, podemos ver todas as nossas folhas sem qualquer peso online de preenchimento. E isso nos permite alinhar rapidamente nossos triângulos. Para duplicar seus triângulos, selecione seu triângulo segurando Alt e Shift. Comece a arrastar seu triângulo para a direita. Mostra que seu triângulo é duplicado assim. E estamos usando o Shift B garante que a forma se mova em 90 graus. Assim. Vou desfazer isso rapidamente usando Comando ou Controle ocupado. Agora, quando eu amplio, vejo que meu vértice triangular está alinhado. Às vezes, quando você tenta arrastar o triângulo, você pode enfrentar alguns pontos de sucos e você não pode combiná-los. Nesse caso, basta ir para Exibir e desligar, encaixar no pixel e tentar novamente. Vamos agora agrupar esses dois triângulos selecionando ambos e usando o atalho Comando ou Controle mais g. Não duplicaremos esses triângulos usando a ferramenta refletir. Para fazer isso, selecione seu grupo, vá para Objeto, Transforme e Refletir. A partir daqui, selecione a horizontal. Como você pode ver, eu tenho o botão de visualização marcado. Eu posso ver isso acontecendo na minha frente Lave. Agora basta clicar em copiar e duplicar seu grupo. Agora, se você pressionar Copiar a duplicata de nucleotídeo do seu grupo original, e se você pressionasse OK, então pegada, mas agora temos triângulos sobrepostos. Agora, para alinhar este pincel Shift e arrastar o grupo triangular para o lugar, você também pode ampliar e verificar rapidamente se você existiria é Elaine e diminuir o zoom usando Command ou Control N menos. Agora, quando isso for feito, basta pressionar Command ou convidar para voltar ao seu espaço de trabalho original. Em seguida, vamos clicar no triângulo superior e mudar as cores para que você possa identificá-lo facilmente. Agora vamos desagrupar grupos externos da placa clicando com o botão direito do mouse em cada grupo e selecionando desagrupar. Então vamos começar a duplicá-los para criar nossas linhas. Agora vou selecionar todos os quatro triângulos e vou começar a levá-los usando todos os municípios. Agora, em vez de repetir isso repetidamente, você pode simplesmente usar o Comando D para criar um comando de cópia é superado o último passo que você deu um ilustrador, e provavelmente é meu atalho favorito para usar. Agora vou usar o Comando D, comando D, atraso, chegar ao final do meu quadro de arte. Vou apagar rapidamente todos os meus triângulos extras. E agora vou ser isso rapidamente na direção vertical. Vou selecionar rapidamente minha primeira linha e divertido Alt e Shift, vou criar uma cópia. E, mais uma vez, vou pressionar o Comando D, o comando D para criar todos os meus triângulos no formato vertical. Veja, e assim, nosso padrão base é o ID do conhecimento. Então, para recapitular esta lição, atualizamos nosso triângulo base usando a ferramenta polígono. Em seguida, aprendemos a duplicar facilmente o desagrupamento são triângulos. Em seguida, vimos como usar a ferramenta Girar e a visualização de contorno para garantir que nosso triângulo esteja alinhado corretamente. E, finalmente, leia, aprenda o comando e o atalho para fluxo de rede mais rápido e crie facilmente um botão base. 4. Colorir nosso padrão: Vamos começar encontrando uma paleta de cores e colorindo um Patton. Eu pessoalmente adoro usar coolers.co para encontrar uma nova paleta de cores para esta classe, vou para as tendências deles e encontrar uma que eu gosto. Mas eu definitivamente recomendaria brincar com o gerador de cores. Eu geralmente gosto de usar paleta de cinco cores, já que as acho facilmente gerenciáveis, ficaria à vontade para escolher qualquer coisa que você Lake. Eu realmente gosto dessa paleta e vou mostrar a você como exportar isso como um SVG. Agora vamos abrir este SVG no Illustrator arrastando-o para o Illustrator. Eu posso. Agora, nesta arte, selecione suas cinco cores e pressione Comando ou Controle C para copiar. E depois, voltando ao nosso arquivo original, basta clicar em Comando V e cole isso em nosso quadro de arte. Agora vou criar uma paleta de cores selecionando esta arte. Vou para minha ferramenta de amostras caso as amostras não apareçam no seu espaço de trabalho. Basta ir para o Windows e pressionar amostras. A partir daqui. Agora clique no menu suspenso, que fica no canto superior direito da barra, e clique no Novo grupo de cores. Vou nomear esse assunto em um. Agora, se você simplesmente rolar para baixo, você poderá ver sua nova paleta aqui. Agora, vou excluir isso. E vamos começar com a segunda parte. Agora, a segunda parte pode parecer um pouco monótona, então sinta-se à vontade para tomar uma xícara de café, colocar uma boa música. E agora vamos começar a colorir um botão. Primeiro, vamos nos certificar de que todos os nossos triângulos são brancos com um contorno preto. Vou selecionar todos esses. E de baixo, no canto superior esquerdo, vou mudar a cor de preenchimento para branco e preto. Isso nos ajuda rapidamente a identificar nossos triângulos espalhando. Agora vamos começar selecionando triângulos aleatoriamente. E não há fórmula escondida atrás de nós. Na verdade, vamos selecioná-los Veda e pressionar recentemente V para acessar sua ferramenta de seleção, que é essa seta preta. Ao selecionar Shift, comece a clicar para começar a selecionar seus triângulos. Sempre que você selecionar terá um contorno azul. Depois que você tiver vários triângulos selecionados, vamos apenas para o painel de amostras e clicar em qualquer cor para colori-los. Agora, assim que você tiver terminado de colorir, simplesmente os bloqueou usando Comando ou Controle mais dois. Agora podemos optar por bloquear objetos específicos em uma camada. Dessa forma, não podemos selecioná-los ou editá-los até desbloqueá-los. Como você pode ver, não consigo selecionar nenhum desses triângulos. Agora, no caso de você colorir em triângulos adjacentes da mesma cor, não se preocupe com isso. Editaremos esse teta. Agora vamos cobrir alguns triângulos para essa segunda cor usando o mesmo processo. E assim que você terminar com isso, tranque-os novamente. Às vezes, seus triângulos podem se mover acidentalmente. Basta desfazer, que é Command ou Control Z. Você voltou à sua posição original? Agora, vou repetir esse processo com todos os triângulos. Uma vez que eu tenha todos os meus triângulos de cores, começamos até limpando, corrigindo e fazendo uma peça de repetição final. No próximo segmento. Para recapitular, aprendemos a importar uma paleta de cores para o ilustrador de um arquivo SVG. Em seguida, aprendemos a criar um grupo de cores personalizado no Illustrator. E, finalmente, aprendemos a usar o log dois. 5. Tornando-o mais fácil: Agora que temos triângulos coloridos, vamos começar desbloqueando nossos objetos. Para fazer isso, basta clicar em Option ou Alt plus comandado para ir para o Object Unlock não removerá o traçado de todos os meus triângulos. Então, vamos selecionar todos esses e ir para o painel Stroke no menu à esquerda. Clique duas vezes no traço e do vestido para o link cruzado. Agora, clique novamente nos campos para que ele fique na parte superior. Pode haver certos lugares que existem apenas em triângulos, têm a mesma cor. E agora vamos começar a recolori-los para triângulos de varejistas. Basta selecionar um dos triângulos usando a ferramenta de seleção e, em seguida, usar a ferramenta conta-gotas para recolorir. O atalho para conta-gotas é eu, e assim que este pequeno conta-gotas aparecer na tela, basta clicar em qualquer outro triângulo. Seu triângulo atual será recolorido com a cor do triângulo em que você clicou. Agora pode haver um monte de triângulos para colorir, e eu sempre recomendo usar atalhos para fazer isso, basta pressionar um para essa seleção e depois conta-gotas IFA e clicar no seu triângulo que você deseja cor. Da mesma forma, vou fazer isso por todos os meus triângulos de reunião, e vou limpar isso. Depois de terminar isso, vamos começar criando um padrão sem emenda. Vou pressionar M na ferramenta retângulo e criar um retângulo. Agora certifique-se de que seu retângulo corresponda de ponta a borda do padrão. Se estou começando com o vértice superior do meu lado direito, quero que o mesmo vértice esteja lá no meu lado esquerdo, dois. Depois de ter um retângulo, selecione tudo clicando e arrastando nesta tela e vá para a ferramenta Windows Pathfinder. A partir daqui, clique em Cortar. O que isso faz é que ele desce o padrão para o retângulo, o que eu, agora, não é perfeito. Se eu fosse fazer uma repetição e arrastá-la, você perceberá que os triângulos na borda têm cores diferentes. Mais uma vez, usando um e eu, vou recolorir esses triângulos externos. Não preciso repetir este exercício nas direções verticais pois nenhum triângulo está sendo cortado na parte superior e inferior da digitação. Agora vou arrastar desmarque pelos dois lados. E sim, é perfeito. Não é um padrão agora. Para criar uma visualização padrão, basta arrastar nosso retângulo para o painel Amostras. O que isso faz é que ele inventa. Agora vou criar uma nova placa de arte partir da ferramenta de placa de arte. Aqui farei um novo retângulo usando em para meu preenchimento de cores e simplesmente padrão de pigmento das amostras. E imediatamente esse retângulo se torna meu padrão. Não importa qual tamanho me retangular, eu simplesmente tenho que usar a ferramenta conta-gotas e ela se tornará um padrão sem emenda. Para algumas dessas lições, aprendemos a usar a ferramenta de corte para criar um padrão de mosaico. Em seguida, aprendemos a verificar se nosso padrão é perfeito. E então finalmente aprendemos a criar um botão. 6. Recoloring nosso padrão: Caso você queira criar o mesmo padrão em outro esquema de cores, podemos facilmente cobrir isso usando nossa ferramenta Recolor Artwork. Para fazer isso, vou começar com outro esquema de cores que baixei de kudos. E vou novamente copiar e colar isso no meu quadro de arte. Mais uma vez, vou repetir meus passos e adicionarei isso como um novo grupo de cores às minhas amostras. Agora selecione minha arte e clique na ferramenta de recolorir arte. É essa roda de cores na barra superior. Agora, quando você abrir isso, ele abrirá o intervalo onde você tem as cinco cores. E como você pode ver, essas cinco cores são aproximadamente divididas na mesma faixa de veias, que significa que a obra tem essa, essa quantidade de cor em relação às cinco cores. Agora, a partir daqui, vou clicar nas Opções Avançadas. E agora vou simplesmente clicar no meu segundo grupo. Agora, assim que eu faço isso, minha arte fica recolorida com meu segundo esquema de cores. Agora podemos brincar com isso até ficarmos felizes. Eu não gostei disso, então vou pressionar. Certo. Agora. Pressione sim. Como fizemos isso anteriormente e agora vou arrastar e soltar isso para criar um novo botão de amostra. Agora vamos verificar isso. Então, vou desenhar um retângulo usando o M2 e apenas preencher isso com nosso novo padrão. Vamos ver como isso parece perfeito. Da mesma forma, podemos adicionar tantas paletas de cores quanto V1, e podemos continuar recolorindo nossa arte para criar novos padrões sempre. 7. Como criar um mockup: Agora, para o nosso exercício final, criaremos uma maquete de um padrão. Você pode escolher qualquer objeto que quiser, como um diário, uma caneca ou até mesmo algum tecido. Para conhecer minha maquete. Estou usando essa maquete de almofada que encontrei de tecido criativo. Eu tenho esse arquivo baixado e agora vou abrir isso no Photoshop. Quando meu arquivo estiver aberto, vou rolar rapidamente para cima e ocultar essa camada chamada altura me usando o botão I. Agora, em qualquer arquivo de maquete que você abrir, você sempre encontrará uma camada que diz Coloque seu design aqui. E como um pequeno ícone no canto inferior direito. Isso significa que esses objetos inteligentes e objetos inteligentes podem ser editados. Basta clicar duas vezes sobre isso e um novo arquivo será aberto no Photoshop. Vamos colocar nosso padrão aqui. Agora vá para o Illustrator e selecione seu padrão. Pressione Command C. Volte para o Photoshop e pressione Control ou Command V para colar seu padrão. Aqui, selecione pixels e pressione OK. Agora, enquanto estiver segurando o antigo, redimensione sua arte e pressione Command S para salvar sua arte. Agora, assim que você voltar ao seu arquivo de maquete, você encontrará o padrão na maquete. É realmente tão fácil. Agora também podemos editar a cor de fundo. Eu geralmente gosto de usar uma das cores que existe dentro do meu mundo artístico. Mas em uma data posterior. Também podemos brincar com outras configurações e ver o que nos convém. Quando estiver feliz com sua maquete, tudo o que você precisa fazer é exportá-lo. Vá para Arquivo, Exportar, Exportar Como agora aqui, costumo usar JPEG e boa qualidade. Da mesma forma, você pode criar modelos diferentes usando seu padrão em objetos diferentes em diferentes visualizações do mesmo objeto que encontrei. Espere para ver o que você inventou. 8. Considerações finais: Espero que você tenha gostado da aula. Não se esqueça de pegar a seção de fontes de dinheiro para ter acesso ao PDF, que contém todos os vídeos de atalhos desta classe. Depois de terminar suas descobertas de volta para fora do seu amnio, conecte a seção de projeto de classe. Podemos ver o que você inventou.