Pequenas Dúvidas

  • HTML
  • CSS
  • JS
  • PHP
  • MySQL
  • Marketing Digital
  • Photoshop
Home Como recortar qualquer imagem usando a ferramenta caneta do Photoshop

Como recortar qualquer imagem usando a ferramenta caneta do Photoshop

Na postagem de hoje, vou mostrar como recortar qualquer foto no Photoshop. Lembrando que esse método talvez não seja o mais rápido, porém, eu julgo como o que tem maior precisão.

Vamos começar, primeiro, vamos pegar uma foto para recortar que tenha um grau de dificuldade moderado:

Eu escolhi essa imagem, você pode encontrar ela no link: https://www.flickr.com/photos/pulpolux/45584562/in/photolist-ndwe5T-cuKw3U-6RyvAY-orE1Fh-raqqVv-3CLsoK-pkrKqh-u6UxFH-eMN6cd-3itQ8B-bBn8oH-eCCeuD-rmoMQc-3iyeDJ-3iyfhW-wE6b2W-4Hcypc-bAq1mN-6MFjUA-52CGJ-hNsG9-9fAacG-ovi5M-wNmi6-4DVP4m-eEpWP6-eqHb9y-eEvFNb-5ebKB5-e6EJ8p-Fe9KG-gB6u1p-dRpzuC-gbwS9J-gwdmR8-e88QZ1-k4Ht7-g77D9s-gbwpp1-u7ZE1A-aBGTEi-2W1R3T-uG9Ui

Essa imagem está sobre direitos de Creative Commons (em outra postagem eu explico melhor o que são imagens com direitos CC e a importância de se verificar os direitos de imagem antes de usar) e está liberada para o nosso exercício nessa postagem.

Bom, então vamos começar, o primeiro passo é abrir a imagem no Photoshop:

 

Moça com caneca de café

Agora o segundo passo é transformar essa camada que está travada como plano de fundo em uma camada comum. Para transformar, basta clicar duas vezes e então colocar um novo nome.

Nova camada

 

 

 

E com a ferramenta Caneta (Pen Tool), primeiro verificamos se as propriedades estão corretas:Ferramenta caneta

imagem2

O mais importante nessa propriedade é se a opção está marcada como Demarcador (Path).

E então começamos o processo, contornando a foto clicando e arrastando:

Contornando

Esse é um processo que exige em primeiro lugar uma grande paciência e precisão, portanto se quer um bom trabalho recortando a foto, não tenha pressa.

DICA: USE E ABUSE DA FERRAMENTA ZOOM (atalho: z).

Continuando o processo de contorno

Em algum momento durante o processo de contorno da foto pode ser necessário “zerar” o ponto de curva da linha, pois a curva não acompanha corretamente para onde quer ir. Para zerar esse ponto, basta voltar ao último ponto, segurar a tecla ALT e clicar, o ícone da caneta irá mudar e ficará semelhante a esse:Caneta quando está sobre um ponto

Você também irá perceber que uma das pontas (arestas) irá sumir:

"zerando" curva no Photoshop (caneta)

E assim irá permitir que uma nova curva seja criada na direção que você precisa.

Continuando o processo de contorno

Agora o processo é contornar toda a imagem.

IMPORTANTE: Caso você por algum motivo perca o “fio” do contorno, basta clicar novamente no último ponto que você criou e continuar o contorno.

Concluido o processo de contornar a imagem

Após contornar toda a imagem, vamos até a aba Demarcadores (Path), nas paletas (ficam à direita).

Aba demarcador

Caso a aba não esteja aberta, clique para o Menu Janela (Window) -> Demarcadores (Path).

Agora nós vamos salvar o nosso trabalho de demarcação, evitando perder todo o trabalho de contorno caso algum problema aconteça com o arquivo.

Para salvar a demarcação, basta apenas dar um duplo clique onde está escrito: “Demarcador de Trabalho” (work path).

Salvando um demarcador

E colocar um novo nome, nesse exemplo eu coloquei o nome de Recorte e pressione OK.

Ainda na aba Demarcadores, no rodapé dessa aba existe alguns ícones, o terceiro ícone da esquerda para direita: imagem12 (carregar demarcador como seleção) irá transformar nosso contorno em uma seleção.

 

 

 

 

Seleção

A seleção foi criada em volta da nossa foto, como o objetivo é remover o fundo, devemos inverter a seleção, ou seja, ao invés de selecionar a moça, iremos selecionar o fundo que nessa imagem é uma floresta.

Para inverter a seleção, clique no Menu Seleção (select) -> Inverter (Invert)

Invertendo a seleção

A imagem ficará da seguinte forma:

Seleção invertida

Agora vamos deixar o nosso um pouco menos “seco” e sim de uma forma não tão agressiva. Para isso clique no menu Selecionar (select) -> Modificar (modify) -> Expansão (expansion).

Modificar ExpansãoE na janela seguinte, escolha a opção 1 pixel.

Expandir 1 pixel

IMPORTANTE: A opção de 1 pixel foi utilizada nessa imagem, pode ser que ao recortar outras imagens esse valor tenha que ser outro.

E por último clique no Menu Selecionar -> Modificar -> Difusão (diffusion)

DifusãoE colocar o valor de 2 pixels.

2 pixels de Difusão

Novamente, cada imagem é um caso, portanto, é necessário realizar alguns testes antes de tomar a decisão correta.

Por último agora só precisa pressionar a tecla delete:

Removendo o fundo

E o nosso fundo foi removido e agora podemos retirar a seleção utilizando o atalho CTRL+D ou clicando no menu Selecionar -> Cancelar Seleção.

E agora se você colocar um novo fundo na imagem:

Finalizando

 

OBS: Claro que para uma imagem ficar bem recortar é importante ainda fazer mais alguns retoques (como entre a nuca e o “rabo de cavalo”) e outros detalhes.

Dúvidas nos comentários e até a próxima.

dez 3, 2015Rodrigo Sarri
Enviar dados de um formulário sem atualizar a página com JQUERY (ajax)Utilizando o F12, a ferramenta do desenvolvedor
Comentários: 6
  1. Elias
    2 years ago

    Execelente. obrigado pela aula, valeu muito

    RespostaCancelar
  2. bioshock
    1 year ago

    tipo,como faço,se eu quiser colocar uma cabeça em um trofeu?

    RespostaCancelar
  3. carla
    6 months ago

    a opção inverter nao ta disponivel pra mim

    RespostaCancelar
    • Rodrigo Sarri
      6 months ago

      Bom dia, certifique-se que a seleção foi criada usando o ícone (carregar demarcador como seleção).

      RespostaCancelar
  4. editor de video
    4 months ago

    Olá gostei muito do seu artigo, vou acompanhar seu blog
    seu conteúdo vem me ajudando
    bastante, muito obrigado.

    RespostaCancelar
    • Rodrigo Sarri
      4 months ago

      Bom dia, estou um pouco ausente do blog, mas pretendo voltar com novos artigos e até reformular um pouco o blog. Obrigado pelo comentário.

      RespostaCancelar

Deixe uma resposta para carla Cancelar resposta

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

5 years ago 6 Comentários Photoshopcaneta, como recortar fotos, ferramenta caneta, recortar fotos
Posts recentes
  • Como abrir arquivos php no navegador? 21 de dezembro de 2015
  • Utilizando o F12, a ferramenta do desenvolvedor 7 de dezembro de 2015
  • Como recortar qualquer imagem usando a ferramenta caneta do Photoshop 3 de dezembro de 2015
  • Enviar dados de um formulário sem atualizar a página com JQUERY (ajax) 7 de abril de 2015
  • Separar as palavras de uma frase em PHP 9 de fevereiro de 2015
Categorias
  • Adobe Dreamweaver
  • CSS
  • Dicas
  • facebook
  • HTML
  • JQUERY
  • JS
  • Marketing Digital
  • MySQL
  • Photoshop
  • PHP
  • Sem categoria
Nuvem de tags
phpcssjqueryhtmljavascriptcss3inlinematrizlayoutfacebookfan pagedimensõesstyleimagensremover espaço em brancoclassdreamweaveradobetruqesdicaclasseidpáginacadastrar site no googleimplodeadicionar item de segurança banco de dadosvalidar emailarrayrandacertar horahorário de verãofuso horáriogerar número aleatóriovalidar campos phpmysqlsitemapcomo cadastrar site no buscadorcadastrar site no bingcadastrar site no yahoositemap para videossitemap para imagenscadastro no banco de dados phpsitemap para smartphonesitemap para googlecomo construir um sitemap
Outras postagens
Javascript Jquery Redirect
Redirecionamento de URL com Javascript/Jquery
6 years ago
PHP função count()
Como contar os itens de uma matriz(array)?
6 years ago
Criando um simples sistema de login e senha
Criando um sistema de login e senha com criptografia.
6 years ago
Buscar
2018 © Pequenas Dúvidas - Aprenda um pouco de HTML CSS JS PHP MySQL e Marketing Digital