Twitter Facebook Google+ Vimeo YouTube Pinterest Dribbble

Illustrator – Blend e Opacity Mask


Taí o tutorial do fim de semana… Como funciona o blend e opacity mask no Illustrator. Diferente de alguns programas, como Freehand, o Illustrator permite fazer blend entre formas com números diferentes de pontos. E o opacity mask é como no Photoshop, onde a máscara define a opacidade do objeto, baseado nos tons de cinza dela.

Usem com cuidado e não abusem da técnica do botão com reflexo, pois isso é uma tendência atraente da web, mas que em pouco tempo vai cair em desuso e quem sabe, virar um elemento kitsch no seu projeto.

  • Olá!
    Adorei isso aqui, me diverti a tarde toda com os “tutos”, muito bom mesmo.
    Só tenho uma dúvida, qual o atalho que você usa para selecionar somente alguns pontos do vetor para diminuir a imagem sem distorcer?
    Não consegui entender.
    obrigada

  • Poisé, acho que não expliquei isso muito bem ! To tendo um feedback de várias pessoas com a mesma dúvida ! Mas é simples. Basta você usar a seta branca pra selecionar os pontos desejados. Feito isso é só arrastá-los para que os cantos arredondados se mantenham na forma.

  • Legal! obrigada!

  • Lorena Bôsso

    Olá João, Gostaria de dizer que seus vídeos tutoriais são maravilhosos, muito claro e bem explicado!

    Espero que surjam mais vídeos.

    Um abraço!!

  • Diego David

    Olá João, você é meu herói cara, parabéns por essa iniciativa espero que você possa disponibilizar mais tutoriais! muito obrigado!!!

  • Olá joão, muito bom seu site!! conheci há pouco tempo mas ja fiz algumas aulas aqui com vc!! muito bom! continue assim, vc tem uma ótima didática!!!

    obrigado pelas aulas !!!

    um abraço!
    Tales.

  • muito bom, virei fan do site =D

    nao tem como colocar esses video para download ????
    aqui em manaus a internet é vagabunda, perdemos muito tempo com video tutorial, os teus tutoriais sao bons, bem explicado.
    queria ter todas comigo =D

  • Ramon Gonzales

    cara me surgiu uma duvida como eu posso fazer esse botãozinhos 2.0 virar um estilo como aqueles que ja vem com o illustrator

    • É uma ótima dúvida ..

      Aqueles estilos são todos definidos pelo que o objeto tem no painel Appearance. Ou seja, um estilo aplica uma série pré-definida de filtros, contornos e efeitos de preenchimento a um objeto. Tudo de forma não-destrutiva e editável.

      Pra criar um estilo, você modifica um objeto qualquer, aplicando estilos de preenchimento, contornos e filtros a ele, e quando estiver satisfeito, arrasta o objeto pro painel “Graphic Styles”.

      Ao aplicar o estilo a um outro objeto, ele vai substituir seus atributos com o que havia no painel Appearance do seu objeto matriz.

  • Jottae

    Já adicionei seu site aos meus favoritos. Junto com o pessoal do tutsplus e webdesignerwall.

    =)

  • Diego

    Olá Joâo !

    Cara você estou começando a ingressar nessa área de design gráfico.
    Comecei um curso profissionalizante na área há pouco tempo.
    Você está de parabéns pelo seu site…
    Pelos seus projetos de video-aulas.Espero que cada vez mais você poste vídeos para que outras pessoas possam aprender algumas ferramentas e dicas de design gráfico.

    Se fosse possível queria que você postasse aqui mesmo pela mensagem como diminuir o retângulo arredondado pelas pontas sem distorcer.
    Não cheguei a assistir todo o seu vídeo,justamente porque parei nessa parte de deixar o retangulo menos sem distorcer…
    Por favor fala por aqui e me ajuda…
    Que isso ta me martelando…

    Parabéns cara…

  • Diego

    João já tentei arrastar mais distorce um dos lados o que eu faço ?

  • leon avelar

    kara, muito legal esse seu blog,
    bacana mesmo.
    Comecei a trabalhar na àrea
    mas não tenho curso superior,
    apanho muito pras ferramentas.
    só acho q consegui o emprego por causa
    dos meus desenhos.
    e o que vem me salavando são esses
    tutoriais.
    muito obrigado
    continue assim
    valeu

  • Muito bom o tutorial, a comunidade de designer agradece!!

  • Denise

    João.
    Esse é o melhor site com tutuoriais que já vi na net. Parabéns, você ajuda demais a gente.
    Estava procurando exatamente esse efeito só que em texto. O texto é todo vetorizado. Você tem alguma dica para me dar nesse caso, pois em cada letra eu teria que reduzir proporcionalmente, mas não consigo, pois não encaixa uma dentro da outra.
    Obrigada.

  • Teresa Oliveira

    Ola Joao! Meu nome e Teresa, eu moro fora do Brasil (por isso meu teclado nao permite acentuacao da lingua portuguesa, rs). Aqui faco alguns trabalhos de criacao e ha pouco tempo migrei do Corel para o Illustrator. Cheguei a pagar um curso on line, que me ajudou a entender os primeiros passos, essenciais, e por sorte, achei o seu site. Parabens!! E genial! Poucas pessoas tem boa vontade, disposicao e talento para fazer um material tao bom e acessivel a todos. Seus tutorias ajudam muito e estou viciada neles! rsrs. Ja vi alguns e quero ver todos porque sao realmente otimos! Parabens e obrigada pela grande ajuda que nos da…

    Forte abraco,
    Teresa

  • Fabio

    Olá João, muito obrigado pelos tutoriais, estão me ajudando muitissimo bem, estou começando agora com essa área de designer grafico.

    Estou com um pequena duviada:

    Porque a cor preta fica diferente das outras cores quando aplico o blend, ela fica mostrando as camadas do degrade, enquanto as outras fazem um degrade perfeito?

  • Franciscolocutor

    Tenho acompanhado seus tutoriais, são ótimos e grande utilidade para o aprendizado daqueles que se utilizam do Illustrator. Parabéns, somos gratos, e aguardamos mais tutoriais.
     

  • Ronaldo

    Essa aula de Blend e opacity mask não é 10 é 1000 Ronaldo – Santa luzia do itanhy – Sergipe

  • Marcos Marra

    Para selecionar os quatro cantos na hora de diminuir o retângulo tem que segurar algum botão?
    Tks

    • Marcos Marra

      Já vi nos posts abaixo.
      Tks

  • Edileno

    João, sou praticamente um analfabento no Illustrator, mais analfa ainda no inglês, mais isso ñ é problema seu rsrsrsrsrsr. já trabalho com o Corel e Photoshop em português. já vi muitos tuto de corel e photoshop mais os seu são topados de bons cara. me parece q foi vc quem crio a adobe. muito obrigado pelos tutorias

  • Artes

    Eaí João, Fmz? Mto bom seus tutoriais, mas vc já viu uma máscara q se cria para o gradiente? tenho ctz q sim, é q não consigo criar esse gradiente em uma camisa amarela com as sombras, por exemplo, das curvas do corpo de uma mulher. Sei que existe pois já baixei vetor free da camisa, mas não sei criar.
    Agradeço a atenção.
    Mto chopp em 2012 pra vc.

  • Olá! Seus tutoriais realmente explicam a história, sem lenga-lenga e de forma clara. Esse me salvou. Vi também q vc em um certo momento esconde as cores dos botões, deixando apenas os paths aparentes. Qual o comando pra isso? Obrigado. Abraço.

  • Jonathas Teodoro

    Parabeéns!
    uma dúvida? como fazer esse efeito em textos? eé a mesma coisa?