GDW CAP05 2025 VA02 AMBIENTACAO PROFISSIONAL DE IMAGENS

Você sabe o que é
ambientação do Photoshop?

Bom, ambientação é quando
a gente consegue fazer

com que diversos
elementos e objetos visuais

se conversem dentro
de uma arte.

E a gente vai fazer isso utilizando
técnicas de recorte e de composição.

Vamos para o Photoshop.

Já temos, aqui, o nosso template,
sabemos que temos que usá-lo

de acordo com as especificações
que foram criadas,

mas, agora, eu vou excluir,
não preciso dele agora.

Vou até mudar de cor e jogar
um branquinho novamente

e já vou salvar.

"Capa do site", mantém
SD para ficar aberto.

E vamos utilizar a ferramenta
de gradiente.

E, aqui onde a gente
cria o solid,

também temos a ferramenta
de gradiente.

Ao clicar aqui, nós
abrimos essa janelinha,

onde, ao acessar essa
setinha para baixo,

temos vários presets prontos.

Vamos utilizar
um preset laranja.

Aqui, temos vários gradientes
que seguem a linha laranja,

Vamos utilizar
esse aqui e dar ok.

Ele não está na estrutura
que a gente quer ainda,

mas se a gente vir no campo
de propriedades,

aqui, ele já abriu
todo esse espaço.

A primeira coisa que a gente
vai fazer é tirar esse vermelho,

porque a gente quer
alaranjar ainda mais.

Ao clicar aqui, abriu essa
barrinha contextual,

eu clico na cor, olha, já
veio um pretinho aqui,

mas eu vou procurar
o laranja que eu quero.

Eu acho que esse está bom.

Achei, clico em ok e, agora,
eu vou mudar a forma dele.

Ele está aqui, ele está
apontando para baixo,

então, melhor dizendo,
vou mudar a direção,

eu quero que ele venha na lateral,
aqui, quase que em diagonal.

Já está no estilo linear e o ângulo
eu posso colocar 45 graus,

ou melhor, 50, 55.

Perfeito, já mudou a direção,
está bem diagonal,

só que eu quero que esse
laranja fique para esse lado,

então eu clico em "reverse",
ele automaticamente muda.

Se você achar que está
muito acentuada essa cor,

você pode trabalhar neste
elementozinho bem pequeno,

que olha o que ele vai fazendo,
ele vai diminuindo e aumentando

até se tornar mais sólido
para um lado ou para o outro.

Bom, acho que aqui
mais ou menos está bom,

Perfeito.

Já temos, então,
o nosso background.

Vou até clicar duas vezes
aqui e renomear como "BG".

Para manter a nossa base organizada,
as nossas layers organizadas,

deixa eu aumentar aqui, eu vou vir
bem nessa partezinha aqui, olha,

que a gente consegue ocultar,
e vou clicar com o botão direito

e vou escolher laranja
para mudar a cor aqui,

e quando eu bater
o olho na minha layer,

eu vou saber que essa camada
laranja é o background.

Essa aqui, a gente
pode até excluir.

Inclusive você pode excluir
selecionando e clicando em delete

ou vem aqui nessa lixeirinha,
clica nela e dá um "yes".

Ok, temos o nosso background
e, agora, vamos trazer para cá

a imagem da nossa modelo
que vai compor a nossa capa.

Então, vamos buscar
ela na pasta,

deixa eu ver, aqui, e vamos
trazer essa modelo para cá.

Eu quero abrir ela
bem aqui em outra aba.

Com ela aberta, nós vamos recortar
esse processo aqui, esse fundo,

nós queremos tirar o fundo.

Eu posso vim aqui e remover
o background, simples.

Pronto.

Só que não ficou legal,
se eu arrastar para cá,

a gente vai ver que tem algumas
contaminações de branco no cabelo.

Então como o cabelo dela é
mais cacheadinho, mais crespo,

é um tipo de cabelo
mais difícil de recortar,

