{"id":103,"date":"2014-08-30T20:19:04","date_gmt":"2014-08-30T23:19:04","guid":{"rendered":"http:\/\/ricardoartur.com.br\/imagem\/?p=103"},"modified":"2020-07-27T17:09:31","modified_gmt":"2020-07-27T20:09:31","slug":"matiz-saturacao-e-brilho","status":"publish","type":"post","link":"https:\/\/ricardoartur.com.br\/imagem\/2014\/08\/30\/matiz-saturacao-e-brilho\/","title":{"rendered":"Matiz, Satura\u00e7\u00e3o e Brilho"},"content":{"rendered":"

Abaixo alguns exemplos de como \u00e9 poss\u00edvel alterar a matiz, satura\u00e7\u00e3o e brilho de uma imagem. Os exemplos de altera\u00e7\u00e3o partem da imagem abaixo.<\/p>\n

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

Para acessar o menu de ajustes, basta\u00a0acessar Image > Adjustments > Hue\/Saturation… ou teclar\u00a0Ctrl+U (Cmd+U no mac).<\/p>\n

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

Matiz (Hue)<\/h4>\n

A altera\u00e7\u00e3o nesse controlador modifica o valor na escala de matiz das cores, mudando drasticamente as cores percebidas na imagem. Vale\u00a0notar que a luminosidade geral da imagem tende a ser preservada. Assim, as cores muito claras (brancos) e escuras (pretos) tendem a se manter quase inalteradas.<\/p>\n

No caso abaixo, vemos que\u00a0a escala de matiz foi levada at\u00e9 uma regi\u00e3o entre o roxo e o magenta. No exemplo notamos que o azul do c\u00e9u acompanhou a escala e ficou pr\u00f3ximo da cor apontada na escala. Por\u00e9m, percebemos que o ch\u00e3o, que era laranja ficou esverdeado.<\/p>\n

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

Isso ocorre porque \u00a0se observar a escala, a cor ciano est\u00e1 no centro (corresponde ao meio do c\u00edrculo crom\u00e1tico, ou seja 180\u00ba ). \u00a0Como o c\u00e9u apresenta uma tonalidade pr\u00f3xima a mudan\u00e7a na escala \u00e9 quase id\u00eantica. Por\u00e9m, o que acontece\u00a0com o ch\u00e3o alaranjado n\u00e3o \u00e9 a mesma coisa, soma-se a\u00ed o valor do deslocamento (+101\u00ba) chegando-se, portanto, ao valor esverdeado.<\/p>\n

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

 <\/p>\n

 <\/p>\n

J\u00e1 no exemplo abaixo, todas as cores foram subtra\u00eddas em 136\u00ba, dessa maneira o azul do c\u00e9u ficou esverdeado e o ch\u00e3o arroxeado.\"Hue2\"<\/a><\/p>\n

Mas como \u00e9 poss\u00edvel ficar roxo? Conforme afirmamos, matiz opera como um c\u00edrculo crom\u00e1tico. Num c\u00edrculo temos 0\u00ba no mesmo ponto que 360\u00ba, portanto \u00a0valor negativo na verdade passa a ser subtra\u00eddo do valor m\u00e1ximo.<\/p>\n

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

Portanto, o resultado corresponde \u00e0s mudan\u00e7as abaixo.<\/p>\n

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

 <\/p>\n

Satura\u00e7\u00e3o (Saturation)<\/h4>\n

A altera\u00e7\u00e3o nesse controlador modifica o valor na escala de satura\u00e7\u00e3o. O resultado das altera\u00e7\u00f5es pode deixar as cores mais “intensas” ou mais \u00a0“lavadas”. O cancelamento total da satura\u00e7\u00e3o faz com que cheguemos na escala de cinzas. \u00a0Vale ressaltar que dessa vez os valores de matiz e brilho permanecem os mesmos, apenas a satura\u00e7\u00e3o \u00e9 alterada.<\/p>\n

Abaixo um exemplo de satura\u00e7\u00e3o “carregada”, todas as cores ficam bem mais intensas.<\/p>\n

\"Sat-High\"<\/a><\/p>\n

J\u00e1 nesse outro exemplo\u00a0a satura\u00e7\u00e3o est\u00e1\u00a0“lavada”, todas as cores ficam bem menos\u00a0intensas, pr\u00f3ximas a uma escala de cinzas.<\/p>\n

\"Sat-Low\"<\/a><\/p>\n

Brilho\u00a0(Brightness)<\/h4>\n

A altera\u00e7\u00e3o nesse controlador modifica o valor na escala de brilho. O resultado das altera\u00e7\u00f5es pode deixar as cores mais claras ou mais \u00a0escuras. \u00a0O valor m\u00e1ximo de brilho leva ao branco e o m\u00ednimo leva ao preto. Fora os extremos, os\u00a0valores de matiz e satura\u00e7\u00e3o\u00a0permanecem os mesmos, apenas o brilho \u00e9 alterado.<\/p>\n

Abaixo um exemplo de brilho alto, cores claras se aproximando do branco.<\/p>\n

\"Bright-Hi\"<\/a><\/p>\n

No outro exemplo abaixo, um brilho baixo com cores escuras que se aproximam do preto.\"Bright-Low\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Abaixo alguns exemplos de como \u00e9 poss\u00edvel alterar a matiz, satura\u00e7\u00e3o e brilho de uma imagem. Os exemplos de altera\u00e7\u00e3o partem da imagem abaixo. Para acessar o menu de ajustes, basta\u00a0acessar Image > Adjustments > Hue\/Saturation… ou teclar\u00a0Ctrl+U (Cmd+U no mac).<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,57],"tags":[88,21,22,19,13,20],"class_list":["post-103","post","type-post","status-publish","format-standard","hentry","category-aula","category-photoshop-2","tag-bitmap","tag-brilho","tag-hsb","tag-matiz","tag-photoshop","tag-saturacao"],"_links":{"self":[{"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts\/103","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=103"}],"version-history":[{"count":2,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts\/103\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts\/103\/revisions\/116"}],"wp:attachment":[{"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/media?parent=103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/categories?post=103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/tags?post=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}