Manipulação de imagens digitais AULA 09

Prévia do material em texto

Manipulação de Imagens Digitais
Aula 9: Projeto – parte I
Apresentação
Nesta aula, executaremos um primeiro projeto que envolve a criação de uma imagem manipulada digitalmente, para
propósitos de portfólio de pessoas, imagem publicitária ou de campanha de marketing.
Entre os destaques desse projeto, faremos uso de ferramentas de edição capazes de montar imagens no mesmo espaço
de cor, dando a ilusão que fazem parte do mesmo plano, como se fossem uma só. Isso é possível em virtude das
ferramentas de recorte e composição cromática do programa.
Objetivo
Explicar uma manipulação de imagem pela edição;
Produzir um projeto a partir de uma demanda especí�ca de trabalho.
Edição de imagens - básico
Este é um exercício básico para recorte de imagens em outras fotos fotorealisticamente. Para esse exercício, utilizaremos duas
imagens. Procure na internet uma imagem com uma paisagem e outra com um barco.
O objetivo do projeto é colocar uma parte da imagem em outra, de forma a parecer que o barco faz parte da imagem original.
Para procurar imagens na internet, seguem algumas dicas importantes:
Onde procurar
Boa parte das imagens está disponível na internet e pode ser encontrada com a busca do Google. Os resultados mostrarão
arquivos de bibliotecas diversas tanto pagas como livres. O importante é fazer com que cada pesquisa seja feita da melhor
maneira possível.
Para o exercício, procuraremos por imagens de um barco e de um cenário de um rio, mar ou lagoa.
Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online
Dica
Escolha palavras-chave objetivas e especí�cas, não escrevendo muito para compor a pesquisa. Geralmente, o Google possui um
algoritmo inteligente que ajuda a colocar as imagens mais importantes primeiro. Você pode também usar as ferramentas de
pesquisa para aprimorar o tipo de imagem que deseja.
Perspectiva
Apesar de ser possível fazer praticamente tudo com o Photoshop, é sempre bom termos algumas premissas na hora de editar
– não conseguimos fazer mágica e quanto pior a imagem mais trabalho teremos e menos real será o resultado da edição.
Uma das formas mais simples de conseguirmos coerência com a edição é achar fotogra�as que possam estar em uma
perspectiva aproximada. Isso permitirá que possamos fazer uma composição mais harmônica.
O segredo de toda composição é a soma de diversos pedaços de
outras imagens, justapostos de maneira a dar a ilusão que são uma
imagem só. Vimos que as camadas possuem grande participação
nisso. Mas, quando esta justaposição é falha, percebemos
perspectivas diferentes, dando sensação irreal da imagem.
Mesmo que usemos imagens em perspectivas diferentes nas redes sociais atualmente, um trabalho pro�ssional jamais poderá
conter esse tipo de erro.
Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online
Dica
Para achar a perspectiva de uma imagem de forma rápida e visual, imagine duas linhas feitas pelos objetos do cenário e veja o
ângulo que elas formam. Se as duas imagens tiverem um ângulo parecido, elas poderão ser usadas.
Espaço cromático
Por mais que o Photoshop tenha um arsenal de opções para aproximar as cores de elementos justapostos na composição,
sempre é bom aproveitar imagens com cores aproximadas.
Aqui, não falamos da cor em si, mas dos valores de cor. Veremos adiante como fazemos os ajustes tonais ao �nal de um
processo de composição. Agora, tenha em mente que cores diferentes não se resumem a uma paleta, mas a uma séria de
efeitos que a luz traz como refrações do ambiente, sombras e outros comportamentos óticos.
Luz
É muito importante ver nas imagens que serão compostas o comportamento da luz. Mais uma vez não se trata de brilho na
imagem, mas como a luz está sendo projetada nos objetos.
Pare para pensar sobre o comportamento da luz: ela gera, principalmente, sombras. E os efeitos das sombras na imagem
podem esconder elementos que não poderão ser criados novamente no Photoshop. Lembre-se que o programa manipula
imagens e não as cria.
Assim, é importante que o designer se preocupe com, pelo menos, a direção
da luz recebida pelos objetos, para que na hora de compor esteja tudo
dentro de um raio luminoso único. Como é bem difícil achar esse tipo de
congruência, podemos usar alguns artifícios, gerando sombras novas e
recolorindo áreas de luz e sombra com efeitos estudados anteriormente.
Tamanho
É importante dizer que os tamanhos das imagens são de suma importância na hora de se fazer alguma composição. Damos
preferências a imagens de altíssima resolução, mas nos perguntamos primeiro de qual suporte falamos.
Observe que se seu trabalho for para um site de internet, não é
necessário trabalhar com fotos tão grandes. Então, vamos deixar esse
tópico a cargo do usuário.
Lembre-se de que uma imagem pode ser usada em vários suportes. Com isso, encorajamos os designers digitais a ter uma
biblioteca de referências com arquivos grandes, pois sabemos que é bem melhor diminuir uma imagem do que aumentá-la,
gerando novos pixels que não existiam.
Qualidade
Para a edição de imagens a qualidade sempre fala mais alto. Contudo, esse é um termo subjetivo. Encontramos muitas vezes
edições que trabalham com imagens de baixa resolução, como, por exemplo, um caso que o designer trabalha com uma
fotogra�a ou print de uma tela de uma TV de tubo, com todos os seus defeitos visuais.
Dica
Muitas vezes devemos diminuir a qualidade de uma imagem para que ela �que perfeita para a composição. Assim, estamos
falando de qualidade de dados que um arquivo digital pode conter.
Nesse ponto, destacaremos imagens do tipo RAW, em que é possível guardar dados diferentes dos pixels: Pode-se colocar
informações de data, pontos luminosos, fontes e tipos de luz, cores, histograma, e muitos outros. Imagens com muita
qualidade permitem edições muito boas.
Permissões
Atenção
As imagens que utilizamos, muitas vezes, precisam de permissões, não somente para alterá-las, mas principalmente para usá-las.
Veja o caso a seguir, em que faremos uma transposição de um barco para outro local. Imagine se o dono do barco visse seu
próprio bem em outro lugar, até mesmo se fosse outro país. Isso poderia gerar um problema e transtorno com múltiplas
interpretações.
Discutimos a questão ética das imagens na aula passada e defendemos que o designer tenha sempre termos de uso de
imagens, ou as compre, sempre que for trabalhar pro�ssionalmente com esses arquivos.
Esses são dois arquivos que utilizaremos como referência para nosso projeto.
Abra o arquivo com a imagem do barco. Note que
alguns arquivos pedem para você atualizar ou não a
paleta de cores para seu monitor, a �m de obter a
máxima �delidade de cores. Quando trabalhamos com
arquivos da internet, isso acaba se tornando
irrelevante.
Clique na opção para descartar a correção de cores se
aparecer.
Abra o arquivo com a paisagem. Nosso objetivo será
colocar o barco da outra imagem nesta.
Veja que existem vários tons de cor e perspectiva
diferentes.
Devemos atentar para a física do local e ver iluminação, volume, vento, gravidade, dentre outros.
Vamos, agora, cortar a imagem do barco.
Veja que o comando Crop deixa a parte que será visível mais clara e a parte escura será excluída.
Na cortina de layers observe que existem outras abas
de navegação. Uma delas é justamente path.
Veja que aparecerá o desenho de seu caminho do pen
tool e escrito Work path.
Clique em <crtl>+clique no ícone do path e o seu path
terá virado exatamente uma seleção.
Mova o objeto para o outro arquivo apenas segurando
e arrastando com a ferramenta Move na parte interna
do barco.
Utilize algumas ferramentas de retoque para melhorar
as partes que ainda precisam ser cortadas.
Dica
Ferramentas de retoque
Borracha
Color range
Lasso + color range
Path
Magic Wand
Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online
Crie uma seleção agora a partir do layer do barco
fazendo <crtl>+layer.
Use o Feather para fazer um efeito interessante e
muito importante na criação de imagens sobrepostas.
Regularize o tom de cor do barcocom lago. Para isso, use os modi�cadores das seguintes ferramentas até atingir um tom
mais próximo e mais artístico e real:
Dependendo da versão do Photoshop, este comando pode mudar:
Versões anteriores ao Photoshop 5.1 - Digite <crtl+alt+d> ou no menu select+feather. Você só usa o feather a partir de
uma seleção. Escolha 1px. Você precisa inverter a seleção já que você irá suavizar as bordas do barco. Após inverter a
seleção, clique em <delete>. Pronto, veja que as bordas estão mesclando 1px como fundo da imagem.
Versões posteriores ao Photoshop 5.1 – Digite . Aparecerá uma janela de con�gurações de seleção. Ajuste os sliders até
conseguir o melhor efeito e aplique. Depois é só deletar a seleção.
image+adjust+hue/saturation - ajusta matiz e
saturação;
image+adjust+leves - ajusta níveis de preto e branco;
image+adjust+brightness/contras - ajusta brilho e
contrate;
image+adjust+variations - adiciona camadas de cor;
image+adjust+color balance - ajusta balanço de tons
de cor.
O próximo passo é muito conhecido por nós.
Duplicaremos o barco e iremos distorcê-lo com
<crtl+t>.
Depois disso, diminuiremos a opacidade do objeto para
dar o caráter de re�exo.
Para �nalizar, utilize os �ltros �lter+distort+ocean ripple
e �lter+blur+blur more. O resultado do seu trabalho
será algo semelhante à �gura a seguir.
Salve o arquivo no formato PSD em sua pasta de
projeto.
Na próxima aula, aprenderemos a trabalhar de forma avançada com o programa, exportando imagens com de�nição realista e
ajustes de tratamento pro�ssional.
Atividades
1) Discorra sobre quais devem ser os principais cuidados de um designer antes de começar um projeto de edição de imagens.
2) Fale sobre as principais ferramentas de seleção avançada que utilizamos na edição de imagens.
3) Pesquise na internet duas imagens para fazer uma montagem digital: a primeira será um vaso, de qualquer tipo ou tamanho; a
outra é uma paisagem a partir da visão de uma janela. O objetivo é colocar o vaso na paisagem da janela. Quais os principais
cuidados e procedimentos a serem dados no projeto?
NotasReferências
FAULKNER, Andrew. Adobe Photoshop CC 2015: classroom in a book: guia de treinamento o�cial [recurso eletrônico]. Trad.:
Ronald Saraiva de Menezes. Porto Alegre: Bookman, 2016.
FIDALGO, João Carlos de Carvalho. Adobe Photoshop CS6: Imagens Pro�ssionais e Técnicas para Finalização e Impressão. 1.
ed. São Paulo: Érica, 2012.
PAIXÃO, Renato. Arquitetura de Computadores. São Paulo: Érica, 2014.
   
Próxima aula
Tratamento dos arquivos para �nalização do projeto completo de manipulação de imagens.
Explore mais
Assista ao vídeo:
Photoshop – Ferramenta Pen Tool.
javascript:void(0);