Twitter Facebook Google+ Vimeo YouTube Pinterest Dribbble

Illustrator – Efeitos de preenchimento


O Illustrator permite que um objeto tenha múltiplos preenchimentos, e com isso você pode criar efeitos bem interessantes usando transparência e blend modes entre eles. Esses efeitos podem ser obtidos tanto com múltiplos preenchimentos dentro de um objeto, quanto com objetos diferentes sobrepostos. Usando degradês e gradient mesh dá pra obter resultados bem acabados e de forma não destrutiva.

Usando as actions de converter pra isométrico, fiz um ícone de livros pra mostrar essa técnica aplicada.

  • Walter

    Muito bom mesmo. Aprendi muita coisa aqui e adoro o site 🙂

  • Karina

    João,
    Como você edita o degradê no próprio objeto?
    É coisa do CS4 ou algum atalho?

    Beijos,

    • É uma das novidades do CS4 !
      Atalho: “G”

  • Mac

    João,

    Raramente deixo comentários nos tutoriais que assisto, mas dessa vez não deu. Já assisti a todas as suas aulas (não são meros tutoriais), que são de grande qualidade, mas essa em especial você se superou.
    Você consegue fugir do trivial tutorial tipo, como fazer uma flor, como fazer uma estrala, e dá grandes aulas de como usar o software, tendo como limitação apenas a imaginação. Parabéns!!!

    • Valeu Mac !! São comentários assim que me dão o estímulo de não deixar o projeto dos tutoriais morrer.
      De fato, eu estou meio cansado de achar tutoriais que “dão o peixe”, e prefiro os que “ensinam a pescar”, e essa vem sido a minha filosofia desde que comecei a fazer os vídeos. E sempre fico feliz em receber esse feedback positivo de quem está “aprendendo a pescar” com os tutoriais. Valeu mesmo !
      Abs

      • lucas

        e aonde eu posso baixar o illustrator cs4 pq tenho o cs5 mas é muito pesado pro meu pc!

  • M. Ravena

    Ensinando a pescar?
    Cara… Você está ensinando a pescar, limpar e assar o peixe.
    Ainda não assisti a esse vídeo. Sei que vou encontrar algo muito bom.
    Já indiquei teus tutoriais para algumas pessoas, que também elogiaram muito a didática que usa.

    Já vou deixar meus parabéns antecipados.

    Abraço.

  • yyz

    quando é que esse video vai estar no rewer?

    • Já mandei pra lá, mas está em revisão desde quinta-feira ! O Revver perde um pouco pro Vimeo, mas ele é um dos poucos que serve de servidor pro diretório de podcasts do iTunes.

  • M. Ravena

    Oi João.

    Acabei esquecendo de colocar minhas duvidas aqui.

    Queria saber como gravamos as actions no illustrator (como aquelas que fez para converter para isométricos).
    Percebi que isso adianta muito o serviço.

    Abraço.

    • Boa. Na verdade as actions do Illustrator são gravadas do mesmo jeito que as do Photoshop, que eu explico no tutorial de Droplets

      • M. Ravena

        Valeu pela resposta.
        Vou dar uma olhada nessa explicação.

        Abraço.

  • Fabricio

    Cara muito bons seus tutoriais Ufa até quem fim lançou outro ja estava esperando a algum tempo um novo tutorial. De cara ainda mudou a cara do seu site.

    Esse realismo nos desenhos com certeza são utilizados naqueles que se aproximam a forma fisica humana.

    Parabéns mesmo!

    Mantemos contato
    Abs

  • Lino

    Fala meu camarada… vc é o cara!!! olha só pra quem já conhece um pouquito deste maravilhoso editor tudo isso ai que vc demonstra é uma mão na roda… valeu fera o mundo precisa de pessoas como vc… somos assim por natureza ninguém nos pega.. nem, o bicho se ficarmos. e se correr então…

    saudações;

    L.Brasil

  • nemo

    João, te devo um emprego cara!
    hahaha..
    Esse tuto de preenchimento vai melhorar muito meu portifólio!
    Continue postando…
    vou clicar mais nos patrocinadores….

    abrasss

  • Luiz Miranda

    mUITO BOM SEUS TUTORIAS João.

    gostaria de saber se tem jeito de duplicar o meu degrade, se eu fizer uma forma com ele ???

    abraços

  • Muito bom o tutorial!
    Está de parabéns. Muito bem feito e com uma ótima dinâmica usada para ensinar.
    Abraço.

  • Venho agradecer por esses ótimos vídeos, não são tutoriais e sim ótimas aulas! Aprendi muito mesmo aqui! Obrigada!

  • Rodrigo

    No começo do video vc explica como fazer aquela espécie de cama com o gradiente radial. Eu fiz isso mas quando cliquei em overley ficou tudo branco. O único que fica igual ao seu é o multiply.

    O que estou fazendo de errado?

  • mestre eu gostaria de saber uma coisa que há muito tempo venho com essa dúvida só que até hoje não tive nenhuma explicação a respeito. bom é o seguinte: atualmente eu trabalho com um notebook HP com resolução máxima de 1200×800 estou pensando em ir para um de 1920×1080 você acha que é vantegem? com essa resolução FULLHD posso ter resultados melhores dos que tenho hoje? ou isso é balela com qualquer monitor posso alcançar todos os resultados esperados?

    PS. desculpa eu te fazer essa pergunta aqui fora do contexto da vídeo aula.

    Ricardo Jordão

  • Jair0quai

    Olá João!
    Antes de qualquer coisa, parabéns! seus tutoriais são mt bons e me ajudam um monte!
    Tb tive o msm problema que o Rodrigo (2 posts acima) ao tentar usar o gradiente… fiz alguns testes aki e parece q tem a ver com o modo do documento RGB (funciona legal!) ou CMKY… entaum, alguma sugestão p resolver???
    Abraço e td d bom!

  • Rafael

    Olha João vo fala a vdd, ta vendo diversos turoriais de illustrator no youtube, e sem querer eu achei esse aqui…o que eu gostei é q vc explica direitinho o que ta fazendo, não apenas faz e diz: É isso! rs. Continue assim! Achei bem interessante. vou ver o outros se tiver 🙂 Abrass

    • Valeu pela força Rafael ! Abs

  • danielly

    João você é simplesmente fantástico!!!!muito bom mesmo,você é o melhor!!!parabens pela iniciativa de compartilhar seus conhecimentos!!!

  • João vc detona mano! Obrigado por dividir seus conhecimentos tão vastos com agente.

    Tenho uma dúvida também…

    Criei um novo documento em branco e depois quero pintar o background como faço ?

    No Ps eu abria um novo documento e depois ALT + DEL ele pintava qualquer obejo.

    Como faço no Illustrator CS4?

    Obrigado por tudo.

    • Fala Rogerio

      O Illustrator é todo baseado nos objetos, então você tem que criar um objeto da cor que quer, ocupando a área do documento, pra ser o fundo.
      Abs !

      • Obrigado João! Sanou bonito minha dúvida!

        Posso lhe explorar mais um cadim ? rs

        Toda vez que to apagando um objeto ele naum apaga completo , quando passo o mouse apaga e quando solto o botão ele fica com uma espessura irregular.

        Tem por acaso um select tool para apagar uniformemente? E ai sim ficar no quadrado da area certinho ?

        92×52 Cartão de visitas rs!

        Vlw Jõao!

  • Rodrigo Meirelles

    João, meus parabéns pela iniciativa e pelo trabalho excelente feito nesse tutorial e nos demais trabalhos do teu portifólio. Não são todos que dominam um programa como o Illustrator que disponibiliza material de graça pra ensinar outras pessoas que têm muita vontade de aprender (como eu ).

    Muito obrigado pelas aulas, já indiquei pra vários amigos que também estão migrando do corel para o illustrator.

    Um abraço!

  • Muito João. Parabéns pela iniciativa de nos ajudar a dominar essa fera que é o illustrator. Sou um admirador do trabalho da Tátil e agora um fã seu.

  • Olá João. Muito obrigado por tudo!!! Você não tem ideia de quantas pessoas está ajudando, pessoas que, muitas vezes, precisam aprender e não podem pagar pelos cursos de illustrator que, por sinal, são muito caros. Aqui em São Paulo, um treinamento de três dias não sai por menos de 1.000,00 e você nos ajuda gratuitamente e com muito mais qualidade… Por isso te agradeço e desejo toda sorte do mundo… Valeu

  • Fernando

    Não costumo comentar nos tutoriais que vejo mais esse passou dos limites, desde que comecei na maravilhosa carreira de Design Gráfico sempre quis ter uma noção de como afzer isso, conheço o Illustrator, mas agora com esse tutorial e me vi um leigo total. Valew! Isso vai me ajudar um monte!

    PS: Esse é o primeiro tutorial que vojo no seu site.

  • Luan lp²

    ola Joao Faraco…beleza…entao gostaria de saber se vc nun vende um pacote com algumas video aulas…(adobe illustrator) e (CS4) …
    SE SUA RESPOSTA FOR NAO…TERIA ALGUEM Q ME INDICARIA…
    sou iniciante no adobe illus…e queria me apronfundar mais ..fikei impressionante com o poder desse soFt…se vc se enteressar me add no msn ..pra poder-mos conversa direitinho…OK…!!!

    ADD…mlwann88@hotmail.com

    Parabens !!! pelo seu trabalho….vc e fera….rsrs

  • Vanderlei

    Muito obrigado pelos belíssimos tutoriais.
    Ajudam bastante e sua didática é muito boa.
    Sucesso.

  • Olá, é a primeira vez que entro no site sou usuário novo de illustrator e antigo de Corel Draw e Photoshop, tá de parabéns as dicas são super úteis.
    Muito obrigado.
    Com certeza ganhou um assíduo visitante

  • Tenho interesse em aprender flash, pois aqui onde moro só tem cara ruim, nunca vi igual até curso nessa quiçaça é difícil.

  • Pietro Luzzi

    Meu colega João.
    Acho que sua ajuda é de muita regalia a todos que procuram nas ferramentas aqui apresentadas de muito valor teórico e educacional.
    Agradeço seu tempo para nos ajudar.
    Um abraço.

  • Marco Betti

    Olá João,
    Obrigado pelas aulas e parabéns. Elas são excelentes, ajudam em muito.
    Sou Designer e aprecio aprender um pouco mais sobre os softwares.
    Vou acompanhar seu blog/site.
    Sucesso!
    Marco Betti

  • Joca

    Parabéns pelo blog, realmente não tinha visto um blog com tanta qualidade e com ótima explicação. Perfeito!

  • Reginaldo

    Cara, simplesmente maravilhoso seu site, nãos e pode dizer q é um tutorial mas sim um aula, como disse o Mac. eu sou novo usuario do AI e estou aprendendo muito aki, uso a anos o photoshop e corel, mas eles não se compraram ao AI em vetorização. espero q vc continue postando outro videos com essas aulas de são show… parabéns

  • Ronaldo

    O seu Efeito de preenchimento, é o melhor que eu já vi. Ronaldo – Santa luzia do itanhy – Sergipe.

  • Ozzi

    Muito Obrigado só o que eu tenho a dizer ótima aula!

  • Lúcio

    Olá! Sou diagramador novo no ramo (InDesign) e louco por photoshop (as composições renderam o convite). A integração com o illutrator erá tudo que eu queria. Teu site e conhecimento tem me ajudado demais. Obrigado, parabêns e sucesso !!!

  • Mais um tutorial incrível, vi que somos da mesma cidade e vc foi um achado. Já assisti a quase todos os seus tutoriais… muito bom rapaz, merece o cpc do banner! hahaha

  • Jefimsn

    Boa Tarde ! Nossa vc está de parabéns seu site está incrível!!
    ainda não conhecia mas agora já esta entre meus favoritos !
    aproveitando o “embalo” queria lhe pedir algo!
    Trabalho com design de calçados mas tenho pouco conhecimento com 
    programas como illustrator e photoshop e gostaria de saber se vc poderia
    atender a um pedido meu e postar um tutorial ilustrando a partir de um desenho ?! seria possível? acho incrível as ilustrações e gostaria de ver uma sendo criada! tenho certeza que mais pessoas procuram por isso mas até agora nunca encontrei em um site ! fica a dica e se preferir posso mandar um desenho profissional de calçado para que possa usar como base !
    grande abraço e muito sucesso !

  • Jefimsn

    Boa Tarde ! Nossa vc está de parabéns seu site está incrível!!
    ainda não conhecia mas agora já esta entre meus favoritos !
    aproveitando o “embalo” queria lhe pedir algo!
    Trabalho com design de calçados mas tenho pouco conhecimento com 
    programas como illustrator e photoshop e gostaria de saber se vc poderia
    atender a um pedido meu e postar um tutorial ilustrando a partir de um desenho ?! seria possível? acho incrível as ilustrações e gostaria de ver uma sendo criada! tenho certeza que mais pessoas procuram por isso mas até agora nunca encontrei em um site ! fica a dica e se preferir posso mandar um desenho profissional de calçado para que possa usar como base !
    grande abraço e muito sucesso !

  • Gustavo Serrano

    João, como vc muda todas as % de cores ao mesmo tempo?

    •  Segura o Shift quando for mexer nos sliders das cores.

  • Ronigmes Maciel

    Muito Bom cara, tá de parabéns!!!

  • Marlon Couto

    Show de bola , muito boa a aula . parabens.

  • Erick Rivero

    Muito bom o tutorial. Gostei demais. Parabéns!!!

  • Joao

    Iae Joao. Primeiramente parabéns pelo site, o melhor.
    Seguinte, estou seguindo exatamente todos os passos do tutorial. Crio o objeto, coloco o preenchimento, duplico o preenchimento e passo o segundo para Gradiente Radial, examente como vc fez. Mas, quando aplico o Blend Screen cria uma camada totalmente branca sobre o objeto, ignorando o radial e a cor do primeiro preenchimento. Sabe oq pode estar acontecendo de errado? Utilizo o CS5.

    Abç

    • Guilherme

      Olá alguem conseguiu resolver esse problema, meus blends de clareamento e sobreposição não funcionam, o objeto fica branco no cs6 obg abss !!

  • Pingback: Blend Modes | João Faraco()

  • Fabiano Ventura

    João primeiramente obrigado por todo esse conhecimento que você nos oferece!

    o blend mode do meu illustrator não está funcionando como o seu, ex.: Quando faço um objeto com degradê preto e brando a fim de iluminar um objeto e mudo o modo de mesclagem para tela (screen) o objeto fica todo branco quando sobreposto. Porque isso está acontecendo?