{"id":362,"date":"2019-03-23T19:05:07","date_gmt":"2019-03-23T22:05:07","guid":{"rendered":"http:\/\/ricardoartur.com.br\/imagem\/?p=362"},"modified":"2020-07-27T17:09:30","modified_gmt":"2020-07-27T20:09:30","slug":"preenchimento-contorno-e-selecao-com-bezier","status":"publish","type":"post","link":"https:\/\/ricardoartur.com.br\/imagem\/2019\/03\/23\/preenchimento-contorno-e-selecao-com-bezier\/","title":{"rendered":"GIMP: preenchimento, contorno e sele\u00e7\u00e3o com bezier"},"content":{"rendered":"

A seguir apresentamos o uso da ferramenta caneta (b\u00e9zier) no GIMP que permite tra\u00e7ar um trajeto vetorial e criar uma sele\u00e7\u00e3o a partir do desenho. A postagem \u00e9 uma atualiza\u00e7\u00e3o do procedimento feito com Photoshop. Para ver a postagem original e ver o procedimento no Photoshop clique aqui<\/a>. Quem quiser treinar mais a ferramenta, pode\u00a0 tamb\u00e9m conferir a postagem sobre o jogo do B\u00e9zier<\/a>.<\/p>\n

Como exemplo, trabalharemos sobre essa imagem de uma chaleira desenhada pelo designer Christopher Dresser (1834-1904).<\/p>\n

\"Dresser\"<\/a>
Chaleira desenhada pelo designer Christopher Dresser<\/figcaption><\/figure>\n

Para trabalhar\u00a0o preenchimento, contorno e sele\u00e7\u00e3o com b\u00e9zier \u00e9 preciso primeiramente fazer o tra\u00e7ado da forma com a Caneta (B\u00e9zier). A ferramenta funciona com o princ\u00edpio da curva de b\u00e9zier, na qual cada ponto pode adquirir dois controladores para ajustes das curvas.<\/p>\n

\"Bezier2\"<\/a>
\n<\/a><\/p>\n

Aten\u00e7\u00e3o ao tra\u00e7ar a forma. Cuidado aos detalhes, pois as regi\u00f5es menores e mais complexas requerem mais pontos. J\u00e1 as regi\u00f5es mais retas e longas podem ser definidas com apenas dois pontos. O tra\u00e7ado com o exemplo acima ficou assim:<\/p>\n

\"Resultado<\/a>
Resultado do tra\u00e7ado com a caneta<\/figcaption><\/figure>\n

Dica 1: para incluir ponto ao longo do tra\u00e7ado, aperte Ctrl e clique no lugar desejado.<\/p>\n

Dica 2: para excluir um ponto do tra\u00e7ado, aperte Ctrl+Shift e clique no ponto desejado.<\/p>\n

Uma vez que o trajeto estiver desenhado com a caneta, \u00e9 poss\u00edvel criar um contorno da forma a partir do trajeto. Para isso \u00e9 deve-se selecionar o pincel (tipo, tamanho, etc.) a cor e aplicar o contorno sobre o trajeto com o bot\u00e3o “Paint along the path” .<\/p>\n

\"Forma<\/a>
Forma contornada com pincel<\/figcaption><\/figure>\n

Outra possibilidade \u00e9 converter a forma em uma sele\u00e7\u00e3o. Ao terminar o tra\u00e7ado com a caneta basta apertar Enter.<\/strong> No entanto, caso troque de ferramenta e o tra\u00e7ado desapare\u00e7a, basta resgat\u00e1-lo no painel Path, selecionar o trajeto e converter para sele\u00e7\u00e3o.<\/p>\n

\"Converter<\/a>
Converter o trajeto em sele\u00e7\u00e3o<\/figcaption><\/figure>\n

Uma vez que possu\u00edmos uma sele\u00e7\u00e3o a partir do desenho, podemos fazer v\u00e1rias coisas, como, por exemplo, pintar o interior da forma. Como o exemplo a seguir.<\/p>\n

\"Sele\u00e7\u00e3o<\/a>
Sele\u00e7\u00e3o preenchida com cor<\/figcaption><\/figure>\n

Outra op\u00e7\u00e3o \u00e9 empregar o tra\u00e7ado para criar uma m\u00e1scara de camada<\/strong>. Uma m\u00e1scara serve para ocultar parte da imagem que est\u00e1 na camada e mostrar outra parte. Em geral, tudo que est\u00e1 branco na m\u00e1scara \u00e9 mostrado, tudo que est\u00e1 preto fica escondido (100% transparente). \u00c9 poss\u00edvel tamb\u00e9m criar grada\u00e7\u00f5es equivalentes entre os tons de cinza e os n\u00edveis de opacidade e transpar\u00eancia.<\/p>\n

Uma vez que temos uma sele\u00e7\u00e3o, basta aplic\u00e1-la como m\u00e1scara da camada. O procedimento \u00e9 simples: na camada desejada, clicar com o bot\u00e3o direito e selecionar a op\u00e7\u00e3o adicionar m\u00e1scara de camada (Add layer mask<\/em>).<\/em><\/p>\n

\"Painel<\/a>
Painel para Inserir m\u00e1scara da camada<\/figcaption><\/figure>\n

Depois basta escolher a op\u00e7\u00e3o para a camada. No caso, como j\u00e1 possu\u00edmos a sele\u00e7\u00e3o, queremos criar a m\u00e1scara a partir da sele\u00e7\u00e3o, conforme a imagem abaixo.<\/p>\n

\"mask\"<\/p>\n

Ao confirmar o procedimento, teremos uma m\u00e1scara aplicada \u00e0 camada que ir\u00e1 ocultar o fundo da imagem. Veja o resultado na imagem abaixo.<\/p>\n

\"Imagem<\/a>
Imagem com a m\u00e1scara aplicada na camada.<\/figcaption><\/figure>\n

Pronto, com isso fizemos um desenho preciso que permitiu fazer o recorte da imagem e limpar o fundo mediante o uso de m\u00e1scara e da ferramenta caneta (b\u00e9zier).<\/p>\n","protected":false},"excerpt":{"rendered":"

A seguir apresentamos o uso da ferramenta caneta (b\u00e9zier) no GIMP que permite tra\u00e7ar um trajeto vetorial e criar uma sele\u00e7\u00e3o a partir do desenho. A postagem \u00e9 uma atualiza\u00e7\u00e3o do procedimento feito com Photoshop. Para ver a postagem original e ver o procedimento no Photoshop clique aqui. Quem quiser treinar mais a ferramenta, pode\u00a0 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26,83],"tags":[40,88,93,95,24,16,14],"class_list":["post-362","post","type-post","status-publish","format-standard","hentry","category-ferramentas","category-gimp","tag-bezier","tag-bitmap","tag-gimp","tag-mascara","tag-path","tag-pen-tool","tag-selecao"],"_links":{"self":[{"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts\/362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/comments?post=362"}],"version-history":[{"count":6,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts\/362\/revisions"}],"predecessor-version":[{"id":388,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts\/362\/revisions\/388"}],"wp:attachment":[{"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/media?parent=362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/categories?post=362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/tags?post=362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}