mas existe uma técnica muito boa
para isso e a gente vai utilizar.

Vamos apagar isso aqui,
que a gente não quer usar,

Vamos voltar na nossa
modelo, dar um ctrl+z,

e a gente vai selecionar toda
a modelo, o contorno da modelo.

Cliquei aqui em subject,

deixa eu tirar essa barra contextual
daqui e jogar aqui para baixo.

Se eu clicar aqui nos três botões
e vir aqui em "pin bar position",

ele fixa essa barra
aqui embaixo.

Ok, com a camada selecionada,

eu vou...

Opa, está bloqueado aqui.

Com a camada selecionada

e, detalhe, eu posso
selecionar ela dessa forma,

deixa eu tirar aqui, eu posso
vir aqui com o meu laço

e vir desenhando em volta,

é uma maneira um pouco
mais, digamos, grosseira,

porque você tem que ser muito,
muito bom para vir contornando.

Você pode usar essa
ferramenta aqui,

que é a ferramenta
"polygonal lasso tool",

só que ela não faz curva,
então não é útil,

mas também é uma ferramenta
de seleção bem bacana.

Tirei a seleção, posso utilizar
a caneta para selecionar.

Está vendo que ele está
criando uma shape layer,

mas, se eu tirar, aqui,
o fio, clicar nele e vir em

"make selection",
ele cria uma seleção.

Só que não vou usar,
também, essa,

eu vou usar

essa ferramenta aqui,

onde, eu clicando, ele já
vai selecionar, está vendo?

É outra ferramenta.

Mas eu também não
vou utilizar essa,

eu vou ser mais esperto e vou
utilizar a nossa barra contextual.

Para eu poder manipular
aqui, eu seguro o alt.

Se eu segurar o alt, eu posso
aumentar e diminuir, fazer um zoom,

Se eu segurar o espaço, eu posso
trazer para todos os lados.

Ok, então vamos...

Deixar eu tirar, apagar
arrastando para a lixeira,

este elemento
que ficou aqui.

Vou selecionar toda a ferramenta
e aqui, bem no menu suspenso,

tem escrito "select and mask",

eu vou clicar e, aí,
vai abrir outra janela

e é nessa janela que a gente vai
fazer o refinamento do corte.

O select and mask é
a maneira mais adequada

de você refinar
o recorte de um fundo

preservando o cabelo
da modelo.

Então, vamos fazer
o seguinte:

primeira coisa para a gente
conseguir visualizar o fundo,

aqui em "view", mudar esse modo
de visualização para vermelho.

Perceba que a gente consegue
já enxergar os brancos aqui,

bem de leve, mas
a gente consegue.

E, aqui, a gente consegue
aumentar a opacidade ou diminuir.

E, agora, a gente vai
iniciar o processo

de descontaminação
do cabelo dela,

mas a gente precisa ter
uma boa visualização

e, para isso, a gente vai dar
um zoom no cabelo dela.

Basta clicar na lupinha, vir,
começar por essa parte aqui,

que está bem contaminada,
e essa ferramenta aqui,

chamada "refine edge brush tool",

eu vou utilizar para
pintar essa parte.

Posso até aumentar
um pouquinho aqui,

funciona muito parecido
com o pincel,

e é só, com o mouse clicado,
vir passando no cabelo dela.

Perceba como é muito mais
fácil, o branco está sumindo.

Olha, isso tudo é o fundo
que a gente está tirando.

Continua, com a barra de de espaço,
a gente vai posicionando a modelo.

E vamos preenchendo,
tirando todo esse branco

que está sobrando.

E a gente pode fazer
isso aqui também.

Não sei se aqui vai ser
a melhor situação.

Ok, já preenchemos.

Aí voltamos aqui para o nosso
campo de propriedades,

onde a gente vai definir
algumas coisas.

Primeira coisa: aqui
eu posso atenuar

o preenchimento
da pintura do branco,

mas como está perfeito,
eu não preciso usar.

Aqui você dá o contraste,
aqui você consegue, também,

