Você está na página 1de 113

PHOTOSHOP

CURSO COMPLETO
APRENDA DE TCNICAS RPIDAS A DICAS PROFISSIONAIS MELHORE QUALQUER TIPO DE FOTOGRAFIA CRIE MONTAGENS REALISTAS APLIQUE EFEITOS AVANADOS TRATE MODELOS COMO NAS REVISTAS
Criao de brushes | Ferramentas | Actions | Edio de cores | Tratamento de peles | Recorte de cabelos Vetores | Ilustraes | Montagens | Efeitos | Integrao | Photoshop para web E MUITO MAIS

APRENDA

+ DE 100 N PGIORAS DE TUT IAIS ILUSTRADSOS AS O


PASSO A P

Diretor editorial: Alessio Fon Melozo Coordenador editorial: Hudson de Almeida

REDAO
Edio: Fellipe Maschio Arte: Fabio F. Souza e Ricardo Natali Capa e embalagem: Editoria de Design Reviso: Sirlene Farias e Rafael Faber

PUBLICIDADE
Cassetari Assessoria em Comunicao

ATENDIMENTO AO LEITOR SUPORTE


Horrio de atendimento: das 9h s 18h e-mail: atendimento@digerati.com.br, suporte@digerati.com.br, tel.: (11) 3217-2626

EDIES ANTERIORES
Atendimento a jornaleiros: (11) 3648-9090 Canais de vendas: (11) 3648-9090 e-mail: vendas@digerati.com.br, fax: (11) 3648-9090 Site: www.lojadigerati.com.br

CONTATO
Redao: R. Haddock Lobo, 347, 12 andar, So Paulo SP, CEP 01414-001, tel.: (11) 3217-2600, fax: (11) 3217-2616 Publicidade: (11) 3217-2643 e-mail: publicidade@digerati.com.br Representante comercial nos EUA: USA-Multimedia tel.: +1-407-903-50000, Ramal: 222 e-mail: info@multimediausa.com Marketing: (11) 3217-2600 e-mail: marketing@digerati.com.br, Circulao: (11) 3217-2600 e-mail: circulacao@digerati.com.br

APRENDA FCIL ESPECIAL uma publicao da editora Digerati. Distribuidor exclusivo para todo o Brasil: Fernando Chinaglia Distribuidora S.A. Tel.: (21) 2195-3200 Distribuidor para Europa e Amrica Latina: Malta Internacional +55 11-3284-6444 Impresso: Grca IBEP

DIGERATI UMA EMPRESA DO GRUPO DOMO

Sumrio

Captulo 1
Nvel Bsico Ferramentas bsicas Alterando o visual Alinhe imagens Piloto automtico Personalize com o Photoshop Fundo em preto-e-branco Trabalhe com contrastes Bronzeamento articial Correo de fotos Efeito tatuagem 5 6 8 9 11 14 19 23 27 30 33

Captulo 2
Nvel Avanado Photoshop CS3 Conhea o ponto de fuga Construo de pginas Projeto visual de sites Integrao com o Flash CS3 Composies avanadas Tratamento prossional Ilustraes Vetorize com o Photoshop Mescle imagens Recorte detalhado Integrao de programas Modique fotos 37 38 42 46 60 64 69 72 79 89 95 98 102 107

Captulo 1

Nvel Bsico

Ferramentas bsicas
No Photoshop, poucas coisas so mais importantes do que dominar a tcnica de recorte e seleo de imagens para um m especico. s vezes, voc precisa de uma seleo para aplicar determinado efeito ou para colocar uma imagem em algum trabalho. Sem as ferramentas adequadas, isso seria muito mais difcil, ento, vamos obra.

1. A Varinha Mgica
O primeiro e o mais usado dos recursos do Photoshop a Varinha Mgica (Magic Wand). Ela foi criada para selecionar pixels a partir das similaridades de cor. Na barra de opes, possvel ajustar o valor de tolerncia, por exemplo, 32 (padro do Photoshop). Isso signica que 32 tons mais claros e 32 mais escuros sero selecionados com o uso desta ferramenta. Portanto, preste ateno no valor que voc deve usar para ter uma melhor preciso.

2. Marque Tool (retangular e circular)


Mais simples do que a Varinha Mgica, a Marquee Tool permite que voc faa selees quadradas e circulares. Tambm agrupada com a opo de criar uma linha ou uma coluna atravs da imagem com a expessura de um pixel. Esta ferramenta pode parecer simples para o Photoshop, mas um dos meios mais prticos para se fazer selees dentro de selees.

3. Mscara Rpida (quick mask)


O uso desta ferramenta muito divertido, visto que proporciona a chance de desenhar sua seleo. Clique no boto de Mscara Rpida e apague, com a borracha, a rea que voc quer selecionar. Clicando duas vezes nesse mesmo boto, voc pode variar ferramenta. Tambm possvel ajustar a cor da mscara e at a opacidade para aqueles casos em que sua cor atrapalha a seleo (tente usar a cor padro em um muro de tijolos e voc entender o conceito).

4. Canais (channels)
Com os Canais, possvel guardar sua seleo para usar depois e at gravar sua imagem. Funcionam da mesma maneira que a Mscara Rpida: clique em criar novo canal, desenhe uma rea de recorte. Na paleta de canais, voc encontra as opes save selection as channel e load channel as selection, recuros permitem que voc tenha selees de formas diferentes. Tambm possvel criar selees em seus canais para criar selees mais precisas.

Aprenda Fcil Especial Photoshop

5. Lao (lasso)
A ferramenta Lao possui trs ajustes bsicos: 1. Lao que consiste em envolver o que voc pretende selecionar, no entanto, mo livre. Sempre que voc soltar o boto do mouse, o lao se fecha automaticamente. No o ideal para formas mais complexas, mas utilizando a opo feather bastante til para selees de reas disformes como sombras e luzes. 2. Lao poligonal um dos grandes campees do Photoshop, excelente para selees de alta preciso. Cada clique cria um ponto de dobra do lao, o que permite que voc o utilize de forma contnua em imagens complexas. Utilizado junto ao save selection as channel uma das ferramentas que qualquer prossional de Photoshop deve dominar. 3. O lao magntico, ao contrrio dos dois anteriores, pode ser visto como uma ferramenta de preguiosos. Criada para dernir contornos de alto contraste, famosa por deixar na mo na hora que os tons de imagem passam a ser muito similares.

6. Pen Tool
Alm de ser a ferramenta mxima de seleo de curvas, a caneta mais trabalhosa do que as outras, mas cria uma seleo desenhada em vetor sobre a imagem, na qual voc pode transformar os cantos em bzier. Tambm cria clipping paths para que as imagens sejam importadas por programas de paginao. A ferramenta tem a praticidade de ser totalmente editvel pela paleta paths, na qual voc pode transformar seu path em uma seleo.

7. Color Range
O que fazer quando sua seleo no um objeto, mas uma cor? Para casos como esse, existe o Color Range, que cria a seleo a partir de uma cor, o que extremamente prtico e preciso. Basta utilizar select4color range e selecionar a cor desejada.

8. Extract
Para aquelas selees mais difceis, porm, menos precisas, a soluo usar o comando Extract (ALT+CTRL+X) e seguir as instrues do ltro. Mas ateno: por ser um ltro automatizado, os resultados podem ser inesperados, o que possibilita a ocorrncia das mesmas falhas do lao magntico.

Extras Bzier: Uma curva bzier uma equao cubica simples, criada por Pierre Bzier para operaes de CAD/CAM. o fundamento de todo o sistema de desenho Postscript da Adobe. Tambm arredonda os cantos dos paths com a ferramenta convert point. Tambm til saber que CRTL+D serve para deselecionar selees, CTRL+Shift+I inverte uma seleo.

Aprenda Fcil Especial Photoshop

Alterando o visual
Antes Depois

Modificar a cor de um cabelo muito simples, e o resultado interessante, pois voc pode deixar as pessoas com diferentes aparncias. Porm dependendo do retrato que ser modificado o trabalho pode ser maior, isso porque em alguns casos o cabelo est bem espalhado na foto, ou seja, voc ter de, minuciosamente, contornar esses pequenos pedaos que esto espalhados, de maneira que a modificao da cor seja completa. Para este tipo de trabalho, o mais recomendado que se utilize a ferramenta layers do Photoshop, que tem por objetivo formar camadas na tela do programa, como se fossem folhas de sulfite, que sero colocadas uma embaixo ou em cima da outra. Com isso, voc pode criar iluses, ou seja, deixar uma layer embaixo com um rosto e um em cima com um cabelo pintado de verde, fazendo uma espcie de fuso de ambas as imagens. Existem diversas coisas que podem ser feitas com as camadas do Photoshop, o que ser abordado no passo-a-passo apenas uma delas. Neste tutorial, voc aprender a utilizar o recurso layer, usar a ferramenta Hue/Saturations, que tem como funo ajustar as cores atravs de cursores, e desenvolver as tcnicas e passos para modificar a cor do cabelo de uma pessoa em uma fotografia.

1. Aps o programa ser aberto, o prximo passo abrir a foto que ser modicada. No menu superior clique em File, e marque Open. Em seguida, localize a foto e clique em Abrir.

2. Feito isso, no menu superior de opes do programa, selecione Window, Layers ou, caso prefira agilizar o processo, pressione a tecla F7, que o atalho desta funo.

Aprenda Fcil Especial Photoshop

3. Observe que a imagem aparecer com o nome de Background. Nesta pequena imagem, clique com o boto direito do mouse e selecione Duplicate Layer, depois, pressione OK .

4. No menu de ferramentas, clique na opo Eraser Tool (E) e apague tudo que estiver na imagem, menos o cabelo. Se preferir pressione Ctrl +, para dar zoom nos cantos mais inacessveis.

5. Acesse Image, Adjustments, Hue/Saturation. Note que a tela apresentar cursores que, ao serem movimentados, alteram a cor do cabelo recortado. Depois, basta clicar em OK.

6. Com a cor devidamente ajustada, clique sobre o Background que no est sendo modicado. Com isso, veja que automaticamente a cor do cabelo ser modicada na imagem.

Alinhe imagens
Existem tarefas em softwares de edio, como o Photoshop, que parecem simples, mas que exigem um tempo at razovel de um usurio iniciante ou intermedirio. O problema que so tantas as ferramentas e tantas as possibilidades de ao e interveno no objeto que est sendo editado atravs do Photoshop, que o resultado disso acaba sendo a disseminao de uma infinidade de caminhos diferentes para se realizar a mesma tarefa. Este passo-a-passo mostrar um exemplo claro sobre como encurtar o caminho de uma tarefa bem simples a ser realizada no Photoshop. A maioria dos usurios deste programa, quando querem girar uma imagem at uma determinada posio, faz clculos mirabolantes ou ento fica girando a imagem para l e para c no chutmetro, at encontrar a posio adequada. Voc aprender a fazer isso em seis pequenos passos, sem sequer efetuar uma operao de adio, usando apenas a rgua do programa. Simples, rpida, eficaz, uma excelente dica para tornar seu trabalho mais dinmico.

Aprenda Fcil Especial Photoshop

1. Abra o arquivo da imagem que voc ir editar no Photoshop atravs do atalho CTRL + O. Este atalho abrir um browser. Selecione o arquivo desejado e clique em Open.

2. interessante trabalhar com uma imagem que tenha referncias de linhas tortas, ou seja, no paralelas com as bordas da rea de trabalho. Isso ajudar no entendimento do tutorial.

3. Selecione a ferramenta Medir, ela est juntamente com o boto da ferramenta Conta-gotas, na caixa de ferramentas. O cone que a identica o desenho de uma rgua.

4 . Com a ferramenta medir, trace uma linha seguindo o traado da regio da imagem que voc gostaria de deixar exatamente paralela com as bordas da rea de trabalho.

5. Agora, acesse o menu principal do Photoshop na opo Imagem. Em seguida, passe o mouse sobre a opo Girar Tela de Pintura e clique na opo Arbitrrio.

6. A janela j ser aberta com a angulao necessria para deixar a regio traada na imagem paralela borda. Basta clicar em OK e ver o Photoshop fazer o resto por voc.

10

Aprenda Fcil Especial Photoshop

Piloto automtico
Muitas vezes, o profissional que trabalha com edio de imagens, seja para a Web, em publicidade ou qualquer outra rea de atuao, depara-se com o problema que a relao tempo versus volume de trabalho. Pensando nisso, a Adobe desenvolveu um recurso que facilita a vida de qualquer um que precise agilizar a produo de imagens. Action, ou ao, uma srie de comandos que podem ser aplicados em um ou mais arquivos. A maioria das ferramentas e comandos pode ser memorizada pelas aes do Photoshop, havendo, ainda, diversas aes predefinidas no arquivo do programa. Correr uma ao equivale a colocar o Photoshop em uma espcie de piloto automtico e observar o resultado. O recurso de actions e o processamento em lote, transformou trabalhos mecnicos, repetitivos e enfadonhos em uma tarefa a ser executada de forma automtica e simples, resultando em economia de tempo e, conseqentemente, no aumento da produtividade. Assim como outros recursos, as actions no so um dispositivo recente, mas a cada dia tornam-se mais teis e necessrias, fazendo o trabalho do usurio render mais, e permitindo produzir em maior quantidade e melhor qualidade.

1. Execute o Photoshop e, depois, acesse a pasta em que esto as imagens que vo receber automao de aes. Selecione uma delas e d duplo clique, ou clique OK, como mostra a gura.

2. Com a imagem aberta, escolha Actions no menu Window, ou simplesmente pressione ao mesmo tempo as teclas Alt e F9. A caixa de opes de Actions aparecer da mesma forma.

3. Crie ou selecione um grupo existente de aes e, com o boto Create New Action, estabelea uma nova ao, que ser memorizada pelo Photoshop e nos permitir utiliz-la posteriormente.

4. Na nova caixa de opes, d o nome que preferir em Name. Esse ser o ttulo das aes que vo compor o tratamento da imagem. Para memorizar cada ao, clique em Record.

Aprenda Fcil Especial Photoshop

11

5. A primeira ao aplicada diminuir a saturao da imagem em 75%. Para isso, v ao menu Image, escolha a opo Adjustments e, ento, clique sobre Hue/Saturation.

6. Nesta caixa de opes, edite apenas a alternativa Saturation, digitando o valor -75. Esse nmero ser o valor em porcentagem da diminuio de saturao. Clique em OK.

7. A prxima ao reduzir o tamanho da imagem em 25%. Para redimensionar a foto, v ao menu Image e, depois, clique sobre a opo Image Size, como mostra a gura.

8. Em Image Size, mude a unidade de medida para porcentagem, e nos campos Height e Width, digite 25. Se a opo Costrain Proportions estiver marcada, no preciso digitar nos dois campos.

9. possvel inserir qualquer valor para redimensionamento, mas lembre-se de que valores que proporcionam o aumento da imagem podem deix-la com qualidade muito ruim. Clique em OK.

10. A dessaturao e o redimensionamento sero as duas aes nesta automao. Perceba, na imagem, que cada ao memorizada na caixa de Actions. Salve e feche a foto.

12

Aprenda Fcil Especial Photoshop

11. A prxima etapa parar a memorizao ou gravao das aes. No canto inferior esquerdo da caixa de Actions, clique sobre o boto de pausa, Stop Playing/Recording.

12. Para que a automao seja nalmente realizada, clique no menu File, v funo Automate e clique sobre a opo Batch. Uma caixa de opes abrir para serem feitas algumas denies.

13. Com a caixa de opes da automao aberta, ser necessrio optar por uma das aes existentes na aba Action. possvel escolher qualquer das aes predenidas ou selecionar a que criamos.

14. Em Source, escolha a opo Folder. Assim, a automao acontecer em todas as imagens de uma pasta. Mais abaixo, em Destination, escolha None e clique em OK.

15. Com a automao, o Photoshop faz o trabalho sozinho, aplicando as aes em cada uma das imagens da pasta. Se o desempenho de sua mquina for alto, possvel aplicar em diversas imagens.

16. Quando estiver pronta a automao que comandamos, voc pode conferir o resultado abrindo as imagens na pasta. V ao menu File e clique sobre Open, como mostra a imagem.

Aprenda Fcil Especial Photoshop

13

17. Nesta pasta, esto somente as imagens resultantes do processo de automao. recomendvel manter as originais em uma pasta separada, como arquivos de segurana.

18. Veja duas das imagens originais e as resultantes lado a lado. Com a utilizao das aes, o mesmo trabalho foi feito em diversas imagens por meio de um comando sobre apenas uma delas.

Personalize com o Photoshop


