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)