Como desenhar formas. Aprenda o básico sobre como desenhar formas usando as ferramentas de formas do Photoshop! Abrange as ferramentas de forma geométrica que incluem as ferramentas Retângulo, Elipse, Triângulo, Polígono e Linha.
Neste tutorial, mostro o básico de como desenhar formas usando as ferramentas de formas do Photoshop. Especificamente, veremos como usar as ferramentas de forma geométrica, que são a ferramenta Retângulo, a ferramenta Elipse, a ferramenta Triângulo, a ferramenta Polígono e a ferramenta Linha. O Photoshop também inclui uma ferramenta de forma personalizada para desenhar formas pré-fabricadas mais elaboradas. Mas como a ferramenta Forma personalizada se comporta de maneira diferente das ferramentas de forma geométrica, abordarei isso em um tutorial separado.
Vamos começar!
Qual versão do Photoshop eu preciso?
A Adobe fez algumas alterações nas ferramentas de forma nas versões recentes do Photoshop. Então, para acompanhar, você vai deve usar o Photoshop 2022 ou mais recente. Você pode obter a versão mais recente do Photoshop aqui.
Configurando o documento
Você pode me acompanhar criando um novo documento do Photoshop. Para criar um na tela inicial, clique no botão Novo arquivo.
Ou se você estiver na interface principal do Photoshop, vá até o menu Arquivo e escolha Novo
Em seguida, na caixa de diálogo Novo documento, escolha a predefinição Tamanho padrão do Photoshop e clique em Criar.
O novo documento aparece, pronto para desenharmos algumas formas.
Onde encontro as ferramentas de forma do Photoshop?
As ferramentas de forma no Photoshop são todas encontradas na barra de ferramentas, aninhadas no mesmo local. Por padrão, a Ferramenta Retângulo é a ferramenta visível.
Clique e segura o ícone da ferramenta Retângulo para abrir um menu flutuante mostrando as outras ferramentas de forma escondidas atrás dele. Veremos cada ferramenta à medida que avançamos. Por enquanto, selecione a ferramenta Retângulo.
As opções da ferramenta de forma na barra de opções
As opções da ferramenta de forma ativa aparecem na Barra de opções. E a maioria das opções são as mesmas, independentemente da ferramenta de forma selecionada. Então, vamos examinar essas opções da esquerda para a direita.
Redefinindo a ferramenta de forma para suas configurações padrão
O ícone da ferramenta na extremidade esquerda da barra de opções informa qual ferramenta está ativa. Mas também é assim que redefinimos a ferramenta para as configurações padrão. Para redefini-lo, clique com o botão direito (Win) / clique com a tecla Control pressionada (Mac) no ícone da ferramenta.
Em seguida, escolha Redefinir ferramenta no menu.
O modo de ferramenta
A seguir está a opção Modo Ferramenta, onde escolhemos o tipo de forma que queremos desenhar. As formas no Photoshop, desenhadas como vetores, caminhos ou pixels.
As formas vetoriais desenhadas usam pontos conectados por linhas retas ou curvas e permanecem escalonáveis e editáveis sem nunca perder qualidade. Um caminho também é escalável e editável, mas é simplesmente o contorno da forma sem preenchimento ou traçado. E a forma de um pixel é feita de pixels, assim como as imagens.
Na maioria dos casos, você desejará desenhar formas vetoriais. E para isso, o modo precisa ser definido como Forma, que é o padrão.
A cor de preenchimento
A opção Preenchimento é onde escolhemos uma cor para a forma. A cor padrão da forma é preta. Para escolher uma cor diferente, clique na amostra de cor de preenchimento.
Em seguida, escolha o tipo de preenchimento necessário usando os ícones na parte superior do painel. Da esquerda para a direita, temos Sem Cor (que deixa o interior da forma vazio), uma predefinição de Cor Sólida, uma predefinição de Gradiente ou uma predefinição de Padrão.
Se você escolher Cor Sólida, Gradiente ou Padrão, abra um dos grupos de predefinições e escolha uma predefinição clicando em sua miniatura. Aqui selecionei a opção predefinida Cor Sólida e abri o grupo RGB para selecionar uma cor predefinida.
Ou para escolher sua própria cor de preenchimento personalizada para a forma, clique no ícone no canto superior direito.
Em seguida, selecione uma cor no Seletor de cores. Escolherei uma cor roxa definindo o valor H (Matiz) para 295 graus, o valor S (Saturação) para 70 por cento e o valor B (Brilho) também para 70 por cento. Clique em OK para fechar o Seletor de cores quando terminar.
A cor do traço
As próximas duas opções na barra de opções servem para adicionar um traço ao redor da forma. Por padrão, o Photoshop adiciona um traço preto de 1 pixel. Para escolher uma cor diferente ou nenhuma cor, clique na amostra de cor do traço.
Em seguida, use os ícones na parte superior do painel para escolher entre as mesmas opções que vimos com a cor de preenchimento. Novamente, da esquerda para a direita, temos Sem Cor (para quando você não deseja um traço ao redor da forma), uma predefinição de Cor Sólida, uma predefinição de Gradiente ou uma predefinição de Padrão.
Ou clique no ícone no canto superior direito para escolher uma cor de traço personalizada no Seletor de cores. Mas no meu caso, ficarei com o preto padrão.
O tamanho do traço
Em seguida, defina a largura ou espessura do traço inserindo um valor de Tamanho. Vou configurá-lo para 16 pixels. Como veremos, todas essas opções (cor de preenchimento, cor do traço, tamanho do traço e mais) também podem ser alteradas no painel Propriedades depois de desenharmos a forma.
O tipo de traçado, alinhamento e muito mais
Para ainda mais opções de traçado, clique na caixa Opções de traçado.
A partir daqui, você pode definir o tipo de traço como sólido, tracejado ou linha pontilhada. Sólido é o padrão. Ou altere o alinhamento do traço para Dentro, Fora ou Centralizado no contorno da forma. E você pode alterar o tipo de tampa ou tipo de canto, se necessário.
Se você clicar no botão Mais opções na parte inferior.
Uma caixa de diálogo separada é aberta com a maioria das mesmas opções, mas você também pode criar sua própria linha tracejada ou pontilhada personalizada e salvar suas configurações como uma predefinição. Como estamos abordando apenas o básico aqui (e há muito mais para abordar), clicarei em Cancelar para fechar a caixa de diálogo.
A largura e altura
A seguir na barra de opções estão os campos Largura ( L ) e Altura ( A ). Mas em vez de permitir que você defina a largura e a altura da sua forma antes de desenhá-la, essas opções são usadas para alterar a largura e a altura depois de desenhar a forma.
Você pode ignorar as opções Largura e Altura na Barra de Opções porque elas podem ser facilmente alteradas no painel Propriedades depois de desenharmos a forma.
Operações, alinhamento e organização de demarcador
Os próximos três ícones após os campos Largura e Altura contêm opções que abordarei com mais detalhes em um tutorial separado.
Mas brevemente, clicar no primeiro ícone, Operações de Demarcador, abre uma lista de maneiras de combinar duas ou mais formas em uma forma maior ou mais complexa. A configuração padrão, Nova Camada, desenha uma forma separada e independente a cada vez.
O próximo ícone, Alinhamento de demarcador, abre todas as formas de alinhar ou distribuir múltiplas formas. A opção Alinhar a na parte inferior permite alternar entre o alinhamento de formas a uma seleção ou à tela.
E o terceiro ícone, Organização de demarcador, contém comandos para mover a forma selecionada acima ou abaixo das outras formas com as quais ela está combinada, semelhante a mover camadas acima ou abaixo umas das outras no painel Camadas.
O ícone de engrenagem
O próximo conjunto de opções pode ser encontrado clicando no ícone de engrenagem na barra de opções.
Primeiro estão as opções de caminho para alterar a espessura ou a cor do contorno do caminho ao redor da forma. Mas não confunda um contorno de caminho com um traço. Os caminhos existem apenas no Photoshop e não aparecem quando você imprime seu trabalho ou quando o salva como jpeg, png ou outro formato de arquivo. Essas opções de caminho existem apenas para facilitar a visualização do contorno do caminho ao trabalhar no Photoshop. Para colocar um contorno ou borda real ao redor da forma, você precisa adicionar um traço.
Aumentarei a espessura para 2 px apenas para facilitar a visualização do caminho à medida que avançamos neste tutorial. Mas na maioria dos casos, a espessura padrão de 1 px funciona bem.
Abaixo estão opções para definir um tamanho personalizado ou proporção de aspecto para a forma antes de desenhá-la, junto com a opção de desenhar a forma a partir do centro em vez de a partir de um canto. Mas eu evitaria essas opções porque elas são fixas, o que significa que permanecem selecionadas até que você volte e escolha outra, o que pode rapidamente se tornar irritante. Em vez disso, mostrarei uma maneira melhor de acessar essas opções no teclado.
O raio do canto
A seguir está a opção Raio do Canto, que só é visível quando a Ferramenta Retângulo, Ferramenta Triângulo ou Ferramenta Polígono está ativa na barra de ferramentas. Raio do canto permite definir o arredondamento dos cantos da forma antes de desenhá-la, inserindo um valor em pixels.
Mas, novamente, existem maneiras fáceis de ajustar o raio do canto após a forma ser desenhada, então não há razão para defini-lo aqui, a menos que você saiba o valor exato que precisa.
Alinhar bordas
Por fim, a opção “Alinhar arestas” alinha as bordas da sua forma com a grade de pixels do Photoshop, que abordei no tutorial Zoom e rolagem de imagens. Alinhar as bordas à grade de pixels mantém as bordas da forma nítidas, então você deve deixar a opção “Alinhar arestas” marcada.
Como desenhar formas com as ferramentas de formas
Agora que examinamos as opções de forma na barra de opções, vamos ver como desenhar diferentes tipos de formas usando as diversas ferramentas de formas do Photoshop. Começaremos com a Ferramenta Retângulo, que desenha formas simples de quatro lados. Mostrarei todas as maneiras de usar a ferramenta Retângulo, mas muito do que abordaremos também se aplica às outras ferramentas de forma.
Selecione a ferramenta Retângulo
Primeiro, na barra de ferramentas, certifique-se de que a ferramenta Retângulo esteja selecionada.
Como desenhar uma forma retangular
Clique na tela para definir um ponto inicial para a forma e arraste para longe desse ponto. Ao arrastar, você não verá o preenchimento ou a cor do traço da forma. Tudo que você verá é o contorno do caminho.
Como reposicionar a forma enquanto você desenha
Se você pressionar e segurar a barra de espaço do teclado enquanto o botão do mouse ainda estiver pressionado, poderá arrastar o contorno da forma ao redor da tela para reposicioná-lo. Em seguida, solte a barra de espaço para continuar arrastando a forma.
Completando a forma
Solte o botão do mouse para completar a forma. O contorno do caminho ainda está visível, mas o preenchimento e o traçado também.
A camada de forma
No painel Camadas, a nova forma aparece em sua própria camada de forma. E como a forma foi desenhada usando a Ferramenta Retângulo, o Photoshop nomeia a camada Retângulo 1. Como as formas são adicionadas em suas próprias camadas, isso significa que uma forma pode ser dimensionada, editada, movida ou excluída sem afetar outras formas ou elementos no documento.
Ativando e desativando camadas de forma
Ocultarei a forma para que possamos ver mais maneiras de usar a ferramenta Retângulo clicando no ícone de visibilidade da camada de forma.
Como desenhar um quadrado perfeito
Para desenhar um quadrado perfeito com a Ferramenta Retângulo, clique para definir um ponto inicial para a forma e comece a arrastar. Pressione e segure a tecla Shift no teclado para bloquear a proporção da forma em um quadrado perfeito e continue arrastando.
Solte o botão do mouse para completar a forma e, em seguida, solte a tecla Shift. Certifique-se de soltar o botão do mouse antes de soltar Shift, caso contrário não funcionará.
A tecla Shift também pode ser usada para desenhar um círculo perfeito com a Ferramenta Elipse, um triângulo equilátero com a Ferramenta Triângulo ou uma forma poligonal simétrica com a Ferramenta Polígono, que veremos em breve.
No painel Camadas, a segunda forma aparece em sua própria camada de forma acima da primeira. Oculte a segunda forma clicando em seu ícone de visibilidade para que possamos ver uma terceira maneira de usar a Ferramenta Retângulo.
Como desenhar uma forma em tamanho exato
Se você sabe o tamanho exato que a forma precisa ter, em vez de clicar e arrastar, basta clicar na tela e soltar o botão do mouse.
A caixa de diálogo Criar retângulo é aberta, onde você pode inserir a largura e a altura da forma, em pixels. Observe que, embora a caixa de diálogo diga “Criar retângulo” porque estou usando a ferramenta Retângulo, esse truque pode ser usado com qualquer ferramenta de forma para desenhar a forma em um tamanho exato.
Clique em OK para fechar a caixa de diálogo e a forma aparece instantaneamente.
Como mover uma forma pela tela
Para mover a forma para um novo local depois de desenhá-la, mude da ferramenta de forma para a ferramenta Seleção de caminho (a seta preta) na barra de ferramentas, localizada diretamente acima das ferramentas de forma.
Em seguida, basta clicar na forma e arrastá-la para o lugar.
Dica! Acesse a ferramenta de seleção de caminho temporariamente
Em vez de escolher a ferramenta de seleção de caminho na barra de ferramentas, você pode acessá-la temporariamente no teclado, mantendo pressionada a tecla Ctrl (Win) / Command (Mac). Com a tecla pressionada, clique e arraste para mover a forma. Em seguida, solte a tecla para voltar à ferramenta de forma.
Dica! Selecione formas apenas clicando nelas
E aqui vai uma dica que você pode usar quando desenhar várias formas em seu documento, cada uma em sua própria camada, e precisar selecionar formas individuais para movê-las.
Selecione a ferramenta Seleção de demarcador na barra de ferramentas para poder acessar suas opções na barra de opções. Em seguida, na barra de opções, altere a opção Selecionar de Camadas Ativas para Todas as Camadas. Você pode então clicar em qualquer forma para selecioná-la sem precisar clicar na camada da forma no painel Camadas.
Mais truques para desenhar formas
Mencionei anteriormente que você pode reposicionar uma forma enquanto a desenha, segurando a barra de espaço no teclado, arrastando a forma para o lugar e, em seguida, soltando a barra de espaço para continuar arrastando a forma. Isso funciona com qualquer uma das ferramentas de forma do Photoshop.
Para desenhar uma forma a partir do centro e não de um canto, clique para definir o ponto inicial e comece a arrastar. Em seguida, mantenha pressionada a tecla Alt (Win) / Option (Mac) no teclado e continue arrastando. Solte o botão do mouse para completar a forma e, em seguida, solte a tecla Alt (Win) / Option (Mac).
Como excluir uma forma
Para excluir uma forma, clique em sua camada de forma no painel Camadas e arraste a camada para baixo até a Lixeira. Ou com a camada selecionada, pressione Delete no teclado.
Como selecionar novamente uma forma
Para selecionar novamente uma forma existente em seu documento, clique em sua camada de forma no painel Camadas. E se a forma estiver desativada, clique no ícone de visibilidade para ativá-la novamente.
Editando a forma com os controles na tela
No Photoshop 2021, a Adobe adicionou controles na tela às formas. Esses controles aparecem ao redor da forma depois de desenhá-la e facilitam dimensionar, redimensionar ou girar a forma sem a necessidade de usar o comando Transformação Livre. Os controles na tela também podem ser usados para ajustar a redondeza dos cantos de uma forma. Veja como usá-los.
Como redimensionar a forma
Para redimensionar uma forma usando os controles na tela, clique e arraste qualquer uma das alças (os quadrados que aparecem ao redor do contorno do caminho). Por padrão, arrastar uma alça redimensionará a forma de forma não proporcional, o que significa que cada lado ou canto pode ser movido sem mover nenhum outro.
Para dimensionar a forma proporcionalmente, mantenha pressionada a tecla Shift no teclado enquanto arrasta uma alça. Apenas lembre-se de soltar o botão do mouse antes de soltar a tecla Shift.
Você também pode segurar Alt (Win) / Option (Mac) enquanto arrasta para redimensionar a forma a partir do centro ou Shift + Alt (Win) / Shift + Option (Mac) para redimensioná-la proporcionalmente a partir do centro.
Como desfazer uma transformação
Para desfazer a última transformação feita na forma, vá até o menu Editar e escolha Desfazer caminho da transformação. Ou pressione Ctrl+Z (Win) / Command+Z (Mac) no teclado. Pressione Ctrl+Z (Win) / Command+Z (Mac) repetidamente para desfazer várias etapas consecutivas.
Como girar uma forma
Para girar uma forma usando os controles na tela, mova o cursor para fora do contorno do demarcador. 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.
Como girar uma forma a partir do seu canto
As formas também podem ser giradas em torno de um canto ou outro local movendo o ponto de referência. O ponto de referência é o ícone de destino que aparece no centro da forma por padrão. Se você não estiver vendo o ponto de referência, mostro como ativá-lo a seguir.
Como mostrar o ponto de referência
Se o ponto de referência não estiver visível, você precisará ativá-lo nas preferências do Photoshop. Em um PC com Windows, vá até o menu Editar na barra de menus. Em um Mac, vá até o menu Photoshop. A partir daí, escolha Preferências e depois Ferramentas.
Em seguida, na caixa de diálogo Preferências, selecione Mostrar ponto de referência ao usar Transformação. Você só precisará fazer isso uma vez. E como bônus, o ponto de referência agora ficará visível não apenas com formas, mas sempre que você usar o comando Transformação Livre do Photoshop. Clique em OK para fechar a caixa de diálogo quando terminar.
Clique e arraste o ponto de referência para um novo local. Vou movê-lo para a alça no canto superior esquerdo:
E agora quando você gira a forma, ela gira em torno do novo ponto. Observe que o ícone do ponto de referência é redefinido automaticamente para o centro da forma quando você solta o botão do mouse.
Como arredondar os cantos da forma
Os controles na tela também podem ser usados para ajustar a redondeza, ou raio, dos cantos da forma, embora esse recurso dependa de qual ferramenta de forma foi usada.
Com a Ferramenta Retângulo, todos os quatro cantos podem ser arredondados de uma vez ou um único canto pode ser arredondado de forma independente. Mas as formas desenhadas com a Ferramenta Triângulo ou a Ferramenta Polígono são limitadas a um único controle que afeta todos os cantos ao mesmo tempo. E a ferramenta Elipse e a ferramenta Linha não permitem cantos arredondados.
Os controles de raio são pequenos círculos dentro dos cantos.
Arredondando todos os cantos de uma vez
Para formas retangulares e quadradas que possuem um controle de raio em cada canto, arraste qualquer um dos controles para arredondar todos os quatro cantos ao mesmo tempo e na mesma proporção:
Arredondando um único canto de forma independente
Para ajustar um único canto sem afetar os outros, segure Alt (Win) / Option (Mac) no teclado e arraste o controle de raio do canto.
Mas se você souber o valor exato do raio necessário para o(s) canto(s), em vez de arrastar com os controles na tela, poderá inserir o valor exato no painel Propriedades do Photoshop, que veremos a seguir.
As propriedades da Forma Viva no painel Propriedades
Embora os controles na tela sejam convenientes, eles não são a única maneira de ajustar a aparência da sua forma. Na verdade, qualquer forma desenhada com uma das ferramentas de forma geométrica do Photoshop (ferramenta Retângulo, Elipse, Triângulo, Polígono ou Linha) é o que a Adobe chama de Forma Viva.
Uma Forma Viva significa que depois que a forma é desenhada, todas as suas propriedades permanecem ativas e editáveis. E as propriedades são encontradas no painel Propriedades.
Como atualmente tenho uma forma retangular selecionada, o painel Propriedades mostra opções para uma forma desenhada com a Ferramenta Retângulo. Mas a maioria das opções será a mesma, independentemente da ferramenta usada.
As propriedades de transformação
O painel Propriedades é dividido em seções, e a primeira seção na parte superior é Transformação. As opções de Transformação são iguais para todas as ferramentas de forma.
A largura, altura e localização da forma
Nas propriedades de Transformação, você pode editar a Largura (W) ou Altura (H) da forma e clicar no ícone de link para vincular ou desvincular os valores de largura e altura. As coordenadas X e Y podem ser usadas para definir um local específico para a forma na tela. X é a distância horizontal da esquerda da tela e Y é a distância vertical do topo.
O ângulo de rotação
A opção Ângulo define a rotação da forma. Para redefinir o ângulo, insira um valor de 0 graus. Se você girou a forma usando os controles na tela, o ângulo atual aparece e pode ser ajustado aqui.
Clicar na seta ao lado do valor do ângulo abre uma lista de ângulos predefinidos para escolher.
Dica! Alterando valores com o controle deslizante
A largura e a altura, os valores X e Y e o ângulo de rotação podem ser alterados usando o controle deslizante do Photoshop. Clique no nome de uma propriedade (por exemplo, a letra W para largura), mantenha o botão do mouse pressionado e arraste para a esquerda ou para a direita para alterar o valor.
Invertendo a orientação da forma
Finalmente, você pode usar os ícones Girar Horizontal ou Girar Vertical para inverter a orientação da forma.
As propriedades de aparência
A seção Aparência no painel Propriedades contém opções para alterar a cor de preenchimento da forma, a cor do traço, a espessura do traço e muito mais. É também onde ajustamos a redondeza dos cantos. As opções de preenchimento e traçado são as mesmas para todas as formas, mas as opções de canto mudarão dependendo da ferramenta de forma usada.
A cor de preenchimento e traço
Clique nas amostras de cores de preenchimento ou traçado para alterar as cores. Você encontrará as mesmas opções de escolha de cores que vimos anteriormente na Barra de Opções.
O tamanho do traço e outras opções
Abaixo das amostras de cores há mais opções para o traço que são copiadas da barra de opções. Você pode alterar o tamanho do traçado ou clicar na caixa Opções de traçado à direita do tamanho para alterar o tipo de traçado de uma linha sólida para uma linha tracejada ou pontilhada.
Os três ícones abaixo do tamanho do traço permitem alterar, da esquerda para a direita, o alinhamento do traço (interno, externo ou centralizado), o tipo de tampa e o tipo de canto.
O raio do canto
Anteriormente aprendemos como ajustar o arredondamento dos cantos da forma usando os controles na tela. Mas você também pode ajustar o raio do canto aqui no painel Propriedades. Na verdade, ao usar os controles na tela, você verá os valores dos raios mudando no painel Propriedades.
Por padrão, as quatro caixas (uma para cada canto) estão vinculadas entre si, portanto, inserir um novo valor para um canto altera todas as quatro na mesma proporção. Para desvincular as caixas (ou vinculá-las novamente), clique no ícone do link.
Aqui alterei o valor do raio do canto superior esquerdo para 60 pixels. E como todos os quatro cantos estavam vinculados, todos mudaram para 60 pixels quando pressionei Enter (Win) / Return (Mac) para aceitar o novo valor.
Abaixo das caixas individuais há uma caixa maior que exibe os valores atuais dos raios para todos os cantos de uma só vez. O primeiro valor é o canto superior esquerdo, depois o canto superior direito, o canto inferior direito e o canto inferior esquerdo. Você pode destacar qualquer valor para alterá-lo e apenas aquele canto será afetado, mesmo que os cantos estejam vinculados.
As propriedades do Pathfinder
Finalmente, a seção Pathfinder na parte inferior do painel Propriedades contém as mesmas opções para combinar formas que vimos anteriormente na Barra de Opções. Da esquerda para a direita, temos Combinar Formas, Subtrair forma frontal, Intersectar áreas de forma e Excluir áreas sobrepostas. Essas opções são as mesmas para todas as ferramentas de forma e, novamente, irei abordá-las em um tutorial separado.
Desenhar formas com outras ferramentas de formas do Photoshop
Neste ponto, cobrimos a maior parte dos princípios básicos para desenhar formas no Photoshop. Sabemos onde encontrar as várias ferramentas de forma na barra de ferramentas e examinamos as opções na barra de opções, como escolher uma cor de preenchimento e traço, que são basicamente as mesmas para cada ferramenta. Sabemos como desenhar formas clicando e arrastando na tela, como editar as formas usando os controles na tela e como editar as propriedades da Forma Viva no painel Propriedades.
Mas como a única ferramenta de forma que usamos até agora é a Ferramenta Retângulo, vamos dar uma olhada rápida nas outras ferramentas de forma geométrica do Photoshop. Não vou repetir tudo o que é igual em cada ferramenta e que já abordamos. Em vez disso, nos concentraremos principalmente nos recursos exclusivos de cada ferramenta.
A ferramenta Elipse
Enquanto a Ferramenta Retângulo desenha retângulos e quadrados, a Ferramenta Elipse desenha formas redondas ou elípticas, incluindo círculos perfeitos. Fora isso, ambas as ferramentas se comportam da mesma forma. Mas como as formas elípticas não têm cantos, você não encontrará opções para ajustá-las.
Para selecionar a ferramenta Elipse, clique e segure a ferramenta Retângulo na barra de ferramentas ou qualquer ferramenta de forma que você usou por último. Em seguida, escolha a ferramenta Elipse no menu.
Desenhando uma forma elíptica
Clique e arraste no documento para desenhar uma forma elíptica ou segure Shift enquanto arrasta para desenhar um círculo perfeito, como estou fazendo aqui:
Editando a forma com os controles na tela
Solte o botão do mouse para desenhar a forma e arraste qualquer uma das alças de controle na tela para redimensioná-la conforme necessário. Segure Shift enquanto arrasta para fixar a proporção original no lugar ou segure Alt (Win) / Option (Mac) para redimensionar a forma a partir de seu centro.
As propriedades da Forma Dinâmica
No painel Propriedades, a ferramenta Elipse compartilha as mesmas propriedades editáveis da Forma Viva que a ferramenta Retângulo. As únicas propriedades que faltam são as opções de raio do canto, pois elas não se aplicam. Mas você ainda pode alterar a largura e a altura, a cor do preenchimento e do traço e muito mais.
A ferramenta Triângulo
A ferramenta Triângulo foi introduzida pela primeira vez no Photoshop 2021. Antes disso, desenhar uma forma de triângulo envolvia selecionar a ferramenta Polígono (que veremos a seguir) e definir o número de lados como 3. Mas agora temos uma ferramenta Triângulo dedicada para que você não é preciso lembrar que um triângulo é apenas um polígono de três lados. E podemos até arredondar os cantos do triângulo usando os controles na tela ou as propriedades da Forma Viva no painel Propriedades.
Para selecionar a ferramenta Triângulo, clique e segura em qualquer ferramenta de forma que aparecer na barra de ferramentas, que sempre será a última ferramenta usada. Em seguida, escolha a ferramenta Triângulo na lista:
A opção Raio de Canto na barra de opções
Assim como a Ferramenta Retângulo, a Ferramenta Triângulo inclui uma opção Raio do Canto na Barra de Opções que pode ser usada para definir o arredondamento dos cantos antes de desenhar a forma. Mas para desenhar um triângulo com cantos agudos, deixe o raio com o valor padrão de 0 px.
Desenhando uma forma de triângulo
Clique e arraste no documento para desenhar uma forma de triângulo ou segure Shift enquanto arrasta para desenhar um triângulo equilátero onde todos os três lados têm o mesmo comprimento. E como acontece com todas as ferramentas de forma, você pode segurar Alt (Win) / Option (Mac) para desenhar a forma a partir do centro.
Arredondando os cantos do triângulo
Solte o botão do mouse para completar a forma e use os controles na tela para dimensionar, redimensionar ou girar o triângulo, se necessário.
Os triângulos também incluem um único controle de raio de canto na parte superior.
Arrastar o controle para cima ou para baixo ajustará a redondeza de todos os três cantos do triângulo de uma só vez.
O raio do canto também pode ser ajustado no painel Propriedades junto com todas as outras propriedades da Forma Viva que são comuns a todas as formas:
A ferramenta Polígono
Enquanto a ferramenta Triângulo desenha formas de 3 lados e a ferramenta Retângulo desenha formas com 4 lados, a ferramenta Polígono no Photoshop pode desenhar formas com quantos lados você precisar. Pode até desenhar estrelas, como veremos em breve.
Selecione a ferramenta Polígono na barra de ferramentas clicando e segurando a última ferramenta de forma usada e, em seguida, escolha a ferramenta Polígono na lista:
As opções de Lados e Raio
Juntamente com as opções da ferramenta de forma padrão na Barra de Opções, a Ferramenta Polígono também inclui uma caixa para inserir o número de lados e para definir o raio do canto. Se você souber o número de lados necessários, poderá defini-lo aqui antes de desenhar a forma. Ou você pode deixar essas opções em seus padrões (lados = 5, raio = 0 px) e ajustá-las no painel Propriedades depois que a forma for desenhada.
Desenhando a forma poligonal
Clique e arraste no documento para desenhar a forma poligonal. Segure Shift enquanto arrasta para desenhar um polígono simétrico com todos os lados do mesmo comprimento.
Solte o botão do mouse para completar a forma:
O controle de raio na tela
Assim como a Ferramenta Triângulo, as formas desenhadas com a Ferramenta Polígono incluem um único controle de raio de canto na parte superior. Arraste o controle para cima ou para baixo para arredondar todos os cantos do polígono de uma só vez.
A opção Raio no painel Propriedades
Ou você pode ajustar o raio no painel Propriedades. Vou redefini-lo para 0 px.
Alterando o número de lados
Você pode alterar o número de lados do polígono no painel Propriedades. Vou aumentar de 5 para 6:
E como o polígono é uma Forma Viva, ele atualiza-se instantaneamente de 5 para 6 lados:
Como desenhar estrelas com a ferramenta Polígono
Para transformar sua forma poligonal em uma estrela, diminua a opção Proporção de estrelas no painel Propriedades. Quanto mais você diminuir o valor abaixo de 100%, mais os lados do polígono recuarão em direção ao centro.
Vou definir o número de lados de volta para 5. E vou diminuir a proporção de estrelas para 47%, que é o valor que você precisa para desenhar uma estrela de 5 pontas perfeita.
E o polígono instantaneamente se transforma em forma de estrela.
A opção Suavizar Recuos
Clique no ícone de reticências (os três pontos):
Para revelar a opção Suavizar Recuos.
Com o Suavizar Recuos habilitado, os recuos da estrela ficam arredondados em vez de nítidos:
A ferramenta Linha
A última ferramenta de forma geométrica do Photoshop, e a ferramenta final que veremos neste tutorial, é a Ferramenta Linha. A ferramenta Linha, usa-se para desenhar linhas retas e você pode adicionar uma ponta de seta no início ou no final da linha.
Para selecionar a ferramenta Linha na barra de ferramentas, clique e segure a última ferramenta de forma usada e escolha a ferramenta Linha na lista:
Escolhendo uma cor de linha
A ferramenta Linha é diferente das outras ferramentas de forma porque a cor da linha controla-se pela cor do traço e não pela cor de preenchimento. Isso ocorre porque uma linha é, na verdade, apenas um caminho reto com um traço ao seu redor.
Para escolher uma cor de linha, clique na amostra de cor do traço:
Em seguida, use os ícones no canto superior esquerdo do painel para escolher entre uma predefinição de cor sólida, uma predefinição de gradiente ou uma predefinição de padrão. Ou seja, clique no ícone no canto superior direito para selecionar uma cor personalizada no Seletor de cores.
Bem como, clicarei na opção de predefinição de cor sólida. Em seguida, abrirei o grupo Pure de predefinições e escolherei laranja como cor da linha clicando em sua miniatura:
Configurando a espessura da linha com o tamanho do traço
O peso ou largura de uma linha controla-se pelo tamanho do traço. Ainda na barra de opções, definirei o tamanho para 100 px apenas para facilitar a visualização da linha.
Como desenhar uma seta com a ferramenta Linha
Embora você possa, ocasionalmente, precisar desenhar linhas retas simples, a ferramenta Linha é usada com mais frequência para desenhar setas. Pontas de seta podem ser adicionadas ao início ou ao final de uma linha, mas devem ser adicionadas antes que a linha seja desenhada. Bem como, as linhas sejam Formas Viva com propriedades editáveis no painel Propriedades, as pontas de seta não são algo que possa ser adicionado ou editado posteriormente.
Para adicionar uma ponta de seta à linha, clique no ícone de engrenagem na barra de opções.
Nas opções de ponta de seta, adicione a ponta de seta ao início ou ao fim da linha, ou ambos. Eu escolho o fim. Em seguida, insira uma largura e um comprimento para a ponta da seta, em pixels. Definirei a largura para 120 px e o comprimento para 150 px, novamente para que seja fácil de ver.
Infelizmente, escolher o tamanho correto da ponta da seta complica-se porque não há como visualizar o resultado até desenhar a forma e não é possível editar o tamanho depois de desenhar. Portanto, se errar, você precisará excluir ou desfazer a linha, clicar no ícone de engrenagem na barra de opções, alterar o valor de largura ou comprimento e desenhar uma nova linha para tentar novamente.
Use a opção Concavidade se quiser recuar a base ou parte inferior da ponta da seta. Vou definir para 20%.
Como desenhar a linha
Todavia, para desenhar sua linha ou seta, clique na tela para definir o ponto inicial. Em seguida, mantenha o botão do mouse pressionado e arraste para longe desse ponto para definir o comprimento e a direção da linha. Segure Shift enquanto arrasta para limitar a direção à horizontal, vertical ou a um ângulo de 45 graus.
Ao arrastar, tudo o que você verá é o caminho da linha. Se você adicionou uma ponta de seta, também verá o caminho da ponta de seta. E observe que como defini a opção Concavidade para 20%, a base da ponta da seta fica recuada.
Finalmente, solte o botão do mouse para completar a linha, ponto em que o traço ao redor do caminho aparece, dando a cor à linha.
Como girar a linha
Entretanto, você pode girar a linha em torno de seu centro clicando e arrastando fora de um dos pontos finais. Em seguida segure Shift para girar a linha em incrementos de 15 graus:
Para girar a linha a partir de uma extremidade em vez de a partir do centro, clique e arraste o ponto de referência (que, se você não o estiver vendo, ativamos anteriormente nas Preferências do Photoshop) para uma das extremidades.
Então, clique e arraste fora da extremidade oposta para girá-la.
As propriedades da Forma Dinâmica
Finalmente, a ferramenta Linha compartilha as mesmas propriedades de Forma dinâmica no painel Propriedades que as outras ferramentas de forma. Não há opções para arredondar os cantos, mas você pode alterar a cor ou a espessura da linha (usando as opções de Traçado), ajustar o ângulo de rotação, inverter a linha vertical ou horizontalmente e muito mais.
Então, é isso aí o que temos! Esse é o básico para desenhar formas usando as ferramentas de formas geométricas do Photoshop! A única ferramenta de forma que não abordamos aqui é a ferramenta Forma personalizada. Mas você pode aprender tudo sobre isso em meu tutorial Desenhando formas personalizadas no Photoshop.
Confira mais dos meus tutoriais básicos do Photoshop.