O brush uma ferramenta que simula no Photoshop as caractersticas que as cerdas de um pincel teriam sobre diversas superfcies, utilizando as diferentes qualidades de tinta. Pode ser empregado para dar um toque artstico a trabalhos, utiliz-lo como carimbo, se pode tambm fazer bordas e efeitos diferenciados, alm de adicionar assinaturas a imagens e projetos. Muitas so as funes que ele agrega ao j extenso mix de possibilidades do Adobe Photoshop. O ideal para a criao de um brush um arquivo de tamanho mdio ou grande. Neste tutorial, voc ver que foi escolhido um tamanho de 400x400 pixels, evitando, dessa forma, a perda de detalhes quando necessrio aumentar o tamanho do pincel. Considerando que nem sempre sero feitos trabalhos apenas para a Internet, que permite uma resoluo de 72dpi (dots per inch, ou pontos por polegada), bom estar sempre preparado. Existem inmeras possibilidades oferecidas pela ferramenta. Voc vai aprender a criar os prprios brushes para utiliz-los como complemento em seus trabalhos artsticos, para assinar seus projetos e para divulg-los pela Internet.

Brushes

1 Crie um novo documento com o comando Ctrl + N ou por meio do menu File, New. Utilize as medidas propostas na imagem.

2 Com o arquivo j aberto, clique no boto Create a New Layer na prpria janela de Layers, ou use o comando Ctrl + Shift + N para uma nova camada.

14

Aprenda Fcil Especial Photoshop

3. Utilizando o atalho pelo teclado, aparece a seguinte janela. Escolha um nome para a nova camada e, depois, aperte OK.

4. Feito isso, o prximo passo selecionar a nova camada na janela de Layers. Depois, escolha a ferramenta Eliptical Marquee Tool.

5. Pressionando a tecla Shift para criar um crculo perfeito, arraste o cursor do mouse at ficar satisfeito com o tamanho da seleo.

6. Por meio do comando Alt + Del, voc vai preencher a seleo com a cor de Foreground da paleta. Arraste duas guias para indicar o centro. Use o comando Ctrl + T.

7 A seguir, selecione a ferramenta Eraser (atalho pela letra E) e escolha um pincel com dimetro menor do que o usado para fazer o crculo.

8 Alinhe pelas guias puxadas anteriormente. Quando estiver prximo ao centro do crculo maior, apague clicando com o ponteiro do mouse sobre o crculo azul.

Aprenda Fcil Especial Photoshop

15

9. Usando, agora, a ferramenta Brush (atalho pela letra B), mude a cor de Foreground e deixe o pincel com dimetro menor do que a borracha utilizada. Pinte no centro da imagem.

10. No campo de seleo de Brush, clique na seta para baixo e escolha outro grupo de pincis, diferente daquele com nome de Basic Brushes, que foi o usado at agora.

11. Aparecer uma caixa de dilogo, ento, perguntando se voc deseja realmente substituir os pincis atuais pelo novo grupo. Avance apertando OK.

12. Com a ferramenta Eraser, marque Brush no campo de seleo que aparece na barra de opes e apague algumas partes da imagem com o pincel de sua escolha.

13. Continue a fazer alteraes na imagem utilizando diferentes pincis. Aumente e diminua o tamanho das falhas, de acordo com seu interesse.

14. Agora, v janela de Layers e, pressionando a tecla Ctrl, clique na miniatura (thumbmail) da camada Novo Brush. Apenas ele ser marcado com seleo.

16

Aprenda Fcil Especial Photoshop

15. Com a imagem selecionada, clique em Rene Edge e modique a seleo sua escolha. Corrija arestas serrilhadas e a suavidade como lhe parecer mais interessante.

16. O prximo passo selecionar o menu Edit e escolher a opo Define Brush Preset para a criao de seu novo brush.

17. Perceba que a imagem que aparece na caixa de dilogo foi transformada em tons de cinza. Escolha um nome e finalize clicando em OK.

18. Seu novo brush est pronto para ser usado. Para fazer testes com ele, crie um novo documento utilizando as medidas propostas na imagem.

19. Com o arquivo criado, marque seu brush para comear a us-lo. Repare que o nmero que aparece abaixo dele refere-se ao tamanho da imagem original, em pixels.

20. Utilizando diversas cores sua escolha, experimente o novo brush. Altere tamanho, modo e opacidade. Descubra, realmente, o que ele pode fazer.

Aprenda Fcil Especial Photoshop

17

21. Agora, hora de salvar sua criao. Na aba Brushes, clique no menu de opes acima das miniaturas e escolha Save Brushes.

22. Todos os pincis exibidos na lista sero salvos. Se achar melhor, delete os demais antes de prosseguir. D um nome e clique em OK.

23. Experimente criar um novo brush, a partir de uma imagem j existente em seu arquivo. Foi utilizada uma fotografia editada. Selecione apenas o que deseja transformar em brush.

24. Repita os passos de 15 a 17: corrija as possveis falhas que encontrar na seleo. V ao menu Edit, Define Brush Preset, escolha um nome e conclua apertando OK.

25. Agora que voc j conhece o recurso de brushes, comece a treinar. Crie camadas, insira efeitos, teste de acordo com sua vontade e curiosidade.

26. As imagens a seguir foram feitas por intermdio de brushes originais do Photoshop e encontradas na Internet. Aproveite o que aprendeu aqui e inove nos trabalhos.

18

Aprenda Fcil Especial Photoshop

27. Na imagem trabalhada acima, verifique efeitos e um pouco de criatividade. Com isso, possvel embelezar ainda mais a natureza.

28. Este tipo de imagem um recorte de objeto, com fundo branco e interveno sobre um automvel. Geralmente, acontece em anncios publicitrios.

29. Nesta foto, verifique um tipo de edio que bastante comum em revistas e catlogos de produtos das grandes lojas do pas.

30. Os efeitos empregados nesta imagem tambm so bastante difundidos em catlogos de produtos e possuem o recurso de brushes.

Fundo em preto-e-branco
Uma forma de edio muito utilizada para quem deseja mostrar um objeto em algum cenrio ou paisagem o destaque de um nico elemento em cores, deixando todo o resto em preto-e-branco. Esse tipo de recurso aplicado em cartes, anncios de produto, outdoors etc. bastante utilizado pois rende um efeito muito interessante, graas a tudo o que representa essa dicotomia entre colorido e preto-e-branco. O que possibilitar essa tarefa a ferramenta varinha mgica. Verstil, ela vai ajudar a selecionar de modo preciso toda a rea que car colorida. Uma posterior inverso dessa rea selecionada permitir a transformao do fundo em preto-e-branco. Se voc j utiliza a verso CS3 do Photoshop, ver que basta ir arrastando a ferramenta para completar a seleo na rea desejada. Em verses anteriores, necessrio clicar nas reas. Ao retornar a seleo para o objeto colorido, recomendvel dedicar-se a edit-lo tambm, para que haja um casamento ideal entre fundo e objeto, sem perder a naturalidade da imagem. um trabalho de pacincia. Voc deve testar as diferentes combinaes de brilho, contraste e saturao para atingir um resultado ideal. Saiba como alterar a cor do nico elemento que havia mantido suas cores na fotograa do nosso exemplo. Voc pode aplicar essa tcnica independentemente de ter realizado a primeira tarefa proposta, ou seja, pode pegar qualquer fotograa e ir direto troca de cor de algum objeto.

Aprenda Fcil Especial Photoshop

19

1. Para iniciar o projeto, inicie o Photoshop. V ao menu principal e clique em File. Entre as opes, escolha Open para abrir a imagem a ser trabalhada, como mostra a figura.

2. Ao localizar a pasta em que est salva a imagem desejada, selecione-a clicando somente uma vez sobre seu cone. Feito isso, clique sobre Open para abri-la no Photoshop.

3. Agora, v at a barra de ferramentas e selecione a Magic Wand Tool, que ser usada para a seleo das reas desejadas (no caso deste passo-a-passo, as flores vermelhas).

4. Uma maneira mais simples e rpida de fazer essa seleo por meio do menu principal, clicando sobre o item Select e ento clicar sobre Color Range para a seleo dos vermelhos.

5. Na caixa de opes, selecione Sampled Colors no menu Select. Com a ferramenta conta-gotas, clique sobre um ponto que abranja todas as reas exatamente desejadas.

6. Feita a seleo, clique OK. Exibir-se- na tela de edio a rea de seleo obtida a partir do passo anterior. Provavelmente, h diversas reas sem seleo ou selecionadas por engano.

20

Aprenda Fcil Especial Photoshop

7. Para consertar o problema, possvel usar a Magic Wand Tool novamente. Pressione Shift e clique sobre reas no selecionadas para inclu-las, ou Alt para excluir reas indesejadas.

8. Novamente no menu principal, clique sobre o item Select e, ento, sobre a opo Inverse para inverter a seleo feita anteriormente, conforme ilustrado na imagem acima.

9. Agora, no mesmo menu principal, v at Image e escolha a opo Adjustments. Dentro dela, clique sobre Desaturate para eliminar as cores que no so das flores vermelhas.

10. Veja o resultado da imagem ainda com a seleo. Pode-se editar a luz ou qualquer caracterstica do fundo e das flores vermelhas separadamente, tambm. Melhoraremos a luz, agora.

11. Ainda sem desfazer a seleo, v ao menu principal do programa, selecione a opo Image e clique sobre Adjusments e, depois, marque Brightness/Contrast.

12. Deixe a imagem de fundo to clara quanto desejar. Movimente o boto de intensidade de brilho e contraste at obter um resultado que lhe agrade. Depois disso, clique em OK.

Aprenda Fcil Especial Photoshop

21

13. Se quiser, faa o mesmo com os elementos em cores. Repita o procedimento do passo 8 e edite o brilho e contraste. Quando a imagem estiver de acordo com o desejado, clique OK.

14. Para desfazer a seleo, v ao menu principal e, dentro da opo Select, clique sobre a Deselect, ou apenas pressione as teclas de atalho Ctrl e D simultaneamente.

15. Repare no resultado obtido sem a seleo. Consegue-se uma imagem natural, bastante eficiente e muito bonita. Se desejar, possvel mudar a cor das flores coloridas.

16. Desfaa a ltima ao comandada (eliminar a seleo). Pressione Ctrl e Z ao mesmo tempo. No menu principal, v a Adjustments, Image e escolha Hue/Saturation.

17. Mova os nveis de Hue, Saturation e Lightness o quanto achar necessrio. Quando estiver satisfeito, clique OK e desfaa a seleo, repetindo o procedimento ensinado no passo 14.

18. Salve a imagem no diretrio que desejar. No menu principal, clique em File e escolha a opo Save as para dar um nome ao projeto. Escolha o formato e clique sobre Save.

22

Aprenda Fcil Especial Photoshop

Trabalhe com contrastes


Veja as imagens acima. Essas modificaes so simples de fazer e podem ser utilizadas para dar destaque a uma parte especial de sua imagem. Para criar o efeito, utilize os recursos do Photoshop.

Mscara
As mscaras do Photoshop permitem isolar e proteger partes de uma imagem. Quando voc cria uma mscara a partir de uma seo, a rea no selecionada mascarada, ou protegida, contra edio. Com as mscaras, voc pode criar e salvar selees difceis e, depois, utiliz-las novamente. Alm disso, possvel realizar tarefas complexas de edio, por exemplo, para aplicar alteraes de cor ou efeitos de filtro em uma imagem.

Antes

Depois Acima a imagem com o efeito aplicado. Note a diferena entre as duas

Aprenda Fcil Especial Photoshop

23

1. Neste passo-a-passo, temos uma fotograa de um cachorro com um fundo bsico. Nossa tarefa aumentar a iluminao, sem alterar a imagem original.

2. O primeiro passo abrir a imagem a ser editada. Com o Photoshop j aberto, acesse o menu File, Open e localize a imagem. Clique em OK.

3. Agora, voc deve criar uma mscara para separar a imagem da frente da imagem do fundo. Clique em Edit in Quick Mask Mode, na barra de ferramentas.

4. Pinte toda a rea, tomando cuidado para no pintar o cachorro. Em seguida, selecione a opo Edit in Standard Mode, localizada na barra de ferramentas.

5. Clique no menu Channels localizado na paleta direita da tela do programa. Selecione a opo Create a new channel.

6. A imagem tem de aparecer totalmente preta. Agora, voc dever apagar o cachorro. Para isso, aperte a tecla Delete.

24

Aprenda Fcil Especial Photoshop

7. O prximo passo ser duplicar a imagem original. Para tal, volte opo Layer, no canto direito da tela, clique com o boto direito sobre a layer e selecione Duplicate Layer.

8. Continue na ferramenta Layer, clique na primeira camada para selecionar a imagem desejada e depois marque a opo Add Layer Mask, localizada na parte inferior da janela .

9. Tire a marcao da primeira camada (representada pela imagem de um olho). A seguir, selecione a ferramenta Elliptical Marquee e faa uma seleo no rosto do animal.

10. Voc pode mudar o tamanho, a forma e o ngulo da regio selecionada acessando o menu Select, Transform Selection. Ao terminar sua seleo, pressione Enter.

11. Uma boa maneira de visualizar como ficar a iluminao da sua foto usar o comando Quick Mask. Basta clicar nesse boto na paleta lateral de ferramentas do Photoshop.

12. O prximo passo ser selecionar Gaussian Blur. Para isso, acesse o menu Filter, Blur, Gaussian Blur. A imagem de fundo no ser afetada. O alvo somente o Quick Mask.

Aprenda Fcil Especial Photoshop

25

13. Borre a imagem arrastando a seta da tela Gaussian Blur. Assim que terminar, clique em OK e volte ao modo Standard, clicando nessa opo na barra de ferramentas.

14. A rea que queremos que fique preta est do lado de fora dessa seleo, portanto precisamos trabalhar com seu inverso. Escolha, no menu Select, a opo Inverse.

15. Clique na opo Create new fill or adjustment layer e escolha Hue/Saturation. A mscara que est ativa ser automaticamente afetada por esse efeito.

16. Faa modificaes na opo Lightness e tambm na caixa de dilogo Hue/Saturation. A imagem dever escurecer somente no local que no foi selecionado anteriormente.

17. Em Layers, escolha a opo Multiply, disponvel na seta abaixo de Layers. A rea escura dever escurecer um pouco mais.

18. Agora, basta clicar na segunda camada e arrast-la para a primeira posio. Pronto, sua imagem j est modicada.

26

Aprenda Fcil Especial Photoshop

Bronzeamento articial
A tcnica de efeito de bronzeamento artificial utilizada, algumas vezes, pela publicidade ou ento em revistas especializadas em divulgar a imagem de famosos. O interessante entender como aplicado este efeito. Existem maneiras muito complexas de utiliz-lo, mas so variaes mais detalhadas dos passos apresentados aqui. Neste passo-a-passo, voc aprender a maneira mais simples, mas que no deixa de apresentar um resultado bastante convincente.

Antes

Depois

1. O ideal que voc trabalhe com uma foto com fundo de cor slida, contrastante com o corpo da(o) modelo. No exemplo, foi escolhida uma foto de fundo branco, liso.

2. interessante que a pele da(o) modelo, na imagem, tenha contrastes, com reas com e sem brilho. Se for preciso, utilize a janela de correes de Nveis (CTRL + L).

3. Uma outra ferramenta que pode ser utilizada para aumentar o efeito de contraste da pele a janela de congurao de brilho e contraste (Imagem, Ajustes, Brilho/Contraste).

4. Usurios avanados podem utilizar a opo de ajustes de curvas de cores para ajustar contraste e brilho nas imagens. Experimente reposicionar o grco de cores.

Aprenda Fcil Especial Photoshop

27

5. Em casos de fotos com pouco contraste, experimente trabalhar cada canal de cor de maneira exclusiva. Clique na paleta de Canais, prxima paleta de Camadas.

6. O canal azul, em geral, o mais utilizado para tratamento de contraste. Mas clique nos canais que esto disponveis na paleta para vericar qual apresenta o maior contraste.

7. Com o canal que apresenta maior contraste j selecionado, pressione CTRL + M para abrir a janela de Curvas e tente aprimorar o contraste do canal atravs do grco.

8. Tente configurar os canais de cores e a imagem, na medida do possvel, at conseguir o mais prximo do efeito de pele molhada, ou seja, com brilho e contraste.

9. Volte para a tela de camadas e duplique a camada de Plano de Fundo. s clicar com o boto direito do mouse em cima da camada e selecionar Duplicar Camada.

