Neste tutorial, mostro como usar máscaras de recorte no Photoshop para mostrar e esconda diferentes partes de uma camada e ajuste as imagens em formas! Aprenderemos o básico sobre como criar uma máscara de recorte e exploraremos a ideia por trás delas com mais detalhes para que, ao final desta lição, você “tenha uma sólida compreensão de como as máscaras de recorte funcionam. I” estarei usando o Photoshop CC, mas tudo é totalmente compatível com o Photoshop CS6 e anteriores. Vamos começar!

O que são máscaras de recorte?

Máscaras de recorte no Photoshop são uma maneira poderosa de controlar a visibilidade de uma camada. Nesse sentido, as máscaras de recorte são semelhantes a máscaras de camada. Mas embora o resultado final possa parecer o mesmo, as máscaras de recorte e as máscaras de camada são muito diferentes. Uma máscara de camada usa preto e branco para mostrar e ocultar partes diferentes da camada. Mas uma máscara de recorte usa o conteúdo e a transparência de uma camada para controlar a visibilidade de outra.

Para criar uma máscara de corte, precisamos de duas camadas. A camada inferior controla a visibilidade da camada acima dela. Em outras palavras, a camada inferior é a máscara , e a camada acima é a camada que é recortada na máscara.

Onde a camada inferior contém conteúdo real (pixels, formas ou tipo), o conteúdo da camada acima fica visível. Mas se qualquer parte da camada na parte inferior for transparente, a mesma área na camada acima será ocultada. Isso pode parecer mais confuso do que a forma como uma máscara de camada funciona, mas as máscaras de recorte são igualmente fáceis de usar. Vamos criar nós mesmos uma máscara de recorte para que possamos entender melhor como eles funcionam.

Baixe este tutorial como um PDF pronto para impressão!

Como funciona uma máscara de recorte

Para realmente entender as máscaras de recorte, primeiro precisamos entender a diferença entre conteúdo e transparência em uma camada. Para me acompanhar, você pode abrir qualquer imagem. Vou usar esta foto do meu amiguinho aqui, que “também está tentando entender, à sua maneira, do que se trata esse recorte (foto do Adobe Stock):

Uma camada de máscara e uma camada cortada

Se olharmos no painel Camadas, vemos a foto na camada de fundo, que atualmente é a única camada em o documento:

Precisamos de duas camadas para criar uma máscara de corte, um para servir como máscara e outro que será preso à máscara, então vamos adicionar uma segunda camada. Adicionaremos a nova camada abaixo da imagem. Primeiro, desbloqueie a camada de fundo. No Photoshop CC, clique no ícone de cadeado para desbloqueá-lo. No Photoshop CS6 ou anterior, pressione e segure a tecla Alt (Win) / Option (Mac) no teclado e clique duas vezes na camada de fundo:

Isso desbloqueia a camada de fundo e renomeia it “Camada 0”:

Então, para adicionar um nova camada abaixo da imagem, pressione e segure a tecla Ctrl (Win) / Command (Mac) no teclado e clique no ícone Adicionar nova camada:

Uma nova camada chamada “Camada 1” aparece abaixo da foto, e agora temos duas camadas no documento. Vamos transformar a camada inferior na máscara, e a imagem acima será recortada na máscara:

Noções básicas sobre máscaras de recorte: conteúdo x transparência

Oculte a imagem original por enquanto clicando no ícone de visibilidade da camada superior:

Com a camada superior desativada, vemos a camada que acabamos de adicionar. Por padrão, as novas camadas do Photoshop estão em branco, o que significa que não têm conteúdo algum. Uma camada sem conteúdo é transparente e vemos através dela. Quando não há outras camadas abaixo de uma camada transparente, o Photoshop exibe a transparência como um padrão quadriculado, como vemos aqui:

Ative a camada superior novamente clicando no ícone de visibilidade:

A camada superior contém o conteúdo real. Neste caso, é um conteúdo baseado em pixels porque estamos olhando para uma foto digital, mas no Photoshop, o conteúdo também pode ser uma forma vetorial ou até mesmo um texto. Na verdade, tudo o que não é transparência é considerado conteúdo:

Como criar uma máscara de recorte no Photoshop

