TUTORIAL PHOTOSHOP 1

renata.prado@estacio.br

MOLDURA
1. Clique com o boto direito sobre a imagem Manso Assombrada.jpg e escolha a opo Abrir com >> Adobe Photoshop. Outra forma de abrir a imagem , dentro do Photoshop, escolher a opo File >> Open, e selecionar o arquivo com o qual se deseja trabalhar. 2. Aps abrir a imagem, veja no destaque o painel Layer, na qual a imagem aparece aparece bloqueada (imagem 01). 3. Com um duplo-clique sobre a Layer Background possvel desbloque-la. Na tela que se abrir digite o nome desejado para a Layer (por exemplo, Manso). importante sempre nomear propriamente as camadas para facilitar o trabalho quando o projeto possuir um grande nmero delas (imagem 01). 4. Selecione agora a ferramenta Crop (Imagem 02), que serve para cortar a imagem. possvel digitar o tamanho desejado ou escolher um dentre os tamanhos padro. Escolha o tamanho 4 x 6 polegadas, ou seja, 10,2 x 15,2 cm (Imagem 03). Imagem 01

Imagem 03

Comece a usar atalhos para acessar as ferramentas. O atalho da Crop Tool a letra C do teclado. Imagem 02

renata.prado@estacio.br

5. Clique e arraste sobre a rea da imagem que deseja preservar (imagem 04). 6. Note, no destaque, que, se a opo Rule of Thirds estiver marcada a seleo da imagem car enquadrada na Regra dos Teros (imagem 04). Use-a para fazer o recorte adequado na imagem. 7. Quando estiver certo(a) do enquadramento desejado, tecle Enter para conrmar o corte da imagem. 8. Para aumentar a imagem na tela, tecle Control + o nmero de vezes necessrio para que a imagem se encaixe na rea da tela. Imagem 04

9. Note como o prdio est torto. Para endireit-lo usaremos a ferramenta Ruler (ou Tecla I). Veja a ferramenta na imagem 05. 10. Aproxime a imagem e clique uma vez em uma extremidade do prdio e uma vez na outra extremidade, conforme indicado na imagem (imagem 06). 11. Clique em no boto Straighten, que quer dizer endireitar e note como o prdito agora cou reto em relao borda direita. 12. Use novamente a ferramenta Crop (tecla C) e selecione toda a rea, clicando em enter em seguida. Voc acaba de deletar as bordas que sobraram quando a imagem foi girada. Imagem 06

Imagem 05 13. Agora iremos acrescentar o paspatur, aquela borda branca ao redor da imagem. Primeiro precisamos alterar o tamanho da rea de edio (chamada de Canvas). V no menu superior Image e escolha a opo Canvas Size.... 14. Preencha a tela que se abrir com as mesmas informaes apresentadas na imagem 08. Certique-se de que est preenchendo de forma idntica. A opo Relative precisa estar marcada. Caso contrrio, voc precisar calcular o novo tamanho acrescentando 2 cm na largura e na altura. Portanto, mais prtico se marcar a opo Relative e nos campos largura (Width) e altura (height) informar apenas quanto a mais deseja (neste caso, 2cm). Clique em Ok para conrmar. 15. A rea quadriculada (imagem 09) uma rea onde no temos nenhuma informao visual. O prximo passo preencher esta rea com a cor branca. Mas antes vamos criar uma nova Layer (Camada) na qual esta borda branca car. Clique no cone em destaque na imagem 09. 16. Renomeie esta Layer como Borda.

Imagem 08

renata.prado@estacio.br

Imagem 09

17. Agora vamos pintar toda a Layer Borda com a cor branca. Com dois cliques no atalho para preenchimento (imagem 10) e digite, na tela que se abrir, o cdigo da cor desejada (Branco, que C0M0Y0K0 ou R255G255B255). Clique em Ok para conrmar a seleo da cor (imagem 11). 18. Hora de selecionar a ferramenta balde de tinta (Paint Bucket Tool), ou tecla G (imagem 12). 19. Clique sobre a rea de edio e toda a layer Borda car branca (imagem 13). Imagem 10 Imagem 11

Imagem 12 Imagem 13

renata.prado@estacio.br

20. No Painel de Layers, arraste a layer Borda para baixo da layer Manso caso sua imagem tenha cado toda branca. 21. Para cada camada possvel acrescentar diversos efeitos. Vamos agora colocar um leve sombreado interno (Inner Shadow) na layer manso. Para tanto, clique no boto FX (Add a Layer Style), que ca no rodap do painel de layers. 22. Escolha a opo Inner Shadow (imagem 14). 23. Na janela que se abrir, preencha de acordo com a imagem. No se esquea de marcar a opo Preview, que permitir que voc visualize em tempo real as edies que est realizando (imagem 15). Imagem 15

Imagem 14

24. Agora vamos criar a moldura. Novamente ser preciso aumentar a rea de edio. Image >> opo Canvas Size... o caminho que abre a tela na qual aumentaremos 4 cm na largura e 4 na altura. O processo o mesmo e a opo Relative deve estar marcada. 25. Selecione a cor R91G91B91. O processo o mesmo realizado para selecionar o branco (digitando os valores para este tom de cinza). 26. Agora vamos colocar uma textura sobre este cinza escuro. Para tanto, clique no boto FX (Add a Layer Style), que ca no rodap do painel de layers, e escolha a opo Blending Options. 27. Na janela que se abrir, marque a opo Texture e e preencha todas as informaes sobre a textura, conforme indicado na imagem 16. Lembre-se de que a opo Texture tem que estar selecionada. 28. Clique sobre a opo Bevel and Emboss e preencha os campos exatamente como indicado na imagem 17.