10. Em seguida, selecione a nova camada que foi criada e clique no boto Criar nova camada de preenchimento ou de ajuste. Na lista de opes, clique na opo Curvas.

28

Aprenda Fcil Especial Photoshop

11. Na janela de curvas, posicione o mouse bem no centro da curva de cor e arraste esse ponto para baixo, at a imagem ficar com bastante brilho, de maneira exagerada.

12. Repare que uma nova camada ir aparecer, alm da que foi criada como cpia do plano de fundo. A imagem ficou exageradamente brilhante. Pressione CTRL + I.

13. Repita o procedimento descrito no passo 10. Agora, na janela de curvas, ao invs de descer o ponto mediano do grfico, fao o inverso, suba o ponto mediano da curva do grfico.

14. Mais uma camada ir aparecer, logo acima da ltima que foi criada no final do passo 11. A imagem ficou com um brilho intenso. Pressione CLTR + I novamente.

15. O atalho CTRL + I utilizado para desativar os efeitos que aplicamos e que esto gravados nas novas camadas. Utilize-o para reativar os efeitos das duas novas camadas.

16. Perceba que a imagem da(o) modelo apresenta agora um tom de pele parecido com bronzeamento artificial. Brilho intenso contrastando com tonalidades prximas do dourado.

Aprenda Fcil Especial Photoshop

29

17. O truque: pressione as teclas D e X, em seqncia, para configurar as cores de plano de fundo e de primeiro plano. Clique na ferramenta Pincel e selecione 50% de opacidade.

18. Pinte o corpo da(o) modelo nas reas mais brilhantes. Note que, aos poucos, voc vai acrescentando um tom bronzeado s reas mais claras da pele da(o) modelo.

Correo de fotos

Lmpadas fosforescentes costumam esverdear fotos

Antes

Imagem aps o ajuste

Depois

As fotos ficam esverdeadas por causa das lmpadas brancas, do tipo fosforescente. Mas esse problema pode ser corrigido sem muita dificuldade no Photoshop. H duas ferramentas para normalizar a distribuio de tons: Nveis (levels) e Curvas (curves). A opo Nveis ajusta os tons em apenas trs variveis: altas luzes, meios-tons e baixas luzes. J a ferramenta Curvas permite corrigir qualquer ponto ao longo de uma escala de 0 a 100%, mantendo at 15 outros valores constantes. Com esse recurso, tambm possvel efetuar ajustes precisos em canais de cores individuais de uma imagem, alm de inserir vrias alteraes de uma s vez.

Entendendo curvas
A alterao da forma da curva na caixa de dilogo modifica a tonalidade e a cor de uma imagem. O arqueamento da curva para cima clareia uma imagem. Para baixo, escurece a foto. Se um ponto na parte superior da curva for movido (quando no estado-padro dessa ferramenta), os realces sero ajustados. Mover um ponto no centro corrige os tons mdios e, na seo inferior, as sombras. Movimentar um ponto na linha diagonal para cima ou para a direita deixa a imagem mais escura. De maneira oposta, um ponto para cima ou para a esquerda faz com que a fotografia fique mais clara. Assim,

30

Aprenda Fcil Especial Photoshop

para clarear sombras, mova para cima um ponto prximo parte inferior da curva e, se quiser escurecer os realces, mova para baixo um ponto prximo parte superior da curva.

Cmeras
A maioria das cmeras digitais possui um recurso chamado Automatic White Balance, o qual detecta automaticamente o excesso de determinados tons e j balanceia a foto. No entanto, modelos mais antigos so difceis de configurar e muitas imagens acabam saindo verdes.

Para corrigir o problema siga as instrues


1. Abra a caixa de dilogo Curvas. No menu, clique em Imagem, Ajustes, Curvas.

2. Clique no primeiro conta-gotas para selecionar os tons de preto da foto. Volte imagem e selecione o ponto preto. Neste caso, a moldura da porta esquerda serviu como referncia.

Aprenda Fcil Especial Photoshop

31

3. Clique no ltimo conta-gotas para definir os tons de branco. Selecione o ponto mais claro da figura. As lmpadas no teto do vago foram a referncia.

4. At aqui, nada mudou. A imagem utilizada como modelo continua esverdeada. O ltimo conta-gotas o que define seus tons de cinza. Esse cinza no uma variao do preto, mas o cinza cromtico. Neste caso, foi definido o tom do piso como cinza. Observe que a imagem j aparece com outra cor.

5. O Photoshop calculou e corrigiu a curva de cada canal. A maioria das imagens no precisa de ajustes adicionais aps esse processo. No entanto, o modelo ainda apresenta um pouco mais de verde do que o desejado. Para correes nas, v at Canais, na caixa de dilogo Curvas, e ajuste cada canal individualmente.

32

Aprenda Fcil Especial Photoshop

6. Corrija o canal magenta e pronto!

Efeito tatuagem

Antes

Depois
O efeito de insero de tatuagens se resume na utilizao das ferramentas de perspectiva e de opacidade. O uso de ambas varia muito conforme a imagem escolhida. Nada que um pouco de treino e bom senso no resolva. Inicialmente, pode-se ter alguma dificuldade no recorte da imagem que ser a tatuagem, mas o simples uso da ferramenta Varinha mgica j deve resolver a necessidade do recorte. Caso necessrio, no se esquea de recorrer a outras ferramentas de seleo, como a em forma de elipse e de quadrado. O ideal para comear usar imagens como estrelas ou o desenho de um sol. No exite em fazer teste com a opacidade da camada tatuagem. Diminua e aumente conforme achar necessrio para deixar o efeito mais real. No se esquea de salvar sua evoluo para que possa retomar um passo em caso de erro ou de um efeito que no ficou como o desejado.

Aprenda Fcil Especial Photoshop

33

1. Abra as duas imagens a serem usadas. Para isso, acesse o menu Arquivo, Abrir, clique nos dois arquivos pressionando a tecla Shift e clique em Abrir.

2. Na imagem do ideograma, clique na ferramenta da lateral esquerda Varinha mgica e depois sobre a rea branca da imagem.

3. V a Selecionar, Inverter. Com isso, estamos selecionando somente a rea negra da imagem, o ideograma propriamente dito.

4. O prximo passo acessar o menu Editar, Copiar. Desta forma, a imagem est sendo copiada da forma que queremos utiliz-la.

5. Altere para a outra imagem (isso pode ser feito facilmente pressionando Ctrl + Tab) e, em seguida, v para Editar, Colar.

6. V ao menu superior na opo Editar, Transformao livre para que possamos diminuir o tamanho do ideograma.

34

Aprenda Fcil Especial Photoshop

7. Segurando a tecla Shift, posicione o mouse sobre o pequeno quadrado no canto esquerdo superior da moldura resultante da transformao livre e diminua a imagem.

8. Verifique a janela de opes do Photoshop. Selecione o menu Camadas e altere o valor da opacidade para 70%.

9. Clique na ferramenta Texto horizontal e escreva o que quiser. Altere tambm a opacidade da camada com o texto para 70%.

10. O prximo passo selecionar o menu superior do Photoshop, nomeado como Camadas, e marcar a opo Mesclar pra baixo.

11. Inserindo perspectiva, daremos mais realidade tatuagem. No menu superior, clique em Editar, Transformao, Perspectiva.

12. Altere o tamanho da moldura da perspectiva, distorcendo um pouco, para tirar a impresso de chapado da imagem inserida. Clique em OK.

Aprenda Fcil Especial Photoshop

35

13. Podemos mudar a cor da tatuagem. Para isso, clique em Bloquear pixels transparente na janela de camadas e selecione a ferramenta pincel.

14. Selecione a cor desejada na janela Amostras e passe sobre a rea da imagem a ser pintada. Se houver necessidade, diminua um pouco a opacidade da camada.

15. Clique em Camadas, Mesclar camadas visveis, para chapar toda a imagem. A tatuagem est pronta.

16. Salve seu trabalho acessando o menu Arquivo, Salvar. Selecione uma pasta em seu computador e d um nome imagem.

17. Utilize o processo e os recursos apresentados nos passos deste tutorial para criar outras tatuagens e imagens.

18. O principal segredo para deixar o efeito real est em alterar a opacidade da camada e em distorcer ligeiramente a imagem com o efeito perspectiva.

36

Aprenda Fcil Especial Photoshop

Captulo 2

Nvel Avanado

Photoshop CS3
Na curta histria da computao pessoal, poucos softwares conquistaram tanto prestgio quanto o editor de imagens Photoshop. A histria do programa comeou h 20 anos, quando Thomas Knoll, que estudava na Universidade de Michigan, comeou a escrever um programa para que seu Macintosh exibisse imagens. O programa chamou a ateno de seu irmo, que recomendou transformar o aplicativo em um editor com diversas funcionalidades. Em 1.988, o programa foi renomeado para Photoshop e comeou a ser distribudo juntamente com scanners da marca Barneyscan. O programa virou notcia e tornou-se muito bem sucedido. Ainda em 1.988, a Adobe comprou a licensa para distribuir o produto e, em 1.990, o Photoshop 1.0 foi lanado exclusivamente para computadores da Apple. Naquela poca, o programa cabia em disquetes de 1.44 MB e possua uma interface que se assemelhava muito ao tradicional Paint, do Windows. A primeira verso para Windows surgiu em 1.992, com o Photoshop 2.0. Desde ento, novos recursos foram implementados, at chegarmos verso CS3 (ou 10.0), uma das mais revolucionrias desde que o produto chegou aos anos 2.000. Mais inteligente e com grande capacidade de processamento, o software pegou carona no poder, cada vez maior, das mquinas e criou recursos que facilitam muito a edio profissional da imagem. Entre as grandes novidades, destacam-se a maior exibilidade para se trabalhar com efeitos, ltros, ajustes e um novo projeto que melhora sua usabilidade de forma signicativa. Alm disso, a nova verso implementa muitas melhorias em recursos que j haviam sido implantados nas verses CS e CS2, como a criao de perspectivas por meio do ponto de fuga, a edio no-destrutiva e a simplicao da interface. Confira, nas prximas pginas, algumas das principais novidades apresentadas pela nova verso de um dos programas voltados para design mais longevo do mercado.

Edio no-destrutiva
Nas verses anteriores do Photoshop, sempre que realizvamos alteraes nas imagens, em configuraes como brilho, contraste, filtros de lente, saturao, balano de cores, entre outras opes encontradas no menu imagem, voltar atrs nas alteraes era uma tarefa complicada. Se voc tivesse acumulado cinco tipos de edies diferentes, por exemplo, no havia a possibilidade de remover somente a primeira alterao: teria que desfazer uma por uma, na ordem inversa que foram aplicadas. A verso CS3 derrubou esse inconveniente. Com um processamento mais eficiente de imagens, o novo Photoshop inclui todos os seus principais modos de edio na paleta Layers, para que sejam aplicados em camadas. Veja a imagem a seguir.

38

Aprenda Fcil Especial Photoshop

Em nosso exemplo, h quatro camadas na paleta de layers, sendo que cada uma delas responsvel por algum efeito na imagem. Para editar um efeito, o usurio pode clicar duas vezes na camada, a qualquer momento, e realizar as alteraes. Se o desejo for deletar a camada e, por conseqncia, eliminar o efeito inserido nela, basta clicar com o boto direito do mouse e selecionar a opo Delete Layer. O mesmo procedimento utilizado para esconder qualquer tipo de camada tambm pode ser usado para ocultar a visualizao do efeito: clica-se no quadrado menor, logo ao lado esquerdo da camada. Veja na imagem que todos os efeitos esto ocultos na fotografia, mas continuam na paleta.

Os filtros inteligentes fazem parte de outro recurso includo no contexto da edio no-destrutiva. Com eles, possvel selecionar exatamente as reas das imagens que recebero ou no os filtros. Ao final, se no gostar do resultado, o usurio pode simplesmente excluir a camada e eliminar o efeito. Antes de testar o novo recurso, necessrio converter a camada principal em objeto inteligente. Para fazer isso, temos de clicar com boto direito do mouse sobre ela e selecionar Convert to Smart Object. Feito isso, j podemos aplicar os filtros, que sero automaticamente jogados na paleta de camadas. Para selecionar uma rea da imagem onde o filtro no incidir, podemos selecionar uma ferramenta qualquer de forma, clicar no quadrado branco da camada Smart Filters e selecionar a rea. possvel remover todo o efeito a qualquer momento, basta deletar a camada relativa ao filtro.

Aprenda Fcil Especial Photoshop

39

Composio avanada
O leitor, provavelmente, j passou por uma situao em que tirou diversas fotos seguidas de um mesmo cenrio, para obter a imagem perfeita. Ao checar uma das fotos, percebe que um carro passou em frente a um dos pontos do cenrio, bem no momento em que a bateu, enquanto que o resto ficou bom. Esse mesmo ponto est perfeito em uma segunda foto e o ideal seria juntar as imagens. possvel fazer isso por meio de um recurso que permite composio avanada com duas ou mais fotos em camadas diferentes: o Auto-Align Layers, presente no menu Edit. O comando calcula, automaticamente, os elementos das fotos, deixando-os alinhados. Assim, basta apagar os elementos indesejados de cada layer. O resultado costuma ser perfeito.

Seleo rpida e refinamento da borda


Selecionar todo o contorno do corpo de uma pessoa para destac-la do fundo e encaix-la em outro contexto costumava ser tarefa muito trabalhosa e tomava muito tempo das pessoas. Depois de diversas verses do programa, o Photoshop CS3 resolveu parte do problema. Com a ferramenta Quick Selection, localizada na barra de ferramentas da esquerda, o usurio arrasta o mouse pelas partes que deseja recortar e obtm um resultado quase perfeito. Para que fique magistral, basta melhorar a seleo com a ferramenta de refinamento da borda.

Interface simplificada
O pior aspecto de se trabalhar com programas de edio ou produo de imagens sempre foi o posicionamento inconveniente de suas paletas. As verses anteriores de Photoshop no eram diferentes: as barras de ferramentas flutuavam na tela, o que tornava muito desconfortvel o trabalho de fechar, abrir e reposicionar paletas, para que no atrapalhassem a visualizao da imagem. O novo Photoshop, assim como as demais ferramentas da famlia CS3, possui paletas distribudas em encaixes convenientes e autoajustveis, que podem ser ampliadas para o tamanho total, minimizada em cones ou at mesmo em uma diminuta faixa na borda do monitor. Todas as paletas esto facilmente ao alcance, mas voc s visualiza a que quiser na hora que precisar.

Processamento de imagens-brutas
A maioria das boas cmeras digitais gera um arquivo R AW. Trata-se de informaes brutas da imagem, que servem para que o fotgrafo edite diversas opes de processamento de imagem. At a, nenhuma novidade. O que torna o Photoshop CS3 muito interessante so as melhorias com relao a esse suporte, com diversas novas ferramentas para edio, compatibilidade com o software Photoshop Lightroom e suporte para mais de 150 modelos de cmeras.

40

Aprenda Fcil Especial Photoshop

Ponto de fuga aprimorado


Quando a verso CS2 surgiu com a edio de imagens com base em perspectiva, muitos usurios do programa ficaram impressionados. O recurso passou a ser muito til na a criao de modelos para capas de livros e rtulos de produtos, pois tornou possvel adicionar qualquer tipo de grfico, imagem e texto em imagens com perspectiva. A verso CS3 traz uma melhoria na ferramenta. Agora, o ponto de fuga foi aprimorado, o que nos permite criar diversos planos em uma imagem, conectando-os em qualquer ngulo. Esse tipo de trabalho ficou muito mais veloz.

Mais eficincia na correo de cores


Se o gerenciamento de cores do Photoshop j era considerado muito bom e intuitivo, os resultados oferecidos esto ainda melhores, apesar de manter a mesma interface. As melhorias nas opes de brilho e contraste so visveis, enquanto os controles aprimorados de curvas permitem que o usurio faa ajustes automticos com predefinies includas ou manualmente, de acordo com seu objetivo. O ajuste de imagens coloridas para preto e branco tambm ficou mais eficiente com a nova ferramenta Black and White. O recurso permite um controle eficiente dos diversos tons, o que influencia diretamente na textura, contraste e saturao de reas da imagem. Com todo esse controle, j d para arriscar dizer que melhor deixar para transformar a imagem em preto e branco no Photoshop do que capturar a foto com esses tons na cmera digital.

Aprenda Fcil Especial Photoshop

41

Suporte aprimorado para HDR (High Dynamic Range) de 32 bits


