Como usar as ferramentas de máscara de corte e caminho composto do Illustrator

Aloha, designers! Conheça o diretor da comunidade, os cães fofos e fofos de Jason Aiken , Job e Lily.

Job e Lily adoram natação profissional e vamos usar uma das ferramentas de design brilhantes do Illustrator para mostrar suas habilidades – a máscara de corte.

O que é uma máscara de corte?

A máscara de recorte é uma forma (chamada de traçado de recorte) que mascara qualquer objeto abaixo dela, portanto, apenas o que está dentro do traçado de recorte é visível. Um traçado de recorte só pode ser um objeto vetorial, não uma foto. No entanto, o objeto abaixo dele pode ser qualquer coisa – uma foto raster, desenho vetorial, etc.

Algumas coisas a serem observadas sobre máscaras de recorte:

  • O caminho de recorte deve estar sempre no topo do objeto que você gostaria de recortar.
  • Você só pode ter um clippi ng path.
  • No entanto, um ou mais objetos podem ser cortados.
  • Os objetos cortados devem estar na mesma camada ou grupo. agora você pode estar pensando … “O quê? Sou um aprendiz visual. ” Bem, eu também … então vamos demonstrar.

    Como fazer uma máscara de recorte

    Nesta demonstração, o caminho de recorte será o texto de seus nomes, Lily e Job. Os objetos que vamos recortar serão imagens deles nadando. Para começar, faremos uma máscara de corte para o Trabalho.

    Uma máscara de corte pode ser feita de algumas maneiras diferentes:

    • Menu suspenso: Objeto > Máscara de corte > Criar
    • Tecla de atalho: Comando > 7
    • Painel de camadas: ícone Criar / Liberar máscara de corte na parte inferior
    • Clique com o botão direito: destaque todos os objetos e selecione Criar máscara de corte

    Em uma camada, eu colocou o nome de Jó em cima de sua foto de natação. Você pode expandir a visualização da camada para ver o texto e a imagem do objeto separadamente:

    Assim que as imagens estiverem organizadas corretamente, clique em Objeto > Máscara de corte > Criar. Você notará que tudo desaparece, exceto o que está dentro do caminho de recorte (nome do trabalho).

    Legal e fácil, hein?

    Usando dois ou mais caminhos de recorte

    Agora, vamos fazer o mesmo com Lily. O nome de Lily precisa ser alterado para que sua imagem se encaixe perfeitamente. Ao lidar com máscaras de recorte, muitas vezes você descobrirá que o caminho de recorte ou o objeto abaixo precisam ser alterados para se ajustarem.

    Nesse caso, quero editar as letras individualmente. Primeiro, converti o texto em esboço para que cada letra possa ser editada. Para converter o texto em contornos, clique em Tipo > Criar contornos (shift > comando > O) ou clicando com o botão direito no texto e selecionando Criar contornos.

    Cada letra agora se tornou um objeto que pode ser editado, mas não como um texto normal. Você notará que os pontos de ancoragem aparecem em cada letra – eles podem ser movidos e editados individualmente:

    Felizmente, o caminho composto permite que vários caminhos sejam combinados em um único caminho. Podemos convertê-lo em um caminho destacando Lily e selecionando Objeto > Caminho composto > Make (Command > 8).

    Agora, realce o caminho composto e a foto e selecione Objeto > Máscara de corte > Marca:

    Caminhos compostos

    Como você viu, os caminhos compostos combinam todos caminhos selecionados em um. Você também pode usar essa ferramenta para fazer designs muito legais rapidamente.

    Brinque com isso pegando algumas formas básicas e empilhando-as umas sobre as outras. Em seguida, selecione Objeto > Caminho composto > Make (Command > 8):

    Recorte de dois ou mais objetos

    Embora não possa haver dois ou mais caminhos de recorte (sem torná-los um caminho composto), você PODE recortar dois ou mais objetos por baixo.

    Certifique-se de que as fotos de Lily e Job sejam na mesma camada. Também verifiquei se eles estão posicionados abaixo do caminho de recorte: DOG LOVE.

    Selecione o objeto > Máscara de corte > Make. Tornei as imagens mais visíveis adicionando um fundo preto.

    Libere ou edite uma máscara de corte e Caminho composto

    Para liberar ou editar uma máscara de corte, você pode:

    • Selecionar o objeto > Máscara de corte > Editar / Liberar
    • Ou edite isolando a máscara de corte: clique duas vezes nela ou encontre-a no painel Camadas

    Liberar ou editar um caminho composto:

    • Selecionar objeto > Caminho composto > Versão
    • Ou edite isolando o caminho composto: clique duas vezes nele ou encontre-o no painel Camadas

    Como você pode ver, máscaras de recorte e caminhos compostos são algumas ferramentas muito legais e fáceis que tornam o design muito mais divertido.

    Obrigado a Job e Lily por mostrarem à comunidade como a máscara de corte pode ser divertida:

    Certifique-se de manter um olho e em nosso facebook e twitter @ 99designs para mais tutoriais da Adobe.

    Quer começar sua carreira de design gráfico?
    Saiba como fazer freelance na 99designs pode ajudá-lo a encontrar mais trabalho.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *