Este tutorial mostra como usar a nova ferramenta Caneta de curvatura no Photoshop CC 2018 para desenhar caminhos facilmente e como converter os contornos do caminho em formas, máscaras de vetor e seleções. Siga este guia passo a passo.

Um dos maiores recursos novos do Photoshop CC 2018 é a nova Ferramenta de Caneta de Curvatura . A Ferramenta de Caneta Curvature é uma versão simplificada da Ferramenta de Caneta padrão do Photoshop. Permite desenhar formas e caminhos complexos sem a necessidade de editar alças de controle ou lembrar de atalhos de teclado. Usar a ferramenta Caneta de curvatura é tão fácil quanto clicar para adicionar pontos. O Photoshop usa esses pontos para traçar seu caminho automaticamente.

Como o próprio nome indica, a Ferramenta Caneta Curvatura desenha linhas curvas por padrão. Mas, como veremos, é fácil desenhar linhas retas e alternar entre linhas curvas e retas, conforme necessário. E, como a Pen Tool padrão, podemos facilmente converter nossos contornos de caminho em contornos de seleção, permitindo que qualquer pessoa, mesmo iniciante, faça seleções profissionais e limpas no Photoshop. Vamos ver como isso funciona!

A Ferramenta Caneta Curvatura está disponível apenas no Photoshop CC 2018, portanto, você precisará do CC 2018 para acompanhar. Se você é um assinante da Creative Cloud, pode aprender como atualizar sua cópia do Photoshop para o CC 2018 usando o tutorial Como manter o Photoshop CC atualizado. Vamos começar!

Configurando o documento

Criando um novo documento do Photoshop

Em vez de apenas contar como a Ferramenta de Caneta de Curvatura funciona, vamos configurar as coisas para que você possa acompanhar facilmente comigo. Começaremos criando um novo documento do Photoshop. Vá para o menu Arquivo na barra de menus na parte superior da tela e escolha Novo :

Indo para Arquivo> Novo.

Isso abre a caixa de diálogo Novo documento. No painel Detalhes da predefinição, à direita, defina Largura e Altura do novo documento como 1000 pixels. Defina a resolução como 72 pixels / polegada e verifique se o conteúdo do plano de fundo está definido como branco . Em seguida, clique no botão Criar no canto inferior direito. Um novo documento, preenchido com branco, será aberto na tela:

Configurando as opções para o novo documento no painel Detalhes da predefinição.

Configurando os Guias

Agora que temos nosso documento, vamos configurar alguns guias para que seja mais fácil desenhar as mesmas formas. Vá para o menu Exibir na barra de menus e escolha Novo layout do guia :

Vá para Exibir> Novo layout do guia.

Na caixa de diálogo Novo layout do guia, defina o número de colunas e o número de linhas como 6 . Verifique se o valor da calha para as colunas e linhas está vazio ou definido como 0. Se você tiver alguma guia preexistente que precise remover, selecione Limpar guias existentes na parte inferior. Em seguida, clique em OK para fechar a caixa de diálogo:

As opções de Novo layout do guia.

Agora você deve ver 3 linhas e 3 colunas de guias na frente do seu documento:

As guias agora aparecem no documento.

Como desenhar com a ferramenta Caneta de curvatura

Etapa 1: Selecione a ferramenta Caneta de curvatura na barra de ferramentas

Com o nosso documento agora configurado, vamos aprender a usar a nova Ferramenta de Caneta de Curvatura no Photoshop CC 2018. Selecionamos a Ferramenta de Caneta de Curvatura na Barra de Ferramentas. Por padrão, a Ferramenta de Caneta de Curvatura está aninhada atrás da Ferramenta de Caneta padrão, portanto, você precisará clicar e segurar o ícone da Ferramenta de Caneta até que um menu suspenso seja exibido. Em seguida, escolha a ferramenta Caneta de curvatura no menu:

Selecionando a ferramenta Caneta de curvatura na barra de ferramentas.

Não encontra a ferramenta Caneta de curvatura na barra de ferramentas? Aqui está onde encontrá-lo.

Etapa 2: defina o modo Ferramenta como "Caminho" ou "Forma"

Antes de começar a desenhar com a Ferramenta Caneta de curvatura, escolha se deseja desenhar um contorno ou uma forma de caminho usando a opção Modo de ferramenta na Barra de opções. Por padrão, o Modo Ferramenta está definido como Caminho, que é o que vou deixar definido. Se você quiser desenhar uma forma, defina a opção Modo de ferramenta como Forma . Acho que é mais fácil desenhar um caminho, porque os caminhos são mais fáceis de ver enquanto você desenha, e você pode facilmente converter seu caminho em uma forma quando terminar. Aprenderemos como fazer isso um pouco mais tarde. Por enquanto, deixe o Modo Ferramenta definido como Caminho:

A opção Modo de ferramenta pode ser definida como Caminho ou Forma.

Etapa 3: Clique para adicionar um ponto de partida

Para começar a desenhar um caminho ou uma forma, clique uma vez dentro do documento para definir um ponto de partida. Clicarei no local onde a guia vertical no centro e a guia horizontal ao longo da parte inferior se cruzam. Observe que um pequeno quadrado aparece no local em que você clicou. Isso é conhecido como ponto de ancoragem porque ancora a posição do caminho no documento:

Clique para adicionar um ponto de partida para o caminho.

Etapa 4: adicione um segundo ponto para desenhar uma linha reta

Em seguida, clique para adicionar um segundo ponto de ancoragem. Clicarei onde a guia vertical à esquerda e a guia horizontal no centro se cruzam. Observe que, embora a ferramenta tenha o nome de Curvature Pen Tool, o Photoshop desenha uma linha reta, conhecida como segmento de caminho, entre os dois pontos. A razão é que desenhar uma curva requer três pontos; um para o início da curva, um para o final e um para o meio. O ponto no meio determina o ângulo ou arco da curva. Sem esse ponto central, todo o Photoshop pode desenhar é uma linha reta:

Adicionar um segundo ponto desenha uma linha reta entre os dois pontos.

Etapa 5: adicione um terceiro ponto para desenhar uma curva

Clique com a ferramenta Caneta de curvatura para adicionar um terceiro ponto. Clicarei onde a guia horizontal superior e a vertical central se cruzam. Assim que você clicar para adicionar o terceiro ponto, a linha reta se tornará uma linha curva:

Adicionar um terceiro ponto converte a linha reta em uma curva.

Alterando a espessura e a cor do caminho

Se estiver com problemas para visualizar o contorno do caminho, poderá ajustar a cor e a espessura do caminho clicando no ícone de roda dentada na Barra de opções:

Clique no ícone de roda dentada para abrir as opções de caminho.

Isso abre a caixa de diálogo Opções de caminho, na qual é possível alterar a espessura do contorno do caminho, de 0, 5 a 0 pixels a 3 pixels. Você também pode escolher uma cor diferente para o caminho. Vou definir a espessura para 3 px e a cor para magenta . Observe que essas configurações existem apenas para ajudá-lo a ver seu caminho enquanto trabalha. Eles não afetam a aparência real do caminho no documento. Para fechar a caixa de diálogo Opções de caminho, clique novamente no ícone de roda dentada:

Altere a espessura e a cor do caminho nas Opções de caminho.

E agora vemos que a espessura e a cor do meu caminho mudaram:

O esboço do caminho agora é muito mais fácil de ver.

Etapa 6: clique para adicionar mais pontos

Para continuar desenhando seu caminho ou forma, basta clicar para adicionar mais pontos. Por padrão, depois que você começa a desenhar uma linha curva adicionando um terceiro ponto, quaisquer pontos adicionais adicionados também desenham uma curva. Adicionarei um quarto ponto de ancoragem clicando onde a linha vertical ao longo da direita e a guia horizontal no centro se cruzam. Isso adiciona um novo segmento de caminho entre o terceiro e o quarto pontos e estende a curva:

Adicionando um quarto ponto para continuar desenhando a linha curva.

Etapa 7: Clique no ponto de partida para fechar o caminho

Para fechar seu caminho, clique novamente no seu ponto de partida original. Agora, desenhámos um círculo completo com a Ferramenta Caneta de Curvatura, clicando em:

Feche o caminho clicando novamente no ponto de partida.

Remodelando o contorno do caminho

Movendo um ponto de ancoragem existente

Nós traçamos nosso caminho, mas podemos facilmente voltar a esse ponto e remodelá-lo. De fato, existem algumas maneiras de fazer isso. Uma é clicar em um ponto de ancoragem existente com a Ferramenta Caneta de Curvatura para selecioná-lo e, em seguida, arrastar o ponto para um novo local. Aqui, estou arrastando o ponto de ancoragem superior duas guias verticais para a direita:

Clicando e arrastando um ponto de ancoragem existente.

Adicionando mais pontos de ancoragem

Também podemos adicionar mais pontos de ancoragem ao caminho existente. Para adicionar um novo ponto, clique em qualquer lugar ao longo do contorno do caminho. Em seguida, arraste o novo ponto para remodelar o caminho. Clicarei no canto superior esquerdo do caminho para adicionar um novo ponto:

Adicionando um novo ponto de ancoragem clicando no contorno do caminho.

Em seguida, para remodelar o caminho, arrasto o novo ponto para o canto superior esquerdo, onde as linhas da grade se cruzam:

Arrastando o novo ponto para remodelar o caminho.

Também clicarei para adicionar um novo ponto de ancoragem no topo do caminho e depois arrastarei o novo ponto para baixo até onde as linhas da grade se encontram logo acima do centro:

Adicionando um novo ponto na parte superior e arrastando-o para baixo.

Alternando entre pontos de curva e pontos de canto

Até agora, todos os pontos de ancoragem que adicionamos à Ferramenta de Caneta de Curvatura foram pontos de curva (também conhecidos como pontos suaves ). Ou seja, o contorno do caminho se curva conforme passa pelo ponto. Outra maneira de alterar a forma de um caminho é convertendo um ponto de curva em um ponto de canto . Para alternar de um ponto de curva para um ponto de canto, clique duas vezes em um ponto de curva existente.

Clicarei duas vezes no ponto que acabei de adicionar no centro superior e agora vemos que, em vez de uma curva suave, o contorno do caminho muda abruptamente de direção nesse ponto. Para alternar de um ponto de canto para um ponto de curva, basta clicar duas vezes no ponto:

Clique duas vezes em um ponto de curva para convertê-lo em um ponto de canto e vice-versa.

Exclusão de um ponto

Para excluir um ponto de ancoragem, clique nele com a ferramenta Caneta de curvatura para selecioná-lo e pressione a tecla Backspace (Win) / Delete (Mac) no teclado. Aqui, excluí o ponto no centro superior e agora o caminho retornou à mesma forma em que estava antes de adicionar o ponto:

Para excluir um ponto, selecione-o e pressione Backspace (Win) / Delete (Mac).

Excluindo um caminho inteiro

Para excluir todo o caminho, clique com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) dentro do documento e escolha Excluir caminho no menu. Você também exclui o caminho inteiro pressionando Backspace (Win) / Delete (Mac) no teclado quando nenhum ponto de ancoragem é selecionado:

Para excluir um caminho, clique com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) e escolha "Excluir caminho".

Excluirei meu caminho para retornar apenas ao meu documento vazio e aos meus guias:

O caminho foi excluído.

Desenhando segmentos de caminho reto com a ferramenta Caneta de curvatura

O principal benefício da Curvature Pen Tool é que é fácil desenhar contornos de caminho curvo. Mas também podemos usá-lo para desenhar linhas retas com a mesma facilidade. Já vimos que podemos converter um ponto de curva em um ponto de canto clicando duas vezes nele. Mas se soubermos antecipadamente que precisamos desenhar uma linha reta, não há necessidade de desenhar um ponto de curva primeiro e depois convertê-lo. Em vez disso, basta clicar duas vezes, em vez de clicar uma vez, para adicionar o novo ponto. O Photoshop adicionará automaticamente o ponto como um ponto de canto.

Digamos que queremos desenhar um contorno de caminho retangular usando a Ferramenta Caneta de Curvatura. Comece clicando para definir um ponto de partida para o caminho. Vou clicar no canto inferior esquerdo:

Clique para definir um ponto de partida para o contorno do caminho retangular.

Então, como sabemos que queremos que o próximo ponto seja um ponto de canto, clique duas vezes em vez de um clique para adicioná-lo. Clicarei duas vezes em duas guias horizontais acima do meu ponto de partida:

Clique duas vezes para adicionar o segundo ponto como um ponto de canto.

Para adicionar o terceiro ponto à forma retangular, clicarei novamente duas vezes para adicioná-lo como um ponto de canto. Observe que, como estamos adicionando os pontos como pontos de canto, o Photoshop os conecta com segmentos de caminho reto, em vez de curvas:

Clique duas vezes para adicionar o terceiro ponto.

Vou adicionar um quarto ponto de canto clicando duas vezes no canto inferior direito. Novamente, o Photoshop adiciona outro segmento de caminho reto:

Adicionando o quarto ponto de canto.

Para concluir o caminho, clicarei duas vezes no ponto inicial inicial e o Photoshop adicionará o segmento reto restante:

Clique duas vezes no ponto de partida para fechar o caminho.

