{"id":371,"date":"2019-03-24T17:38:27","date_gmt":"2019-03-24T20:38:27","guid":{"rendered":"http:\/\/ricardoartur.com.br\/imagem\/?p=371"},"modified":"2020-07-23T13:27:14","modified_gmt":"2020-07-23T16:27:14","slug":"recorte-com-imagem","status":"publish","type":"post","link":"https:\/\/ricardoartur.com.br\/imagem\/2019\/03\/24\/recorte-com-imagem\/","title":{"rendered":"GIMP: recorte a partir da pr\u00f3pria imagem"},"content":{"rendered":"<p>A t\u00e9cnica a seguir usa as informa\u00e7\u00f5es contidas nos canais RGB para usar como m\u00e1scara de camada e, assim, limpar o fundo da imagem. Com isso \u00e9 poss\u00edvel usar a pr\u00f3pria foto como base para fazer o recorte, garantindo maior precis\u00e3o nos detalhes como cabelos, barba e outras pequenas formas.<\/p>\n<p>A t\u00e9cnica consta em 5 etapas:<\/p>\n<ol>\n<li>Preparar o arquivo e as camadas<\/li>\n<li>Duplicar o canal RGB e incluir entre as camadas<\/li>\n<li>Ajustar os n\u00edveis da imagem<\/li>\n<li>Tratar a imagem para produzir uma silhueta<\/li>\n<li>Aplicar a imagem como m\u00e1scara de camada<\/li>\n<\/ol>\n<p>A seguir cada uma das etapas detalhadas.<!--more--><\/p>\n<h5>1. Preparar o arquivo e as camadas<\/h5>\n<p>A partir da imagem original, duplica-se a camada a fim de proteger a imagem original. \u00c9 opcional, mas de grande utilidade, criar uma camada com uma cor chamativa (no caso verde) para avaliar a qualidade do recorte.<\/p>\n<figure id=\"attachment_372\" aria-describedby=\"caption-attachment-372\" style=\"width: 905px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ricardoartur.com.br\/imagem\/wp-content\/blogs.dir\/2\/files\/2019\/03\/01-camadas.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-372 size-full\" src=\"https:\/\/ricardoartur.com.br\/imagem\/wp-content\/blogs.dir\/2\/files\/2019\/03\/01-camadas.gif\" alt=\"01 - definir as camadas de trabalho\" width=\"905\" height=\"720\" \/><\/a><figcaption id=\"caption-attachment-372\" class=\"wp-caption-text\">01 &#8211; definir as camadas de trabalho<\/figcaption><\/figure>\n<h5>2. Duplicar o canal RGB e incluir entre as camadas<\/h5>\n<p>Ao acessar a aba Canais, localizar o canal que possui mais contraste em rela\u00e7\u00e3o ao fundo (em geral o canal azul funciona). No caso o canal foi arrastado para cima das camadas.<\/p>\n<figure id=\"attachment_373\" aria-describedby=\"caption-attachment-373\" style=\"width: 905px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ricardoartur.com.br\/imagem\/wp-content\/blogs.dir\/2\/files\/2019\/03\/02-copia-canal.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-373 size-full\" src=\"https:\/\/ricardoartur.com.br\/imagem\/wp-content\/blogs.dir\/2\/files\/2019\/03\/02-copia-canal.gif\" alt=\"02 - Fazer a c\u00f3pia do canal azul (Blue)\" width=\"905\" height=\"720\" \/><\/a><figcaption id=\"caption-attachment-373\" class=\"wp-caption-text\">02 &#8211; Fazer a c\u00f3pia do canal azul (Blue)<\/figcaption><\/figure>\n<h5>3. Ajustar os n\u00edveis da imagem<\/h5>\n<p>O canal agora passa a funcionar como uma camada. Mas \u00e9 preciso que o contraste seja ainda mais acentuado. A inten\u00e7\u00e3o \u00e9 for\u00e7ar o m\u00e1ximo poss\u00edvel os limites entre preto e branco para ajudar a fazer a m\u00e1scara. Para isso utilizamos a ferramenta de ajuste de n\u00edveis (Colors &gt; Levells) para criar um alto contraste.<\/p>\n<figure id=\"attachment_374\" aria-describedby=\"caption-attachment-374\" style=\"width: 905px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ricardoartur.com.br\/imagem\/wp-content\/blogs.dir\/2\/files\/2019\/03\/03-levels.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-374 size-full\" src=\"https:\/\/ricardoartur.com.br\/imagem\/wp-content\/blogs.dir\/2\/files\/2019\/03\/03-levels.gif\" alt=\"03 - Ajustar os n\u00edveis da imagem\" width=\"905\" height=\"720\" \/><\/a><figcaption id=\"caption-attachment-374\" class=\"wp-caption-text\">03 &#8211; Ajustar os n\u00edveis da imagem<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h5>4. Tratar a imagem para produzir uma silhueta<\/h5>\n<p>Depois do alto contraste, \u00e9 preciso preencher a imagem at\u00e9 que ela fique como uma silhueta. Para isso utilizamos a ferramenta do pincel e um bocado de paci\u00eancia e aten\u00e7\u00e3o aos detalhes. A ideia \u00e9 passar da imagem em alto contraste (abaixo \u00e0 esquerda) para uma silhueta completa (abaixo \u00e0 direita).<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_375\" aria-describedby=\"caption-attachment-375\" style=\"width: 920px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ricardoartur.com.br\/imagem\/wp-content\/blogs.dir\/2\/files\/2019\/03\/04-tratamento.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-375 size-full\" src=\"https:\/\/ricardoartur.com.br\/imagem\/wp-content\/blogs.dir\/2\/files\/2019\/03\/04-tratamento.png\" alt=\"04 - Retocar a imagem at\u00e9 ficar uma silhueta\" width=\"920\" height=\"612\" srcset=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2019\/03\/04-tratamento.png 920w, https:\/\/ricardoartur.com.br\/imagem\/files\/2019\/03\/04-tratamento-300x200.png 300w, https:\/\/ricardoartur.com.br\/imagem\/files\/2019\/03\/04-tratamento-768x511.png 768w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/a><figcaption id=\"caption-attachment-375\" class=\"wp-caption-text\">04 &#8211; Retocar a imagem at\u00e9 ficar uma silhueta<\/figcaption><\/figure>\n<h5>5. Aplicar a imagem como m\u00e1scara de camada<\/h5>\n<p>Uma vez que chegamos a uma silhueta bem contrastada, agora \u00e9 inverter a imagem.<\/p>\n<p>A invers\u00e3o tem um motivo: na m\u00e1scara de imagem tudo que \u00e9 preto fica transparente e tudo que \u00e9 branco fica opaco. Como queremos esconder o fundo e manter a figura, a invers\u00e3o \u00e9 importante.<\/p>\n<p>Na sequ\u00eancia basta:<\/p>\n<ol>\n<li>Copiar a imagem da silhueta produzida<\/li>\n<li>Criar uma m\u00e1scara para a camada (pode ser em branco mesmo)<\/li>\n<li>Exibir a m\u00e1scara da camada<\/li>\n<li>Colar a imagem da silhueta na m\u00e1scara camada<\/li>\n<li>Ocultar a m\u00e1scara da camada<\/li>\n<\/ol>\n<figure id=\"attachment_376\" aria-describedby=\"caption-attachment-376\" style=\"width: 905px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ricardoartur.com.br\/imagem\/wp-content\/blogs.dir\/2\/files\/2019\/03\/05-mask-layer.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-376 size-full\" src=\"https:\/\/ricardoartur.com.br\/imagem\/wp-content\/blogs.dir\/2\/files\/2019\/03\/05-mask-layer.gif\" alt=\"05 - Criar a m\u00e1scara a partir do canal\" width=\"905\" height=\"720\" \/><\/a><figcaption id=\"caption-attachment-376\" class=\"wp-caption-text\">05 &#8211; Criar a m\u00e1scara a partir do canal<\/figcaption><\/figure>\n<p>Com isso conseguimos um recorte preciso e detalhado, a partir a pr\u00f3pria forma da fotografia. Abaixo uma amostra do original e do recorte.<\/p>\n<figure id=\"attachment_377\" aria-describedby=\"caption-attachment-377\" style=\"width: 920px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ricardoartur.com.br\/imagem\/wp-content\/blogs.dir\/2\/files\/2019\/03\/06-recorte.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-377 size-full\" src=\"https:\/\/ricardoartur.com.br\/imagem\/wp-content\/blogs.dir\/2\/files\/2019\/03\/06-recorte.png\" alt=\"06- Imagem original e imagem recortada\" width=\"920\" height=\"612\" srcset=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2019\/03\/06-recorte.png 920w, https:\/\/ricardoartur.com.br\/imagem\/files\/2019\/03\/06-recorte-300x200.png 300w, https:\/\/ricardoartur.com.br\/imagem\/files\/2019\/03\/06-recorte-768x511.png 768w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/a><figcaption id=\"caption-attachment-377\" class=\"wp-caption-text\">06- Imagem original e imagem recortada<\/figcaption><\/figure>\n<p>Com a imagem recortada fica muito mais f\u00e1cil incluir um novo fundo. No caso, escolhi uma imagem do castelo cenogr\u00e1fico de Winterfell.<\/p>\n<figure id=\"attachment_378\" aria-describedby=\"caption-attachment-378\" style=\"width: 604px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ricardoartur.com.br\/imagem\/wp-content\/blogs.dir\/2\/files\/2019\/03\/07-final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-378 size-large\" src=\"https:\/\/ricardoartur.com.br\/imagem\/wp-content\/blogs.dir\/2\/files\/2019\/03\/07-final-769x1024.png\" alt=\"07 - Imagem com um novo fundo. Winter is comming!\" width=\"604\" height=\"804\" srcset=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2019\/03\/07-final-769x1024.png 769w, https:\/\/ricardoartur.com.br\/imagem\/files\/2019\/03\/07-final-225x300.png 225w, https:\/\/ricardoartur.com.br\/imagem\/files\/2019\/03\/07-final-768x1023.png 768w, https:\/\/ricardoartur.com.br\/imagem\/files\/2019\/03\/07-final.png 920w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><figcaption id=\"caption-attachment-378\" class=\"wp-caption-text\">07 &#8211; Imagem com um novo fundo. Winter is comming!<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>A t\u00e9cnica a seguir usa as informa\u00e7\u00f5es contidas nos canais RGB para usar como m\u00e1scara de camada e, assim, limpar o fundo da imagem. Com isso \u00e9 poss\u00edvel usar a pr\u00f3pria foto como base para fazer o recorte, garantindo maior precis\u00e3o nos detalhes como cabelos, barba e outras pequenas formas. A t\u00e9cnica consta em 5 [&hellip;]<\/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":[96,93,95,14],"class_list":["post-371","post","type-post","status-publish","format-standard","hentry","category-ferramentas","category-gimp","tag-canal","tag-gimp","tag-mascara","tag-selecao"],"_links":{"self":[{"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts\/371","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=371"}],"version-history":[{"count":4,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts\/371\/revisions"}],"predecessor-version":[{"id":389,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts\/371\/revisions\/389"}],"wp:attachment":[{"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/media?parent=371"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/categories?post=371"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/tags?post=371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}