Illustrator – Mesh Tool

Em 14 de dezembro de 2008 · 63 Comentários

Depois de um tempinho ausente, aqui estou com um mega tutorial sobre o Mesh Tool do Illustrator. Ficou bem comprido, mas tenham paciência, porque eu tentei enrolar o mínimo possível … Mas acho que o Mesh Tool merece uma boa atenção, porque pode ser complicado de entender o processo e o funcionamento da ferramenta.

  • Tiago

    brother massa ae o tuto seu,gostei do vetor la que tu fez dakela foto,valeu ae parceiro de compartilha seus conhecimentos,eu tbm trabalho com illustrator em full time e naum tenho tanto intimidade com a mesh,exatamente por isso que eu vim para aqui,tu tem algum site mano pra indica que tem uns tuto avançado de mesh..abraços brother show de bola as dicas…

  • Marcio Ferreira

    Grande João ( mago do Illustrator ), como sempre teus tutos são 10, valew pela aula, pela paciência de com os detalhes dos comandos e com os conhecimentos extras que vc incorpora nos tutos, os macetes e as dicas. Não sabia tirar proveito dessa ferramenta e agora já consigo imaginar muitas coisas para fazer com o Mesh.
    Grande abraço,
    Marcio

  • Thiago Emérito

    Meus parabéns e muito origado por compartilhar seu conhecimenmto.

  • Hugo Souza

    Apoio a sua idéia de fazer tutoriais, e não é de hoje que ouço falar de você, por isso, uma sugestão: Elabore um roteiro antes das aulas. Com isso será mais fácil para você passar seus conhecimentos, e para nós absorve-los! Um abraço!

  • vanessa

    Cara muitoooooo booommmm o seu tutorial sobre o mesh tool
    acabei de baixar o illustrator e estava com muitos problemas para fazer esses efeitos. Eu sempre fazia o vetorial usando a pen tool mas o efeito de usar o quadrado com certeza supera a outra tecnica e o mesh fica muito melhor, agora eu sei pq eu não conseguia um efeito convincente.
    Vim aqui nesse site procurando um tutorial que explicasse sobre mesh e alem disso ainda aprendi como vetorizar uma imagem de um jeito mtu melhor.
    Esta de parabens, é com sites iguais ao seu que cada dia mais eu vejo que não é necessario fazer curso de Adobe.
    Parabens ;D

  • Jorge Sorbara

    Muito obrigado ^^
    Eu estava tentando entender essa ferramente faz um bom tempo. Ajudou muito.
    Só tenho uma dúvida. Nas “tips” do site Real Trace. O cara mostra dois círculos com o mesh, um parece com um alvo e o outro tem 3 linhas subindo. Fiquei horas tentando fazer igual, fui testando pois não entendo nada de japonês rs.
    Você sabe como ele faz aquilo?

    Obrigado

  • fernanda

    Oi Joao, descobri seu site hj e estou simplesmente amaaaaaaando os seus tutoriais!!! vc explica muito bem, com calma, pra mim que estou comecando agora a mexer nesses programas esta sendo maravilhoso!!!! Continue postando sempre seus tutoriais, ok??

    Beijos
    Fernanda

  • http://marcos-paiva.deviantart.com marcos_paiva

    Caraca véio!!!
    Bem maneiro, ferramenta bem doida!!!

    Viva o Illustrator!!!!!!

  • gabi

    q vergonha soh comecei a ver seus tutos agora!! tbm nao da mais pra ficar espiando vc trabalhando neh? ahua brigado pelos tutos.. bota mais coisa ai.. bjs “D

  • tatyane namasu

    uauauauuauauuu….amei , eu estava quase arrancando os meus cabelos para entender essa ferramenta !!! muito bom , vc explicou direitinho,valeu e por favor continue postando !

  • Germano Bisson

    Muito Bom João! Coloca mais Tutoriais – Qto. mais melhor…
    Tudo de Bom!!

    Parabéns!

  • felipe

    cara, interessante o tutorial, mas você podia tentar estudar mais português e matemática, dizer que um comando lógico de software é uma ‘coisa muito louca’, e que ‘de repente o illustrator vai lá e põe o ponto onde quiser’ é de uma ignorância que assuta.

    criação não é ação. se você quiser ser um profissional melhor vai entender.

    obrigado pelo tutorial ainda assim, e até.

  • http://alyssonsk8.deviantart.com/ alyssonsk8

    Bom joao parabens pelo seu tutorial adoro tudo que envolva arte digital,a ferramenta que eu uso primordialmente é o photoshop cs4estou em fase de laboratorio com o adobe ilustrator tentendo entender suas ferramentas processo de criaçao etc,faço vetores porem no photoshop,e a ferramenta gradiente mesh pra mim seria de gde utilidade…continue postando tutos ate +…

  • dlucas

    Carai vey tá muito bom o tutorial, é d grande ajuda pra mim q to começando a entrar nessa parada de designer.
    foi de grande ajuda. valeuuuuuuuuuu

  • Marcio Ferreira

    Achei um sobre Mesh Tool, é muito bacana, vai essa dica grande abraço!
    Ps: Queria pedir um Tutu teu sobre qual deve ser a resolução de trabalhos feitos no Photoshop para poder depois finalizar com textos e vetores no Illustrator para fazer cartazes com resolução de 300DPIS. Grande Abraço irmão.
    Marcio

  • Marcio Ferreira

    Esquecí de postar o link muito bom esse site tmbm!

  • mafaGafa

    entao.. eu to tentando descobrir aqui, qm sabe vc sabe… c eu quiser usar o gradient mesh pra conseguir um gradient q va pro transparente (opacidade zero)? tem como eu botar os pontos com opacidade zero, ou sem cor nenhuma? ou eu tenho q fazer um gradiente mesh normal e no fim fazer a velha mascara de transparencia? blend mode nao ta me parecendo uma boa opcao tbm… c soouber da um toque ai? bjs “D

  • mafaGafa

    ah.. esquece.. ja vi q no cs4 da pra conseguir o q eu quero com o gradient tool normal msm.. nem si c o q eu perguntei faz sentido por mesh tool, acho q nao… e como eh apareceu o meu avatar d internet aqui no comentario? puxou d algum profile meu? “D

  • http://www.caligraffiti.com.br João Faraco

    Hehehe .. Pois é, o gradient do CS4 permite transparência, mas o Mesh continua só trabalhando com cores opacas, que eu saiba .. A solução que eu imagino, se você realmente tem que usar o Mesh Tool pra indicar áreas transparentes, seria criar uma malha normal, e duplicá-la para uma Clipping Mask, transformando-a em P/B para indicar as áreas opacas e transparentes. Desse jeito os pontos estariam nos mesmos lugares e fariam o papel de indicadores de opacidade dos pontos de cor da malha principal.

    O avatar vem do seu cadastro no Gravatar.com. Só de você colocar seu email no campo, o sistema busca no gravatar.com e aplica o avatar que você cadastrou lá !

  • Stéfanie Cruz

    Parabéns, muito bom o tutorial e as indicações!

  • http://edyoliveira.carbonmade.com/ Edy Oliveira

    cara parabéns pela iniciativa veio. olha to aprendendo sozinho illustrator e to fazendo muita coisa já, e com esses tutorias melhora mais ainda…cara adorei…basta ter imaginação pra voar..parabéns veio..

  • Joey

    Po, mandou muito, gostei da humildade. Explicou na boa, dicas legais.
    Curti, algumas coisas manjava outras não. Vou sempre dar uma passada por aqui. Bons trampos.

    abraço

  • Diego Normandi

    Excelente tutorial!
    Parabéns pelo trabalho!

  • Evertonbox

    Cara muito show seu Tutorial, por favor faça um tutorial ensinando fazer pinturas igual ou parecido com aquele vetor da sua foto!
    Muito obrigado, valew e continue sempre humilde e generoso.

  • João paulo

    Opa man muito bom seus tutos sou usuario do photoshop a 4 anos mas nunca me aprofundei no o illustrator comecei a estudar a poco tempo essa ferramenta maravilhosa e vc me tirou muitas duvidas com seus tutos parabens man… vou cobrar uns tutos novos heheheh abraços!

  • http://meadiciona.com/jjunior J. Júnior

    Orra João! esse foi o melhor q já vi! Muito massa cara, parabéns!!!

  • http://www.dlara.multiply.com D’lara

    APROVADO POR D’LARA !!!

    Quase me convenci que o illustrator é melhor que o Corel.

    rsrs

  • Carlos

    muito bom! estou a ter aulas na universidade de ilustrator, encontro aqui um optimo suplemento para as aulas. Obrigado Joao

  • http://gilbertcorni.blogspot.com/ Gilbert Corni

    Bom tutorial! Parabéns!

  • Diogo Endlich

    Boa tarde,
    Primeiramente parabéns pelo contéudo do site, os videos são ótimos,
    tanto que gostaria de pedir se possivel abordar um tema que tem me tirado o sono agora que estou migrando do corel para illustrator.
    Perfil de cores, como devo configurar o illustrator para que a cor que vejo no monitor seje a mais proxima possivel da que vai sair no impresso.

    No corel eu isntalo o perfil de cores da grafica q imprimo e beleza, agora no illustrator não entendi onde que eu instalo isso, dei ate uma lida no help, mas fiquei meio confuso, poderia me dar uma direção?

    Agradeço.

  • http://pb4a.blogspot.com Marcelo

    Olá João . . desculpa ressuscitar o post, mas vi q seu tutorial é excelente mas ainda não esclareceu uma dúvida minha. Imagine que tenho uma elipse azul e que apliquei a mesh tool nela e o efeito gradiente vai do azul pro branco. Dei uma deformada na malha e tals..

    Só que agora, minha elipse (que não é mais uma elipse) que originalmente era azul e tinha o gradiente pra branco, quero mudar a cor base (azul) para verde. Como o gradiente cria “tonalidades” do azul, não há como “falar” pro illustrator que ao invés de partir do azul, deverá ter como base a cor verde?

    Preciso mudar ponto a ponto mesmo?

    Se puder ajudar, agradeço.

    Abraços,

    Marcelo

  • Marchelo Santos

    Acho que sou eu que estou ressucitando, eu uso o basico do mesh no corel, achei bem melhor do Illustrator, muito bem explicado o video, consegui entender mais um pouco.
    Valeu John!

  • furmiga

    muito bom, gostei de mais de seu tuto,..

  • Monique

    Estou doida para ver seu video… ja faz tempo que tenpo, mas ele nao passa dos 17 minutos … nao sei pq

  • Monique

    consegui rsrs…meu …muito bom o video, adoro o seu site ..sou estudante de Design Gráfico e sempre q posso dou uma passadinha por aqui pra ver as novidades e aprender tbm

    Bjao!

  • Felipe Catunda

    Nothing Better! :]

  • Fernando

    Po Joaão vc é fera mesmo cara, da mais vonatde de aprender vendo seus tutoriais, alem de manjar muito e passar varios macetes, vc é engraçado de mais velho, dei varias risadas aqui.
    Por favor continue assim!!!!!!!!!

    Cara, brigadão mesmo.

    Abraços,
    Fernando

  • Davi Silva

    João gostaria de saber se à a possibilidade de usar o Mesh Tool em linhas por exemplo .pois fiz um desenho usando apenas a pen e não sei como poderei dar o gradiente da pele do personagem por favor me ajude …sou aluno da seven 7 informatica e isso seria o ultimo trabalho usando tudo o que eu aprendi …o que devo fazer o desenho todo novamente usando quadrados e outras formas geometricas …por favor me ajude …
    desde já obrigado …
    se puder mandar e-mail tirando essa duvida eu lhe agradeço muito …

  • Dieme

    Cara, simplesmente espetacular!

  • Marllon

    Valew cara, muito obrigado pelo ótimo Tutorial.
    Deus lhe abençoe, dando a você cada vez mais conhecimento.

  • Patricia

    Magnífico seu tutorial!!
    Estou fazendo um curso de Illustrator avançado, mas o que aprendi sobre Mesh Tool não chega nem perto da brilhante tutorial que vc ministrou!!
    Admiro pessoas que como vc compartilham seu conhecimento com outros.
    Grande teacher!!

  • Becker

    Eu to fazendo curso de Computação Grafica, no modulo de Illustrator inteiro eu não consegui entende nada e faltei em todas as aulas de Mesh, mais com esse video eu intendii muuita coisa, agora ééé so pratica.
    bjÔ’s a todos

  • http://www.vortexgamestudios.com.br TheMonkeyTail

    Opa! Você conseguiu fazer me entender (ou quase xD) com o Illustrator, segue alguns q fiz seguindo o seu video :)

    Garrafa de Chopp básico (depois te pago um hahaha :D )
    http://themonkeytail.deviantart.com/art/Chopp-180101731

    Purple Tentacle (WIP)
    http://themonkeytail.deviantart.com/art/Purple-WIP-179945495

    T+! E continua ai com seus vídeos!!! :)

  • uendel baiano

    po joão muito massa este tutorial to cada vez mais me apaixonando pelo IL obrigado mesmo mano veio to ancioso pro proximo tuto seu valeu

  • Rodrigo

    Me mostraram uma arte feita com o mesh tool e procurei entender como essa ferramenta funciona… e este tutorial me ajudou pra caral**!
    Vlw cara!

  • Yagame

    http://www.gravatar.com/avatar/dd1bb71eea3fa3fa54d8003d3675b0aa.png
    Hail Faroco
    meu nome é Alyson (apelido Yaga ou Yagame)… sou aluno de uma escola de computação gráfica, estou pegando Illustrator agora, já tinha visto um tuto seu antes, e ja tinha gostado (inclusive me deu uma grande ajuda na prova de estágio da escola) , mas nesse da Mesh você se superou cara, mandou muito bem, acho que aprendi mais no seu tuto que na aula!!!
    kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
    agora sim vetorizo o Link (Zelda)
    Muito Obrigado cara, é legau ver que existem pessoas dispostas a compartilhar um pouco do que sabem, daqui a alguns meses devo criar coisa semelhante!!!
    Obrigadão!!!
    Sucesso brother….

  • Madson

    Cara ficou legal seu tuto, mas seja um pouco mais objetivo e não fala tanto (na boa, critica construtiva).

    Em relação ao inicio do tuto quando você falava do Japonês, cara tem muita gente que faz isso aqui no Brasil, no curso mesmo a galera é demais dá uma olhada (apesar que eles usam outros programas para concluir a arte) http://www.saga.art.br

  • Adriane

    po estou fazendo curso de web design é tenho um pouco de dificuldade nessa ferramenta
    Mesh tool e uuma ferramenta que sempre temos que usar intão seu tutorial me ajudou muito vaaleo mesmoo !

  • Antonio Ozael

    Caro João,

    Parabéns pelos tutoriais. Fantásticos, muito bem explicados, tremenda paciência e objetividade. Meu irmão, que mora em Macapá me passou o link do seu site e agora é o principal dos Favoritos. Você é Faraco mas não é “fraco” não. Obrigado por disponibilizar esse conhecimento para os simples mortais. Qualquer hora pago o teu chopp, ok? Vamos lá pessoal, vamos fazer o João beber bastante (com moderação).

  • Raoni Xavier

    Muito obrigado João!

    Sempre quis entender melhor essa ferramenta. Já havia feito umas tentativas frustradas, mas o seu tutorial ajudou a esclarecer os pontos mais importantes que me deixavam travado.

    Sua iniciativa de fazer esses tutoriais é muito bacana! Parabéns.

    abs

  • Gustavo

    Seu site eh muito bom !!!!

    Nossa to me matando aqui pra usar a ferramente de malha, tenho um trabalho do curso pra entregar usando a mesh, mas ta muito dificil.

  • http://joaofaraco.com.br/illustrator-mesh-tool/ felipe

    Seus site e muito bom, vou recomenda para os meus amigos que estudam na Seven Computação Gráfica.

  • Reginaldo

    cara você está se superando cada vez mais, vou admitir que pensei que fosse mais um video daqueles em que o cara faz tudo e não fala nada…. parabéns. só tive uma duvida (sou bastante leigo ta.. num leve a mau) as vezes você não diz qual a ferramenta q esta usando… depois tá pra notar mas tudo bem.. mesmo asim ficou show o trabalho que fiz baseado nas suas dicas….espero por outros tutorias…..

  • http://www.niramekko.com.br Rodrigo Saiani

    Fala João, animal teu tutorial!
    Uma outra abordagem, quando você quer usar a pen tool para desenhar a forma (da garrafa, por exemplo) é fazer um máscara (clipping mask), e, a partir de um quadrado base criar o gradient mesh. Isso ajuda quando a forma é muito complexa, o que faz o gradient mesh ter um resultado estranho às vezes (curvas aparecendo fora da forma básica, por exemplo). Acho que aprendi isso com um tutorial e veio a calhar em vários momentos!

  • FujiiArtz

    Muito bom,ou melhor Excelente!!!Exorcisou os demônios em relação ao mesh tool,sempre achei dificilimo essa ferramenta,nessa video aula,simplificou bastante o meu conhecimento,ou diria que foi um grande atalho,muito bom mesmo,parabéns

  • http://www.timepropaganda.com Netto Carvalho

    Olá João! Parabéns pelo site, adorei tudo (layout, funcionalidade, conteúdo…). Já conhecia seus vídeos/tutoriais mas não o site. Bem, desculpa a pergunta básica. Você falou na ferramenta ‘Mesh’ como algo complexo relacionado a gradientes, mas não dá pra utilizá-la pra algo bem mais simples? Pra ser mais direto, não encontro a opção pra trabalhar com linhas retas no ‘Mesh’, só estou querendo aplicar uma perspectiva a uma pilha de retângulos. Como faço? De já agradeço sua atenção. Grande abraço!

    • http://www.joaofaraco.com.br João

      Valeu Netto !
      A ferramenta que você busca é a Envelope Distort, no menu Object. Com ela você pode distorcer na perspectiva usando Warp (distorções pré-definidas), Mesh (malha similar ao mesh tool) e Top Object (tendo selecionado 2 objetos, ele usa o objeto de cima pra distorcer o de baixo).

      No caso da perspectiva, a melhor opção é a Warp, onde você distorce com parâmetros dos presets, e consegue bastante variação, mantendo a precisão.

      Experimenta lá !

      Abs

  • Jonathan

    Ótimo tutorial
    Somente uma observação, qualquer forma sendo ela elipse, retângulo, quadrado, acrescentam uma série de pontos de mesh “padronizada” porém a forma quadrada ou retangular é mais usada.

    Parabéns pelo tutorial

  • Tony

    Boa tarde João! Tenho visto sempre seus tutoriais, espero que continue sempre assim emprestando um pouco dos seus conhecimentos para nós.
    Valeu!

  • Jonathan

    Cara, muito boa sua video-aula!!!
    Meus parabéns… Eu estava com algumas duvidas sobre essa ferramenta e sua video-aula me esclareceu a maioria.
    Parabéns, e continue assim.

  • Limão.

    cara .. mto foda.. ha tempos q tento criar objetos com o mesh..
    agora vou poder fazer uma rosquinha de forma única..
    rss
    flw ae.. abração.
    parabens!
    (y)

  • Victor

    João eu fosso tudo serto mais quando vou dar Ctrl Y não fica transparente meu quadrado pode me explicar por que ?

  • Matheus

    Olá, gostaria de uma informação, quando aplico o tamplate ele reduz a opacidade da imagem, mas acaba pegando as cores da imagem com a opacidade baixa prejudicando o realismo, tem alguma forma de fazer com que ele pegue as cores exatas mesmo estando em template.? Agradeço desde já?

    ah e PARABÉNS pelos Videos muito bons ajudam muito!