As máscaras de recorte usam o conteúdo e a transparência da camada abaixo para controlar a visibilidade da camada acima. Vamos criar uma máscara de corte usando nossas duas camadas e ver o que acontece.

Etapa 1: Selecione a camada que será cortada

Ao criar uma máscara de corte, primeiro precisamos selecione a camada que será recortada na camada abaixo dela. Nesse caso, a camada superior (“Camada 0”) será cortada na camada inferior (“Camada 1”), portanto, certifique-se de que a camada superior esteja selecionada:

Etapa 2: Escolha “Criar máscara de corte”

Para criar a máscara de corte, vá até o menu Camada na barra de menus e escolha Criar máscara de corte:

E é só isso! Com a máscara de camada criada, o painel Camadas agora mostra a camada superior (“Camada 0”) recuada para a direita, com uma pequena seta apontando para a “Camada 1” abaixo dela. é como o Photoshop nos informa que a camada superior agora está recortada na camada abaixo:

Mas o problema é que tudo o que conseguimos até agora ao criar uma máscara de corte é que ocultamos a imagem da vista, e isso porque nossa camada de máscara (“Camada 1”) não contém conteúdo. É completamente transparente. Com uma máscara de corte, todas as áreas na camada superior que estão diretamente acima das áreas transparentes na camada inferior são ocultadas. Como a camada inferior contém apenas transparência, nenhuma parte da imagem acima dela é visível:

Como liberar uma máscara de recorte

Isso não foi muito interessante, então libere a máscara de corte indo até o menu Camada e escolhendo Liberar máscara de corte:

No painel Camadas, a camada superior não está mais recuada para a direita, o que significa que não está mais recortada para a camada abaixo:

E no documento, voltamos a ver nosso imagem:

Adicionando conteúdo à máscara de recorte

Vamos adicionar algum conteúdo à camada inferior. Clique no ícone de visibilidade da camada superior para ocultar a imagem para que possamos ver o que estamos fazendo:

Em seguida, clique na camada inferior para torná-la ativa:

Para adicionar conteúdo, desenharemos uma forma simples. Selecione a ferramenta Elliptical Marquee na barra de ferramentas clicando com o botão direito do mouse (Win) / Control-click (Mac) na ferramenta Rectangular Marquee e escolhendo a ferramenta Elliptical Marquee no menu suspenso:

Clique e arraste um contorno de seleção elíptica no centro do documento:

Vá até o menu Editar na barra de menus e escolha Preencher:

Na caixa de diálogo Preencher, defina a opção Conteúdo como preto e clique em OK:

O Photoshop preenche a seleção com preto. Para remover o contorno de seleção ao redor da forma, vá até o menu Selecionar e escolha Desmarcar:

E agora, em vez de uma camada completamente transparente, temos uma área com algum conteúdo no centro. Observe, porém, que a área ao redor do conteúdo permanece transparente:

Voltar no painel Camadas, a miniatura de visualização da camada inferior agora mostra a forma preta. O que é importante observar aqui é que se você comparar as miniaturas de visualização para ambas as camadas, verá que parte da imagem na camada superior está posicionada diretamente acima do conteúdo (a forma) na camada inferior. E, parte da foto está acima das áreas transparentes na camada inferior:

Criando outra máscara de recorte

Agora que adicionamos algum conteúdo à camada inferior, vamos criar outra máscara de recorte. Novamente, primeiro precisamos selecionar a camada que será recortada na camada abaixo, então clique na camada superior para selecioná-la.Em seguida, clique no ícone de visibilidade da camada superior para tornar a imagem na camada visível:

Volte para o menu Camada e escolha novamente Criar máscara de corte:

No painel Camadas, vemos a camada superior cortada na camada abaixo dela, como vimos da última vez:

Mas no documento, agora vemos um resultado muito diferente. Desta vez, a seção da foto que” está sentado diretamente acima da forma na camada abaixo permanece visível! As únicas partes da foto que estão ocultas são as áreas ao redor da forma, já que essas áreas ainda estão acima da transparência:

Movendo conteúdo dentro de uma máscara de recorte

Obviamente, o resultado pode parecer melhor se nosso objeto estiver centralizado dentro da forma. Com máscaras de recorte, é fácil mover e reposicionar o conteúdo dentro delas. Basta selecionar a ferramenta Mover na barra de ferramentas:

