Apresentação TPSI - ISEC (Edição de Imagem)

3.945 visualizações

Publicada em

Apresentação TPSI - ISEC (Edição de Imagem)

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
3.945
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3.495
Ações
Compartilhamentos
0
Downloads
0
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Apresentação TPSI - ISEC (Edição de Imagem)

  1. 1. Curso€de€Especialização€TecnológicaTecnologias€e€Programação€de€Sistemas€de€InformaçãoFerramentas€Multimédia Formador:€João€Leal
  2. 2. Edição de Imagem Nesta Unidade, em particular, propõe-se a utilização do mais completoSoftware disponível para o tratamento digital de imagem (Adobe Photoshop). Este programa, pelo facto de utilizar a imagem como matéria-prima e porpossuir um leque muito variado de ferramentas, promove e estimula as capacidadesde expressão por parte dos seus utilizadores, sendo por isso um óptimo meio para odesenvolvimento das capacidades criativas dos mesmos. Existem mais programas de Edição de Imagem e deverão utilizar aquele que mais corresponder às vossas necessidades e expectativas. A forma de utilização e edição é muito idêntica em todos eles. www.joaoleal.net Formador: João José Leal 2
  3. 3. Ambiente de Trabalho www.joaoleal.net Formador: João José Leal 3
  4. 4. Camadas As camadas (layers) permitem trabalhar num elemento da imagem seminterferir nos outros. É possível alterar a composição de uma imagem alterando a ordem e osatributos das camadas. www.joaoleal.net Formador: João José Leal 4
  5. 5. Quando inserimos uma imagem sobre outra, passamos a trabalhar com duasfiguras distintas numa mesma janela. O background, ou Plano de Fundo, é o layer (Camada), uma películatransparente sobre a qual a segunda imagem é inserida. Uma mesma janela podeconter até 100 camadas em qualquer ordem gerando, assim, a imagem final. A grandevantagem desse recurso é que as imagens não se misturam, podendo ser manipuladasindependentemente e apagadas a qualquer momento, sem que nada aconteça às outras. www.joaoleal.net Formador: João José Leal 5
  6. 6. Camadas auxiliam-nos no trabalho quando um elemento na imagem pode estarseparado em outras camadas sem influenciar na imagem. Devemos pensar em camadas como se fossem folhas de papel transparenteonde podemos desenhar uma parte da imagem em cada folha e assim visualizar a partede baixo naturalmente (logicamente que apenas a parte da imagem que a parte de cimanão cobrir). www.joaoleal.net Formador: João José Leal 6
  7. 7. Cada parte, em que se divide a imagem seria uma camada, e apenas serávisualizada na imagem total a parte da imagem que a camada superior não esconderfacilitando, assim, a aplicação de partes de imagens sobrepostas. Podemos unir ascamadas, aplicar estilos individuais a cada uma delas, assim como filtros e efeitosdistintos como se fossem imagens distintas também. www.joaoleal.net Formador: João José Leal 7
  8. 8. A paleta Camadas (Layers) relaciona todas as camadas, todos os conjuntos decamadas e efeitos de camadas numa determinada imagem. Várias tarefas podem serexecutadas nesta paleta, tais como: criação, ocultação, exibição, cópia e exclusão decamadas,… www.joaoleal.net Formador: João José Leal 8
  9. 9. O painel das camadas é composto por três zonas importantes: parte superior parte central barra de íconeswww.joaoleal.net Formador: João José Leal 9
  10. 10. Parte Superior A parte superior apresenta as opções de Blending, Opacidade (Opacity),Bloquear(Lock) e Preenchimento (Fill). www.joaoleal.net Formador: João José Leal 10
  11. 11. Blending – forma como a camada aparece na imagem, por defeito está com a opção normal.Opacidade (Opacity) – corresponde ao nível de visualização ou transparência dessa camada.Bloquear (Lock) – permite bloquear as quatro opções: transparência, imagem, posição e tudo.Preenchimento (Fill) – define a percentagem de preenchimento da camada. www.joaoleal.net Formador: João José Leal 11
  12. 12. Parte Central A parte central do painel é onde aparecem as camadas. www.joaoleal.net Formador: João José Leal 12
  13. 13. Barra de ícones A barra de ícones está localizada ao fundo na janela. Alguns destes íconestambém aparecem noutros painéis com funções semelhantes. www.joaoleal.net Formador: João José Leal 13
  14. 14. Link – tem a função de ligar duas camadas, isto é, ao deslocar-mos uma camada, também deslocaremos a outra e assim sucessivamente para outras operações.fx (ícone de estilos)– abre a janela Layer Style que permite adicionar estilos a essa camada.Adicionar uma máscara – permite adicionar uma máscara à camada seleccionada. www.joaoleal.net Formador: João José Leal 14
  15. 15. Adicionar camada de ajuste – permite adicionar uma camada de ajustamentos ou preenchimento para aplicar uma tonalidade diferente à imagem final.Pasta (Novo Grupo) – permite criar uma pasta para colocar as camadas, oferecendo uma melhor organização sempre que existirem muitas camadas. www.joaoleal.net Formador: João José Leal 15
  16. 16. Adicionar nova camada – permite adicionar uma nova camada (um dos mais importantes e comum a quase todos os painéis laterais de opções).Balde de reciclagem – tem a função de eliminar uma camada. www.joaoleal.net Formador: João José Leal 16
  17. 17. Máscara As máscaras são um dos mais temidos elementos num programa de edição deimagem. Entender o que são e a sua finalidade é o objectivo primordial de quempretende trabalhar na edição de imagens, efeitos visuais, composição gráfica, enfim,em todas as vertentes do mundo gráfico. www.joaoleal.net Formador: João José Leal 17
  18. 18. A máscara e a selecção têm funções semelhantes, mas o potencial damáscara é muito superior. Isto porque a máscara permite recuperar e modificar áreas não visíveis emqualquer altura. Numa máscara: Preto= ocultar Branco = mostrar www.joaoleal.net Formador: João José Leal 18
  19. 19. Os cinzas geram as cores transparentes numa máscara. Ou seja, cinza muitoescuro omite muito e cinza claro omite pouco. Quanto mais escura a tonalidade do cinza, mais omite, logo menostransparente fica. CONFUSÃO?!?!? www.joaoleal.net Formador: João José Leal 19
  20. 20. Esta é uma função muito utilizada para recortar pessoas, objectos emfotos,… pois ao fazê-lo utilizando esta ferramenta, não perdemos o resto da imagem,pois apenas escondemos o que não queremos que seja visto. www.joaoleal.net Formador: João José Leal 20
  21. 21. Exercício 11. Abra o Adobe Photoshop com os ficheiros “foto13.jpg” e “foto14.jpg”.2. Arraste a “foto13.jpg” para a “foto14.jpg” de modo a que fiquem as duas imagens no mesmo ficheiro.3. Feche a “foto13.jpg”. Maximize a janela de visualização da sua imagem e reajuste a posição de modo a ocupar cerca de 75% da imagem total. www.joaoleal.net Formador: João José Leal 21
  22. 22. 4. Para ajustar a “foto13.jpg” desbloqueie a camada Background e ajuste a sua posição.5. Altere o nome da Camada 0 para ”Casal” e da Camada 1 para ”Monumento”.6. Active a layer “Monumento” e adicione uma máscara.7. Seleccione a ferramenta Degradê. www.joaoleal.net Formador: João José Leal 22
  23. 23. 8. Configure as novas cores de transição do gradiente para preto e branco.9. Crie um gradiente no topo da segunda imagem e arraste na vertical até ao meio dessa imagem. Se o efeito não ficou como pretendia, use as teclas Ctrl + Z (para anular a última operação) e volte a efectuar o gradiente.10. Obtenha a terceira camada como fusão das duas existentes (Ctrl + Alt + Shift + E) e defina o nome “efeito”. www.joaoleal.net Formador: João José Leal 23
  24. 24. 11. Retire a saturação da cor (Image->Adjustments->Desaturate).12. Aplique o filtro de ruído (Noise -> Add Noise…) com as propriedades Intensidade: 2%, Distribuição: Gaussiana e Monocromático activo.13. Adicione uma camada de ajuste de cor e defina a cor Azul (R: 90, G:215 e B:250).14. Altere a propriedade Blending Mode dessa camada para a opção Color (Cor).15. Altere a tonalidade dessa camada na primeira miniatura. Se desejar aplique um gradiente na segunda miniatura. www.joaoleal.net Formador: João José Leal 24
  25. 25. Exercício 21. Abra o Adobe Photoshop com o ficheiro “foto15”.2. Para recorrermos ao processo de caricaturas utilizamos o menu Filtro (Filter) -> Dissolver (Liquify). A janela do menu Dissolver possui basicamente duas secções separadas pela imagem na qual estamos a trabalhar: uma barra de ferramentas vertical do lado esquerdo e uma série de comandos do lado direito. É muito importante conhecer as funcionalidades dos botões do lado esquerdo. www.joaoleal.net Formador: João José Leal 25
  26. 26. Serve para “empurrar” os pixels da imagem que estiverem à frente do pincel; Faz a reconstrução da imagem como era anteriormente; Faz a rotação dos pixels no sentido horário. Transfere os pixels da imagem, das áreas externas para as internas, na direcção do centro do próprio pincel, o que causa um efeito de “lente de redução”;www.joaoleal.net Formador: João José Leal 26
  27. 27. Transfere os pixels da imagem, das áreas internas para as áreas externas, o que resulta num efeito de “lente de aumento”; Move áreas de pixels para cima, para baixo, para a esquerda ou direita conforme se utilize a ferramenta; Cria imagens espelhadas de áreas, acima, abaixo, à esquerda ou à direita do pincel; Cria turbulências e efeitos como fogo, calor,….www.joaoleal.net Formador: João José Leal 27
  28. 28. Serve para “congelar” uma determinada área da imagem e impedir que as ferramentas do Dissolver possam modificá-la; Liberta a área previamente “congelada” para poderem ser modificadas; Move a imagem; Amplia/reduz a vista da imagem.www.joaoleal.net Formador: João José Leal 28
  29. 29. Exercício 31. Abra o Adobe Photoshop com os ficheiros “foto16.jpg”.2. Defina a visualização a 50% sobre a parede que possui o autocolante a ser alterado.3. Active a ferramenta Carimbo e defina o seu tamanho para 90 px.4. Obtenha o primeiro ponto de referência do carimbo sobre o cruzamento de azulejos.5. Proceda a aplicação do carimbo sobre o autocolante na respectiva área.6. Aplique o carimbo até onde for possível. www.joaoleal.net Formador: João José Leal 29
  30. 30. 7. Obtenha novos pontos de referência para o carimbo.8. Repita todo este processo até que a parede fique sem o autocolante.9. Salve o ficheiro com o nome “fotomodificada.jpg”.10. Abra o ficheiro “foto17.jpg”.11. Diminua a visualização de ambos os ficheiros, colocando-os lado a lado.12. Arraste a segunda foto para a primeira.13. Feche a segunda foto. www.joaoleal.net Formador: João José Leal 30
  31. 31. 14. Altere o nome da camada para “relva”.15. Rode a foto da relva de modo a que a relva fique na mesma orientação que a linha de azulejos junto à pedra de mármore (no fundo da imagem).16. Active a ferramenta de selecção por polígonos.17. Obtenha a selecção da relva.18. Inverta a selecção obtida no ponto anterior e elimine o seu conteúdo apenas com a relva.19. Desactive a selecção. www.joaoleal.net Formador: João José Leal 31
  32. 32. 20. Desloque a relva para baixo até que a tonalidade da pedra de mármore se visualize.21. Use novamente a ferramenta de carimbo e preencha com relva até à linha limite da pedra de mármore. Aplique também relva nos limites da pedra, simulando que a pedra está embutida na relva.22. Junte as camadas.23. Guarde o seu trabalho final com um nome escolhido por si. www.joaoleal.net Formador: João José Leal 32
  33. 33. Exercício 41. Abra o Adobe Photoshop com o ficheiro “foto 20”.2. Crie uma nova camada transparente.3. Utilizando apenas as cores preto e branco, pinte a negro o objecto que deseja manter em foco e a branco a área que deseja desfocar.4. Vá ao menu Seleccionar (Select)->Intervalo de Cores (Color Range).5. Ajuste o Grau de Selecção (Fuzziness) com o valor máximo.6. Faço clique com o conta-gotas na área branca. www.joaoleal.net Formador: João José Leal 33
  34. 34. 7. No menu Seleccionar (Select) faça Salvar Selecção (Save Selection) e grave a selecção com o nome de torre.8. Desta forma criou um canal de imagem que servirá de máscara.9. Posteriormente, clique em Filtro (Filter)-> Desfoque (Blur)-> Desfoque de Lente (Lens Blur). Nos quatro grupos irá seleccionar: Origem: torre; Raio: 79; Curvatura de Lâmina: 16; Giro: 0; Brilho: 0; Limiar: 255; Intensidade: 0 www.joaoleal.net Formador: João José Leal 34
  35. 35. Exercício 51. Abra o Adobe Photoshop com o ficheiro “foto 21”.2. Coloque a figura a preto e branco.3. Vá ao menu Imagem (Image)->Ajustes(Adjustements) -> Brilho e Contraste (Brightness/Contrast). Altere o brilho para -49 e o contraste para 29. Desta forma as áreas escuras perdem as várias tonalidades de sombra existentes e as claras ficam ainda mais claras.4. Posteriormente aplique um efeito granulado suave. Para isso, clique em Filtro (Filter)- > Textura (Texture)-> Granulado (Grain). Altere a intensidade para 20 e contraste para 45. O tipo de granulado será suave. www.joaoleal.net Formador: João José Leal 35
  36. 36. 5. Volte a repetir a Granulação, mas desta feita com tipo de granulado vertical.6. Se julgar importante coloque também um efeito de visão central na imagem de forma a dar mais realismo de foto antiga (por exemplo indo a Camada de Preenchimento -> Degradé). www.joaoleal.net Formador: João José Leal 36
  37. 37. Exercício 61. Abra o Adobe Photoshop com o ficheiro “Foto 22”.2. Activar a ferramenta Máscara de Texto Horizontal (Horizontal Type Mask Tool)3. Na barra de opções dessa ferramenta, defina o tipo de letra Broadway e tamanho 30pt.4. Com a ferramenta sobre a imagem faça clique na zona da neve (a imagem fica com tons rosa que significa que está em modo de máscara). Escreva a palavra “Serra da Estrela” e termine clicando sobre o ícone em forma de “visto”. www.joaoleal.net Formador: João José Leal 37
  38. 38. 5. Para alterar a selecção de modo a que o texto fique na mesma orientação da neve, aceda ao menu Seleccionar (Select)-> Transformar Selecção (Transform Selection). Depois seleccione a opção Warp.6. Faça clique sobre a grelha e arraste a selecção de modo a obter o efeito de relevo junto à neve. Pressione a tecla Enter para concluir a transformação.7. Pressione Ctrl+J para copiar essa selecção para uma nova camada. Depois altere o nome da nova camada para “serra”. www.joaoleal.net Formador: João José Leal 38
  39. 39. 8. No painel de camadas, aceda ao ícone de estilos fx e seleccione a opção de relevo Chanfro e Entalhe (Bevel and Emboss). Na janela de configuração defina as propriedades Style: Inner Bevel; Technique: Chisel Soft; Depth: 100%, Direction: Down; Size: 6 px e Soften: 0 px.9. Para finalizar aceda ao menu Filtro (Filter) -> Desfoque (Blur) -> Desfoque de Movimento (Motion Blur) e defina o ângulo: 80º e Distância: 10 pixels.10. Guarde o seu trabalho. www.joaoleal.net Formador: João José Leal 39

×