Imagem 16

Imagem 17

renata.prado@estacio.br

29. Agora vamos copiar o estilo de sombra que zemos na layer Manso e aplic-lo tambm na layer borda. Para isso clique com o boto direito na layer Manso e escolha a opo Copy Layer Style. Depois clique na layer Borda com o boto direito e escolha Paste Layer Style. 30. Hora de salvar seu projeto do photoshop. O ideal que voc tenha uma pasta para os arquivos .PSD, por exemplo, uma pasta em seu computador chamada Projetos Photoshop no qual deixar todos os projetos. Para salvar, clique no menu superior File e escolha a opo Save As... (imagem 18).

31. Nomeie o projeto e clique em Salvar. Sempre que precisar editar este trabalho, basta abrir este arquivo .PDS que todas as suas layers estaro disponveis para edio. 32. Agora vamos salvar uma imagem compactada JPEG (que pode ser visualizada por qualquer pessoa em qualquer computador, enquanto a imagem em .PSD s pode ser aberta em um computador que tenha o Photoshop instalado). V novamente no menu File, opo Save As.... 33. Desta vez mude a opo Format de Photoshop para JPEG (imagem 19). 34. Nomeie a imagem e clique em Salvar.

Imagem 18

Imagem 19

renata.prado@estacio.br

TUTORIAL PHOTOSHOP 2

renata.prado@estacio.br

BOLSA VERMELHA
1. Abra o Photoshop. 2. Agora abra a imagem. O caminho File >> Open. Selecione a imagem bolsa vermelha.jpg. 3. A inteno agora selecionar a bolsa e retirar todo o fundo da imagem. Para isso a forma mais rpida usar uma ferramenta chamada Quick Selection Tool. Selecione-a. 4. Agora marque o cone de adio, em destaque, e v clicando sobre a rea da bolsa at que toda ela esteja selecionada. 5. Para arrumar as imperfeies na seleo, d zoom clicando em Control +. Agora marque o cone em destaque (que, no lugar de adicionar seleo, retira) e clique nas reas que deseja desmarcar. Quanto mais perfeita car a seleo da bolsa, menos trabalho ser necessrio nos ajustes. Imagem 01 Imagem 02

Imagem 03

6. Veja no destaque da imagem 04 o painel Mscara (Mask). Clique na opo Select the pixel mask. 7. Veja como o fundo desaparece da imagem, deixando apenas o objeto que estava selecionado. Imagem 04 8. Crie uma layer, pinte de branco e arraste-a para baixo da layer que contm a bolsa (imagem 05). Estas aes j foram vistas no tutorial anterior. Imagem 05

renata.prado@estacio.br

9. Clique na opo Mark Edge e preencha os campos como na imagem 06. Imagem 06

10. Note na imagem 05 como o fundo branco deixa mais evidentes algumas falhas no contorno da imagem. Com a layer da bolsa marcada, selecione a ferramenta Brush Tool (B), no destaque da imagem 07. Certique-se de que a cor marcada a preta e v eliminando os detalhes que sobraram no cortorno da bolsa, para deix-lo perfeito.

Imagem 07

11. Agora hora de salvar o projeto. Primeiramente deve-se salvar o projeto do Photoshop, O caminho File >> Save As.... Nomeie o arquivo e clique em Salvar. 12. Agora vamos aumentar o canvas em 6 cm de largura e 4 de altura, conforme imagem 08. O caminho Image >> Canvas Size.... Imagem 08

13. Com a ferramenta Crop (C), faa um recorte de 6 x 4 polegadas. Clique no boto Inverter (imagem 09) para obter esta medida, j que o padro oferecido 4 x 6, e no 6 x 4. Selecione e tecle Enter. 14. Posicione a imagem da bolsa na lateral direita (imagem 10).

15. Crie uma linha na diagonal usando a ferramenta Line Tool (U), em destaque na imagem 11. 16. Agora mude a cor da linha o tom de azul destacado na imagem. Para abrir esta janela de edio de cores, clique no cone FX (layer style), marque a opo Color Overlay e d um duplo-clique sobre a janela de cor (imagem 12). Imagem 11

Imagem 09

Imagem 10

Imagem 12

renata.prado@estacio.br

17. Selecione a linha. Segure a tecla Alt e tecla seta para baixo. Isso far com que a imagem seja replicada. D espaos iguais (com a tecla seta para baixo) de forma que as linhas quem distribudas igualmente (imagem 13). Ao todo so dezessete linhas. Imagem 13

18. Agora vamos inserir o texto OUTONO / INVERNO. Primeiramente, selecione a ferramenta Tool Text (imagem 14). 19. Clique na rea em que deseja inserir o texto e digite. A formatao Helvetica, Bold Oblique, 26, vermelho R139 G37 B35 (imagem 15). Imagem 14

Imagem 15

20. Rotacione a caixa de texto usando os eixos laterais (imagem 15).

21. Para nalizar, vamos colocar um Drop Shadow com as conguraes exatas da imagem 16. 22. Como a inteno que esta imagem seja enviada para a internet, vamos exportar um JPEG atravs do menu File >> opo Save for web & devices. 23. Na tela que se abrir, digite largura (width) 600 e altura (height (400) (imagem 17). 24. Clique em Salvar. Imagem 15

Imagem 15

renata.prado@estacio.br

10