Twitter Facebook Google+ Vimeo YouTube Pinterest Dribbble

Illustrator – Padrões repetitivos


Essa dúvida veio do Paulo Castelo, lá de Portugal ! Como criar padrões repetitivos no Illustrator. Exemplifico com dois tipos de padrão: um mais solto, com objetos que disfarçam o módulo, e outro mais geométrico, cujo módulo é visível. Isso é bem útil pra criar estampas e fundos pra web, ou pra qualquer tipo de mídia ..

O script que eu usei pra dividir a linha em seções idênticas é esse:

Divide Length

Quem ainda não viu o vídeo de scripts, vale à pena conhecer!

  • Pingback: Tweets that mention João Faraco Tutoriais | Illustrator – Padrões repetitivos -- Topsy.com()

  • Muito bom… bom mesmo….

  • Debora

    João, eu sempre procurei tutorial pra aprender a fazer pattern… e depois de desistir, achei esse teu tutorial, super explicado, moidinho. Tou super empolgada pra colocar em prática. Parabéns pela boa explicação e didática. Muito obrigada! =)

  • minha vida acabou de mudar desde que conheci seu blog a poucos minutos! isso é de imensa utilidade, parabens em seguir esse caminho! gratidão!!

  • cristina

    muito bom!

  • Olá João!
    Primeiramente gostaria de parabenizá-lo pelos tutoriais. Para estudantes que, assim como eu, estão entrando no mercado agora, ajuda muito.

    Bom, gostaria de ver há possibilidade de você postar algum tutorial a respeito de Tablet + Illustrator. Não sei se você utiliza tablet em algum de seus trabalhos, mas com certeza conhece as melhores ferramentas para manusea-lo. Venho testando vários programas, desde corel até photoshop. Acredito que o Illustrator tenha se adaptado melhor, ainda que eu esteja me adaptando com níveis de pressão e etc.

    Caso você não tenha disponibilidade de postar um tutorial, e se não fosse pedir muito, se você pudesse me responder via e-mail eu ficaria muito agradecido. Mas, como disse, sei que você deve ser muito ocupado e não quero atrapalhar.

    Bom, é isso.
    Parabéns novamente pelo site. Existem muitos poucos profissionais no mercado dispostos a realmente ensinar pessoas que ainda estão em fase de aprendizado.

  • Muito bom o tutorial! Já venho acompanhando os tutoriais a um tempo e é sempre a melhor opção entre os que eu procuro. Parabéns, ajuda muito.
    Eu também tenho dúvidas em como usar a tablet junto os softwares de criação. Procuro turoriais a respeito e não acho nada bom. Ia quebrar um galhão ter um aqui.
    Valeu.

  • Meus parabéns cara, seus tutoriais são demais. Já salvei o seu site nos meus favoritos.
    abraços e muito obrigado pelos tutoriais.

  • Como sempre João Faraco!!!

  • D’lara

    Gostaria de ver um totorial, mostrando efeito de descascado no vetor feito tecnicamente. Porque pra tudo se tem jeito manualmente falando, mas gostaria de ver isso ser feito com mais facilidade.

    Para exemplificar aquele efeito usado muito em roupas de surfwear.

    Se puder responder Agradeço!

  • wellyngton

    joão, tu é o cara.

  • wellyngton

    joão seria interessante um tutorial sobre a grade retangular do illustrator.
    principalmente para arte final de nota fiscal. assim praticamente abondonariamos
    o corel de uma vez. outra duvida é sobre arte final para placas e faixadas,
    as sombras por exemplo não funcionam, sempre aparece uma menssagem
    dizendo que a dimensão do arquivo é muito grande. e se formos exportar
    para jpg qual a resoluçao certa? no caso de banners e lonas.
    outra coisa, o illustrator tem a mesma ferramenta de impressão da corel?
    podemos fazer um cartão de visita 9 x 5 cm por exemplo, e usando a janela de imprssão do illustrator podemos duplicar o arquivo, colocar marca de corte
    assim como o corel faz? acredito que esse seja o grande trunfo da corel,
    principalmente nas graficas rápidas.

  • Ricardo

    João, seus tutoriais são muito bons!
    Estão me auxiliando muito, continue aí postando mais aulas…

  • João parabéns pelos seus trabalhos e os tutoriais, muito bom mesmo!

  • Natália Almeida

    Joao,

    Obrigada pelo tutorial. Antes pegava os desenhos do Illustrator, passava para o Photoshop e usava o filtro Offset para fazer o rapport. Fazer como o seu tutorial é mais vantajoso porque facilita para alterar as cores e algum detalhe nos desenhos mesmo depois de o rapport feito.

    No entanto, ainda sou nova no Illustrator e tenho dificuldade de trabalhar com precisão. Por exemplo, estou com uma dificuldade enorme de posicionar o segundo quadrado exatamente ao lado do primeiro. Já tentei ativar Snap to Grid, to Point, já tentei alterar “o keyboard incremente” nas preferências do programa (esse foi o que mais funcionou até agora), mas ainda nao me sinto segura de que o novo quadrado foi posicionado “grudado” ao quadrado anterior. Você tem mais dicas para que eu possa fazer isso com mais segurança de que ficou correto?

    Parabéns pelo tutorial e muito obrigada.

    Natália

  • Rafael da Cunha

    Joao, primeiro parabéns!
    Seu site esta em meus favoritos e acesso diariamente.

    Mas cara, nao estou conseguindo fazer de jeito nenhum, tem algum problema entre o pc e o teclado. hehehehe
    Pode ser alguma diferença de cores dos objetos, por exemplo? Ou objetos com cores diferentes não impossibilitam de fazer o padrao repetitivo.
    Outra coisa, quando vou fazer o compound path ele dá o seguinte erro: “Can`t make a compoud path. All objects in a compound path must be paths, and they cannot be brushed or be part of an object.”
    Faz diferença do CS3 para o CS5? Possuo o CS3.
    Muito obrigado e aguardo resposta.

    Rafael

  • Heloisaefonseca

    ótimo!!! muito obrigada, me ajudou muito

  • Debora

    Maravilha de Tutorial! Você manda super bem! Parabéns!

  • Victor M

    João vc pode me dar uma dica de onde baixar o Illustrator grátis ??

    Agradeço ..

  • Oi João! Muito bacana seu tutorial. Você já conhece a ferramenta MadPattern? Ela permite a criação de padrões repetitivos bem complexos de forma bem prática, é fantástico. Nesse site você encontra o download gratuito http://www.madpattern.com/ Abraço.

    • Anônimo

      Cara, demais !! Outro dia mesmo eu tava tentando fazer um sisteminha que automatizasse a criação de patterns como esse, mas vi que é bem complexo e acabei desistindo. Excelente dica !

    • Felipe Moscon

      Fala, Agah.

      Obrigado pela dica. Muito bom.

    • Fernanda

       só não conse3gui instalar! 🙁

  • Thiagobstavares

    Parabéns João!!!
    Bom tutorial.
    Abração

  • Thiagobstavares

    Parabéns João!!!
    Bom tutorial.
    Abração

  • João, curto demais seu blog. Parabéns cara!

  • olá, muito show esse tutorial!!
    enquanto o curso q vou fazer nao começa, estou aprendendo sosinho… eu gostaria de saber como exportar simbolo do flash, para importar no illustrator… arrastando eu consegui mas ai o simbolo perde a qualidade…
    se puder me ajudar… 😀
    abraço!

  • Moondiante

    Oi João, sempre vejo seus tutoriais, são ótimos, você explica muito bem! Esse foi ótimo, só fiquei com uma dúvida… preciso fazer uma pattern como o primeiro exemplo que você deu mas com objetos coloridos, o que muda?

  • Dany Fernandez

    sou fã desse blog *.* desde quando eu era novata no AI!!!! digamos que o João foi meu primeiro professor de Illustrator! hahaha valeu cara seus tutos são demais!

  • Márcio

    Oi! Sobre os padrões repetitivos, tive um probleminha. Ao final do processo, quando tudo já está pronto, e vou aplicar meu padrão em um objeto, eu noto que ele assume uma postura “fixa” dentro do meu objeto, ou seja, se eu distorcer minha forma, os elementos vão distorcer também, ao invés de apenas mostrar mais área do padrão. Onde estou errando? Abraço e parabéns!

  • Esse vídeo também está sem funcionar. 😉

  • Vinícius Afonso

    Olá João.. muito show esse seu tutorial. execelente.
    Estou a um mês já acompanhado o seu blog.
    Parabéns pelo tempo que disponibiliza pra ajudar os outros.
    Com liguagem direta e abordagem, ao meu ver ótima, tenho a certeza
    de que vou vir, sempre,  pegar dicas de um profissional do seu gabarito.
    Sucesso e parabéns.

  • Thiago Fagner

    Muito bom tuto!

  • daniel

    Muito bom o tutorial!

    Mas da pra fazer o pattern com o clipping mask sim, nao precisa ficar fazendo o pathfinder.

    Vc joga pro swatches o módulo com o clipping mask e em seguida vc clica e arrasta o módulo de volta pra tela do illustrator e arruma a mask e joga de volta pro swatches.

    Abs

  • Sulivan

    Muito bom seu tutorial cara,vc tem talento to me dedicando pra chegar aonde eu quero e voce tem tutoriais otimos.
    Vlwzão

  • MUITO BOMMM… perfeito o tutorial cara…

  • MUITO BOMMM… perfeito o tutorial cara…

  • Parabéns pelo blog. Muito bom esse tutorial, cara!

  • Oi, João! Primeiramente deixa eu te agradecer, pois seus tutoriais têm me ajudado MUITO! Bacana isso de você generosamente repassar os seus conhecimentos de forma tão compreensível. Tks!
    Mas então… eu uso o AI CS5 15.1.0, e uma coisa que não consigo usar nele é e o botão “expandir” que fica lá na caixinha do pathfinder, ela nunca fica selecionável. Será que é alguma configuração? Tomara que vc saiba me responder. De qq forma valeu mesmo!

  • Bruna Antunes

    Vim agradecer pelos tutoriais.
    Eu estou começando a usar o Illustrator e esse tutorial sobre padrões repetitivos me ajudou MUITO ontem, quando eu fui fazer um teste numa oportunidade de emprego.
    Deixei pra ver o vídeo de clipping mask em outro dia e quase me dei mal, precisava aplicar a estampa que criei numa mochila.
    Mas aí levei pro photoshop e fiz por lá.
    MUITO obrigada.

  • Pingback: Novo Illustrator CS6 | João Faraco()

  • Pingback: Novo Illustrator CS6 « producaograficadesign()

  • João, qual tecla você segura quando faz a marcação a partir dos pontos em 24:50? Percebo que as vértices do quadrado se prende tranquilamente aos pontos. Grande abraço!

  • neto

    muito bom mais quero saber se tem como trocar a cor do padrao repetitivo ja depois dele pronto

    • No proprio video ele mostra como. Depois de fazer qualquer alteração que vc fizer no seu padrão, como mudar a cor, basta arrastar pra paleta, segurando a tecla alt, substituindo o padrão anterior.

  • Na minha humilde opinião, o melhor tutorial que vi até hoje… Faraco Rules!! =)

  • Victorvitti

    Parabens pelos seus tutoriais.

    Gostaria de uma ajuda sua.
    Estou com o novo Illustrator (o CS6)
    Mas estou com problema na precisão nao Consigo Alinhar os pontos

  • Muito bom, bem claro e bem explicado! Vai ajudar muito a domar o bichinho do Illustrator!

    Valeu Faraco!

  • Matheus Majer

    Faraco, o que seria o pixel grid? Eu não entendi sobre ele, teria como explica-lo?

    Quando devo usa-lo?

  • Ariadne Rodrigues

    Sensacional. Sem palavras, tutorial muito bem feito!

  • Jadson Vale

    Oi João!!! Muito bom seus tutoriais!! Porém surgiu um problema o pathfinder não aceita em objetos complexos como faço?? Meu illustrator é cs3. Obrigado

  • Bianca Casale

    Cara, que tutorial ótimo! Parabéns…