Convertendo um segmento de caminho reto em um arco

E se, em vez de uma linha horizontal plana no topo do caminho, você quiser um arco? Com a Ferramenta Caneta Curvatura, é fácil. Tudo o que você precisa fazer é clicar em qualquer lugar ao longo do segmento do caminho superior para adicionar um novo ponto de ancoragem:

Adicionando um novo ponto ao topo do caminho.

Em seguida, arraste o novo ponto para cima para criar o arco:

Arrastando o novo ponto para cima.

Movendo vários pontos de ancoragem de uma só vez

Até agora, aprendemos que podemos mover um ponto de ancoragem individual clicando e arrastando-o com a Ferramenta Caneta de Curvatura. Mas e se precisarmos mover dois ou mais pontos de ancoragem ao mesmo tempo? Nesse caso, podemos usar a Ferramenta de seleção direta do Photoshop. Você encontrará a Ferramenta de seleção direta, também conhecida como "Ferramenta de seta branca", aninhada atrás da Ferramenta de seleção de caminho (a "Ferramenta de seta preta") na barra de ferramentas. Clique e mantenha pressionada a Ferramenta de Seleção de Caminho até que um menu suspenso seja exibido e escolha a Ferramenta de Seleção Direta no menu:

Selecionando a Ferramenta de Seleção Direta na Barra de Ferramentas.

Digamos que queremos mudar a altura do nosso caminho. Precisamos selecionar todos os três pontos de ancoragem que compõem o topo (o ponto no canto superior esquerdo, o canto superior direito e aquele no topo do arco). Para selecionar os três pontos de uma só vez, clique e arraste uma caixa ao redor dos três pontos com a Ferramenta de Seleção Direta:

Arrastar com a Ferramenta de seleção direta em torno dos três pontos na parte superior.

Em seguida, com todos os três pontos no topo selecionados, clique em qualquer um deles e arraste os três para baixo juntos:

Remodelando o caminho movendo todos os pontos de ancoragem selecionados ao mesmo tempo.

Para voltar à ferramenta Caneta de curvatura, selecione-a novamente na barra de ferramentas:

Selecionando novamente a ferramenta Caneta de curvatura.

E então, para excluir o caminho para que possamos recomeçar, clique com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) dentro do documento e escolha Excluir caminho no menu:

Escolhendo a opção Excluir caminho.

Desenhando um coração com a ferramenta Caneta de curvatura

Por fim, vamos pegar o que aprendemos sobre pontos de curva e canto e usá-lo para desenhar um caminho na forma de um coração. Quando terminarmos, terminaremos este tutorial aprendendo como transformar o caminho em uma forma real, além de uma máscara de vetor e um esboço de seleção.

Primeiro, clique no centro inferior com a Ferramenta Caneta de curvatura para definir seu ponto de partida:

Clicar para definir o ponto de partida para o coração.

Em seguida, clique no canto superior esquerdo, onde a primeira guia vertical à esquerda cruza com a segunda guia horizontal da parte superior. Isso adiciona um segundo ponto e, como temos apenas dois pontos no momento, o Photoshop desenha um segmento de caminho reto entre eles:

Clique para adicionar o segundo ponto.

Para adicionar o terceiro ponto, clique em onde a guia horizontal superior cruza com a segunda guia vertical da esquerda. Como esse é o nosso terceiro ponto, o Photoshop converte o segmento de caminho reto em uma curva:

Adicionar o terceiro ponto cria a curva.

Precisamos adicionar nosso quarto ponto no ponto em que a segunda guia horizontal do topo encontra a guia vertical no centro. Mas, como sabemos que precisamos que esse ponto seja um ponto de canto, não um ponto de curva, clique duas vezes para adicioná-lo:

Adicionando o quarto ponto como um ponto de canto clicando duas vezes.

Em seguida, clique em onde a guia horizontal superior cruza com a segunda guia vertical da direita. Mesmo adicionando esse ponto como um ponto de curva (com um único clique), o Photoshop inicialmente desenhará um segmento de caminho reto. Isso porque nosso ponto anterior era um ponto de canto:

Clique uma vez para adicionar o quinto ponto de ancoragem como um ponto de curva.

Para adicionar o próximo ponto, clique em onde a primeira guia vertical da direita encontra a segunda guia horizontal da parte superior. O Photoshop mais uma vez converte o caminho reto em uma curva:

Adicionar o sexto ponto converte a linha reta anterior em uma curva.

