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 tirar,

apagar arrastando para a lixeira

este elemento fixo que ficou aqui.

Vou selecionar toda a ferramenta

e aqui bem no menu suspenso
tem aqui escrito Select.

Em Mask eu vou clicar

e aí vai abrir outra janela

e essa janela que a gente vai fazer
O refinamento do corte

e Select 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

a quem viu mudar
esse modo de visualização

pra 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 lupa.

Vim a começar por essa parte

aqui, onde está bem contaminada
e essa ferramenta aqui

chamada Refine e Brush
tu eu vou utilizá la

para pintar essa parte passa também,
tá um pouquinho aqui.

Funciona muito parecido
com um pincel com pincel,

vai E é só com o mouse clicado.

Vem passando no cabelo dela.

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

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

Continua como com a barra de

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

E vamos preenchendo,

tirando todo esse branco

que está sobrando.

Que 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 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 aqui,
eu não preciso usar.

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

deixar mais esfumaçado para que?

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 tá bom, Perfeito. Ok?

Percebe que se eu vim aqui

utilizar o Gradiente

é aquela mesma estrutura?

Só vou usar aqui para exemplificar.

Percebe que o cabelo está

um pouco melhor,
mas dá para melhorar ainda mais.

Vamos aumentar o zoom
e vamos utilizar uma ferramenta

bem especial chamada Bunito.

Ela vai pegar esse preto
aqui do cabelo da modelo.

Vou até transformar
num objeto inteligente clicando

com o botão direito
e vindo em Convert to Smart.

Objeto perfeito.

Provavelmente a bunito
vai pedir que o raster clique

em cima do OK e os fios
ainda que estão um pouquinho branco.

Ele vai escurecer ele.

O objetivo dele aí é escurecer

elementos, então se eu vim clicando,

vim clicando, vou passando
que nem eu passei o pincel

é muito sutil,

mas para cabelos assim
é fundamental.

Que excluí

possa aumentar aqui também,
caso seja necessário.

Oh, não sei se consegue perceber
bem aqui.

Escurecendo

ao se dar conta sozinho
faz diferença.

Enfim.

Vamos continuar com o preenchimento.

São é um pouco de perfeição.

Perfeccionismo sim, mas na arte
a gente tem que ser assim

para atingir.

O 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 os meus.

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 senão
se eu não clicar em shift

eu estico ela,
se eu seguro shift ela diminui.

Perfeito!

E aqui 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.

Vou abrir aqui quando eu

Quando eu abro

a janelinha de cor, automaticamente
habilita o conta gotas.

Eu quero essa cor aqui,

Perfeito!

E aí eu vou aumentar.

Aumenta mais
ou menos para esse tamanho aqui.

Criar um shape vou trazer para cá
que é melhor para visualizar.

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

Como que eu faço com a caneta
habilitada?

Eu venho aqui

na opção de traçado
e aqui em caps arredonda

os cantos, arredondou Perfeito!

Eu vou jogar aqui atrás dela.

Ela está
na hierarquia, ela está 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.