-
Passo-a-passo Desafio Loreal A. Crie uma nova imagem e posicione
as guides 1. Crie uma nova imagem no formato desejado, em File >
New 2. Clique em View > Rulers para visualizar as rguas e
posicionar as linhas-guia. 3. Clique sobre a rgua e arraste o mouse
para puxar a linha-guia. Acrescente guides de cada lado para as
margens de texto e delimitar o que ficar escondido (leia o briefing
para saber quanto ficar escondido pela margem coloque oito guias no
total, quatro para a margem do Adshel e quatro para o texto). Use
sempre 225 ppi para imagens que sero impressas. 4. Use a ferramenta
zoom para ver a medida certa, repita a operao at que tenha
posicionado as 8 linhas (4 externas para a rea que ficar escondida
e 4 internas para a margem de texto) B. Procure pelas imagens
certas 5. Em seguida, abra um navegador de internet e pesquise no
Google uma imagem de pessoa com cabelos esvoaantes. Lembre-se de
que uma layout para produtos para cabelos. Determine se ir
trabalhar um rosto feminino ou masculino. 6. No Google, aps
escolher a opo imagens, escolha a opo imagens de tamanho
grande.
7. Escolha uma imagem cujo contraste do cabelo com o fundo seja
bom. Quanto maior o contraste, melhor ser o resultado. Portanto,
escolha uma imagem cujo fundo seja de uma cor que contraste com a
cor do cabelo. C. Salve-as em tamanhos grandes (boa qualidade de
resoluo) 8. Clique sobre a imagem escolhida, e depois na opo imagem
em tamanho original para abri-la em uma nova janela visualizando-a
no tamanho final. Voc tambm pode usar o link mais tamanhos, se
houver essa opo.
-
2
9. Aps o carregamento da imagem em nova pgina, clique com o boto
direito do mouse e use a opo Save Image As para salvar a imagem no
seu computador. Ao salv-la, certifique-se de que sabe o local onde
a est salvando. 10. Aproveite e procure tambm uma boa imagem para o
fundo, que deve ser uma paisagem urbana, noturna ou diurna em
contraste inverso ao fundo da modelo escolhida (se a sua modelo
estiver em um fundo branco, a paisagem urbana deve ser escura, se a
modelo estiver em um fundo escuro, procure uma cidade na luz do
dia). Escolha tambm a imagem do produto. Lembre-se de que um
produto da Loreal . Salve todas as imagens no seu computador.
Coloque-as numa pastinha com o seu nome. 11. No exemplo usado neste
exerccio, estou usando a imagem courtney-cox-blog-Cabelos-Fortes,
do blog http://cabelosfortes.com/ e do site Deviantart.com,
selecionei as imagens City_of_Lights_by_monteycarlos e
loreal_elegant_by_kairizero-d3funn8. D. Organize as imagens no
Photoshop 12. Abra as imagens no Photoshop e habilite a visualizao
de documentos lado a lado. (Tile All in Grid) 13. Usando a
ferramenta Move, arraste cada uma das imagens escolhidas para o
documento criado com as linhas-guias. Observe na palete layers ,
que cada vez que voc arrasta uma imagem para o documento final, uma
nova camada ser criada. Na paleta layers, clique e arraste as
layers para que fiquem na ordem certa. Imagem de fundo, imagem da
modelo e imagem do produto. 14. Se achar necessrio, use a
ferramenta zoom para diminuir o zoom. pressionando a tecla Alt,
enquanto arrasta o mouse. Voc pode usar tambm os atalhos de teclado
Command + ou Command - . 15. Escolha cada uma das camadas e
utilizando o comando Free Transform (Command T ou Menu > Edit
> Free Transform) ajuste cada imagem ao tamanho desejado.
Lembre-se de manter pressionada a tecla Shif para que as imagens no
fiquem distorcidas. Quando estiver satisfeito com o tamanho,
pressione Return para confirmar a transformao. Dica: Quando quiser
cancelar uma transformao, use a tecla Esc. 16. Como a camada do
produto est sobre as demais, torne-a invisvel, clicando no cone do
olho na paleta layers. Clique na camada da modelo para comear a
trabalhar. Por precauo, sugiro sempre duplicar a camada onde ir
trabalhar, para o caso de precisar da imagem original. Veja como
ficou a minha palete layers. E. Faa a seleo 17. Escolha uma
ferramenta de seleo para fazer uma seleo do fundo da imagem da
modelo. Voc pode usar a Direct Selection, a lasso tool ou a lasso
magntico. No se preocupe em fazer uma seleo perfeita, os passos
seguintes te mostraro que mesmo com uma seleo ruim, o resultado
ficar satisfatrio.
-
3
18. Se a imagem a ser recortada no apresenta o contraste
desejado, ser mais trabalhoso retirar o fundo, mas no impossvel.
Voc pode duplicar a camada, aumentar o contraste da foto (use image
> adjustments > curves ou levels, ou mesmo
brightness/contrast), faa a seleo e depois delete a layer alterada,
para continuar a trabalhar a original. Lembre-se de que pode salvar
a seleo. 19. Se voc escolheu a direct selection tool, clique e
arraste-a sobre o fundo, faa uma rea de seleo, clicando e
arrastando o mouse. (Dica: quando quiser cancelar uma seleo,
utilize o Menu > Select > Deselect, ou o atalho de teclado
Ctrl D). Depois de selecionado o fundo, inverta a seleo, pois o que
desejamos que esteja selecionado a modelo e no fo fundo. Se voc
escolheu a ferramenta lasso tool, no precisa inverter a seleo. Veja
como ficou a minha seleo do fundo, antes de inverter (Select >
Inverse).
F. Use o Refine Edge 20. Com a seleo da modelo feita, vamos usar
a opo Refine Edge. Se voc estiver usando uma ferramenta de seleo,
essa opo estar disponvel na barra de opes (option bar). Se no
estiver, use o menu Select > Refine Edge. 21. Coloquei aqui um
link do YouTube que mostra o processo de recorte de cabelo num
filme bem rpido e que mostra muito do que foi visto na nossa aula.
Voc pode acompanhar a partir do minuto 0:40 do filme Compositing
and Selecting Hair in Photoshop CS5 by Terry White.
http://youtu.be/vUIcQ1nXkWk 22. Aqui voc ver um exemplo da janela
Refine Edge com a primeira opo de escolhja. Na janela view, voc
pode escolher com que tipo de fundo ir visualizar a sua mscara,
enquanto trabalha na janela Refine Edge. Escolha um tipo de fundo
que mais
-
4
contraste com o fundo original. No meu exemplo, escolhi fundo
preto porque a imagem original tem fundo branco.
23. Na segunda opo, marque o boto Smart Radius, do Edge
Detection (deteco das bordas) para tornar a seleo mais inteligente.
Escolha o pincel (Refine Radius Tool) para marcar a rea que deseja
remover. D cliques ou clique e arraste sobre a rea do cabelo onde o
fundo aparece. O tamanho do pincel voc pode aumentar ou diminuir
usando as teclas colchetedo seu teclado. 24. Veja como a imagem se
apresenta enquanto voc vai clicando. No desanime se o resultado no
ficar bom no comeo, voc ter outras opces de ajuste na janela aps
terminar de mostrar para o Photoshop com essa ferramenta, onde est
a rea que deseja refinar(no caso remover). Continue trabalhando
tendo em mente que o resultado esconder o fundo usando Layer Mask,
que voc pode editar depois usando preto ou branco.
-
25. Veja como ficou o resultado ao lado. 26. Para ter certeza de
um bom resultado, voc ainda pode mudar o view mode para a opo Black
and White e verificar se o resultado da mscara ficar satisfatrio.
Caso no esteja, utilize a ferramenta Erase Refinements Tool, para
recuperar alguma parte dos pixels que ficaram muito transparentes.
Ajuste o tamanho da borrachacom as teclas colchete e clique e
arraste na rea que deseja manter apenas e no sobre as bordas. 27.
As opes do ajust edge voc s visualiza se j tiver feito os passos
anteriores.
a) Smooth: serve para arredondar as bordas, mas voc pode perder
cabelos. b) Feather: Serve para suavizar, dar uma espcie de degrad
em volta da seleo. O resultado, corresponde, a um
-
6
pincel macio. Veja o exemplo ao lado onde usei um feather de
42,5. c) Contrast, como o prprio nome diz, aumenta ou diminui o
contraste das bordas. Cuidado pois essa opo pode estragar o seu
trabalho. Veja o resultado, aqui do lado direito, usando um
contraste exagerado, de 57%. d) Shift Edge: Serve para diminuir ou
aumentar a rea da borda da seleo. 28. A opo Decontaminate Colors,
serve para voc retirar a influncia da luminosidade colorida de
alguma luz que tenha refletido no cabelo. 29. E, por ltimo, e muito
importante, na opo Output (sada), voc deve escolher new layer with
layer maskpara que seja criada uma nova camada com mscara. Com uma
mscara, voc no apaga nenhum pixel original e voc ainda poder fazer
algum ajuste se necessrio. Se voc esquecer de marcar essa opo, ao
dar ok, no se desespere, clique sobre o cone Add layer mask da sua
palete layers., que criar uma mscara da rea selecionada pelo Refine
Edge. Se o resultado ainda no ficou como voc queria, clique sobre o
cone da mscara na camada da modelo e utilize as cores preto ou
branco com um pincel macio para esconder ou mostrar o fundo. Obs.:
Faa uma seleo se necessrio. Veja como ficou o resultado:
-
7
G. Crie um contraste interessante 30. Duplique a camada da
modelo. 31. Clique em image > adjustments > desaturate. A
camada vai ficar em p/b. 32. V na palete layers, clique sobre o
boto pop-up de blending mode , onde est escrito normal. Explore as
opes. No exemplo, usei Hard Light com opacidade 63%.
-
8
H. Crie uma camada de ajuste para mudar a cor da paisagem urbana
33. Vamos alterar a cor do fundo utilizando camada de ajuste. 34.
Clique na camada da paisagem urbana. Crie uma new fill ou
adjustment layer (nova layer de ajuste) > Hue/Saturation, usando
o boto da palete layers. 35. Ajuste as cores para combinar melhor
com a imagem da modelo, valorizando os cabelos. I. Finalize o
layout colocando o produto
36. Coloque a imagem do produto, e repita as operaes descritas
nos itens E e F acima utilizando Layer Mask. No delete os pixels!
37. No deixe a imagem do produto parecer que est flutuando na
pgina! No exemplo ao lado, foi criada uma nova camada e um
gradiente do preto para o transparente foi aplicado no canto. 38.
Para criar um gradiente, crie uma nova camada. Depois, usando a
ferramenta gradiente, e as suas opes (option bar em baixo do menu
do Photoshop), clique e arraste para ver o gradiente. 39. Veja como
o layout est ficando.
-
9
J. Criando dinamismo na foto com desfoque de movimento (Motion
Blur) 40. Crie efeitos de dinamismo (movimento) na foto usando um
filtro de desfoque de movimento. 41. Duplique a camada do produto e
selecione a camada de baixo. 42. Aplique Filter > Blur >
Motion Blur e altere os valores, criando uma impresso de movimento.
43. Arraste a camada um pouco para o lado se necessrio.
K. Use o mesmo conceito para criar novos elementos no fundo 44.
Voc pode criar efeitos de luzes no fundo (acima da camada da
paisagem) criando reas de seleo coloridas. 45. Crie uma nova layer
s para isso e d opacidade 50%. Crie uma reas de seleo em forma de
tringulo com a ferramenta Lasso Polygonal, e aplique cor (use o
baldinho ou o pincel). 46. Use o Filtro Filter > Blur >
Gaussian Blur e ajuste o desfoque. Depois novamente Filter >
Blur > Motion Blur. 47. Voc pode duplicar esta camada vrias
vezes se quiser e alterar a posio e rotao da camada (Command T) e
depois modificar a cor em Image > Adjustments >
Hue/Saturation. 48. Efeitos de brilho podem ser criados com a
ferramenta Brush bem macia (Hardness 0%) e com tamanhos diferentes
(altere o tamanho do Brush com colchete)
L. Coloque o logotipo Loreal no formato vetor e mude a cor. 49.
Aplique o logotipo da Loreal, mantendo o formato vetorial. Use File
> Place. No abra o logotipo e arraste, pois o transformar em
pixels! 50. Para mudar a cor do logotipo, clique sobre o cone de
smart object da palete layers, espere o Illustrator abrir
automaticamente e mude a cor. Utilize uma das cores existentes no
layout, copiando e colando os valores cmyk. 51. Outra alternativa
para mudar a cor do logotipo utilizar camada de ajuste. 52. Clique
na camada do logo. Crie uma new fill ou adjustment layer (nova
layer de ajuste) > solid color, usando o boto da palete layers.
No se assuste, uma cor slida cobrir toda a imagem. a cor que estava
na foreground color no momento em que comeou o pargrafo. 53.
Verifique se a camada de ajuste est sobre a camada do logo. Antes
de mudar a cor, faa um clipping nessa camada com a camada do
logotipo, assim: mantenha pressionada a tecla Alt (Option), e
posicione o cursor sobre a linha que divide as camadas at ver o
smbolo ao lado. Depois clique. A camada de ajuste alterar apenas a
camada abaixo. 54. Para alterar a cor, clique sobre o thumbnail da
camada de ajuste, onde aparece a cor. No meu exemplo onde est a cor
preta, mas no seu exerccio a cor pode ser outra. Quando abrir a
janela de cor, afaste a janela para ver o seu layout. Posicione o
mouse sobre a imagem e ver que o mouse virou um conta-gotas.
Escolha uma cor e veja o logotipo se alterando. Escolha uma cor que
combine e ao mesmo tempo crie um bom contraste com o fundo. 55.
Veja como ficou o meu exemplo.
-
10
M. Coloque o texto. 56. Digite o texto e verifique a ortografia
e a gramtica. Se estiver em dvida, mude o texto. 57. Se escolheu
uma fonte sem acento e o seu texto tem acento, crie o acento ou
mude a fonte. 58. Coloque o texto numa cor que combine com o
layout. Para isso, selecione o texto com a ferramenta texto. 59.
Utilize para mudar a cor, o boto de cor da option bar, um pequeno
retngulo que aparece apenas quando o texto est selecionado. 60.
Quando abrir a janela de cor, afaste a janela para ver o seu
layout. Posicione o mouse sobre a imagem e ver que o mouse virou um
conta-gotas. Escolha uma cor e veja o texto se alterando. Escolha
uma cor que combine e ao mesmo tempo crie um bom contraste com o
fundo. N. Salve o seu trabalho.
Salve uma cpia (sem camadas) e coloque-a em CMYK. Consulte o
material didtico Como aplicar imagem em um Adshel (display para
abrigo de nibus)