Finalmente, vamos fechar o caminho e completar a forma do coração clicando no ponto inicial inicial na parte inferior. Precisamos que este ponto seja um ponto de canto, não uma curva; portanto, complete o caminho clicando duas vezes no ponto de partida:

Clique duas vezes no ponto inicial para fechar o caminho com um ponto de canto.

Desativando os Guias

Concluímos o desenho com a ferramenta Caneta de curvatura, então vamos remover as guias, indo até o menu Exibir na barra de menus, escolhendo Mostrar e, em seguida, escolhendo Guias para desmarcá-las:

Indo para Exibir> Mostrar> Guias.

Isso nos deixa com apenas o nosso caminho:

O caminho em forma de coração desenhado com a ferramenta Caneta de curvatura.

Convertendo o caminho em uma seleção, máscara ou forma

Agora que desenhamos nosso caminho, o Photoshop facilita a conversão do caminho em um contorno de seleção, uma máscara de vetor ou uma forma . Com a ferramenta Caneta de curvatura ainda ativa, você encontrará as três opções na barra de opções. Basta escolher o que você precisa:

Use a opção Criar para transformar o caminho em uma seleção, máscara ou forma vetorial.

Esboço da seleção

Para converter seu caminho em um esboço de seleção, escolha Seleção :

Escolhendo "Seleção" na barra de opções.

O Photoshop abrirá a caixa de diálogo Fazer seleção . Aqui, você pode adicionar algumas penas à seleção, se necessário, ou apenas clicar em OK para fechar a caixa de diálogo:

A caixa de diálogo Fazer seleção.

O Photoshop converte instantaneamente o contorno do caminho em um contorno de seleção "formigas em marcha":

O caminho desenhado com a Ferramenta Caneta de curvatura agora é um esboço de seleção.

Vou desfazê-lo para que possamos olhar para as outras duas opções, indo até o menu Editar e escolhendo Desfazer seleção de alteração . Eu também poderia simplesmente pressionar Ctrl + Z (Win) / Command + Z (Mac) no meu teclado:

Indo para Editar> Desfazer alteração na seleção.

Máscara de vetor

Para criar uma máscara de vetor a partir do contorno do caminho, escolha Máscara na barra de opções:

Clicando na opção "Máscara".

O Photoshop converte o caminho em uma máscara de vetor, com apenas a área dentro do caminho visível no documento. O padrão quadriculado agora ao redor do caminho representa transparência, pois não temos outras camadas abaixo da máscara:

O caminho agora aparece como uma máscara de vetor, com apenas a área dentro do caminho visível.

E se olharmos no painel Camadas, agora vemos uma miniatura de máscara de vetor :

Uma miniatura de máscara de vetor aparece no painel Camadas.

Desfarei a máscara de vetor para que possamos olhar para a terceira opção, indo até o menu Editar e escolhendo Desfazer Adicionar máscara de vetor . Ou então, basta pressionar Ctrl + Z (Win) / Command + Z (Mac) no teclado:

Indo para Editar> Desfazer Adicionar máscara de vetor.

Camada de forma

Por fim, para converter um caminho desenhado com a Ferramenta Caneta de curvatura em uma camada Forma, escolha Forma :

Escolhendo "Forma" na barra de opções.

O Photoshop preenche a nova forma com a cor atual do primeiro plano, que no meu caso é preta:

O caminho agora convertido em uma forma.

Se olharmos novamente no painel Camadas, agora vemos uma nova camada de forma . Para alterar a cor da forma, clique duas vezes na miniatura da forma:

Clique duas vezes na miniatura da camada Forma para alterar a cor da forma.

Em seguida, escolha uma nova cor no Seletor de cores . Já que desenhamos um formato de coração, vou escolher um tom de vermelho. Clique em OK quando terminar de fechar o Seletor de cores:

Escolhendo uma cor diferente para a forma no Seletor de cores.

Por fim, para ocultar o contorno do caminho ao redor da forma, pressione Enter (Win) / Return (Mac) no teclado. Ou simplesmente escolha uma ferramenta diferente na barra de ferramentas. Aqui está o formato do meu coração agora cheio de vermelho:

A forma de coração vermelho desenhada com a Curvature Pen Tool.

E aí temos que! Esse é o nosso guia passo a passo para desenhar caminhos e formas com a nova Ferramenta Caneta de Curvatura no Photoshop CC 2018! Verifique também as novas Dicas da Rich Tool no Photoshop CC 2018. Visite nossa seção Noções básicas do Photoshop para obter tutoriais semelhantes!

Categoria:

Noções básicas do Photoshop