deixar mais esfumaçado para que
a borda não fique tão grosseira.

Mas o mais importante
nesse espaço é aqui,

porque aqui, quando
a gente habilita,

a gente consegue, de alguma
forma, ainda, melhorar.

O que estava pretinho, a gente
deixa um pouco mais pretinho.

Só que, aqui, a gente
não quer tudo isso,

a gente pode trazer
mais ou menos para

70%,

pode ser 50% também.

Acho que aqui está
bom, perfeito, ok.

Percebe que,
se eu vier aqui

e utilizar o Gradiente

e aquela mesma estrutura, só
vou usar aqui para exemplificar.

Percebe que o cabelo
está um pouco melhor já,

mas dá para melhorar
ainda mais.

Vamos aumentar o zoom e vamos
utilizar uma ferramenta bem especial

chamada "burn tool".

Ela vai pegar esse preto
do cabelo da modelo,

eu vou até transformar
em um objeto inteligente,

clicando com o botão direito e vindo
em "convert to smart object".

Perfeito.

Provavelmente a burn tool
vai pedir que o rasterize,

clico em cima, dou ok,

e os fios que ainda estão
um pouquinho branco,

ele vai escurecer.

O objetivo dele é
escurecer elementos.

Então, se eu vier
clicando, vier clicando,

vou passando que nem
eu passei o pincel.

É muito sutil, mas para cabelos
assim é fundamental.

Aqui exclui.

Posso aumentar também,
caso seja necessário.

Olha, não sei se consegue
perceber, bem aqui, escurecendo.

Olha, se der ctrl+z
faz diferença.

Perfeito.

Vamos continuar
com o preenchimento.

Isso é um pouco
de perfeccionismo?

Sim, mas, na arte, a gente
tem que ser assim

para atingir um nível
mais profissional.

Perfeito, eu já tenho a minha
modelo do jeito que eu quero.

Aí, eu vou pegar ela aqui e arrastar
para aba onde tem a minha capa.

Vou segurar o shift e vou pegar
no cantinho e vou diminuir,

clicar e arrastar para ela ficar
do tamanho que eu quero.

E shift, porque, se eu não clicar
em shift, eu estico ela, olha.

Se eu seguro o shift,
ela diminui.

Perfeito.

E já temos a nossa modelo.

E, agora, vamos continuar
com o processo de ambientação.

Só que, dessa vez, a gente
vai usar a caneta para criar

uma linha na diagonal.

Essa linha, eu vou
manter só o traçado,

vou abrir aqui, quando eu
abro a janelinha de cor,

automaticamente
habilita o conta gotas.

Eu quero essa cor
aqui, perfeito.

E aí, eu vou aumentar.

Vou aumentar mais ou menos
para esse tamanho aqui.

Cria um shape.

Vou trazer para cá que é
melhor para visualizar.

O shape está aqui, mas eu preciso
arredondar os cantos dele,

como eu faço?

Com a caneta habilitada, eu
venho aqui na opção de traçado

e, aqui em caps, eu
arredondo os cantos.

Arredondou, perfeito.

Eu vou jogar
aqui atrás dela.

Ela está, na hierarquia, em cima,
eu jogo para baixo, fica embaixo.

Segurando o alt, eu clico
e arrasto, eu tenho mais uma.

Segurando o alt,
eu clico e arrasto e tenho mais uma.

Tenho três shapes aqui.

Ok, vou posicioná melhorzinho aqui.

Gostei.

Vamos renomear
para manter a organização

das nossas camadas,
vou chamar de Shape um.

Já está!

Shape dois.

E Shape

três.

Entendeu o espaço aqui? Opa!

Clicar em cima

um espacinho para ficar igual
os outros.

Clique com o botão direito em cima
e vamos ao Violeta

por shapes.

Selecionar os três e criar

um grupo dentro de uma pasta.

E aqui eu vou chamar de shapes.

Perfeito para criar esse grupo.

É só com as camadas selecionadas.