Quando estamos trabalhando com o tratamento de uma foto especca, temos liberdade para denir sombras, brilhos, contrastes, entre outras conguraes do gnero, mas todas essas conguraes possuem um fator limitante: as informaes do prprio arquivo de imagem original. Se alterarmos demais brilhos e sombras, por exemplo, podemos comprometer a denio da foto. Resolver essa limitao uma tarefa que se inicia no momento de bater as fotos. Quando estiver nessa ocasio, o fotgrafo deve tirar fotograas do mesmo cenrio com diversas exposies e aberturas de diafragma. Todas as imagens do produto nal dessa atividade devem ser abertas no Photoshop e reunidas por intermdio do menu File, opes Automate e Merge do HDR. O usurio deve escolher os arquivos que deseja reunir e aguardar o processamento. Depois disso, voc ter muito mais exibilidade para alterar as denies de cores, brilhos, sombras etc, sem afetar a denio e a qualidade do produto nal.

Gerenciamento avanado de imagens com o Adobe Bridge


Quando o programa Picasa, do Google, foi lanado, todos acreditaram tratar-se de uma revoluo, pois o aplicativo era voltado para edies rpidas e a usurios comuns, com a vantagem de ser gratuito e gerenciar imagens muito facilmente. Reagindo a esse programa revolucionrio, a Adobe distribui, juntamente com as cpias do Photoshop CS3, o novo Bridge CS3. Com alto desempenho, o programa faz pesquisas avanadas para facilitar a localizao de imagens, traz recursos para agrupar vrias fotos em uma nica miniatura e a ferramenta Loupe, que permite ao usurio vericar rapidamente a resoluo da foto. Alm disso, todas as informaes sobre os arquivos so facilmente visualizadas na barra da direita do programa. Aps trabalhar com o Bridge CS3, o Picasa parecer coisa de criana.

Conhea o ponto de fuga


A edio CS3 do Photoshop aprimorou o recurso de edio de ponto de fuga (Vanishing Point), que permite a criao de diferentes planos dentro de uma imagem com perspectiva e a edio inteligente desses planos, respeitando-se o sentido e a distncia dos objetos. Tomando como exemplo a possibilidade de copiar trechos da imagem e aplic-los a outros pontos com o Clone Stamp (o popular carimbo para os brasileiros), importante ressaltar que a ferramenta inteligente a ponto de reconhecer que deve diminuir proporcionalmente o tamanho dos objetos quando eles so introduzidos mais prximos do ponto zero e, portanto, mais distantes do olho do observador. Outro exemplo de edio possvel com o Vanishing Point a excluso de elementos dentro de uma figura, que utiliza o mesmo princpio do que foi citado no pargrafo anterior. Essa funo tambm permite a edio de imagens sem desrespeitar a perspectiva presente nas fotos. As imagens realmente se adaptam ao caminho, obedecendo a relao com a posio do ponto de fuga. Nos 18 passos descritos nesta matria, conhea algumas das muitas possibilidades do Vanishing Point.

42

Aprenda Fcil Especial Photoshop

1. Abra a imagem em que deseja trabalhar e a outra que deseja aplicar primeira. Selecione a gura a ser aplicada com Ctrl + A e a copie com Ctrl + C. Pode fech-la, se desejar.

2. Com apenas a imagem principal aberta, crie uma nova camada por meio do comando Shift + Ctrl + N ou pelo atravs do menu superior Layer, New, Layer.

3. Os comandos que devem ser realizados no passo anterior criam uma nova camada, vazia. Voc deve, agora, selecionar essa camada e ir ao menu Filter, Vanishing Point.

4. Dentro da rea de edio de ponto de fuga (Vanishing Point), a ferramenta ativa dever ser Create Plane Tool (C). Faa quatro pontos em uma das faces da imagem.

5. Eis como deve estar a imagem depois de fechados os quatro pontos. Observe que h uma grade azul sobre a rea que foi selecionada na imagem no passo anterior.

6. A ttulo de curiosidade, uma seleo de grade com a cor vermelha no poder ser usada. Caso o resultado seja esse, o plano ser invlido. Edite ou refaa a seleo.

Aprenda Fcil Especial Photoshop

43

7. Uma grade na cor amarela tambm no vlida. possvel editar um plano amarelo, no entanto os resultados no sero orientados corretamente. O melhor refazer a edio.

8. Depois de criar um plano na cor azul, clique, com a tecla Ctrl pressionada, em uma das arestas centrais da grade e arraste. Surgir uma segunda face 90 a partir da original.

9. Ao pressionar a tecla Alt e clicar em uma das arestas centrais da nova face, possvel moviment-la, como se fosse uma porta. Use essa funo para ajustar o ngulo correto sobre a imagem.

10. Algumas imagens exigem mais do que duas faces por no terem cantos retos. Utilize a ferramenta Edit Plane Tool (V) para consertar possveis falhas.

11. A seguir, hora de colar (Ctrl + V) a imagem inicialmente selecionada dentro da rea de edio do ponto de fuga para que possamos iniciar a aplicao de imagens em perspectiva.

12. Com o mouse, arraste a gura colada para dentro do plano azul. Note que ela se adaptar rea criada, respeitando, inclusive, a orientao das faces. Ao nal, clique em OK.

44

Aprenda Fcil Especial Photoshop

13. Crie uma cpia (Ctrl + J) da camada com a nova roupagem da caixa e bloqueie-a clicando no local indicado na foto. Diminua a opacidade da camada do embrulho original.

