edição II

Prévia do material em texto

Tratamento de Imagens 
Gráfica e Digital
Material Teórico
Responsável pelo Conteúdo:
Prof. Me. Ivan Ordonha Cechinel
Revisão Textual:
Prof.ª Esp. Kelciane da Rocha Campos
Recursos de Gerenciamento Cromático e Ajustes
• Padrão de Cores;
• Gerenciamento Cromático;
• Ajustes Variados;
• Estabelecendo Texto;
• Imagem Panorâmica.
• Apresentar ao aluno os principais recursos de gerenciamento cromático do Adobe 
Photoshop. Fazer com que o estudante compreenda que, mais do que usar as fer-
ramentas, é preciso observar o que há de necessário a ser feito em cada imagem e 
como os diferentes recursos de gerenciamento cromático, ajustes de claro/escuro e 
texto podem ser trabalhados em conjunto.
OBJETIVO DE APRENDIZADO
Recursos de Gerenciamento 
Cromático e Ajustes
Orientações de estudo
Para que o conteúdo desta Disciplina seja bem 
aproveitado e haja maior aplicabilidade na sua 
formação acadêmica e atuação profissional, siga 
algumas recomendações básicas:
Assim:
Organize seus estudos de maneira que passem a fazer parte 
da sua rotina. Por exemplo, você poderá determinar um dia e 
horário fixos como seu “momento do estudo”;
Procure se alimentar e se hidratar quando for estudar; lembre-se de que uma 
alimentação saudável pode proporcionar melhor aproveitamento do estudo;
No material de cada Unidade, há leituras indicadas e, entre elas, artigos científicos, livros, vídeos e 
sites para aprofundar os conhecimentos adquiridos ao longo da Unidade. Além disso, você tam-
bém encontrará sugestões de conteúdo extra no item Material Complementar, que ampliarão 
sua interpretação e auxiliarão no pleno entendimento dos temas abordados;
Após o contato com o conteúdo proposto, participe dos debates mediados em fóruns de discus-
são, pois irão auxiliar a verificar o quanto você absorveu de conhecimento, além de propiciar o 
contato com seus colegas e tutores, o que se apresenta como rico espaço de troca de ideias e 
de aprendizagem.
Organize seus estudos de maneira que passem a fazer parte 
Mantenha o foco! 
Evite se distrair com 
as redes sociais.
Mantenha o foco! 
Evite se distrair com 
as redes sociais.
Determine um 
horário fixo 
para estudar.
Aproveite as 
indicações 
de Material 
Complementar.
Procure se alimentar e se hidratar quando for estudar; lembre-se de que uma 
Não se esqueça 
de se alimentar 
e de se manter 
hidratado.
Aproveite as 
Conserve seu 
material e local de 
estudos sempre 
organizados.
Procure manter 
contato com seus 
colegas e tutores 
para trocar ideias! 
Isso amplia a 
aprendizagem.
Seja original! 
Nunca plagie 
trabalhos.
UNIDADE Recursos de Gerenciamento Cromático e Ajustes
Padrão de Cores
Podemos acionar a janela principal de gerenciamento cromático ao clicar sobre 
a paleta de cor na barra de ferramenta.
Figura 1
Para definir determinada cor, clique e arraste sobre o quadro ou determine nu-
mericamente pelas escalas de cor dispostas na parte direita da janela.
Os padrões cromáticos mais utilizados são os das escalas RGB e CMYK.
• RGB: iniciais de red, green e blue na sigla em inglês (ou vermelho, verde, 
azul em português), representa a chamada “Síntese Aditiva”, pois somam-se 
comprimentos de ondas eletromagnéticas (cor-luz) que resultam no “branco” 
(ausência de cor), como demonstrado na imagem abaixo. São as cores que 
formam a imagem na tela do computador.
Figura 2
Fonte: iStock/Getty Images
8
9
• CMYK: a sigla representa as quatro cores utilizadas como pigmento de im-
pressão (ciano, magenta, amarelo e preto), em teoria da cor representam a 
“Mistura Subtrativa”, onde a combinação dos pigmentos resulta no preto. Na 
indústria gráfica constituem a chamada impressão em quadricromia (4 cores, 
e a combinação entre elas resulta em todas as outras cores). São as cores uti-
lizadas nos materiais impressos. Abaixo podemos observar uma máquina de 
impressão típica da indústria gráfica.
Figura 3
Fonte: iStock/Getty Images
Para modificar o modo de cor entre as diferentes escalas, basta acessar a opção 
Image do menu superior e escolher o item Mode para abrir a lista de escalas. Como 
dito acima, as mais utilizadas são RGB e CMYK (nesta opção modifica-se o padrão 
de cor do documento como um todo).
Figura 4
9
UNIDADE Recursos de Gerenciamento Cromático e Ajustes
Para “coletar” determinada cor na imagem, devemos acionar a ferramenta 
Eyedropper (conta-gotas) , na barra principal de ferramentas, e clicar sobre 
a imagem, dessa forma automaticamente aparecerá na paleta de cores a cor 
que foi coletada. Clique na aba Window (janela), do menu superior, para abrir 
o painel Color (cor), com ele também podemos definir cores a serem utilizadas 
no trabalho, além de poder modificar numericamente a quantidade de cada cor 
através das porcentagens.
Figura 5
Podemos armazenar as cores através do painel Swatches (amostras), que funcio-
na como uma espécie de biblioteca de cores. Clique sobre o quadrado com a amos-
tra de cor indicada na barra de ferramentas e arraste para o painel Swatches para 
guardar a cor na “biblioteca”. Ela ficará disponível para ser utilizada posteriormente.
Figura 6
Em vários momentos será 
necessário utilizarmos cores 
para preenchimento (seja 
em uma área de seleção ou 
para definir contorno). Para 
aplicar preenchimento, 
utilize o atalho de teclado 
ALT+DELETE.
10
11
Gerenciamento Cromático
Utilizando a ferramenta Hue/Saturation (matiz/saturação) conseguimos, com 
poucos cliques, modificar cores na foto. No exemplo abaixo, temos a imagem ori-
ginal e logo em seguida dois exemplos de modificação de cores.
Figura 7
Clique e arraste para os lados a barra colorida da opção Hue (matiz) e em tempo 
real observe as modificações sendo feitas na imagem. Veja o exemplo abaixo.
Primeiramente temos a imagem original.
Figura 8
Fonte: Ivan Ordonha
11
UNIDADE Recursos de Gerenciamento Cromático e Ajustes
Abaixo, temos a janela Hue/Saturation (com a opção Magenta definida, para 
que as mudanças cromáticas ocorram apenas nos pixels que trazem informação 
cromática próxima à cor magenta nas flores - no caso desta imagem de exemplo).
Figura 9
Basta agora apenas clicar e arrastar a barra da opção Hue (matiz).
Abaixo, dois exemplos de modificações cromáticas, onde apenas as cores das 
flores foram alteradas:
Figura 10
Outro recurso interessante, não só para o gerenciamento cromático, mas tam-
bém para definições de claro e escuro, é o Curves (curvas). Com esta opção de 
ajuste, conseguimos resultados mais específicos do que com Hue/Saturation (ma-
tiz/saturação), porém aqui é necessário dedicar um tempo maior para editar. Cli-
cando sobre a linha, cria-se um ponto de ancoragem e arrastando muda-se o ponto 
de lugar, e a curva acompanha o movimento. As mudanças vão acontecendo de 
12
13
acordo com a posição da linha, portanto essa ferramenta possui caráter experi-
mental, pois é necessário fazer as modificações e ir acompanhado o resultado.
Pode-se controlar também separadamente as cores, para isso basta selecionar 
uma das cores disponíveis na opção Channel (canal). Nos exemplos abaixo, vemos 
a intensificação do vermelho e do verde.
Figura 11
Figura 12
Abaixo vemos a imagem original (à esquerda) e à direta o resultado após as 
modificações.
13
UNIDADE Recursos de Gerenciamento Cromático e Ajustes
Figura 13
Além das configurações de cores, outro importante recurso é o Black & White 
(preto e branco), com o qual podemos definir as nuances de cinza, os limites de 
claro e escuro de acordo com as principais cores da imagem. É uma forma de 
transformar a imagem em preto e branco, porém de maneira controlada, utilizando 
a própria informação cromática da imagem.
Esta ferramenta também possui um caráter experimentalporque vai se compor-
tar de maneira diferente para cada imagem, basta clicar e arrastar as barras para 
acompanhar o resultado na imagem. Tudo vai depender também da quantidade 
de cada cor na foto - por exemplo, se a imagem não possuir a cor azul, clicar e 
arrastar a linha de ajuste do azul não surtirá efeito, pois a relação claro e escuro 
acontece de acordo com a participação de cada cor na foto.
Figura 14 Figura 15
14
15
Ajustes Variados
Ferramentas adjustments (ajustes)
Representam uma gama de recursos e ajustes voltados para “tratamento” de 
imagem. De modo geral, possuem caráter experimental porque o resultado obtido 
vai depender da combinação entre estas ferramentas e das características da pró-
pria imagem.
Este conjunto de ferramentas é utilizado essencialmente no tratamento de imagens 
fotográfi cas. De modo geral, possibilitam ajustes de cores, claro e escuro, brilho, 
contraste, entre outras funcionalidades.
Acesse estes recursos pela aba Image (imagem) do menu superior, escolha a 
opção Adjustments (ajustes), aparecerá um conjunto de opções.
Figura 16
Estes recursos poderão ser acessados também pelo rodapé do painel Layer.
15
UNIDADE Recursos de Gerenciamento Cromático e Ajustes
Figura 17
Ou pelo painel Adjustments (ajustes), que se encon-
tra dentro da aba Window (janela) do menu superior.
A diferença é que ao acessar esse conjunto de ferra-
mentas pelo painel acima, as modificações serão feitas 
em um novo Layer que surge, preservando, assim, a 
imagem original e permitindo edições posteriores (sur-
ge um quadrado ao lado da miniatura semelhante ao 
Layer Mask). Acessando Adjustments através do menu superior, não é possível 
criar o Layer Adjustments (camada de ajuste), o efeito é aplicado sobre o Layer 
que está selecionado sem possibilidade de edições posteriores. No exemplo abaixo, 
está sendo aplicado o recurso Levels.
Figura 19
Figura 18
16
17
No Layer, selecione o quadro da direita (apresenta funcionamento semelhante 
ao Layer Mask) e, colorindo com pincel definido como preto, é possível “apagar” 
partes do ajuste feito na imagem.
A seguir os principais itens que fazem parte de Adjustments (ajustes).
Levels (níveis)
Uma das primeiras ferramentas a serem utilizadas no tratamento de imagem.
O comando Levels (níveis) constitui importante recurso para ajustar tons médios, 
claros e escuros, além de possuir opção de edição por cores através da opção 
Channel (canal). Com poucos cliques, consegue-se valorizar a imagem, como no 
exemplo abaixo:
(A imagem da esquerda está desbotada, mais clara, “lavada”, após ajustes de 
Levels ganhou vivacidade).
Figura 20
Fonte: Ivan Ordonha
Na janela abaixo, podemos observar os ajustes numéricos que foram feitos nas 
imagens acima.
Figura 21
17
UNIDADE Recursos de Gerenciamento Cromático e Ajustes
Lens flare (reflexo de flash): Um interessante recurso que poderá ser utilizado nesta ima-
gem é o Lens Flare (reflexo de flash), que está dentro da opção Render (acabamentos), na 
aba Filter (filtro) do menu superior.
Figura 22
Ex
pl
or
Nesta janela, podemos adicionar um foco luminoso que potencializará o brilho 
da luz solar. Para posicioná-lo na imagem, clique e arraste.
Figura 23
18
19
Figura 24
Estabelecendo Texto
Aqui utilizaremos a ferramenta Type (texto) , localizada na barra de ferramen-
tas, para escrever sobre a imagem e capturar a textura de fundo.
Com a ferramenta de texto selecionada, clique sobre a área de desenho e já 
poderá digitar o texto. Surgirá automaticamente novo Layer, específico para texto.
Figura 25
Na barra superior de tarefas, faça ajustes como: tipo de letra, tamanho, cor, 
alinhamento de parágrafo, entre outras opções. Abaixo, segue a barra com as ca-
racterísticas utilizadas para a palavra “Natureza” escrita sobre a imagem.
Figura 26
19
UNIDADE Recursos de Gerenciamento Cromático e Ajustes
As dimensões do texto podem ser ajustadas também através do Free Transform 
(Ctrl+T).
Figura 27
Na aba Window (janela) do painel superior, temos a opção Character (caractere) 
e Paragraph (parágrafo), são os painéis para ajustes de texto.
Figura 28
Agora vamos fazer com que a imagem se torne preenchimento das letras, como 
na imagem abaixo:
Figura 29
Para isso, será necessário primeiramente retirar o cadeado do Layer.
Figura 30
Dê um duplo clique sobre o Layer, surgirá a janela abaixo:
Figura 31
20
21
Se preferir, renomeie o Layer e clique em OK para retirar o cadeado (será reti-
rado automaticamente).
Posicione o Layer de texto abaixo do Layer da imagem. Com a tecla ALT pres-
sionada, clique na linha entre os Layers e arraste para cima, automaticamente será 
possível visualizar parte da imagem através das letras.
Figura 32
Imagem Panorâmica
Photomerge (mesclar fotos)
Este recurso está localizado dentro da aba File (arquivo) do menu superior, em Au-
tomate (automatizar) e possibilita mesclar imagens separadas (porém, é necessário 
que as fotos formem uma sequência, de uma paisagem, por exemplo). O Photoshop 
juntará as imagens automaticamente, reconhecendo os limites entre os pixels.
Figura 33
21
UNIDADE Recursos de Gerenciamento Cromático e Ajustes
Será aberta a janela abaixo, onde poderemos carregar as imagens que serão 
mescladas através do botão Browse (procurar).
Figura 34
Figura 35
Para o Photomerge (mesclar fotos) funcionar com eficácia, é necessário que as 
imagens tenham proximidade. Por exemplo, a margem direita da imagem 1 tem 
que conter um pouco da margem esquerda da imagem 2, e assim sucessivamente, 
porque o Photoshop vai justamente fazer um mapeamento dos pixels semelhantes 
e juntá-los em uma só imagem.
22
23
Abaixo, o resultado final:
Figura 36
Abaixo, a imagem depois de mescladas as 4 partes:
Figura 37
Fonte: Pixabay
23
UNIDADE Recursos de Gerenciamento Cromático e Ajustes
Material Complementar
Indicações para saber mais sobre os assuntos abordados nesta Unidade:
 Sites
Adobe Color CC
Ferramenta online: paleta de cores da Adobe – auxilia na escolha da combinação 
cromática para trabalhos diversos.
https://goo.gl/Oupifi
Coolors
Página para gerar combinações de cores e auxiliar na escolha.
https://coolors.co/
Colour Lovers
Também possui paletas de cores e auxilia na combinação de diferentes tons.
http://www.colourlovers.com/
 Leitura
Qual a diferença entre RGB e CMYK?
Infográfico: informações sobre configuração e uso das escalas RGB e CMYK. ENCINAS, 
Guilherme. Qual a diferença entre RGB e CMYK?
https://goo.gl/UHZxBD
24
25
Referências
AMBROSE, Gavin; HARRIS, Paul. Fundamentos de Design Criativo. Porto Ale-
gre: Bookman, 2014 (e-book).
MOUGHAMIAN, Dan. Adobe Digital Imaging how-to: 100 técnicas essenciais 
para Photoshop CS5, Lightroom 3 e Camera Raw 6. Porto Alegre: Bookman, 
2015 (e-book).
PRIMO, Lane. Estudo dirigido de Adobe Photoshop CS6 em português para 
Windows. São Paulo: Erica, 2013 (e-book).
25