Cria, clica nessa pastinha.

Perfeito!

Por enquanto não vou utilizar,
vou bloquear

e aqui eu vou dar o nome de modelo.

Opa! Modelo

com botão direito

magenta e aqui o Shapes era violeta.

Continua sendo violeta.

Perfeito!

Já temos esse primeiro ponto.

Agora vamos fazer o seguinte
vamos lá nas

e na nossa pastinha e vamos trazer

esta imagem
que representa algumas gotas.

A gente quer dar a sensação
de refrescância para esse,

para essa capa queremos vender
o nosso suco de laranja.

Então

vamos trazer para baixo

e aqui com ela selecionada. Opa!

Sem querer
eu trouxe para dentro da capa,

para dentro do grupo dos shapes.

Vamos tirar

e vamos trazer aqui para baixo.

Eu meu Deus, de novo
aqui para baixo.

Pronto,

tira aqui, joga aqui para cima.

Perfeito!
Agora está do lado de fora.

Vamos colocar azul blue

para simbolizar

essas gotículas,
simbolizar refrescância.

E aqui com essa assinada
habilitou o modo de mesclagem.

Então se eu for passando por eles,
o que vai acontecendo?

Vai tendo uma
alteração, uma leve alteração

de como ele se mescla com o fundo.

E aí tem vários, vários.

Eu estou em dúvida
se eu utilizo Linear Burn

ou Multiply.

Ou Multiply.

Acho que eu vou usar Multiply,
só que percebe que aqui

não ficou legal,

então o que que eu vou fazer?

Eu vou

primeiro
reduzir um pouco a opacidade

para não ficar muito, muito forte.

Assim, essa imagem aqui e aqui

eu vou pegar a borracha.

Peguei a borracha

e vou colocar mais ou menos assim
eu ver

como ele está em objeto inteligente.

Precisamos de rasterização
para apagar a borracha e pronto.

Habilitou

que eu fiz o clique aqui e vi

Quando ele está em objeto
inteligente,

a gente
não consegue editar a camada,

então eu posso vim aqui com o botão
direito e masterizar a linha.

Aqui em borracha

eu vou pegar essa mais soft.

A diferença é o seguinte aqui
se eu clicar aqui, ele apaga assim,

se eu pegar o soft,

ele apaga da maneira mais sutil,
mais soft mesmo.

Então eu posso ainda é reduzir essa

essa suavidade,

baixando aqui o flow cada vez

menos, até vendo,
quase não dá para ver.

Eu vou usar mais ou menos
em 50 e pouco

e aí o pouquinho
eu vou dando uma leve apagada.

Assim, para não ficar muito,

muito na cara.

Assim é quase uma textura

bem fina, tira um pouquinho, ok?

E vou fazer também do outro lado,
como que eu faço do outro lado

a UT para duplicar e arrasto
e aí viro

ok. Só que aqui a
gente precisa pegar borracha

para continuar melhorando, ok?

Já tem uma textura que dá

um pouco de profundidade
para o nosso back ground.

Ok, Fechou.

Aqui,
vamos organizar a nossa camada.

Vou colocar aqui esse Indigo aqui.

Perfeito!

Selecionar as duas.

Bloquear

e colocar dentro de um grupo

e vou utilizar como textura.

E como não vou usar,

bloquear é perfeito.

Agora a gente precisa continuar
compondo nossa imagem.

Para isso vamos até a nossa pasta

e vamos trazer essa laranja

que não traz essa aqui,
porque aqui, como

não tem muita complexidade

nos cantos, por exemplo.

Eu posso cortar da maneira mais

prática,
que é com a barra contextual.

Aqui é só clicar em ir
mover, remover Background,

removo e background.

Já cortou?

E se eu clicar aqui em cima

dessa borda com o botão direito,
ele vai abrir esta janelinha

e aí eu vou mudar o lado
clicando em flip horizontal.

Vou jogar aqui para o ladinho,

só que para atrás da modelo.