Em seguida, clique na foto e arraste-a para a posição. Conforme você move a imagem, apenas a área que se move sobre a forma na camada abaixo dela permanece visível. E esse é o básico de como as máscaras de recorte funcionam :

Quando usar uma máscara de corte

Embora as máscaras de camada sejam melhores para mesclar camadas com transições contínuas, as máscaras de recorte no Photoshop são perfeitas quando a imagem precisa se ajustar a uma forma claramente definida. A forma pode ser uma que você desenhou com uma ferramenta de seleção, como vimos. Mas uma máscara de corte também pode ser usada para preencher uma forma vetorial com uma imagem ou para colocar uma imagem dentro do texto. Como outro exemplo do que podemos fazer com máscaras de recorte, vejamos rapidamente como uma máscara de recorte pode ser usada para colocar uma foto dentro de um quadro.

Colocando uma foto em um quadro com máscaras de recorte

Aqui eu tenho um documento contendo duas imagens, cada uma em uma camada separada. A foto na camada inferior contém a moldura:

E se eu ativar a camada superior clicando em seu ícone de visibilidade:

Vemos a foto que desejo colocar dentro do quadro:

Eu ocultarei a camada superior por enquanto clicando mais uma vez em seu ícone de visibilidade e, em seguida, clicarei na camada de fundo para selecioná-la:

Desenhando ou selecionando a forma

I mencionou que as máscaras de recorte funcionam melhor quando a imagem precisa se ajustar a uma forma. Nesse caso, a forma é a área dentro da moldura. Como a área é preenchida com preto sólido, vou selecioná-la usando a ferramenta Varinha mágica do Photoshop:

Vou clicar com a ferramenta Varinha mágica dentro do quadro, e agora a área é selecionada:

Em seguida, copiarei a área selecionada para uma nova camada indo até o menu Camada na Barra de menus, escolhendo Novo e escolhendo Camada via Copiar:

O Photoshop copia minha seleção para uma nova camada entre a camada de fundo e a foto que colocarei dentro do quadro. Agora tenho a forma necessária para criar minha máscara de corte:

Uma maneira mais rápida de criar uma máscara de corte

Para criar o recorte máscara, selecionarei a camada superior e ativarei a camada novamente clicando em seu ícone de visibilidade:

Vimos que podemos criar uma máscara de corte escolhendo Criar máscara de corte no menu Camada. Mas uma maneira mais rápida é manter pressionada a tecla Alt (Win) / Option (Mac) no teclado enquanto passa o cursor do mouse entre as duas camadas. Seu cursor se transformará em um ícone de máscara de corte:

Clique na linha divisória entre os dois camadas para criar a máscara de corte:

Com a máscara de corte criada, a foto agora aparece apenas dentro do quadro, uma vez que essa é a única parte da imagem que está acima do conteúdo real na camada abaixo dela. O resto da foto está oculto porque está acima da transparência:

Redimensionando conteúdo dentro de uma máscara de corte

Finalmente, vimos que podemos mover o conteúdo dentro de uma máscara de corte usando a ferramenta Mover. Mas também podemos redimensionar o conteúdo dentro de uma máscara de recorte com a mesma facilidade usando o comando Transformação Livre do Photoshop. No momento, minha foto é muito grande para o quadro, então vou redimensioná-la indo até o menu Editar e escolhendo Livre Transformar:

O Photoshop coloca o Grátis Caixa de transformação e alças ao redor da imagem, incluindo a área fora do quadro que está atualmente oculta pela máscara de corte:

Para redimensioná-la, pressiono e seguro minha tecla Shift enquanto clico nas alças de canto e as arrasto para dentro. Segurar a tecla Shift bloqueia a proporção da imagem para que eu não a distorça:

Para aceitá-lo, irei pressionar Enter (Win) / Return (Mac) no meu teclado para fechar o Free Transform. E agora, graças ao poder das máscaras de recorte, a foto se encaixa perfeitamente no quadro:

E aí está! É assim que as máscaras de recorte funcionam no Photoshop e como usar uma máscara de recorte para mostrar e ocultar diferentes partes de uma camada! Visite nossa seção de Noções básicas do Photoshop para mais tutoriais do Photoshop!