14. A seguir, selecione a ferramenta Eyedropper Tool (I) e clique sobre uma rea da caixa. Com a cor selecionada, preencha a camada de cpia criada no ltimo passo. Mova-a para baixo (Ctrl + [).

15. Crie outra camada e, por meio da ferramenta Gradiente (G) ou Brush (B), faa algumas sombras, obedecendo imagem original. Se preferir, diminua a opacidade dessa camada.

16. Crie uma seleo nas abas da caixa para eliminar o excesso das camadas. Isso pode ser feito com o Polygonal Lasso (L) ou com o auxlio de um Path.

17. Agora, sua imagem deve estar assim. Este o momento que se deve corrigir pequenas falhas e detalhes da imagem a fim de tornar sua composio mais harmoniosa.

18. Vrios planos podem ser criados com a ferramenta Vanishing Point. Solte a imaginao e aproveite o recurso ensinado neste tutorial para inmeras criaes.

Aprenda Fcil Especial Photoshop

45

Construo de pginas
O desenvolvimento de um site em Photoshop comea como o de qualquer outro. Voc precisa idealizlo por completo, desde o tipo, o formato e o pblico-alvo, por exemplo. Em seguida, vem a preocupao com os detalhes. Quase todos sero ajustados no prprio software e o restante em programas auxiliares, como o Image Ready ou em um software WYSIWYG (What you see is what you get ou O que voc v o que voc ter), como o Dreamweaver e outros softwares de edio visual para a Web. Nesse caso, os programas serviro para ajustar detalhes e incrementar funes que o Photoshop ainda no detm, como layers de Web, scripts, formulrios etc. bom lembrar que em breve tudo ser mais integrado, como uma grande famlia de desenvolvimento para a Web, j que a Macromedia, fabricante do Dreamweaver, foi comprada pela Adobe em meados de 2005. recomendvel tambm turbinar o Photoshop com fontes e brushes para facilitar o trabalho da montagem do site. Ainda que possam ser criados, estilos e padres so de grande ajuda e tambm podem ser aproveitados de outros locais. O primeiro passo o mesmo, abrir o Photoshop e comear. Uma dica: com a evoluo da Internet, a atualizao de hardware, a banda larga e outros fatores importantes ligados Web, os sites j podem ser desenvolvidos em 800x600 pixels com segurana, e uma grande fatia dos usurios j navega em 1024x768. Decida qual delas utilizar, pois a quantidade de espao fundamental para fazer com que os elementos do site respirem. Aqui utilizaremos o seguinte:

Note que a resoluo de 72 pixels/inch. Em tela, a resoluo mxima atingida essa, portanto, se a imagem estiver muito grande, possvel trabalhar nela para diminuir um pouco a resoluo. A resoluo para a Web deve car entre 50 e 72 pixels, pois assim o arquivo no ser comprometido na visualizao dos browsers. Esse tipo de procedimento, alm de diminuir o tempo de download das guras, tambm evita que estas sejam utilizadas para impresso. Agora que temos nossa rea de trabalho construda, necessrio comear a desenvolver o site. Dessa forma, iremos nos preocupar, inicialmente, em trabalhar o layout dele, ou seja, denir o posicionamento dos itens. Em alguns casos, o trabalho para encontrar o local exato das imagens e textos mais complexo e requer o bom gosto de um designer em vez da praticidade de um webmaster. Entretanto, ambos devem ser levados em considerao para que o usurio possa se localizar facilmente e interagir no site sem problemas. Aqui vale a regra de que o usurio deve atingir seu objetivo em at trs cliques, de maneira que essa idia deva ser preservada ao desenvolver o seu. Desenvolveremos nosso job a partir de um site que, em breve, estar disponvel para visitao na Web. Assim, a aplicao desta matria ser real e trabalharemos os elementos fundamentais para um site.

46

Aprenda Fcil Especial Photoshop

O logotipo
O logotipo de um site uma discusso constante. O ideal desenvolv-lo em um aplicativo vetorial (como o Illustrator da Adobe ou o Draw da Corel) e, em seguida, trat-lo no Photoshop, mas nada o impede de cri-lo no Photoshop. O problema da criao de um logo no Photoshop que se seu site crescer, voc precisar desenvolver sua logotipia para promoo impressa e, diante disso, ter alguma diculdade para trabalhar a resoluo dessa gura mesmo que ela tenha sido criada no Photoshop. Se voc trabalhar um logotipo j pronto a partir de um aplicativo vetorial, exporte-o para o formato EPS (Encapsulated PostScript) e adicione-o ao Photoshop por meio do menu File, Place. A vantagem do EPS a facilidade para redimension-lo sem que haja deformao. Alm disso, a imagem j vem com o fundo transparente, o que facilita o posicionamento do logo no design do site. Depois de adicionar o logotipo, importante trabalh-lo de acordo com a idia do cliente. Aqui, a cor-padro laranja e essa informao dever ser levada em conta no decorrer do desenvolvimento do site. A aplicao de efeitos a partir do layers dar uma sensao diferente ao logotipo e o xar como marca de seu site. Um exemplo de vrias aplicaes de logotipo o trabalho do Google, por exemplo, que em diversas ocasies do ano o incrementa. Em nosso caso, importante ter o logotipo de forma a poder adapt-lo as situaes desejadas. O logotipo deve car em algum lugar visvel que identique seu site e pode ser destacado com efeitos. Evite alteraes freqentes. Denido o logotipo, importante trabalhar outros elementos do site, como os botes de navegao, por exemplo, ou a escolha da tipograa que ser utilizada no decorrer do desenvolvimento. A escolha da tipograa um fator imprescindvel. No entanto, deve-se, primeiramente, pensar na facilidade da leitura do site, ou seja, para a Web bem mais comum utilizar-se de fontes sem serifa, como Verdana, Frutiger ou Arial. Deve-se criar um padro para os ttulos, botes e outros elementos, como o texto corrido.

Na tipograa, as serifas so os pequenos traos e prolongamentos que ocorrem no m das hastes das letras. As famlias tipogrcas sem serifas so conhecidas como sans-serif (do francs sem serifa), tambm chamadas grotescas (de francs grotesque ou do alemo grotesk). A classicao dos tipos em serifados e no serifados considerada o principal sistema de diferenciao de letras. http://pt.wikipedia.org/wiki/Serifa

Aprenda Fcil Especial Photoshop

47

Depois de escolher os estilos, devemos pensar no contedo, em nosso caso, os botes solicitados no briefing do cliente, que so: fale conosco, trabalhe conosco, portfolio, nmeros interessantes, produtos e servios, misso e sobre a empresa. Ao ver todos os botes, temos de descobrir onde coloc-los, para que a esttica do site seja preservada, e pensar em como adicion-los ao layout integrando-os ao conjunto. O site um todo unido que dever ser fatiado em vrias pginas, imagens e elementos sem perder essa integrao. Deve-se, tambm, verificar o contedo do boto antes de constru-lo e verificar se valer mesmo uma nova pgina ou se seu contedo poder ser integrado ao layout. Teremos os seguintes botes: Fale, Trabalhe conosco, Produtos e servios, Portfolio, Nmeros interessantes. O restante far parte do layout da pgina principal. A integrao dever seguir um padro, ou seja, as cores do logotipo e o formato dos caracteres devero ser parecidos para que no exista um distrbio ou peso dentro dos elementos. Assim, o prximo passo ser ajustar onde cada um dos itens dever ir dentro de nosso layout.

Dicas Importantes Escolha uma fonte para ttulos Escolha uma fonte para texto (que no seja microscpica) Escolha um grupo de cores-padro Cada uma dessas escolhas dever ser utilizada em todo o site

O trabalho para definir um posicionamento e escolher as fontes dever passar pelos seguintes itens: Crie algumas pastas na guia de layers para organiz-los.

48

Aprenda Fcil Especial Photoshop

Trabalhe a guia de caracteres para formatar pargrafos e fontes.

- Divida sua rea de trabalho para definir os tamanhos das imagens com as quais voc pretende trabalhar. Isso deixar as coisas mais fceis para atualizaes futuras. Utilize as guias para fazer essa diviso (clique em View Guides no menu View para exibi-las).

Organize-se Um site composto de vrias pginas e de vrias figuras, principalmente se feito no Photoshop. Crie uma nova pasta para armazenar seu trabalho. Dentro dela, crie outra chamada PSD. Nela, voc guardar seus arquivos de trabalho (arquivos em PSD), onde as fatias de imagem do seu site sero armazenadas. Os arquivos HTML ficaro na raiz.

Aprenda Fcil Especial Photoshop

49

Aps posicionar os ttulos e vislumbrar onde sero colocados os textos, hora de trabalhar layout, linhas e guias, por meio da barra de ferramentas de vetores do Photoshop, o que poder fazer muita diferena. Trabalhe com cores neutras e tons que no destoem da cor da empresa. A barra de ferramentas de vetores do Photoshop pode e deve ser utilizada para desenhar os quadros e linhas que estiverem no site.

Ainda utilizando com as guias, hora de trabalhar o mouse over dos botes. Para isso, duplique os layers da seguinte maneira: Clique com o boto direito do mouse sobre a camada e duplique-a. Depois, altere a propriedade para que ele fique diferente do layer-padro ou do boto sem o over. Em seguida, altere a cor da fonte do contedo do layer. Deixe-o invisvel para que quando salvemos o layout para a Web, na segunda passada, a imagem seja preservada e o efeito aplicado dentro de um software como o Dreamweaver.

50

Aprenda Fcil Especial Photoshop

Para alterar a cor da fonte sem precisar da ferramenta de texto, clique sobre o layer do mouse over. O contedo ser selecionado. Posteriormente, com a palheta de caracteres, clique sobre a cor. Caso queira assegurar-se de que a cor exista no Dreamweaver, clique sobre a opo Somente Cores da Web (Only Web Colors). recomendvel anotar o nmero hexadecimal (aquele com letras e nmeros) da cor para utiliz-la depois em outros elementos. Uma tabela de cores essencial para desenvolver seu site. Depois de alterar as cores dos textos dos layers, oculte-os, pois voc s os utilizar novamente quando trabalhar as funes de Web. Para isso, clique sobre o cone dos olhos na palheta dos layers.

As ilustraes
Ilustrar o site fundamental para que sua aparncia seja acolhedora. Vale um pouco da imaginao de cada desenvolvedor, entretanto, em casos corporativos, as empresas apreciam principalmente a sobriedade. Dessa forma, escolha as ilustraes e trabalhe-as de acordo com o conjunto. O recurso da sobreposio de layers e o de tratamento da imagem podero auxiliar muito nesse processo. Trabalhe, brinque, invente. Nessa seqncia, em que voc trabalhar a aparncia do site, hora de desenvolver todos os aspectos da sua criatividade. No se xe ao j trabalhado. Algumas vezes, ser necessrio posicionar novamente o que j foi criado, no entanto, muitas coisas sero aproveitadas. Veja como cou nosso site depois de incluirmos vrios contornos e ilustraes.

Aprenda Fcil Especial Photoshop

51

Agora, todo o trabalho ser recortado a fim de gerar os arquivos do site. Para isso, trabalharemos a ferramenta de fatias (slices). A ferramenta slices possui algumas peculiaridades. Tome muito cuidado com a diviso para no gerar fatias sobrepostas, pois estas somente serviro para ocupar espao de imagens importantes. Nomeie suas fatias, elas sero a referncia para que voc desenvolva os projetos. Acompanhe as guias geradas, faa os riscos no layout e corte depois. Com o design pronto, clique no menu View e selecione a opo Clear Guides. Isso ir apagar todas as guias j utilizadas em seu documento. Voc dever criar uma nova srie para delimitar as marcas de corte a serem utilizadas pelas fatias.

Ao finalizar o processo de desenhar as guias, utilize a ferramenta Slice, alm da ferramenta de seleo para dimensionar cada uma das fatias e alterar suas propriedades. Existem dois tipos de fatias, as de usurio e as automticas. bastante recomendvel que voc transforme todas em fatias de usurio, para que no momento de salvar as figuras seja possvel dizer qual tipo de formato voc deseja para aquela imagem. Voc pode, por exemplo, ter os arquivos de apenas uma cor em formato GIF para economizar em tamanho, mas pode deixar as imagens que precisam de mais definio em formato JPG. Essas opes sero utilizadas nas fatias, no entanto, devem ser definidas inicialmente, quando criarmos cada uma delas.

52

Aprenda Fcil Especial Photoshop

Assim que todas as fatias forem criadas, voc precisar nome-las. Utilize a ferramenta de seleo de slices e clique duas vezes sobre cada uma delas. As opes da fatia sero abertas e voc poder definir as informaes detalhadamente.

Agora que todas as fatias foram nomeadas, hora de salvar nosso trabalho, na pasta em que desenvolvemos nosso site. Selecione o menu Arquivo, Salvar para a Web ou File, Save for Web.

Aprenda Fcil Especial Photoshop

53

Com a ferramenta de seleo de slices, clique sobre cada fatia e defina se ela ser JPG ou GIF. Note que quando a imagem transformada em GIF, o Photoshop disponibiliza uma palheta de cores. possvel otimiz-la, apagando as cores que no forem essenciais. Quando a fatia for alterada para JPG voc poder otimiz-la para a qualidade desejada. A idia aqui deixar a imagem com a melhor resoluo possvel, por isso, deixe a imagem com mxima qualidade.

Ao editar o GIF, alm de trabalhar a palheta de cores, possvel deixar algumas reas transparentes. Isso muito til para otimizar determinados locais da imagem. Neste exemplo no houve a oportunidade de trabalhar a transparncia, mas caso seja preciso, basta clicar sobre a cor e, depois, no boto Marcar a cor selecionada para Transparente.

Depois desse procedimento, hora de salvar o site. Clique em Save e depois na caixa de seleo. Escolha a opo HTML e imagem. Dessa forma, o Photoshop criar o seguinte para voc:

54

Aprenda Fcil Especial Photoshop

O HTML ser uma tabela com as figuras posicionadas no lugar exato em que voc as salvou. Abrindo o Dreamweaver para visualizar, tudo fica mais fcil de entender.

Agora, no Dreamweaver, hora de dar os retoques finais s imagens, como s verses over que fizemos nos botes. Altere os layers para que estes exibam-nas ao em vez das imagens-padro.

Faa o procedimento para salvar para a Web novamente e coloque as imagens em outra pasta. Crie uma nova pasta dentro do diretrio onde voc salvou a primeira seqncia e, em seguida, entre nessa pasta. Salvando o arquivo novamente, o Photoshop criar uma estrutura idntica primeira, com a diferena de que voc poder visualizar as imagens que deseja para a posio over dos botes.

Aprenda Fcil Especial Photoshop

55

56

Aprenda Fcil Especial Photoshop

Renomeie as figuras. Depois, copie e cole-as no diretrio original. Apague a pasta das novas imagens para ficar somente com as duplicatas dos botes. Agora, no Dreamweaver, faa o seguinte: Apague o primeiro boto do jeito que ele est e clique sobre a opo Insert, Rollover Image. Adicione a primeira figura e, em seguida, adicione a segunda imagem. Defina um texto alternativo em caso de ela no ser carregada e, depois, defina o link para o boto. Repita o processo em todos os botes.

Com essas opes, chega o momento de desenvolver o restante do site, cada pgina com sua caracterstica, sem perder todo o conjunto. interessante tentar manter as imagens principais, como o cabealho, rodap e menu. O banner e o contedo de texto podem ser alterados.

Aprenda Fcil Especial Photoshop

57

Esse foi a nossa pgina principal. Voc poder conferir o site pronto em www.creations.com.br Agora, veja algumas ferramentas para facilitar a criao de outro tipo de contedo. Imagine que, alm da pgina principal, temos uma pgina com vrios papis de parede para que o usurio possa baix-los. O Photoshop pode criar thumbnails para que seja possvel selecionar a imagem desejada, criando automaticamente o HTML. Veja como funciona:

Outras aplicaes Web para o Photoshop


A ferramenta de automatizao do Photoshop proporciona facilidade no desenvolvimento de galerias de imagens, deixando para o usurio apenas os ajustes mnimos novamente. Se voc possui um diretrio de gura e gostaria de compartilh-lo na Web, faa o seguinte: clique em File, Automate, Web Photo Gallery. No assistente, defina as opes de estilo, j disponveis para a criao automtica da pgina. J que trabalhamos todo um design inicialmente, recomendvel que o estilo mais simples seja utilizado para que possamos aplic-lo a nosso site. O e-mail e a extenso so campos sua escolha. Em Folders, selecione, inicialmente, a pasta de origem das imagens que deseja inserir em sua galeria de fotos. No importa o tamanho, j que o Photoshop criar rplicas em tamanho reduzido para a visualizao. Em Destino, adicione uma pasta separada, para que voc reagrupe todos os elementos diretamente no site. a hora de definir as opes dos thumbnails, que so as miniaturas. Na opo Banner, escolha o nome que ser destacado para o site, os crditos do fotgrafo, contatos e outros detalhes.

Em Large Image, voc pode solicitar que o Photoshop padronize todas os arquivos da pasta de origem. No recomendvel, mas algumas vezes necessrio. Nessas opes, possvel encontrar itens interessantes, como acrescentar ou remover o nome do arquivo, o tamanho, os crditos etc. Em Thumbnails, defina o tamanho das miniaturas, o nmero de linhas e colunas que elas ocuparo na pgina e, novamente, detalhes de exibio.

58

Aprenda Fcil Especial Photoshop

Em Custom Colors, verique se as cores que sero aplicadas esto de acordo com seu site. possvel alter-las nesse campo.

Security a opo de incluso de detalhes de segurana em sua imagem. Faa os testes e verique. Clique em OK para o Photoshop iniciar o desenvolvimento de sua pgina de thumbnails.

Aprenda Fcil Especial Photoshop

59

A melhor parte que o Photoshop ainda faz a paginao de todos os documentos HTML. O arquivo final fica da seguinte forma:

Agora, s adaptar a galeria ao projeto inicial. Uma dica interessante capturar a tela, adicionar a gura e depois recort-la no HTML para somente copiar e colar o contedo com o tamanho j denido. Essas dicas so relevantes para desenvolver seus sites no Photoshop. No Image Ready, voc pode criar animaes para seus banners, e diversicar efeitos e funes das imagens. Para isso, basta clicar sobre a barra de ferramentas destinada interao entre os dois programas. Quem sabe em um outro momento no trabalhemos somente essa interao? Por enquanto, cabe a voc pensar que, acima de tudo, o site deve ser agradvel aos olhos e funcional sua navegabilidade. O Photoshop facilita o desenvolvimento dessas funes mas, no nal, o responsvel por qualquer uma das funcionalidades, dimenses e bom gosto ser voc. No tenha medo, brinque e arrisque. Vrios sites grandes surgiram assim, de uma idia que um dia algum resolveu desenvolver.

Projeto visual de sites


No trabalho com a Web, o funcionamento do Photoshop muito semelhante ao do Fireworks, da Adobe: com diversas ferramentas de desenhos, cores, efeitos e formatos, voc tem muita liberdade para criar o site da maneira que bem entender. E quando o layout est nalizado, basta utilizar uma ferramenta que fatia o site, separando a imagem maior em pequenas guras. Assim como no Fireworks, o Photoshop tambm d as opes de salvar somente a imagem ou de salvar as guras j encaixadas em um arquivo HTML formado por tabelas. Feito isto, bastar abrir o HTML em um programa de edio de sites, como o Dreamweaver, e fazer todas as alteraes que voc julgar necessrias. Muitos preferem tirar todas as tabelas do site e criar uma estrutura tableless, em CSS, um formato de site mais compatvel com os diversos browsers, e que abre mais rapidamente que aqueles construdos com tabelas. Outros preferem manter a estrutura original, mas gostam de usar o editor de cdigo para limp-lo, uma vez que arquivos HTML gerados por programas grcos costumam trazer muitos resduos que deixam o cdigo confuso. Os prossionais da rea tm alguns macetes para deixar mais fcil esse trabalho: constroem o layout do site, mas fatiam somente as partes que realmente precisaro entrar como imagens. Um exemplo: se voc fatiar todo um layout com fundo azul, ter vrias imagens com essa mesma cor azul slida. A melhor coisa a fazer seria deletar as guras e aplicar a cor ao plano de fundo. Outra dica anotar e ter total controle sobre as medidas em pixels de cada elemento para um encaixe perfeito na montagem nal do site. Se voc criar um boto que muda de cor no momento em que o mouse passa sobre ele, ter de criar dois modelos com cores diferentes, mas com exatamente o mesmo tamanho. Para poupar tempo, voc pode economizar o fatiamento dos botes. Se tiver seis botes laterais com o mesmo tamanho, por exemplo, pode fatiar apenas um e replic-lo posteriormente no arquivo HTML. Claro que isso s vale se o texto do boto for includo no formato texto, algo que possvel somente com a utilizao de CSS. Para HTML simples, as imagens devem vir com o texto junto, o que criaria a necessidade do fatiamento de todos os botes. O fato de permitir a visualizao do layout inteiro antes de mand-lo para o HTML e exportar as imagens de uma maneira muito mais fcil agil faz do Photoshop uma das melhores ferramentas tambm para imagens web.

60

Aprenda Fcil Especial Photoshop

1. Abra um novo documento na opo New do menu File e crie seu layout. Se preferir, apenas importe algum layout preexistente por meio do mesmo menu, clicando em Import.

2. Se criar um layout novo, aconselhvel que use dimenses facilmente visualizveis por navegadores de Internet. Uma opo 760 pixels em Width e 420 pixels em Height. Clique OK.

3. No caso de ter um arquivo de imagem importado, a gura aparecer em uma camada bloqueada, a Background. Para resolver isso, acesse a opo Layers no menu Window.

4. Com a caixa de camadas aberta, clique sobre o boto no canto superior direito que ca ao lado das abas. A caixa de opo de camadas se abrir. Clique em Duplicate Layer.

5. Nas opes de duplicao de camada, possvel nomear a nova layer com o nome que desejar, na caixa de texto Duplicate Background As. Em seguida, clique em OK.

6. Na aba Layers, verique a camada Background e a nova, a que chamamos de Lay out. Clique sobre a camada bloqueada e, depois, sobre o boto Delete layer, no canto inferior direito.

Aprenda Fcil Especial Photoshop

61

7. Clique em Yes para conrmar a excluso da camada Background. Se preferir, possvel excluir layers sem a necessidade dessa conrmao. Para isso, marque Dont show again.

8. Na barra de ferramentas, escolha Slice Tool, como mostra a imagem. ela que possibilitar o fatiamento do layout em diferentes pequenas imagens para sua pgina Web.

9. Primeiro, fatie o banner de seu trabalho, o elemento que se posiciona na parte superior da pgina e que, geralmente, leva seu ttulo. Clique e arraste, como mostrado na imagem.

10. Repare que a rea marcada pela fatia criada est numerada como 01. O resto foi numerado como 02, e esse ser o espao em que sero criadas novas fatias para os demais elementos.

11. Neste exemplo, foi feito o fatiamento que separa a parte inferior ao banner. Foram separados o menu com os botes do menu principal e do rodap, numerados como 02, 03 e 04.

12. O prximo passo fatiar cada um dos elementos que representaro os botes que compem o menu de links e opes do layout de sua nova pgina para a Web.

62

Aprenda Fcil Especial Photoshop

13. Agora, na mesma barra de ferramentas, escolha a opo Slice Select Tool. Ela disponibilizar algumas opes, como a possibilidade de usar as alas de dimenso.

14. Ainda com essa ferramenta selecionada, clique sobre o cone Set options for the current slice, localizada sob o menu principal, ao lado direito das opes de fatiamento.

15. Ao clicar sobre o cone, as opes da fatia so exibidas em uma caixa na qual possvel nomear as fatias e especicar o link ao qual elas direcionaro ao clicadas. Clique OK.

16. Aqui, possvel a visualizao de como o layout se apresentar aps terem sido feitas todas as fatias. Lembre-se de separar cada elemento, como mostra a imagem.

17. No menu File, clique sobre a opo Save For Web. Dentro dessa caixa de opes, estabelea formato e qualidade das imagens. Figuras com dgrads devem ser salvas como .jpeg.

18. Clique Salvar e, depois, nomeie seu arquivo. Salve-o como tipo HTML and Images (*html). Salve-o novamente e importe as fatias para seu editor de Web.

Aprenda Fcil Especial Photoshop

63

Integrao com o Flash CS3


Talvez voc nunca tenha reparado, mas o Photoshop e o Flash tm mais caractersticas em comum do que imaginamos. A verso Flash CS3 aumenta, e muito, as possibilidades de integrao entre arquivos de ambos os aplicativos. Neste tutorial voc criar um arquivo-modelo no Photoshop, com diferentes tipos de objetos e camadas, com o intuito de, em seguida, import-lo no Flash CS3 e entender quais so e como funcionam as novas opes de importao de arquivos PSD no software. Ver que o Flash automaticamente reconhece as camadas que foram criadas no Photoshop, apresentando a mesma estrutura e permitindo optar por importar todas as camadas ou selecionar apenas um nmero especco de layers. Tambm ver que para cada tipo de camada, imagem ou texto, por exemplo, existem diferentes opes de congurao. possvel importar uma layer de texto como uma imagem achatada, ou ento como texto editvel dentro do Flash. O mesmo ocorre para camadas que contm imagens: voc pode import-las como objetos dinmicos do Flash ou somente como imagens achatadas. possvel at transformar uma camada do arquivo original PSD em um movie clip, antes mesmo de concluir o processo de importao. Essa nova opo de importao detalhada de arquivos, sem dvida, muito til para os prossionais que desejam criar animaes no Flash a partir dos designs e edies de imagem que j esto acostumados a fazer no Photoshop. Unir a capacidade inquestionvel de tratamento e criao visual com animao.

1. Basicamente, o que vamos fazer criar um arquivo-ensaio no Photoshop, com diversas opes de camadas, e import-lo no Flash para entender como o programa l os arquivos PSD.

2. Crie um novo arquivo no Photoshop. Acesse o menu principal em File e selecione a opo New. Edite as conguraes como desejar dimenses, resoluo, etc. e clique em OK.

3. Crie algumas layers alm da inicial, para que possamos incluir diferentes tipos de objetos. Depois, veremos como esses objetos podem ser importados no Flash.

4. Para criar novas camadas, basta acessar o menu principal do programa em Layers, posicionar a seta do mouse sobre a opo New e, em seguida, clicar na opo Layer.

64

Aprenda Fcil Especial Photoshop

5. Na janela que aberta em seguida, basta congurar as opes da nova layer, como nome, tipo de cor de fundo, opacidade, etc., e clicar no boto OK para cri-lo.

6. O prximo passo insirir diferentes objetos nas layers criadas. Em uma ou mais camadas, cole ou importe quaisquer imagens de diversas resolues ou com efeitos.

7. Crie, tambm, uma ou mais layers apenas com texto. Voc pode utilizar diferentes camadas e configuraes de tipografia (fonte, cor, efeitos etc.), se quiser.

8. Utilize efeitos de opacidade, ou ento de mistura de camadas entre layers nas quais voc usou guras de bitmap. O importante utilizar o maior nmero de recursos possvel.

9. Separe camadas parecidas em grupos de layers. Para isso, utilize o boto Create a New Group e, em seguida, arraste as camadas semelhantes para o cone do novo grupo.

10. Crie nomes para identicar todas as camadas e os grupos que voc criar. Depois, eles auxiliaro a identicar as layers corretas no processo de importao do Flash.

Aprenda Fcil Especial Photoshop

65

11. Crie quantas camadas quiser, quantos grupos desejar, com o maior nmero de elementos diferentes possvel. No importa a qualidade visual, mas a variedade de elementos.

12. No nal desses procedimentos, salve o arquivo em seu disco rgido. Acesse o menu principal em File, selecione a opo Save As e salve o documento no formato PSD.

13. Agora que j tem o material criado no Photoshop, execute o Macromedia Flash CS3 para iniciar o procedimento de importao do arquivo PSD para a tela do Flash.

14. Crie um novo documento, acesse o menu principal do Flash em File e selecione a opo New, ou apenas utilize o atalho CTRL+N por meio das teclas do teclado.

15. Na janela de tipos de arquivos que podem ser criados, selecione a primeira opo denominada como FlashFile (ActionScript 3.0). Clique em OK para criar um novo documento.

16. Agora, vamos dar incio ao processo de importao do arquivo PSD. Acesse o menu principal em File e selecione as opes Import. Em seguida, Import to Stage.

66

Aprenda Fcil Especial Photoshop

17. Navegue pelo browser at encontrar o arquivo PSD que voc criou anteriormente no Photoshop CS3 ou na verso do programa que utiliza. Selecione-o e clique em Abrir.

18. Ser aberta, ento, a janela de conguraes da importao do arquivo PSD. Repare que a mesma estrutura de camadas que voc criou no Photoshop apresentada em tela.

19. Ao clicar nas camadas, voc perceber que diferentes opes de conguraes surgem ao lado, dependendo do tipo de objeto que contm na layer (imagem, texto etc.).

20. Voc tambm pode minimizar os grupos de camadas e voltar a maximiz-los, como se estivesse trabalhando na paleta de camadas do prprio Photoshop.

21. Selecionando uma layer de imagem, podemos escolher entre importar uma figura bitmap editvel, um objeto dinmico do Flash, ou apenas a imagem achatada.

22. Se voc optar por importar a layer de imagem como editvel, ter de criar um nome no campo Instance name, para identic-la entre os demais objetos dinmicos.

Aprenda Fcil Especial Photoshop

67

23. Ao selecionar uma layer de texto, tambm surgem diferentes opes de importao: texto editvel, imagem vetorizada ou figura achatada representando o texto.

24. Da mesma forma que em uma camada de imagem, se optar por importar a layer de texto com opes diferentes da imagem achatada, ter que criar um nome para o objeto.

25. Um ponto comum entre a importao dos diferentes tipos de layers a possibilidade de j congurar determinada layer (imagem ou texto) em um movie clip.

26. Tambm possvel, independentemente do tipo de layer, efetuar uma congurao prvia de compresso e calcular o tamanho do arquivo de imagem de acordo com ela.

27. As caixas de seleo ao lado de cada layer servem para selecionar quais camadas voc deseja importar. As que tm caixas de opo marcadas sero importadas para o arquivo Flash.

28. Por ltimo, voc pode optar por importar as layers do arquivo Photoshop como camadas do novo arquivo Flash, mais parecido com o padro do Photoshop, ou como keyframes.

68

Aprenda Fcil Especial Photoshop

29. Caso opte pela importao das layers como camadas do novo arquivo Flash, cada camada ser uma nova layer do arquivo, seguindo mais ou menos o padro do Photoshop.

30. Caso escolha importar as camadas como keyframes, cada layer ser um keyframe de uma mesma layer do Flash, com o nome do arquivo original do Photoshop.

Composies avanadas
Fotograas realizadas fora de estdio que envolvam pessoas e um cenrio detalhado sempre apresentam alta probabilidade de darem errado. A soluo encontrada por muitos prossionais e amadores tirar inmeras fotos para que ao menos uma saia perfeita e possa ser aproveitada. Pode acontecer, no entanto, de todas as fotos sarem com algum detalhe imperfeito, o que torna necessria uma mescla para que o resultado nal seja realmente bom. Pouco tempo atrs, havia uma nica soluo para esse problema: distribuir as fotos em camadas de um mesmo documento e trabalhar intensamente por muito tempo com rotaes, carimbos e borrachas at que o resultado nal fosse alcanado. Para eliminar todas essas etapas chatas, o Adobe Photoshop CS3 traz a ferramenta de alinhamento automtico de camada, que facilita incrivelmente essa tarefa. Alm de remover ou adicionar elementos com a combinao de fotos, o recurso tambm permite realizar troca de elementos. Pode ser muito til quando voc possui duas fotos de um casal em um mesmo cenrio e em cada uma delas um dos membros saiu com uma expresso facial longe da esperada, s para dar um exemplo. Conhea nos passos abaixo esta ferramenta, ensinando como remover elementos que atrapalham determinada imagem por meio da ferramenta de alinhamento automtico de camadas. sempre importante lembrar que trabalhar com fotograas que envolvam pessoas e cenrios complexos uma atividade que exige ateno aos detalhes e cuidados para manter a aparncia natural.

1. Este recurso do Photoshop CS3 , em geral, utilizado para mesclar imagens parecidas, em que se deseja agrupar elementos distintos de ambas as imagens.

2. O objetivo do fotgrafo nas imagens acima era obter uma foto no qual o primeiro homem (de camiseta escura) estivesse sozinho, olhando para a cmera.

Aprenda Fcil Especial Photoshop

69

3. Repare que as imagens so parecidas, no entanto, em uma delas a posio da cabea do homem est correta, na outra, no temos a presena do segundo homem.

4. Queremos juntar as melhores qualidades das imagens em uma s. Vamos, ento, copiar uma das fotos. Selecione-a totalmente com CTRL+A e copie com CTRL+C.

5. Selecione a outra imagem e utilize o atalho CTRL+V para colar a gura anterior. Uma nova layer ser criada automaticamente, separando as fotos em camadas diferentes.

6. Aplique um pouco de opacidade na primeira camada para visualizar que existem diferenas de alinhamento entre as imagens, diferenas essas que seriam difceis de solucionar.

7. Existem elementos em ambas as imagens que gostaramos de utilizar, mas, para isso, preciso que a maior parte das fotograas esteja alinhada, para que possamos mescl-las.

8. preciso selecionar as camadas, ou seja, ambas as imagens. Selecione a layer superior e, com o boto SHIFT pressionado, clique na segunda camada para selecionar as imagens.

70

Aprenda Fcil Especial Photoshop

9. Com as duas camadas selecionadas, acesse o menu principal do Photoshop clicando na opo Edit. Em seguida, selecione a opo AutoAlign Layers.

10. Existem quatro opes de alinhamento de camadas: Auto, Perspective, Cylindrical e Reposition Only. Mantenha selecionada a opo Auto e clique em OK.

11. Feito isto, o Photoshop vai analisar os elementos presentes em ambas as camadas para alinh-las ou modic-las, de maneira que quem idnticas o mximo possvel.

12. Repare que, agora, as diferenas de posicionamento entre as imagens selecionadas diminuram consideravelmente, cando apenas as mais drsticas.

13. Agora, o trabalho apagar, de cada camada, os elementos desnecessrios. Neste caso, ser retirado o homem nmero dois da camada um e a cabea do homem dois da camada dois.

14. Apague as diferenas mais considerveis com a ferramenta borracha. No se esquea de navegar entre as layers corretas para no apagar informaes da camada errada.

Aprenda Fcil Especial Photoshop

71

15. Para as diferenas mais sutis, amplie a imagem para apagar com maior preciso apenas as partes da gura que voc quiser. Quanto mais parecidas as fotos, menos trabalho.

16. Talvez voc precise utilizar a ferramenta carimbo em alguns pontos de interseo da imagem para solucionar diferenas mais graves. possvel, tambm, trabalhar com mscaras.

17. No nal da edio e do tratamento da imagem, no se esquea de retirar o efeito de opacidade que foi aplicado na primeira camada, para vericar o resultado da edio.

18. No final do processo, conseguimos uma imagem limpa, integrando apenas os elementos que gostaramos de utilizar de cada imagem.

Tratamento prossional
J de conhecimento geral que h algum tempo o uso de programas de edio de imagem (o Photoshop o mais popular deles) vem sendo empregado em grande escala em todo tipo de revista. O importante saber dosar a edio de uma foto, ter cuidado com as sombras e com a luz que so o que mantm o ar natural das imagens. Perceba como algumas revistas, principalmente as que trazem ensaios sensuais, muitas vezes deixam a modelo com a pele totalmente chapada, sem a luz natural, alterando demais a realidade fotogrca. A base de todo processo se dar com o carimbo do Photoshop. Para quem ainda no muito ntimo deste recurso, basta saber que essa ferramenta copia trechos da imagem sobre outro. Ou seja, voc pode copiar pedaos perfeitos de pele, sobre reas com pequenas manchas, por exemplo. Uma dica que vai melhorar muito seu trabalho com o carimbo alterar a opacidade da ferramenta. Usando uma opacidade mais baixa, 30% por exemplo, voc pode fazer edies mais precisas e discretas, evitando justamente aquele ar falso para lugares que necessitam de mais cuidado. Um desses lugares que demandam cuidados o rosto. Fazer edio no rosto das pessoas exige sempre muito bom senso para no mudar demais as expresses faciais, deixando a modelo como se fosse outra pessoa. Por isso, experimente usar o carimbo com opacidade reduzida, tirando apenas marcas de expresses, rugas ou pequenas

72

Aprenda Fcil Especial Photoshop

imperfeies.Com a opacidade reduzida ser mais trabalhoso fazer a edio, mas no tem jeito, para trabalhos como esse que ser demonstrado, preciso uma boa dose de pacincia e muitas vezes preciso refazer uma parte que esteja estranha. Outra boa dica trabalhar com a imagem em close, pois vendo sua imagem de to perto, car mais fcil vericar as imperfeies, podendo conferir se seu trabalho est cando bom Trabalhe por partes: rosto, costas, pernas, cenrio e conforme for terminando, salve seu progresso. Assim, sempre que zer algo errado, voc pode retomar seu trabalho do ponto em que tudo estava perfeito.
ANTES DEPOIS

Aprenda Fcil Especial Photoshop

73

1. Existem alguns atalhos para facilitar seu trabalho: aproximar a imagem Ctrl + tecla +. Afastar imagem: Ctrl + tecla -. Mover imagem: pressione barra de espao.

2. Mudar tamanho do pincel/carimbo: tecle ] para aumentar e [ para diminuir. importante que voc aumente e diminua o tamanho de seu carimbo durante o processo.

3. Agora o processo ser iniciado. Selecione a ferramenta carimbo na barra de ferramentas. Inicialmente sero arrumados detalhes mais fceis, como o cenrio.

4. Com um close sobre a rea que est sendo trabalhada, retire a ferrugem da barra de ferro, com a ferramenta carimbo. Segure Alt e clique sobre a rea sem ferrugem.

5. Passe o carimbo sobre as reas a serem corrigidas. Clique com o Alt ao lado da parte a ser corrigida, para que seja copiada uma rea semelhante que precisa de reparo.

6. Repita o processo por todo o cenrio, pois as correes nos objetos so mais fceis de fazer. Lembre que, mesmo que voc erre, possvel retroceder as aes na janela histrico.

74

Aprenda Fcil Especial Photoshop

7. Vamos para as costas agora. Corrija as manchas e sinais, segure Alt ao lado de onde precisa ser corrigido e v cobrindo as imperfeies com pequenos cliques do mouse.

8. Dica: importante que voc clique em Alt para identicar a rea sempre que mudar de local a ser corrigido. Por isso, repita o processo vrias vezes para que a correo que perfeita.

9. Para que essa marca maior do suti nas costas que mais perfeita, diminua a opacidade da ferramenta para 50% na barra superior e, em seguida, passe o carimbo sobre ela.

10. Passe o carimbo aos poucos sobre a marca maior. No se esquea de sempre ir identicando com Alt as reas mais prximas para que a correo saia mais perfeita.

11. Indo para o prximo, diminua a opacidade para 30%. Com isso, as correes sero mais precisas. Comece tirando as estrias. um processo demorado, tenha pacincia.

12. Com 30% de opacidade, s vezes pode parecer que nada est mudando, mas voc perceber as alteraes depois de terminar. O resultado esperado mais ou menos esse.

Aprenda Fcil Especial Photoshop

75

13. Em seguida, trabalhe nas manchas da perna direita da modelo. Clique com o Alt sobre as partes mais claras e cubra em seguida as reas mais escuras da imagem.

14. Agora a vez da perna esquerda. importante saber diferenciar o que mancha do que sombra. No elimine as sombras. Se for preciso, aumente a opacidade.

15. A parte mais complicada de tratar o rosto. Utilize o carimbo a 30% e edite aos poucos, em pequenos toques para que a modelo no perca a expresso real.

16. Comece eliminando as expresses escuras, prximas boca, seguindo para a testa, bochecha e queixo. Utilize este recurso delicadamente para no estragar a imagem.

17. O prximo passo realizar o mesmo processo do passo anterior, s que desta vez para eliminar o brilho em excesso sobre o nariz e abaixo do olho.

18. Feitos os efetivos retoques, se as alteraes no carem muito perfeitas com o close, visualize a imagem inteira. Com isso, a tendncia car perfeita.

76

Aprenda Fcil Especial Photoshop

19. Agora, vamos mudar a tcnica para eliminar as gordurinhas laterais. Clique na ferramenta lao poligonal na barra de ferramenta e selecione a rea da gordurinha.

20. Em seguida, tecle Ctrl + C e Ctrl + V para copiar e colar a rea selecionada. Na ferramenta mover, arraste a rea copiada pra dentro, deixando a modelo mais magra.

21. Com a ferramenta borracha apague as reas que caram sobre o biquni ou sobre a roupa e depois tecle Ctrl + Alt + E para mesclar as camadas.

22. Agora, basta corrigir o que cou de errado com o processo do carimbo, remodelando cuidadosamente a parte que foi reajustada.

23. Repita o que zemos para eliminar a gordurinha sobre o lado direito da imagem e copie e cole o pedao do biquni para disfarar.

24. Agora vamos aumentar um pouco do bumbum da modelo. Selecione um pedao da imagem, copie e cole sobre a imagem, colando camada sobre camada.

Aprenda Fcil Especial Photoshop

77

25. Com a ferramenta Mover, ajuste o pedao copiado sobre o resto para que que mais ou menos encaixado na imagem trabalhada.

26. Em seguida, com a ferramenta Borracha, apague as rebarbas sobre a cortina, de maneira que visualmente no se perceba nada.

27. Molde as curva da imagem enquanto voc apaga, para sumir o contraste entre o pedao colado e a imagem real. Ao nal, mescle as camadas (Ctrl + Alt + E).

28. Se ainda houver algo estranho, basta corrigir com o carimbo, como feito anteriormente. Corrija tudo o que tenha sobrado da juno do pedao com a imagem real.

29. Usando o carimbo para fazer os ltimos ajustes sobre o resto do corpo da modelo, retire as manchas que ainda sobraram, como a que existe no brao.

30. Ajuste os tons da pele, deixando tudo na mesma tonalidade com o carimbo com opacidade reduzida. Com isso, a modelo estar pronta pra uma capa de revista.

78

Aprenda Fcil Especial Photoshop

Ilustraes
Neste tutorial, o leitor vai perceber como ilustraes podem ganhar vida no Photoshop e aprender como as linhas podem ganhar movimentos to suaves como as feitas mo, e por que o recurso gradiente um importante aliado para sombras e luzes. As ferramentas do Photoshop so to sosticadas que as possibilidades so innitas, e basta um pouco de treino para comear a desenvolver novas tcnicas para o desenho de retratos. 1. Abra a foto.

2. Aperte a tecla D do seu teclado para que a cor principal seja preta. 3. Na barra de ferramentas esquerda, selecione a ferramenta Brush, ou use a tecla B do seu teclado como atalho. Agora, na barra de opes acima, mude o dimetro para 5 px e Hardness, (dureza do pincel) para 80%. Essas alteraes vo determinar a espessura das linhas de nosso desenho. 4. Agora, comearemos a testar o mtodo de desenho por meio do recurso simulador de presso do pincel. Vamos iniciar pelos cabelos: crie uma nova layer e nomeie-a como Mechas. Com a ferramenta PenTool, ou caneta, faa uma mecha solta em formato de semicrculo (clicando em um ponto inicial. Depois, em um ponto nal e ainda com o boto esquerdo do mouse pressionado, movimente-o para cima ou para baixo para fazer a curvatura).

Clique com o boto direito do mouse em qualquer lugar da imagem e escolha a opo Stoke Path para traar o caminho. Agora, escolha as opes Brush, ou pincel, e selecione Simulate Pressure, ou seja, simular presso.

Aprenda Fcil Especial Photoshop

79

5. Perceba que a mecha cou na na ponta e mais grossa na base. Vamos fazer outras mechas com a ferramenta PenTool, lembrando que esse path ou caminho, no pode ser fechado, ou seja, o ltimo ponto no pode se encontrar com o primeiro. Para isso, ao nal de cada mecha pressione CTRL, clique em qualquer lugar da imagem, e ento comece a traar uma nova mecha do cabelo da modelo. Ao nal da ltima linha, pressione CRTL e clique. Esse recurso nos d agilidade sem precisarmos criar uma nova layer de path a todo o momento.

Ao criar as mechas, no se preocupe tanto com o original, pois vamos dar movimento ao desenho. 6. Delete esse grupo de paths: clique com o boto direito e escolha a opo Delete path. Volte para a aba Layers e veja como cou.

80

Aprenda Fcil Especial Photoshop

7. Agora que o bsico dessa tcnica j est fcil, vamos comear a fazer o contorno do rosto. Crie uma nova layer e, com a ferramenta PenTool, comece a traar. Dica: quando fazemos uma curva utilizando o path, ao clicarmos em outro ponto da imagem, o Photoshop equilibra a nova curvatura baseada na anterior, e nem sempre a linha sai onde gostaramos que estivesse. Para que isso no acontea, pressione ALT e clique em cima do ltimo ponto, ou n. Esse recurso zera a curvatura anterior e voc j pode fazer uma nova na direo que desejar.

8 . Crie uma layer para o pescoo e os ombros, e utilizando as tcnicas aprendidas anteriormente, trace-os. Delete os paths e veja como cou.

9. Crie uma layer para fazer os olhos. Com a ferramenta PenTool, faa a rea que ser preenchida com a maquiagem com o boto direto do mouse e escolha Fill Path.

Aprenda Fcil Especial Photoshop

81

Fique atento se a cor de primeiro plano o preto.

Com a mesma ferramenta faa os clios, e preencha com o Fill Path novamente.

Se precisar, faa os pequenos ajustes com o pincel ou com a prpria Pen Tool.

10. Termine o olho direito usando as tcnicas ensinadas anteriormente de traar e preencher path.

82

Aprenda Fcil Especial Photoshop

Faa, tambm, a sobrancelha.

Repita os mesmos passos para o olho esquerdo.

11. Contorne o nariz e a boca utilizando o Stoke Path. importante perceber que os traos so delicados e no contornam toda a extenso do nariz.

12 Na caixa Layers, como segurana, crie uma nova pasta e coloque todas as alteraes do rosto que foram feitas at agora. Duplique essa pasta e pressione CTRL + E em seu teclado para que todo o contedo dessa pasta duplicada seja achatado a somente uma layer.

Aprenda Fcil Especial Photoshop

83

13. D duplo clique nessa nova camada e escolha o efeito Color Overlay. Mude a cor para 6b4159.

14. Crie uma layer chamado Cor Base, e com a ferramenta PenTool, gere um fundo com a cor f9d9eb. Esse fundo no tem de ser perfeito nas reas que sero cobertas pelo cabelo, no se preocupe.

15. Para facilitar a vida de quem trabalha com cores e t-las sempre mo, v em Window/Swatches e clique no boto Create New Swatch of Foreground Color. Pronto, sua cor de primeiro plano far parte da paleta de cores.

84

Aprenda Fcil Especial Photoshop

16 Crie uma layer chamada Sombras1. Nela, usando a ferramenta Pen Tool, crie sombras nas reas mais provveis da modelo, ou seja, as reas mais fundas do rosto (so necessrias algumas noes de desenho). Pinte com o recurso Fill Path e, depois, com o boto direito, escolha a opo Delete Path. Mude o modo da layer para Multiply 45%.

17. Faa novas layers de sombras, se achar necessrio. Para as luzes, o processo exatamente o mesmo, porm, as layers recebero o modo Screen. As luzes so feitas nas reas mais altas e volumosas do rosto, como nariz, queixo, testa, bochecha e a regio logo abaixo das sobrancelhas.

18. Para o olho, necessrio um pouco de ateno aos detalhes. Perceba que ele no totalmente branco, e os clios superiores fazem sombra at a metade. Desenhe essas sombras e mude a porcentagem de acordo com seu gosto. Os efeitos de luz foram feitos com o modo Screen. O cdigo do azul sugerido o 7fc0da, e para as reas escuras, usa-se o Multiply. No se esquea de criar layers diferentes para sombras e luzes.

Aprenda Fcil Especial Photoshop

85

19. Repita o processo com o olho esquerdo.

20. Na boca, preste ateno s reas mais carnudas, pois elas recebem mais luz, e deixe o lbio superior um pouco mais escuro que o inferior para ajudar no sombreamento. Veja os passos da boca a seguir:

86

Aprenda Fcil Especial Photoshop

21. Vamos adicionar Gradiente no rosto da modelo para lhe dar um pouco mais de brilho. O Gradiente pode ser adicionado dentro de uma seleo, portanto faa selees nas partes mais altas do rosto, escolha essa ferramenta, e dentro da caixa de opes, escolha de branco para transparente. Selecione o Gradiente Radial.

Veja o resultado.

22. Com as sombras, o mesmo processo. Escolha a cor rosa de base, crie formas com a ferramenta de seleo com o Feather em 30%, aplique o Gradiente e coloque a layer em modo Multiply.

Aprenda Fcil Especial Photoshop

87

23. Desenhe a forma do cabelo que mais lhe agradar. Use a mesma cor que usamos para fazer o contorno, o cdigo 6b4159. Faa as mechas aos poucos, utilizando as tcnicas Fill Path e Stroke Path. Acompanhe o processo nas imagens a seguir:

24. Agora, faa o brilho dos cabelos com o mesmo processo e coloque a layer no modo Screen. Caso ache necessrio, utilize a imagem original para tomar como base.

25. Faa uma layer para a camiseta e posicione-a abaixo do cabelo e acima da camada do corpo.

88

Aprenda Fcil Especial Photoshop

26. Desenhe os brilhos e as sombras do tecido e nossa modelo estar pronta.

Vetorize com o Photoshop


Vetores usam frmulas matemticas para evitar distores, em outras palavras pode-se dizer que vetores formam imagens exveis. Um arquivo de imagem com extenso .jpg, por sua vez, no funciona dessa forma. Cada um dos pixels que, unidos a outros, compem as imagens tem um tamanho mximo que deve ser respeitado, ou a foto expandida ca com aparncia de quadriculada. O Photoshop, mesmo em sua verso mais recente, no capaz de fazer vetorizao. O que se apresenta neste tutorial uma opo para quem deseja aproveitar os recursos avanados do software e experimentar novas possibilidades, truques e solues. ANTES DEPOIS

Aprenda Fcil Especial Photoshop

89

1. Abra a foto que deseja transformar em um falso vetor. Fotos de pessoas so mais difcieis, mas rendem efeitos muito interessantes.

2. Crie uma nova camada e comece a selecionar todas as partes do corpo da modelo com a ferramenta Pen Tool, sem se preocupar com o rosto.

3. Nesta foto, h o caso dos dedos que se misturam na seleo, bem como o cabelo que est entre as mos. No se preocupe, isso ser resolvido mais adiante.

4. Acabando de selecionar todo o corpo, clique com o boto direito dentro da seleo e selecione Fill Path. Use um tom no muito claro para a pele.

5. Crie uma nova camada e faa o contorno do rosto, da mesma forma que foi feito com o resto do corpo. Use um tom de cor diferente do anterior para preencher o novo Path.

6. Pressione Ctrl + Shift + Alt + N para criar uma nova camada. Faa, agora, o contorno da roupa com a ferramenta Pen Tool. Neste caso, a cor ser um tom de cinza.

90

Aprenda Fcil Especial Photoshop

7. Repita o processo adotado at agora para o cabelo. Pinte-o com uma cor mais escura do que a da foto original. Veja o exemplo da imagem.

8. Faa quatro cpias da imagem original e coloque uma em cima de cada camada feita at agora. Aplique Clipping Mask apenas nas cpias da foto.

9. Na janela de Layers, aperte Ctrl sobre cada miniatura que contm os contornos para ativar a seleo. Inverta a seleo e v at a camada acima do contorno. Aperte Delete.

10. Aps fazer isso com todas as camadas que contm cpias da foto original, aperte Shift + Ctrl + U para ativar a opo Desaturate. Faa isso com todas as cpias da foto.

11. Selecionando cada uma das cpias da imagem, agora em preto-e-branco, v a Image, Adjustments, Posterize, insira 8 ou 9 no campo numrico Level e pressione OK.

12. Clique na foto do corpo e crie uma nova camada. Pressione Ctrl + Alt + G e crie uma Clipping Mask. Com a cor de Foreground como preto (#000000), aperte P para Pen Tool.

Aprenda Fcil Especial Photoshop

91

13. Com a Pen Tool, selecione as reas mais escuras (sombras) do corpo, aquelas formadas pela cor preta e pelo tom de cinza mais prximo. Preencha o Path com preto (#000000).

14. Oculte a camada pintada e faa uma nova, criando uma Clipping Mask em seguida. Selecione, agora, a cor preta com mais tons de cinza. Preencha novamente com preto (#000000).

15. Repita o procedimento at selecionar todos os tons de sombra do corpo. Crie uma nova camada com Clipping Mask e selecione apenas os tons mais claros. Preencha de branco.

16. Aps selecionar todas as reas claras e escuras, deixe todas visveis e altere o modo de visualizao das camadas de Normal para Soft Light, com opacidade de 30%.

17. Para diminuir as diferenas entre luz e sombra, segure o Ctrl e clique em uma das camadas alteradas para ativar a seleo. Crie uma nova camada e diminua a seleo em trs pixels.

18. Com o Paint Bucket, preencha a seleo com preto. Repita o processo em todas as camadas de sombra e luz, usando a cor branca. Novamente, deixe em modo Soft Light com 30%.

92

Aprenda Fcil Especial Photoshop

19 Repita esse procedimento com o rosto. Observe que, quanto mais camadas de luz e sombra voc zer, mais realista car a imagem. Olhos e boca sero abordados adiante.

20 O cabelo dar trabalho por causa da quantidade de tons de luz e sombra nele. importante dar muita ateno aos detalhes e s diversas nuances que do movimento ao cabelo.

21 Para que que mais real, voc deve deix-lo imperfeito. Alguns os despenteados tornam o conjunto da imagem mais harmonioso.

22 Para a roupa, voc dever utilizar o mesmo processo que foi aplicado at o momento. Conra o exemplo da imagem acima.

23 As sobrancelhas podem ser conseguidas com um desenho feito com a Pen Tool e preenchimento do Path com uma cor parecida com a do cabelo. Faa algumas linhas.

24 Agora faa algumas linhas para delimitar os dedos. Se achar necessrio, utilize reas mais escuras para dar mais profundidade e realismo a imagem utilizada.

Aprenda Fcil Especial Photoshop

93

25. Utilizando tudo o que foi visto at agora com a ferramenta Pen Tool e Clipping Mask, faa os lbios, tomando cuidado com o formato.

26. Nos olhos, faa a parte branca com a Pen Tool e preencha-a com um tom mais escuro. Faa uma segunda seleo e preencha com a cor branca.

27. Faa a pupila e a ris dos olhos utilizando o processo de Clipping Mask. Acrescente reas de sombra e luz e faa retoques com o Brush se achar necessrio.

28. Oculte a imagem original para que somente a vetorizao seja exibida e conra o resultado. Faa os ajustes que ainda achar necessrios.

29. Acrescente um fundo de sua preferncia. Escolha algo que combine bem com o resultado nal do trabalho que voc acabou de realizar.

30. Pronto! Voc aprendeu como vetorizar uma foto usando o Photoshop. Aplique esse efeito em diversos tipos de imagens e treine sua habilidade.

94

Aprenda Fcil Especial Photoshop

Mescle imagens
O Photoshop permite modicar completamente uma imagem, partindo de diversas ferramentas que recortam, apagam, retocam, escurecem, clareiam, entre tantas outras aplicaes que fazem do computador um laboratrio de montagem de fotos. Tambm conhecida pelo termo fotomontagem, essa modicao de fotos muitas vezes designada pela associao de duas ou mais imagens, ou simplesmente fragmentos de imagens que, depois de misturadas, geram uma imagem nova. O processo mais conhecido de fotomontagem a chamada colagem, que nada mais que a introduo de uma imagem sobre a outra, recortando os pedaos que no o satisfazem e retocando os pontos mais afetados por essa associao de fotos. O resultado desta mistura pode ser uma cena realista, fantasiosa, uma simples ilustrao, ou qualquer outra coisa que voc possa imaginar. Atualmente, com os computadores sosticados, utilizando os potentes Photoshops CS, CS2 e o mais novo CS3, fazendo uso dos teis scanners, a montagem de duas ou mais imagens para a produo de uma posterior imagem nal tornou-se muito mais fcil e rpida.

ANTES

DEPOIS

1. O primeiro passo abrir o Photoshop. Para isso, clique no menu Iniciar do Windows, selecione a opo Todos os programas e clique no cone do programa.

2. Aps o programa ser aberto, o prximo passo abrir as fotos que sero modicadas. No menu superior, clique em File e marque Open.

Aprenda Fcil Especial Photoshop

95

3. Uma janela do programa ser aberta. Nela, identique o caminho onde seu arquivo est e, em seguida, clique no boto Abrir.

4. Para selecionar a outra imagem que ser modicada, o processo o mesmo, identique o caminho onde seu arquivo est e, a seguir, clique no boto Abrir.

5. A foto selecionada se abrir na tela do Photoshop. Para visualizar as duas imagens de uma s vez, clique no boto Restaurar abaixo.

6. Feito isso, as duas imagens sero abertas na tela. Selecione no menu da lateral esquerda do Photoshop a opo Move Tool (V).

7. Com este recurso selecionado, pode-se arrastar uma imagem e deix-la sobreposta outra. Escolha uma das fotos, mantenha o mouse pressionado e arraste-a.

8. Neste passo, ser iniciado o processo de montagem das imagens. No menu da lateral esquerda, clique com o boto direito do mouse na opo Lasso Tool.

96

Aprenda Fcil Especial Photoshop

9. Note que trs itens sero apresentados. Selecione Polygonal Lasso Tool para que a imagem possa ser recortada da forma que voc quiser.

10. Na imagem que foi sobreposta, contorne o pedao que voc deseja retirar da foto. Em seguida, d dois cliques com o mouse e pressione a tecla Delete do teclado.

11. Sua foto j estar com uma visualizao diferenciada. Caso necessite retirar mais algum pedao que no foi recortado da antiga foto, realize o mesmo procedimento.

12. Pressionando as teclas Ctrl + T, a imagem ser completamente selecionada. Com isso, clique com o boto direito sobre a foto e marque a opo Flip Horizontal.

13. A imagem ser invertida horizontalmente. Outro recurso torcer e esticar a foto. Para utiliz-lo, clique com o boto direito do mouse e marque Warp.

14. Vale lembrar que voc pode incrementar sua imagem da forma que quiser, o processo de montagem o mesmo que foi descrito nos passos anteriores.

Aprenda Fcil Especial Photoshop

97

15. Sua imagem tambm pode ser clareada caso seja necessrio. No menu esquerdo do Photoshop, clique na ferramenta Dodge Tool (O).

16. Aps selecionar a ferramenta, basta clicar sobre o pedao da imagem que se deseja clarear. Com ela, voc pode melhorar a qualidade da montagem criada.

17. Clicando em Crop Tool (C), no menu de ferramentas, selecione uma rea qualquer de sua imagem e pressione a tecla Enter.

18. Com isso, o pedao que voc selecionou ser recortado de sua montagem. Utilizando este recurso voc pode incluir ou excluir o que quiser de suas fotos.

Recorte detalhado
Trabalhar com camadas e canais de cores uma tima opo para quem deseja recortar um cabelo cacheado. Alm deles, as curvas de contraste de cada canal e as mscaras so duas ferramentas indispensveis. O segredo achar o melhor canal e, a partir dele, executar toda a ao necessria para obter o recorte pretendido. Com relao s camadas da caixa Channels, temos o conceito de que o branco total, quando tratado no mbito de cores de luz, a soma das trs bsicas, que tambm compem o menu de canais: Red (Vermelho), Green (Verde) e Blue (Azul). o famoso RGB, que, de acordo com as combinaes estabelecidas, pode formar qualquer cor de visualizao em tela. Verificando cada um dos canais R, G e B, e percebendo em qual deles mais vivel trabalhar cada efeito, possvel iniciar a tarefa apenas utilizando tcnicas simples, como voc vai aprender no passo-a-passo a seguir. Existem diversas maneiras de selecionar uma imagem, desde a Varinha mgica (Magic wand) at alternativas como as curvas, ou Curves. Essas so ferramenta bastante teis no caso de recorte de ca-

98

Aprenda Fcil Especial Photoshop

belos ondulados, e que nos possibilitam acentuar o contraste entre figura e fundo, tornando mais fcil a diferenciao entre ambos. Com a ajuda de mais algumas ferramentas, como o pincel, a borracha e a imprescindvel mscara, possvel fazer com que a camada original seja mesclada com a layer em que as ferramentas principais foram aplicadas para que o fundo seja excludo e outro qualquer seja posicionado em seu lugar. importante ressaltar que essa tcnica aconselhada no uso de fotografias de perfil publicitrio, que so aquelas tiradas sobre fundos mais neutros, mas que, ainda assim, precisam de uma troca. No caso de uma pessoa sobre um fundo complexo, esse efeito no funciona muito bem, devido dificuldade de diferenciao entre o cabelo e um entorno muito detalhado. Com a ajuda deste tutorial, realizar um bom trabalho no cabelo de uma pessoa de cabelos rebeldes muito simples, pois voc vai utilizar as ferramentas adequadas para esse fim.

1. No Photoshop, abra uma imagem de algum com cabelos ondulados para que o recorte seja feito. Acesse o menu Window e escolha Channels, que mostrar os canais de cores da gura.

2. Agora, clique sobre cada canal de cor isoladamente para vericar em qual deles a imagem possui melhor contraste. No canal Red, o contraste bom. Verique os outros.

3. O canal Green apresenta uma leve melhora em relao ao vermelho. Note que os os de cabelos soltos esto mais visveis. Agora, cheque o canal Blue.

4. A imagem no se apresenta com um destaque to grande em relao ao fundo como no canal anterior. O trabalho ser feito a partir do canal Green.

Aprenda Fcil Especial Photoshop

99

5. Clique no canal Green e arraste-o at o cone Create new layer, representado por uma folha de papel virando sobre outra. Veja, na imagem, que foi criado um canal-cpia, o Green copy.

6. No menu Image, escolha Adjustments e clique sobre Curves. Essa opo permite o aumento signicativo do contraste necessrio para a diferenciao entre o cabelo e o fundo.

7. Na curva do Green copy, o lado direito refere-se aos tons brancos, e o esquerdo, aos escuros. Clique sobre a curva, adicionando ns, e arraste-a, chegando a esse aspecto. Clique OK.

8. reas de sujeira podero aparecer, mesmo aps a utilizao da ferramenta Curves. Apague-as utilizando a ferramenta borracha, ou Erase tool, na barra de ferramentas.

9. As reas em roxo sero mantidas, sendo pintadas de preto com a ferramenta pincel, ou Brush tool, localizada na barra de ferramentas. Os destaques em laranja tambm sero pintados.

10. Depois que tudo estiver pintado, clique sobre o cone Add layer mask, na base do menu de camadas. Tudo o que foi pintado est em vermelho e ser recortado do fundo.

100

Aprenda Fcil Especial Photoshop

11. Ao clicar sobre o cone de mscara de layer, ser exibido um thumbnail pertencente mascara que recortar a imagem. Para executar o prximo passo, clique sobre esse thumbnail.

12. No canal de cores, ser exibida a camada da mscara. O passo, agora, mesclar a imagem original com a mscara. Para isso, v ao menu Image e escolha a opo Apply Image.

13. Verique se o canal de seleo o Green e, em Blending, marque a opo Multiply. Se a caixa Preview estiver selecionada, possvel visualizar o efeito sendo construdo.

14. Marque, tambm, Mask para as opes da mscara. Repare que, por trs dessa caixa de opes, a imagem j est sem o fundo. Clique em OK, como mostra a imagem.

15. Sua imagem j est sem fundo, inclusive entre as mechas de cabelo onduladas que so levadas pelo vento. Para vericar o resultado, posicione uma imagem qualquer por trs.

16. V at o menu Image e clique sobre a opo Place para escolher uma imagem que possa ser posicionada por trs da gura e de seus cabelos, assim como mostrado na gura.

Aprenda Fcil Especial Photoshop

101

17. O resultado deve car prximo deste, mostrado na imagem. No menu Layers, exibida uma camada chamada Pr-do-sol, uma imagem-padro que acompanha o software.

18. Se quiser achatar a foto, deixando tudo na mesma camada, v ao menu Layers e clique sobre a opo Flatten Image. Assim, ser possvel tornar a imagem mais leve.

Integrao de programas
Quando se trata de uma tecnologia digital, para cada nova proposta de projeto, cria-se um novo arquivo. Chega uma hora que existem tantos arquivos que o profissional comea a perder o controle sobre aquela montoeira de cones. O objetivo de lhe ensinar a trabalhar com DataSets, interagindo o Photoshop e o Excel para alterar sees de um projeto, substituindo imagens, textos etc., com apenas um clique. Crie um modelo-padro para seu projeto grfico ou site e deixe-o pronto para receber diversas alternativas de imagens e contedo. Em vez de ficar navegando naquele mar de cones, substitua o contedo grfico do seu template em tempo real, com poucos cliques.

1. O primeiro passo conseguir duas imagens de tamanho idntico. Procure em seu HD as duas imagens em que ir trabalhar e abra os dois arquivos dentro do Photoshop.

2. Se as duas imagens estiverem com diferentes tamanhos, ser necessrio redimension-las para que quem com tamanhos idnticos ao espao que ocuparo no site.

102

Aprenda Fcil Especial Photoshop

3. V ao menu principal do programa em Imagem, Tamanho da Imagem para redimensionar as imagens. Se ficarem muito distorcidas, corte a maior rea da imagem.

4. Para recortar uma rea de uma imagem que tenha o tamanho especfico, utilize a ferramenta Letreiro Retangular selecionando um retngulo qualquer da imagem.

5. Clique com o boto direito do mouse em qualquer lugar dentro da regio do retngulo de seleo. No menu pop-up que ser aberto, marque Transformar Seleo.

6. Utilize a barra de opo de transformao, que aparecer na parte superior da janela do programa, para redimensionar o tamanho do retngulo de seleo.

7. Arraste o retngulo para a posio da imagem que deseja recortar, copie com o atalho CTRL + C, abra um novo documento e cole a imagem que j estar no tamanho certo.

8. O importante que as duas imagens que voc escolheu terminem com as mesas dimenses, pois elas ocuparo exatamente o mesmo espao no projeto Web desenvolvendo.

Aprenda Fcil Especial Photoshop

103

9. Minimize os arquivos das imagens j trabalhadas e abra o arquivo do seu projeto grco para Web que est no formato PSD. Utilize o menu principal em Arquivo, Abrir.

10. Utilize o browser do Photoshop para procurar o arquivo em seu HD, selecione-o e clique em Abrir. Agora voc ir preparar o projeto Web para receber as imagens.

11. Na regio predeterminada de seu projeto grco para a Web, insira uma das imagens, campos de texto para ttulo da imagem e tambm para o contedo da seo.

12. importante que todos os trs itens a imagem, o campo de texto para o ttulo e o campo de texto para os comentrios estejam em camadas distintas, separados um do outro.

13. Hora de denir as variveis, comeo da preparao da interao entre o Photoshop e o Excel. Acesse o menu principal em Imagem, Variveis e clique na opo Denir.

14. Na janela Variveis, as trs camadas criadas estaro disponveis para seleo. A seguir, sero conguradas as variveis das trs camadas. Selecione primeiro a camada Imagem.

104

Aprenda Fcil Especial Photoshop

15. Clique na caixa de seleo para Substituio de Pixel, escolha um nome para esta varivel e digite na caixa de texto do campo Nome. Em Mtodo, selecione a opo Ajustar.

16. Ao lado de Alinhamento existe uma gura com pontos nas extremidades e um ponto ao centro, deixe o ponto central selecionado e parta para a prxima layer, Comentrios.

17. Da mesma forma que foi realizado com a layer Imagem, crie uma varivel para a layer Comentrios. Selecione Substituio de Texto e crie um nome para a varivel.

18. Para nalizar, repita o procedimento com a layer Ttulo. Tambm na caixa de seleo Substituio de Texto. Quando as variveis estiverem conguradas, clique em OK.

19. Salve o arquivo na pasta onde esto as imagens que voc editou anteriormente. Acesse o menu principal em Arquivo, Salvar como e salve o arquivo na pasta correta.

20. Hora de utilizar o Microsoft Excel. Acesse o menu principal do Windows em Iniciar, Todos os programas e procure pelo Microsoft Excel. Clique no cone do programa.

Aprenda Fcil Especial Photoshop

105

21. Inicie um novo documento no Microsoft Excel. Acesse o menu principal do programa clicando em Arquivo, em seguida, clique em Novo, ou ento utilize o atalho CTRL + O.

22. Crie colunas com os mesmos nomes das variveis que foram criadas para o projeto Web em que estvamos trabalhando no Photoshop. Repita os nomes exatos das variveis.

23. Na coluna onde est a varivel da layer Imagem, insira o nome dos arquivos de imagens que voc editou no comeo do tutorial, um para cada linha abaixo do ttulo da coluna.

24. Para a coluna da varivel que se refere layer Ttulo, insira os respectivos nomes de cada imagem, estes textos aparecero na regio do projeto Web, referente layer Ttulo.

25. Repita o procedimento com a terceira varivel, aonde iro os comentrios de seo. Quando terminar de congurar os campos, acesse o menu principal em Arquivo, Salvar como.

26. Salve o arquivo duas vezes, na mesma pasta das imagens. Na primeira salve-o com o nome referencias e como XLS. Na segunda: nome variaveis e como texto separado por tabulaes.

106

Aprenda Fcil Especial Photoshop

27. Agora, feche o Microsoft Excel e retorne ao Photoshop. Acesse o menu principal em Arquivo, Abrir. Procure o arquivo principal do projeto Web e clique em Abrir.

28. V ao menu Imagens, Variveis, Conjuntos de Dados. Clique no boto Importar e depois, na tela que ser aberta, marque Selecionar Arquivo. Selecione o arquivo variaveis.txt.

29. Acesse o menu principal novamente em Imagem, mas agora a opo Aplicar Conjunto de Dados estar disponvel. Clique nela para abrir a janela de com as opes de dados.

30. Uma janela mostrar os dois formatos que conguramos no Excel. Basta selecionar o conjunto e clicar em OK. A imagem ser trocada e os campos sero preenchidos automaticamente.

Modique fotos
Para ser um bom fotgrafo, o profissional deve atentar-se luz, ao ngulo, simetria, expresso do modelo, ao cenrio e a diversas outras sutilezas que, algumas vezes, podem escapar de seu campo perceptivo. em momentos como este que as ferramentas corretivas do Photoshop tornam-se aliadas extremamente importante para que se consiga chegar to falada perfeio. Quando se um profissional da rea de artes, como fotografia, design, publicidade e outras (em que so necessrios o uso e a manipulao de imagens que supostamente devem vender o produto classe consumidora), dominar e conhecer alguns truques, como o do tutorial a seguir, extremamente relevante para economizar tempo e, conseqentemente, dinheiro. Mesclar duas imagens, em que uma delas tem a luz ideal e a outra tem o sorriso perfeito, torna-se algo bastante rpido com o auxlio de ferramentas simples, como o pincel, a mscara, o lao e algumas outras.

Aprenda Fcil Especial Photoshop

107

1. Abra o Photoshop e, no menu principal, clique em File. Para abrir as duas imagens a serem mescladas, clique em Open e localize-as. Selecione-as e clique em Open novamente.

2. Aps ter afastado uma imagem da outra para que ambas sejam visualizadas, v ao menu Tools e selecione a ferramenta Lasso Tool, conforme ilustra a imagem.

3. Com essa ferramenta selecionada, use-a para criar um contorno que abranja os elementos principais do rosto da pessoa, como olhos, nariz e boca, o mais importante dessa seleo.

4. Neste momento, traga a seleo para a imagem que receber a mescla. Para isso, v novamente ao menu lateral e selecione Tools e depois a ferramenta Move Tool.

5. Usando essa ferramenta, clique sobre a rea selecionada e arraste-a at a janela em que est a outra imagem. J no necessrio deixar aberta a janela com a imagem recortada.

6. Talvez seja necessrio ampliar a imagem atual para mesclar as expresses. Clique sobre a ferramenta Zoom Tool e, em seguida, sobre a foto, para ampli-la.

108

Aprenda Fcil Especial Photoshop

7. No menu Layers, selecione a camada em que se encontra o recorte e altere a opacidade para aproximadamente 75% no campo Opacity, como indicado na imagem.

8. V ao menu Edit, escolha a opo Free Transform ou apenas digite Ctrl + T simultaneamente. Essa ferramenta deixar a imagem com os mesmos ngulos e tamanho da imagem a ser mesclada.

9. Redimensione a seleo clicando e arrastando os vrtices do retngulo de transformao com a tecla Ctrl pressionada. Caso seja necessrio, altere o ngulo da seleo.

10. Diminua a opacidade da seleo, se necessrio. Neste caso, que trata da mescla de expresses de um rosto, o importante fazer com que olhos e lbios estejam na mesma posio.

11. Aps conrmar a ao, adicione uma mscara nessa camada clicando sobre ela. Em seguida, clique sobre o boto Add layer mask, na aba de camadas, pressionando a tecla Alt simultaneamente.

12. Observe que essa mscara escondeu a seleo que estava sobre a imagem. Agora ser revelado apenas o que se deseja da imagem escondida, como os lbios e algumas linhas de expresso.

Aprenda Fcil Especial Photoshop

109

13. Volte ao menu de ferramentas e, l, escolha Brush Tool, certicando-se de que o modo selecionado seja o normal. Isso pode ser vericado em Mode, logo abaixo do menu principal.

14. importante que tanto a opacidade como o uxo desta ferramenta estejam com a densidade total. Para deix-los assim, ao lado de Mode, altere para 100% os campos Opacity e Flow.

15. Lembre-se de alterar novamente para 100% a opacidade da imagem recortada, que no passo 7 teve essa densidade alterada para cerca de 75%. Faa isso no menu Layers, como mostra a imagem.

16. Comece a pintar somente os locais que sero revelados, como o sorriso da imagem que foi escondida. Clique com a Brush Tool sobre elementos que podem deixar o rosto mais expressivo.

17. Faa os retoques necessrios para deixar a imagem mais realstica, como alterar levemente o ngulo ou o tamanho da imagem usando a ferramenta Free Transform, utilizada no passo 8.

18. Salve o trabalho como uma terceira imagem, e no sobre a foto original. Para isso, v ao menu principal e, em File, clique sobre Save As, escolhendo um nome diferente.

110

Aprenda Fcil Especial Photoshop

19. Usando o mesmo mtodo ensinado no primeiro passo, abra as imagens originais. V ao menu principal, clique sobre File e, ento, sobre a opo Open. Clique nas imagens originais e abra-as.

20. Posicione-as lado a lado e observe as diferenas. Note que o resultado o de uma fotograa com uma luz mais trabalhada e adequada sobre uma expresso suavizada pelo sorriso da garota.

Aprenda Fcil Especial Photoshop

111

PHOTOSHOP
O Photoshop o editor de imagens mais utilizado no mundo, principalmente em produes publicitrias e no tratamento de imagens para livros, revistas e para a internet. Trata-se de um programa que permite alterao das cores, retoque e correo de imagens, aplicao de efeitos, insero de textos, dentre tantas outras possibilidades de produo. O contedo da apostila ilustrada Aprenda Fcil Photoshop oferece ao leitor uma srie de tutoriais passo a passo com explicaes do conjunto de ferramentas do software. No primeiro captulo, as aplicaes e funes do Photoshop so direcionadas para usurios iniciantes, com pouca intimidade com o aplicativo. J o captulo Nvel Avanado apresenta tarefas profissionais que contribuiro para voc evoluir nos trabalhos de criao ou de produo. Veja alguns dos assuntos abordados: Ferramentas bsicas | Bronzeamento artificial | Alinhe imagens Correo de fotos | Fundo em preto-e-branco | Trabalhe com contrastes Efeito tatuagem | Photoshop CS3 | Conhea o ponto de fuga Construo de pginas | Projeto visual de sites | Mescle imagens Integrao com o Flash CS3 | Composies avanadas Tratamento profissional | Ilustraes | Vetorize com o Photoshop Recorte detalhado | Integrao de programas | Modifique fotos

www.baixebr.org

APRENDA

Aprenda Fcil Esp. | Ano I | #2 | R$19,90

7 898492 891892