Bem feito.

Pronto,

já temos mais um elemento
em nossa página.

Vamos arrastar o próximo.

Esse aqui

vamos fazer a mesma coisa habilitar

remover o background

e diminuir um pouco.

E vamos colocar atrás
da nossa modelo.

Perfeito!

E vamos fazer a mesma coisa
com esses daqui.

Só que esse daqui eu quero usar.

Eu não quero usar todos ao mesmo
tempo, então vou usar aquela

ferramenta de laço
tu que apresentei para você

e vou recortar só o que eu quero.

Eu quero essa daqui primeiro,
então dou control C control V,

Deixa ela separadinho aqui

e também quero essa daqui

que eu vou cortar bem na bordinha
aqui.

Control C Control V
Vou deixar ela separadinho aqui.

E. Acho que eu vou pegar

essa daqui também.

Control C Control V

Ah, isso aqui eu posso deletar.

Não quero, Não quero mais.

Essa aqui eu vou chamar de.

Laranja um

joga pra cima.

Laranja dois.

Joga pra cima

um laranja.

Depois

laranja três.

Perfeito.

Vamos começar com essa laranja aqui.

Essa laranja.

Ela tá um pouco flutuante, assim,
parece que ela está jogada no ar,

então vamos dar

uma sensação de movimento,

como se ela estivesse orbitando
em torno da modelo.

Para isso eu clico em cima
dela, vem em Filter.

Vamos habilitar

o Convert e Smart Object
para deixar em objeto inteligente,

porque quando eu uso efeito,
se não tiver um objeto inteligente

eu não consigo
depois editar o efeito.

Então vou deixar aqui
em Filter Blur, Mocha, Blur.

Serve aqui o ângulo tá pra cá.

É como se ela estivesse

orbitando para o lado,
mas ela faz esse movimento.

Ele tem um leve movimento
em diagonal.

Então eu faço assim.

E aqui eu posso aumentar

pra cá, pra cá

e até sumir.

Mas eu vou deixar bem sutil assim.

Deixa eu ver.

Que é só

um detalhe na nossa capa feito Ok,

essa daqui
eu vou diminuir, empurrar mais

para o cantinho.

Perfeito!

Essa aqui eu vou fazer a mesma coisa
que essa aqui,

mas perceba que a diagonal dela
está pra esse lado.

A gente tem que ter nossa
noção de movimento para poder,

para poder chegar mais próximo
do real, para ter

uma sensação de movimento
mais próximo do real.

Então vou em Filter novamente.

Blur, Motion Blur.

Vou mudar a
orientação e vou colocar aqui

13 Acho que 13.

Tá bom ver,

Acho que está -6

seis bem leve.

São as nossas laranjas

orbitando sobre a nossa capa,

aqui a diagonal tá dessa forma

vamos em filter Blur.

Bachchan Blur.

É mudar o ângulo e ok,

eu posso fazer aqui também,
mas aqui,

por exemplo, eu posso deixar bem de
leve como ela está no fundo.

E quando a gente visualiza a imagem
que primeiro o fundo embaça,

eu posso vir em Filter,
Blur e Gauchão Blur.

Ele é quase a mesma coisa.

Só que ele não dá
a sensação de movimento.

Ele só dá a sensação de embaçamento.

Então, se eu vim para cá assim

ele vai alterar ate eu ver.

Vou transformar em uma e converter
para objeto inteligente

e repetir o processo.

Blur Gaucho Blur.

Bem de leve.

Se eu deixar em

1,1 nós tem 1,1 ponto um.

Ok, O nosso foco principal

nessa capa é a modelo.

Por isso que a gente embaça o fundo.

Então aqui

a gente já tem uma composição
mais pra dar profundidade.

A gente precisa
jogar algumas sombras.

Antes disso,
vamos organizar essa laranja aqui

e essa laranja.

Eu posso juntar todas as laranjas.

Aqui,

em uma,

em um grupo só.

Cria a pasta.

Red Range já foi

