Aprenda como desenhar formas personalizadas no Photoshop usando a ferramenta Forma personalizada e o painel Formas. Além disso, como carregar centenas de formas ausentes, como combinar e mesclar formas e como salvar suas próprias predefinições de formas personalizadas! Para Photoshop 2022.
Em um tutorial anterior, mostrei como desenhar formas básicas no Photoshop, como retângulos, círculos, linhas e polígonos, usando as ferramentas de formas geométricas. Desta vez, você aprenderá a desenhar formas personalizadas mais elaboradas e pré-fabricadas. E o Photoshop nos oferece duas maneiras de desenhá-los. Um é com a ferramenta Forma personalizada e o outro é com o painel Formas. Este tutorial cobre ambos.
O Photoshop inclui centenas de formas personalizadas para você escolher, mas a maioria delas fica oculta por padrão. Além de mostrar como desenhar formas, mostrarei onde encontrar todas as formas que estão faltando. E quando soubermos como desenhar uma forma de cada vez, mostrarei como combinar e mesclar duas ou mais formas e como salvar o resultado como uma nova predefinição personalizada.
Vamos começar!
Qual versão do Photoshop eu preciso?
A Adobe fez muitas melhorias nas formas nas versões recentes do Photoshop. Portanto, para este tutorial, você deve usar o Photoshop 2022 ou posterior. Obtenha a versão mais recente do Photoshop aqui .
Configurando o documento
Para acompanhar, tudo que você precisa é de um novo documento do Photoshop.
Como desenhar formas com a ferramenta Forma personalizada
Existem duas maneiras de desenhar formas personalizadas no Photoshop. A primeira é com a ferramenta Forma personalizada e a segunda é no painel Formas. Começaremos aprendendo a maneira mais tradicional de desenhar formas usando a ferramenta Forma Personalizada.
Etapa 1: selecione a ferramenta Forma personalizada
A ferramenta Forma personalizada é encontrada na barra de ferramentas do Photoshop, aninhada com a ferramenta Retângulo, a ferramenta Elipse e outras ferramentas de forma geométrica do Photoshop.
Para selecionar a ferramenta Forma personalizada, clique e segura o ícone da ferramenta de forma que estiver visível no momento na barra de ferramentas (a ferramenta Retângulo ou a ferramenta que você usou por último). Em seguida, escolha a ferramenta Forma personalizada no menu suspenso.
Etapa 2: abra o seletor de formas personalizadas
Com a Ferramenta Forma Personalizada ativa, vá até a Barra de Opções e escolha uma forma clicando na miniatura da forma atual.
Isso abre o Seletor de formas personalizadas, mostrando todas as formas que podemos escolher. As formas são divididas em grupos com base no tema.
Mas, por padrão, apenas quatro grupos são listados (Animais Selvagens, Árvores com Folhas, Barcos e Flores). Mostrarei como carregar centenas de formas adicionais depois de aprendermos como funciona a ferramenta Forma personalizada.
Etapa 3: escolha uma forma personalizada
Gire para abrir um grupo de formas clicando na seta à esquerda do ícone da pasta. Vou abrir o grupo Animais Selvagens. Em seguida, escolha uma forma do grupo clicando na miniatura. Vou escolher o formato de leão.
Pressione Enter (Win) / Return (Mac) no teclado para fechar o Seletor de Formas.
Etapa 4: defina o modo de ferramenta como forma
Ainda na barra de opções, certifique-se de que o modo de ferramenta esteja definido como Forma, não Path ou Pixels.
Etapa 5: escolha uma cor de preenchimento
Em seguida, escolha uma cor para a forma. A cor padrão é preta. Para escolher uma cor diferente, clique na amostra de cor de preenchimento.
Escolha o tipo de preenchimento necessário usando os ícones na parte superior do painel. Da esquerda para a direita, temos Sem Cor, uma predefinição de Cor Sólida, uma predefinição de Gradiente ou uma predefinição de Padrão. Se você escolher uma das três opções predefinidas, selecione uma predefinição de um dos grupos abaixo.
Ou para escolher uma cor personalizada para sua forma, clique no ícone à direita.
Em seguida, escolha uma cor no Seletor de cores. Escolherei um tom de roxo definindo H (Matiz) para 295 graus, S (Saturação) para 70% e B (Brilho) também para 70%. Clique em OK para fechar o Seletor de cores.
Etapa 6: escolha a cor e o tamanho do traço
Por padrão, o Photoshop adiciona um traço preto de 1 pixel de largura ao redor das formas. Para escolher uma cor diferente ou desativar o traço, clique na amostra de cor do traço na barra de opções.
Em seguida, na parte superior do painel, escolha entre as mesmas opções que vimos com a cor de preenchimento. Da esquerda para a direita, clique na opção Sem cor para desativar o traço. Ou escolha uma predefinição de cor sólida, uma predefinição de gradiente ou uma predefinição de padrão.
Ou clique no ícone à direita para abrir o Seletor de cores e escolher uma cor personalizada. Mas deixarei o traço definido como preto.
Na caixa Tamanho ao lado da amostra de cor, insira uma largura ou espessura para o traço. Vou definir o meu para 8 px. Pressione Enter (Win) / Return (Mac) para aceitá-lo.
Passo 7: Escolha o tipo de traço e alinhamento
Se você clicar na caixa Opções de traçado ao lado do valor do tamanho:
Você encontrará mais algumas opções que pode definir antes de desenhar a forma. Na parte superior do painel, defina o tipo do traço como linha sólida, tracejada ou pontilhada. O padrão é sólido, que geralmente é o que você deseja. E na parte inferior esquerda do painel, defina o alinhamento do traço para dentro da borda da forma, fora da borda ou centralizado na borda. O padrão é centralizado.
Você também pode alterar o tipo de limite e o tipo de canto do traçado aqui, mas os padrões geralmente são adequados.
Etapa 8: desenhe a forma
Para desenhar sua forma personalizada, clique na tela para definir um ponto inicial, mantenha o botão do mouse pressionado e arraste para longe desse ponto. Ao arrastar, tudo o que você verá é o contorno do caminho da forma.
Como desenhar a forma na proporção correta
Por padrão, o Photoshop nos permite desenhar a forma livremente com a proporção desbloqueada, o que pode fazer com que pareça distorcida. Portanto, para forçar a forma na proporção correta, pressione e segure a tecla Shift no teclado enquanto arrasta.
Como reposicionar a forma enquanto você desenha
Para reposicionar a forma na tela conforme você a desenha, pressione e segure a barra de espaço do teclado. Com a barra de espaço abaixada, arraste para mover o contorno do caminho no lugar. Em seguida, solte a barra de espaço para continuar desenhando a forma.
Como completar a forma
Solte o botão do mouse para terminar de desenhar a forma, momento em que a cor de preenchimento e o traço aparecem.
Etapa 9: redimensionar ou girar a forma
O Photoshop coloca automaticamente uma caixa de transformação ao redor da forma para que possamos redimensioná-la ou girá-la, se necessário.
Como redimensionar a forma
Para redimensionar a forma, clique e arraste qualquer uma das alças de transformação (os pequenos quadrados). Mantenha pressionada a tecla Shift enquanto arrasta uma alça para manter a proporção correta da forma ao redimensioná-la.
Para redimensionar a forma para fora do centro, em vez do lado ou canto oposto, mantenha pressionada a tecla Alt (Win) / Option (Mac) enquanto arrasta uma alça. Segurar Shift mais a tecla Alt (Win) / Option (Mac) bloqueará a proporção da forma e a redimensionará a partir do centro.
Como girar a forma
Para girar a forma, passe o cursor do mouse fora de uma das alças de transformação. Quando o cursor mudar para um ícone de rotação (uma seta curva de dois lados), clique e arraste para girar a forma em torno de seu centro. Segure Shift enquanto arrasta para girar a forma em incrementos de 15 graus.
Vou girar minha forma de volta ao ângulo original.
23-Redefinindo o ângulo.
Etapa 10: aceite a forma e feche o comando Transformar
Pressione Enter (Win) / Return (Mac) no teclado quando terminar para aceitá-lo e fechar a caixa de transformação.
A camada de forma
No painel Camadas, a nova forma aparece em sua própria camada de forma. E como escolhi o formato de leão, o Photoshop chamou a camada de Lion 1.
25-O painel Camadas mostrando a nova camada de forma.
Como editar o preenchimento e o traçado da forma
Mesmo que já tenhamos desenhado a forma, podemos sempre voltar e editar a cor de preenchimento e as opções de traço, desde que a camada da forma esteja selecionada no painel Camadas. E há alguns lugares para fazer isso.
Na barra de opções
Você pode voltar para a Barra de Opções e alterar o preenchimento ou traçado usando as opções que vimos antes de desenhar a forma.
Editando a cor do traçado:
Depois escolherei a opção Sem Cor no topo, assim como vimos anteriormente na Barra de Opções.
E agora o traço desapareceu, deixando a forma apenas com a cor de preenchimento.
Outras opções na Barra de Opções
Junto com as opções de preenchimento e traçado, você pode usar a seção Transformar na parte superior para inserir uma largura ou altura específica para a forma. Apenas certifique-se de que o ícone do link esteja selecionado antes de inserir um valor para manter a proporção original da forma.
Alterarei a largura para 800 px e pressionarei Enter (Win) / Return (Mac) para aceitá-la. Como o ícone do link foi selecionado, o Photoshop alterou automaticamente a altura para manter a mesma proporção.
E a forma é redimensionada instantaneamente na tela.
Como trazer de volta a caixa de transformação ao redor da forma
Para trazer de volta a caixa de transformação se você precisar redimensionar, girar ou reposicionar ainda mais a forma, selecione a ferramenta Seleção de caminho na barra de ferramentas, localizada diretamente acima das ferramentas de forma.
A caixa de transformação deve aparecer ao redor da forma assim que você selecionar a ferramenta Seleção de Demarcador. Caso contrário, clique na forma para selecioná-la.
Redimensionar ou girar a forma
Arraste uma alça para redimensionar a forma. Segure Shift enquanto redimensiona para manter a proporção original da forma. Ou gire a forma clicando e arrastando fora de uma das alças de transformação. Segure Shift para girar a forma em incrementos de 15 graus.
Reposicionando a forma
Para mover a forma pela tela enquanto a caixa de transformação estiver visível, clique na forma com a ferramenta Seleção de Demarcador, mantenha o botão do mouse pressionado e arraste-o para o lugar.
Pressione Enter (Win) / Return (Mac) no teclado quando terminar para fechar a caixa de transformação.
Como centralizar a forma na tela
Esta é uma maneira fácil de centralizar a forma na tela. Clique na forma com a ferramenta Seleção de Demarcador para que não apenas a caixa de transformação fique visível, mas também o contorno do caminho ao redor da forma.
Em seguida, na barra de opções, clique no ícone Alinhamento de caminho.
No canto inferior direito do painel, altere Align To de Selection para Canvas.
Em seguida, na parte superior do painel, clique nos ícones Alinhar centros horizontais e Alinhar centros verticais. Pressione Enter (Win) / Return (Mac) para fechar o painel.
Pressione Enter (Win) / Return (Mac) novamente para fechar a caixa de transformação ao redor da forma. E a forma agora está centralizada na tela.
Como excluir uma forma
Para excluir sua forma, certifique-se de que sua camada de forma esteja selecionada no painel Camadas. Em seguida, pressione a tecla Delete no teclado.
Você também pode excluir a forma arrastando sua camada de forma para a lixeira na parte inferior do painel Camadas.
O painel Formas no Photoshop
Esse é o básico de como desenhar formas usando a ferramenta Forma personalizada. Mas as versões mais recentes do Photoshop, começando com o Photoshop 2020, agora incluem um painel Shapes (Formas) dedicado. E o painel Formas tem algumas vantagens sobre a Ferramenta Forma Personalizada.
O painel Formas não apenas contém todas as nossas formas personalizadas, mas também nos oferece uma maneira mais rápida de adicionar essas formas ao documento. E o painel Formas é onde carregamos as centenas de formas ausentes incluídas no Photoshop, o que faremos a seguir.
Onde encontrar o painel Formas
O painel Formas não faz parte da área de trabalho padrão do Photoshop. Então, para abri-lo, vá até o menu Janela na barra de menus e escolha Formas.
O painel Formas é aberto na coluna do painel secundário à esquerda da coluna principal. Você pode mostrar ou ocultar um painel nesta coluna clicando em seu ícone.
Formas padrão do Photoshop
O painel Formas contém as mesmas formas padrão que vimos anteriormente no Seletor de formas personalizadas. Gire qualquer grupo aberto para ver as formas dentro dele.
Alterando o tamanho da miniatura da forma
Por padrão, o painel Formas exibe as formas como miniaturas grandes que ocupam muito espaço. Para visualizar miniaturas menores, clique no ícone de menu do painel.
E escolha Miniatura Pequena no menu.
A barra Recentes
A barra Recentes acima dos grupos de formas oferece acesso rápido às formas usadas recentemente. Claro, nada aparecerá na barra Recentes até que você comece a adicionar formas aos seus documentos.
Você pode ocultar a barra Recentes se não a usar clicando no ícone do menu do painel Formas e escolhendo Mostrar Recentes para desativá-la. Selecione-o novamente aqui se quiser ativá-lo novamente.
Como carregar as formas ausentes do Photoshop
Para carregar todas as formas ausentes incluídas no Photoshop, clique no ícone do menu do painel Formas.
Em seguida, escolha Formas herdadas e mais.
Um novo grupo Legacy Shapes and More aparece abaixo dos grupos padrão.
Os grupos Formas 2019 e Todas as formas padrão herdadas
Abra o grupo e dentro dele há mais dois grupos, 2019 Shapes e All Legacy Default Shapes.
2019 Shapes contém centenas de novas formas personalizadas que foram adicionadas no Photoshop 2020. Use a barra de rolagem à direita para rolar pela lista. Ou para visualizar mais formas de uma vez, clique e arraste a parte inferior do painel Formas para baixo para expandi-lo.
O grupo Todas as formas padrão herdadas contém as formas clássicas das versões anteriores do Photoshop.
Usando as novas formas com a ferramenta Forma personalizada
Depois que as formas ausentes forem carregadas no painel Formas, elas estarão disponíveis para uso com a ferramenta Forma personalizada na próxima vez que você abrir o Seletor de forma personalizada na barra de opções.
Como desenhar formas com o painel Formas
O painel Formas contém nossas formas personalizadas, mas também nos permite adicionar formas ao nosso documento sem a necessidade de usar a ferramenta Forma personalizada. Veja como adicionar uma forma ao seu documento no painel Formas.
Etapa 1: escolha uma forma no painel Formas
No painel Formas, escolha a forma que deseja desenhar. Vou abrir o grupo Playing Cards, encontrado no grupo Shapes 2019, para poder escolher o formato do coração. Mudei para a visualização de miniaturas grandes apenas para facilitar a visualização das coisas.
Etapa 2: arraste a forma para o documento
Em seguida, para adicionar a forma ao documento, basta clicar e arrastar a miniatura da forma do painel Formas e soltá-la na tela.
Solte o botão do mouse e o Photoshop desenha instantaneamente a forma. E desenha na proporção correta.
No meu caso, a forma foi preenchida com roxo e recebeu um traço preto de 4 pixels porque essas foram as configurações que escolhi anteriormente na barra de opções quando estávamos usando a ferramenta Forma personalizada.
Etapa 3: redimensionar, girar ou reposicionar a forma
Para redimensionar a forma, clique e arraste qualquer uma das alças de transformação. Quando você adiciona uma forma no painel Formas, sua proporção é bloqueada automaticamente conforme você a redimensiona, portanto, não há necessidade de manter pressionada a tecla Shift enquanto você arrasta. Segurar Shift irá desbloquear a proporção se você quiser redimensioná-la livremente.
Segure a tecla Alt (Win) / Option (Mac) enquanto arrasta para redimensionar a forma a partir do centro.
Gire a forma, se necessário, clicando e arrastando fora de qualquer uma das alças de transformação. Segure Shift enquanto arrasta para girar a forma em incrementos de 15 graus.
Para reposicionar a forma na tela, clique na forma e arraste-a para o lugar. Vou mover o meu para o centro.
Em seguida, para aceitá-lo e fechar a caixa de transformação, clique na marca de seleção na barra de opções.
A camada de forma
No painel Camadas, a forma aparece em sua própria camada de forma, exatamente como seria se a tivéssemos desenhado com a Ferramenta Forma Personalizada. E como escolhi um formato de coração, o Photoshop chamou a camada de Hearts 1.
Etapa 4: escolha um preenchimento e um traçado para a forma
Existem algumas maneiras de alterar o preenchimento e o traçado da forma.
No painel Camadas
A maneira mais fácil de escolher uma nova cor de preenchimento é clicar duas vezes na miniatura da camada de forma no painel Camadas.
Em seguida, escolha uma nova cor no Seletor de cores. Vou escolher um tom de vermelho. Clique em OK para fechar o Seletor de cores quando terminar.
E o Photoshop preenche a forma com a nova cor.
No painel Amostras, Gradientes ou Padrões
Outra maneira de escolher uma nova cor de preenchimento para a forma é no painel Amostras, Gradientes ou Padrões. Esses painéis foram adicionados junto com o painel Formas no Photoshop 2020.
O painel Swatches contém todas as predefinições de cores do Photoshop. O painel Gradientes contém as predefinições de gradiente. E o painel Padrões contém as predefinições de padrão. Todos os três painéis estão agrupados próximos ao painel Cor.
Se a sua camada de forma estiver ativa no painel Camadas, você poderá preencher a forma com qualquer uma dessas predefinições apenas clicando em uma para selecioná-la. Aqui estou selecionando a amostra rosa do grupo RGB no painel Swatches.
E como minha camada de forma estava ativa, a forma é instantaneamente preenchida com a nova cor.
Arrastar e soltar predefinições na forma
Mas e se a sua camada de forma não estiver ativa? Por exemplo, clicarei na minha camada Plano de fundo no painel Camadas para selecioná-la e desmarcar a forma.
Nesse caso, você pode clicar e arrastar uma predefinição do painel Amostras, Gradientes ou Padrões diretamente para a forma. Vou abrir o painel Gradientes e abrir o grupo de predefinições Pinks.
Em seguida, arrastarei um dos gradientes do painel para a forma.
E a forma é preenchida instantaneamente com o gradiente.
De volta ao painel Camadas, observe que o Photoshop selecionou automaticamente a camada de forma quando soltei a predefinição nela.
Adicionando mais formas do painel Formas
Por padrão, o Photoshop coloca cada nova forma em sua própria camada. E normalmente, novas camadas são adicionadas acima da camada atualmente selecionada. Mas quando arrastamos e soltamos formas do painel Formas, onde a nova camada termina na ordem de empilhamento depende de onde soltamos a forma no documento. E o preenchimento e o traçado da nova forma também dependem de onde a soltamos. Isso pode parecer confuso, então deixe-me mostrar o que quero dizer.
No momento, tenho minha camada de forma selecionada no painel Camadas.
Arrastando uma nova forma para o fundo
Se eu arrastar outra forma de coração do painel Formas e soltá-la em uma área onde o fundo branco está aparecendo:
Então, em vez de adicionar a nova camada acima da camada de forma original, o Photoshop a adiciona diretamente acima da camada Plano de fundo. Isso porque coloquei a forma no fundo.
No documento, a nova forma aparece atrás da forma original. E observe que em vez de preencher a nova forma com o mesmo gradiente da forma original, o Photoshop usou o preenchimento roxo e o traço preto de 10 pixels que escolhi anteriormente na barra de opções.
Arrastando uma nova forma para uma forma existente
Mas se eu arrastar outra forma de coração do painel Formas e soltá-la na minha forma original:
Desta vez, o Photoshop adiciona a nova camada de forma diretamente acima da camada de forma original. Portanto, seja qual for a camada para a qual você arrastar a forma, o Photoshop colocará a nova camada de forma diretamente acima dela.
E no documento, a nova forma não apenas aparece na frente da forma original, mas também assume o mesmo preenchimento gradiente do original, sem nenhum traço ao redor.
Portanto, lembre-se de que, se desejar que sua nova forma compartilhe o mesmo preenchimento e traçado de uma forma existente, certifique-se de soltar a nova forma diretamente na forma existente. Caso contrário, você obterá o preenchimento e o traçado definidos na barra de opções.
E para ver quais eram essas configurações de preenchimento e traçado, selecione a camada Plano de fundo no painel Camadas (ou qualquer camada que não seja uma camada de forma).
Em seguida, com a ferramenta Forma personalizada (ou qualquer uma das ferramentas de forma) selecionada na barra de ferramentas:
Você verá as configurações de preenchimento e traçado que está usando como padrão na barra de opções.
Como copiar e colar os atributos de uma forma
Você pode copiar e colar o preenchimento e o traçado de uma camada de forma em outra.
Por exemplo, digamos que eu queira que minha segunda forma, aquela com preenchimento roxo e traço preto, compartilhe o mesmo preenchimento gradiente e sem traço que as outras duas formas. Portanto, no painel Camadas, tudo o que preciso fazer é clicar com o botão direito (Win) / clicar com a tecla Control pressionada (Mac) em uma das camadas de forma que possui as configurações de preenchimento e traçado que desejo copiar:
E escolha Copiar atributos de forma no menu.
Em seguida, clicarei com o botão direito (Win) / clique com a tecla Control pressionada (Mac) na camada de forma onde desejo colá-los:
E escolha Colar atributos de forma no menu.
Todas as três formas agora compartilham o mesmo preenchimento e traçado.
Uma maneira mais rápida de selecionar suas formas
Depois que você começar a adicionar várias formas ao seu documento, selecionar formas individuais no painel Camadas pode se tornar um incômodo. Uma maneira mais rápida é selecionar formas apenas clicando nelas com a ferramenta Seleção de Demarcador. Mas primeiro precisamos fazer uma mudança rápida no comportamento da ferramenta na barra de opções.
Selecione a ferramenta de seleção de caminho na barra de ferramentas.
Em seguida, na barra de opções, altere a opção Selecionar de Camadas Ativa para Todas as Camadas.
E agora com a Ferramenta de Seleção de Caminho ativa, você pode clicar em qualquer forma do documento para selecioná-la.
Como selecionar várias formas de uma vez
Para selecionar duas ou mais formas de uma vez, segure Shift enquanto clica nas formas com a ferramenta Seleção de Demarcador.
Clicarei na forma no canto superior esquerdo para selecioná-la. Então segurarei Shift e clicarei na forma no canto inferior direito. E agora ambas as formas estão selecionadas. Podemos dizer que ambos estão selecionados pelo contorno do caminho que aparece ao redor de cada forma e pela caixa de transformação que envolve ambas as formas. Ocultei o painel Formas (clicando no ícone do painel) para que ele não bloqueie a visualização das formas.
O painel Camadas também mostra as duas camadas de forma selecionadas.
Editando todas as formas selecionadas de uma só vez
Com várias formas selecionadas, quaisquer alterações feitas nas propriedades da forma afetarão todas as formas selecionadas de uma só vez.
Aqui na Barra de Opções, mudei o preenchimento para azul e o traço de Sem Cor para preto.
A alteração é aplicada instantaneamente a ambas as formas selecionadas.
Se eu alterar o alinhamento do traçado de centralizado para fora e o tipo de traçado de uma linha sólida para uma linha pontilhada:
Novamente a alteração é aplicada a ambas as formas.
E se eu definir o traço de volta para Sem cor:
O traço desaparece em torno de ambas as formas. Para desmarcar as formas quando terminar, pressione Enter (Win) / Return (Mac) no teclado.
Quando editar formas individualmente
Mas se você precisar alterar qualquer uma das opções na seção Transformar do painel Propriedades, como tamanho, ângulo ou orientação, você desejará fazer isso para cada forma individualmente.
Clicarei na forma no canto superior esquerdo para selecioná-la. E na barra de opções, mudarei sua largura para 400 pixels, com o ícone do link habilitado para que o Photoshop altere a altura automaticamente. Depois farei o mesmo com a forma no canto inferior direito, clicando nela para selecioná-la e alterando sua largura para 400 pixels.
Depois, com as duas formas redimensionadas, posso reorganizá-las na tela.
Excluindo várias formas de uma vez
Para excluir várias formas de uma vez, segure Shift e clique em cada forma com a ferramenta Seleção de Demarcador para selecioná-la. Aqui selecionei ambas as minhas formas menores.
Em seguida, pressione a tecla Delete no teclado para excluí-los. E agora estou de volta à minha forma original.
Como desenhar múltiplas formas na mesma camada
Por padrão, o Photoshop coloca cada nova forma em sua própria camada de forma. Para adicionar uma forma a uma camada de forma existente, mantenha pressionada a tecla Shift no teclado e arraste uma forma do painel Formas para uma forma existente.
Aqui estou segurando Shift enquanto arrasto uma forma de borboleta (encontrada em 2019 Formas > Insetos e Aracnídeos) para meu formato de coração existente.
Solte o botão do mouse e a nova forma aparecerá normalmente.
Mas no painel Camadas vemos que em vez de adicionar uma nova camada, o Photoshop combinou as duas formas na mesma camada.
As formas na mesma camada compartilham o mesmo preenchimento e traçado
Todas as formas na mesma camada compartilham o mesmo preenchimento e traçado. Arrastarei minha nova forma para o canto superior direito da tela para que seja mais fácil ver que ambas estão compartilhando o mesmo gradiente.
O gradiente se estende da parte inferior do coração até o topo da borboleta como se fossem uma forma maior.
E se eu adicionar um traço preto à camada de forma, como as formas estão sobrepostas, o traço aparece ao redor da área combinada das formas.
Selecionando formas na mesma camada de forma
Mesmo que as formas estejam na mesma camada, você ainda pode selecionar as formas individualmente clicando nelas com a ferramenta Seleção de Demarcador.
E você pode redimensionar ou girar a forma selecionada sem afetar as outras.
Como subtrair uma forma de outra
Um benefício de ter as duas formas na mesma camada é que você pode combiná-las de maneiras interessantes. Por exemplo, você pode usar uma forma para fazer um furo na outra.
Vou arrastar minha forma de borboleta para o centro do formato de meu coração. Em seguida, redimensionarei a borboleta arrastando as alças de transformação, segurando Shift enquanto arrasto para bloquear a proporção, além da tecla Alt (Win) / Option (Mac) para redimensionar a forma a partir de seu centro.
Alinhando as duas formas
Para ter certeza de que os centros das duas formas estão perfeitamente alinhados, com minha forma de borboleta ainda ativa, vou segurar Shift e clicar com a ferramenta Seleção de Demarcador na forma de coração para que ambas as formas sejam selecionadas ao mesmo tempo.
Em seguida, na barra de opções, clicarei no ícone Alinhamento de Demarcador e, em seguida, na opção Alinhar Centros Horizontais. Eu também poderia clicar em Alinhar centros verticais, mas neste caso quero apenas alinhá-los horizontalmente.
Com as duas formas alinhadas, seguro Shift e clico na forma de coração para desmarcá-la, deixando apenas a borboleta selecionada.
Subtraindo uma forma de outra
Por fim, para usar o formato de borboleta para fazer um furo no formato de coração atrás dela, clicarei no ícone Operações de demarcador na barra de opções:
E escolherei Subtrair Forma Frontal:
Pressionarei Enter (Win) / Return (Mac) para aceitá-lo e fechar a caixa de transformação. E agora o coração tem um recorte de borboleta.
Pode parecer uma borboleta branca na frente do coração, mas isso só acontece porque estamos vendo o fundo branco atrás dela. Se eu desligar a camada Plano de fundo no painel Camadas clicando no ícone de visibilidade:
Vemos o padrão xadrez através do formato de borboleta, que é como o Photoshop representa a transparência.
As formas ainda estão separadas
O único problema é que, embora uma forma faça um furo na outra, ainda temos duas formas separadas. Se eu selecionar o formato do coração e reposicioná-lo na tela, o formato da borboleta não se moverá.
E se eu redimensionar o formato do coração, a borboleta não redimensiona. Isso ocorre porque são duas formas separadas e apenas uma forma está selecionada.
Como mesclar as formas
Mas se estiver satisfeito com o resultado, você pode mesclar as formas em uma só.
Arraste as formas com a ferramenta Seleção de Demarcador para selecioná-las.
Em seguida, vá até a barra de opções, clique no ícone Operação de demarcadores e escolha Mesclar Componentes de Forma.
E agora você pode redimensionar, girar ou mover as formas como uma só. Se eu reposicionar a forma na tela, o coração e a borboleta agora se movem juntos porque não são mais formas separadas.
Como editar uma forma mesclada
Como não estamos mais trabalhando com uma forma ativa, não podemos alterar as opções da forma no painel Propriedades. Mas ainda podemos acessar essas mesmas opções na Barra de Opções. Aqui estou adicionando um traço preto de 4 pixels.
E o traço aparece não apenas na parte externa da forma, mas também na parte interna, onde o buraco foi cortado.
Para inserir um tamanho específico para a forma mesclada, use as caixas Largura e Altura na Barra de Opções. Certifique-se de que o ícone do link esteja selecionado antes de inserir um novo tamanho para manter a proporção original.
Ou para redimensionar uma forma mesclada usando as alças de transformação, vá até o menu Editar e escolha Transformação Livre. Pode dizer Transformação Livre Demarcador dependendo de qual ferramenta está selecionada na barra de ferramentas, mas o comando é o mesmo.
Arraste uma alça para redimensionar a forma. Segure Alt (Win) / Option (Mac) enquanto arrasta para redimensionar a forma a partir do centro. Ou gire a forma clicando e arrastando fora de uma alça.
Para aceitá-lo e fechar o Transformação Livre, clique na marca de seleção na barra de opções.
Como salvar uma forma mesclada como uma predefinição personalizada
Finalmente, veja como salvar sua forma mesclada como uma nova predefinição para que você possa reutilizá-la sem precisar redesenhá-la.
Etapa 1: criar um novo grupo de formas
Primeiro, se ainda não tiver feito isso, crie um novo grupo de formas para armazenar suas predefinições. No painel Formas, clique no grupo na parte inferior da lista para selecioná-lo. Se você está acompanhando, provavelmente é o grupo Legacy Shapes and More. Nosso novo grupo aparecerá abaixo dele.
Em seguida, clique no ícone Novo Grupo.
Dê um nome ao grupo. Vou chamá-lo de Minhas Formas. Em seguida, clique em OK.
O novo grupo aparece abaixo dos demais. Se você já criou um grupo para armazenar suas predefinições, certifique-se de que o grupo esteja selecionado.
Etapa 2: selecione a forma
Clique na forma com a ferramenta Seleção de Demarcador para selecioná-la.
Etapa 3: salve a forma como uma nova predefinição
Em seguida, vá até o menu Editar na barra de menus e escolha Definir forma personalizada.
Dê um nome à forma. Vou nomear meu Coração com Borboleta. Em seguida, clique em OK.
E de volta ao painel Formas, a forma aparece como uma nova predefinição no grupo. Você pode arrastar a predefinição para o documento na próxima vez que precisar dela.
Então, é isso aí o que temos! Confira mais da minha seção Noções básicas do Photoshop para mais tutoriais.
Relacionado: Formas vetoriais versus formas de pixel no Photoshop.