Green,

Não vamos esquecer.

Já habilitou aqui a Green.

Não vamos esquecer de mudar o nome,
colocar lá

grandes.

Perfeito!

E aqui na modelo
vamos clicar duas vezes aqui

e habilitar uma sombra.

Só que eu posso também vim por aqui
via FX Drop Shadow.

Ele vai abrir a mesma janela,

então aqui eu posso ter

controle da sombra atrás dela
e vou deixar bem escura.

Vou mudar o ângulo

para conseguir a distância
para você conseguir visualizar.

Se eu fizesse para cá,

a distância lá para cá,
se eu quisesse para cima,

para baixo,
você consegue alterar tudo isso?

Não preciso dessa distância toda.

Esse spray de para assim
deixar a camada

mais mais densa,
não quero que é uma sombra.

E aqui eu posso

aumentar, esticar ela ao ponto dela

começar a se tornar
cada vez mais transparente.

Vou diminuir um pouquinho
e vou diminuir a opacidade,

porque eu
não quero que fica muito intenso.

Eu quero apenas uma sensação leve
de que ela está descolar do fundo.

Ok, fiz isso.

Fiz isso também nessa laranja
clicando duas vezes.

Drop Shadow.

Posso até diminuir um pouco mais,

aumentar um pouquinho, opacidade

ok, Posso fazer isso nessa também?

E aí, alterando size

tipo em perfeito

e posso fazer isso em todas,

já puxando

ok? Que.

O drop fechando
Agora vou por aqui, dessa vez

já puxando ok?

Deixa ver, está tudo certo.

Ok. Aqui eu não tenho sombra,

mas se eu quisesse otimizar
o processo de fazer isso em tudo,

eu posso vim aqui em copiar
o estilo da lei e vim nessa

e cá.

Dica de Candy Candy Candy Candy
de colar

o estilo da linha.

Não estou visualizando.

Um. Índice sumiu para mim.

Best seller style.

Pronto, Achei Preciso dar
uma metadinha no meu grau.

Pelo jeito

fechou.

Oh, como está bem
otimizada, bem definida.

As nossas camadas.

Aqui vai vim

provavelmente um

botão de site botão que

trará.

Aqui vai vir um texto que é a marca
Orange

Orange e aqui
eu vou colocar um outro texto

que é
a especificação das coisas do site.

Posso colocar? Sei lá.

Já está aqui o texto, só preciso da

aqui está muito grande,

então vou mudar para 16 ou para

tem que selecionar 16.

Enfim, fazer isso em tudo.

Como eu não quero fazer em tudo,

eu vou diminuir para 16.

Não é essa Essa aqui 16.

E a partir daqui

eu vou escrever
tudo que eu quero criar

vários parágrafos, tá ok,
Vou deixar aqui.

Também.

Então o que que eu estou fazendo
assim, dessa forma?

Primeiro porque já sabemos como

trabalha com tipografia
e segundo porque essa parte

a gente vai deixar assim,
porque a gente vai introduzir

os textos e os botões no figura,

que é onde a gente vai
prototipar a o nosso site.

Então

o nosso site praticamente está
pronto.

Se eu quiser continuar refinando,
eu posso.

Eu posso, por exemplo, colocar

um sólido aqui de vermelho,

por exemplo, e criar umas,

sei lá, uma.

Uma textura
que mude a tonalidade da cor.

Mas como a gente já fez tudo
bonitinho

numa unidade visual
com a nossa paleta de cores,

ele já está pronto.

Então agora é só a gente salvar

no arquivo aberto.

Já está aqui o.

Então, se já está aqui,
é só o controle e se ok

e está lá para a gente
poder utilizar no nosso site.

Então essa foi uma forma básica de
criar uma ambientação no Photoshop

utilizando recortes
utilizando o chip Leia Gradiente,

ferramentas de seleção, enfim,
aproveitando das ferramentas

que o Photoshop nos proporciona
para criar uma capa profissional

para a nossa interface digital.