Ano Lectivo 2010/2011
Photoshop Aplicado a Materiais
Educativos
Centro de Formação de Associação de Escolas Beira Mar
Form...
www.joaoleal.net Formador: João José Leal 2
O Adobe Photoshop continua a ser o padrão
profissional em edição de imagens, e...
www.joaoleal.net Formador: João José Leal 3
ObjectivosObjectivos
www.joaoleal.net Formador: João José Leal 4
• Conhecer as ferramentas do software utilizado;
• Conhecer os ficheiros de im...
www.joaoleal.net Formador: João José Leal 5
ConteúdosConteúdos
www.joaoleal.net Formador: João José Leal 6
1- As ferramentas do Photoshop
2 - Os diversos ficheiros de imagem e as suas a...
www.joaoleal.net Formador: João José Leal 7
CalendarizaçãoCalendarização
www.joaoleal.net Formador: João José Leal 8
AvaliaçãoAvaliação
www.joaoleal.net Formador: João José Leal 9
•Participação
•Realização das tarefas nas Sessões
•Assiduidade/Pontualidade
•R...
www.joaoleal.net Formador: João José Leal 10
ConceitosConceitos
www.joaoleal.net Formador: João José Leal 11
A cor é um fenómeno óptico (Parte da física que estuda os
fenómenos luminosos...
www.joaoleal.net Formador: João José Leal 12
A cor de um material é determinada pelas médias de
frequência dos pacotes de ...
www.joaoleal.net Formador: João José Leal 13
A cor é relacionada com os diferentes comprimento de onda
do espectro electro...
www.joaoleal.net Formador: João José Leal 14
A luz do Sol contém vários tipos de radiação que
constituem o espectro electr...
www.joaoleal.net Formador: João José Leal 15
www.joaoleal.net Formador: João José Leal 16
www.joaoleal.net Formador: João José Leal 17
Uma cor primária é uma cor que não pode ser
decomposta em outras cores. Essas...
www.joaoleal.net Formador: João José Leal 18
Tradicionalmente, o Vermelho, o Azul e o Amarelo
são tratadas como as cores p...
www.joaoleal.net Formador: João José Leal 19
Entretanto, essa é uma definição errada do ponto
de vista científico, uma vez...
www.joaoleal.net Formador: João José Leal 20
Cores secundárias são as cores que se formam pela
mistura de duas cores primá...
www.joaoleal.net Formador: João José Leal 21
No início, a teoria dos pigmentos era restrita à pintura.
Os antigos pintores...
www.joaoleal.net Formador: João José Leal 22
Os modelos de cor fornecem métodos que permitem
especificar uma determinada c...
www.joaoleal.net Formador: João José Leal 23
Num modelo aditivo a ausência de luz ou de cor
corresponde à cor preta, enqua...
www.joaoleal.net Formador: João José Leal 24
O modelo aditivo explica a mistura dos comprimentos
de onda de qualquer luz e...
www.joaoleal.net Formador: João José Leal 25
Num modelo subtractivo, ao contrário do modelo
aditivo, a mistura de cores cr...
www.joaoleal.net Formador: João José Leal 26
O modelo subtractivo explica a mistura de pinturas
e tintas para criarem core...
www.joaoleal.net Formador: João José Leal 27
Modelo RGBModelo RGB
O modelo RGB é um modelo aditivo, descrevendo
as cores c...
www.joaoleal.net Formador: João José Leal 28
Qualquer cor no sistema digital é representada por um
conjunto de valores num...
www.joaoleal.net Formador: João José Leal 29
Correspondência entre valores
Decimal 0 0,2 0,4 0,6 0,8 1
Inteiro 0 51 102 15...
www.joaoleal.net Formador: João José Leal 30
Como o modelo RGB é aditivo, a cor branca
corresponde à representação simultâ...
www.joaoleal.net Formador: João José Leal 31
A escala de cinzentos é criada quando se adicionam
quantidades iguais de cada...
www.joaoleal.net Formador: João José Leal 32
ResoluçãoResolução e tamanhoe tamanho
Imagem constituída por um conjunto de
p...
www.joaoleal.net Formador: João José Leal 33
Assim, a definição de resolução de uma imagem é
entendida como a quantidade d...
www.joaoleal.net Formador: João José Leal 34
A resolução de uma imagem digital determina não só o
nível de detalhe como os...
www.joaoleal.net Formador: João José Leal 35
Profundidade de CorProfundidade de Cor
A profundidade de cor indica o número ...
www.joaoleal.net Formador: João José Leal 36
Profundidade
de cor
(nº de bits)
Nº de cores
produzidas
Qualidade de
cor
Padr...
www.joaoleal.net Formador: João José Leal 37
Profundidade
de cor
(nº de bits)
Nº de cores
produzidas
Qualidade de
cor
Padr...
www.joaoleal.net Formador: João José Leal 38
A profundidade de cor das imagens varia com o
número de cores presentes na im...
www.joaoleal.net Formador: João José Leal 39
Assim, a profundidade de cor indica o número de bits
usados para representar ...
www.joaoleal.net Formador: João José Leal 40
Sistemas de Cores: RGBSistemas de Cores: RGB
RGB é a abreviatura do sistema d...
www.joaoleal.net Formador: João José Leal 41
A escala de RGB varia de 0 (mais escuro) a
255 (mais claro). Nos programas de...
www.joaoleal.net Formador: João José Leal 42
Complementaridade de CoresComplementaridade de Cores
Uma cor complementar de ...
www.joaoleal.net Formador: João José Leal 43
Sistemas de Cores: CMYKSistemas de Cores: CMYK
CMYK é a abreviatura do sistem...
www.joaoleal.net Formador: João José Leal 44
O resultado da sobreposição das três cores,
na impressão gráfica, é uma cor i...
www.joaoleal.net Formador: João José Leal 45
o Utiliza-se na impressão em papel;
o Ciano é a cor oposta ao vermelho, o que...
www.joaoleal.net Formador: João José Leal 46
o Assim, magenta mais amarelo produzirá vermelho,
magenta mais ciano produzir...
www.joaoleal.net Formador: João José Leal 47
www.joaoleal.net Formador: João José Leal 48
Formatos de ficheiros de imagensFormatos de ficheiros de imagens
• Existem vá...
www.joaoleal.net Formador: João José Leal 49
Tipos de formatos BitmapTipos de formatos Bitmap
A imagem é representada por ...
www.joaoleal.net Formador: João José Leal 50
Formato BMP (Formato BMP (ou DIBou DIB –– DeviceDevice--IndependentIndependen...
www.joaoleal.net Formador: João José Leal 51
GIF (GIF (GraphicsGraphics InterchangeInterchange
FormatsFormats))
•É um form...
www.joaoleal.net Formador: João José Leal 52
• Devido ao pouco número de cores, o uso do formato GIF é
aconselhado para íc...
www.joaoleal.net Formador: João José Leal 53
PNGPNG ((PortablePortable NetworkNetwork GraphicsGraphics))
• O formato GIF u...
www.joaoleal.net Formador: João José Leal 54
JPEGJPEG ((JoinJoin PicturesPictures ExpertExpert GroupGroup))
• É um tipo de...
www.joaoleal.net Formador: João José Leal 55
• Versão simplificada do PostScript.
•É um formato nativo do Adobe Acrobat Re...
www.joaoleal.net Formador: João José Leal 56
Outros formatosOutros formatos
•PCX
Formato desenhado para o paintbrush da Mi...
www.joaoleal.net Formador: João José Leal 57
Que formato escolher?Que formato escolher?
www.joaoleal.net Formador: João José Leal 58
Imagens VectoriaisImagens Vectoriais
As imagens vectoriais baseiam-se em fórm...
www.joaoleal.net Formador: João José Leal 59
Numa imagem vectorial não acontecem perdas com o zoom
na imagem.
www.joaoleal.net Formador: João José Leal 60
PhotoshopPhotoshop
www.joaoleal.net Formador: João José Leal 61
www.joaoleal.net Formador: João José Leal 62
As camadas (layers) permitem trabalhar num
elemento da imagem sem interferir ...
www.joaoleal.net Formador: João José Leal 63
Quando inserimos uma imagem sobre outra, passamos
a trabalhar com duas figura...
www.joaoleal.net Formador: João José Leal 64
Camadas auxiliam-nos no trabalho quando um
elemento na imagem pode estar sepa...
www.joaoleal.net Formador: João José Leal 65
Cada parte, em que se divide a imagem seria uma
camada, e apenas será visuali...
www.joaoleal.net Formador: João José Leal 66
A paleta Camadas (Layers) relaciona todas as camadas,
todos os conjuntos de c...
www.joaoleal.net Formador: João José Leal 67
O painel das camadas é composto por três
zonas importantes:
parte superior
...
www.joaoleal.net Formador: João José Leal 68
A parte superior apresenta as opções de Blending,
Opacidade (Opacity), Bloque...
www.joaoleal.net Formador: João José Leal 69
Blending – forma como a camada aparece na imagem, por
defeito está com a opçã...
www.joaoleal.net Formador: João José Leal 70
Bloquear (Lock) – permite bloquear as quatro opções:
transparência, imagem, p...
www.joaoleal.net Formador: João José Leal 71
A parte central do painel é onde aparecem as camadas.
Parte CentralParte Cent...
www.joaoleal.net Formador: João José Leal 72
A barra de ícones está localizada ao fundo na janela.
Alguns destes ícones ta...
www.joaoleal.net Formador: João José Leal 73
Link – tem a função de ligar duas camadas, isto é, ao deslocar-
mos uma camad...
www.joaoleal.net Formador: João José Leal 74
Adicionar uma máscara – permite adicionar uma máscara
à camada seleccionada.
...
www.joaoleal.net Formador: João José Leal 75
Pasta (Novo Grupo) – permite criar uma pasta para colocar
as camadas, oferece...
www.joaoleal.net Formador: João José Leal 76
Adicionar nova camada – permite adicionar uma nova
camada (um dos mais import...
www.joaoleal.net Formador: João José Leal 77
www.joaoleal.netwww.joaoleal.net//moodlemoodle
Próximos SlideShares
Carregando em…5
×

Apresentação1 photoshop

842 visualizações

Publicada em

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
842
No SlideShare
0
A partir de incorporações
0
Número de incorporações
95
Ações
Compartilhamentos
0
Downloads
32
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Apresentação1 photoshop

  1. 1. Ano Lectivo 2010/2011 Photoshop Aplicado a Materiais Educativos Centro de Formação de Associação de Escolas Beira Mar Formador: João Leal
  2. 2. www.joaoleal.net Formador: João José Leal 2 O Adobe Photoshop continua a ser o padrão profissional em edição de imagens, e líder no mercado de geração de imagens digitais, oferecendo cada vez mais recursos.
  3. 3. www.joaoleal.net Formador: João José Leal 3 ObjectivosObjectivos
  4. 4. www.joaoleal.net Formador: João José Leal 4 • Conhecer as ferramentas do software utilizado; • Conhecer os ficheiros de imagens mais comuns; • Saber digitalizar imagens a partir de objectos opacos ou transparências; • Aplicar os conhecimentos adquiridos no tratamento digital de imagem; • Saber preparar imagens para a Internet; • Aplicar os conhecimentos adquiridos a materiais educativos.
  5. 5. www.joaoleal.net Formador: João José Leal 5 ConteúdosConteúdos
  6. 6. www.joaoleal.net Formador: João José Leal 6 1- As ferramentas do Photoshop 2 - Os diversos ficheiros de imagem e as suas aplicações 3 - Análise de imagens digitais 4 - Captura de imagens e a sua preparação 5 - Exercício de retoque de imagem 6 - Exercício de coloração de imagem 7 - Exercício de recorte de imagens e utilização de layers 8 - Exercício de criação de sombras e objectos 3D 9 - Configuração de ficheiros para impressão
  7. 7. www.joaoleal.net Formador: João José Leal 7 CalendarizaçãoCalendarização
  8. 8. www.joaoleal.net Formador: João José Leal 8 AvaliaçãoAvaliação
  9. 9. www.joaoleal.net Formador: João José Leal 9 •Participação •Realização das tarefas nas Sessões •Assiduidade/Pontualidade •Realização das actividades e trabalhos propostos •Investigação •Aplicação •Portfólio 50% 25% 25%
  10. 10. www.joaoleal.net Formador: João José Leal 10 ConceitosConceitos
  11. 11. www.joaoleal.net Formador: João José Leal 11 A cor é um fenómeno óptico (Parte da física que estuda os fenómenos luminosos e os fenómenos da visão) provocado pela acção de um feixe de fotões sobre células especializadas da retina, que transmitem através de informação pré- processada no nervo óptico, impressões para o sistema nervoso. Conceito de CorConceito de Cor
  12. 12. www.joaoleal.net Formador: João José Leal 12 A cor de um material é determinada pelas médias de frequência dos pacotes de onda que as suas moléculas constituintes reflectem. Um objecto terá determinada cor se não absorver justamente os raios correspondentes à frequência daquela cor.
  13. 13. www.joaoleal.net Formador: João José Leal 13 A cor é relacionada com os diferentes comprimento de onda do espectro electromagnético. São percebidas pelas pessoas, em faixa específica (zona do visível), e por alguns animais através dos órgãos de visão, como uma sensação que nos permite diferenciar os objectos do espaço com maior precisão.
  14. 14. www.joaoleal.net Formador: João José Leal 14 A luz do Sol contém vários tipos de radiação que constituem o espectro electromagnético e cada comprimento de onda corresponde a um tipo de radiação. Apenas uma pequena faixa de radiação é captada pelos nossos olhos, entre os 400nm e os 700nm (espectro visível). Espectro ElectromagnéticoEspectro Electromagnético
  15. 15. www.joaoleal.net Formador: João José Leal 15
  16. 16. www.joaoleal.net Formador: João José Leal 16
  17. 17. www.joaoleal.net Formador: João José Leal 17 Uma cor primária é uma cor que não pode ser decomposta em outras cores. Essas cores se mesclam entre si para produzir as demais cores do espectro. Quando duas cores primárias são misturadas, produz-se o que se conhece como cor secundária, e ao mesclar uma cor secundária com uma primária surge uma cor terciária. Cores PrimáriasCores Primárias
  18. 18. www.joaoleal.net Formador: João José Leal 18 Tradicionalmente, o Vermelho, o Azul e o Amarelo são tratadas como as cores primárias nas artes plásticas. Esse sistema de classificação é conhecido como RYB.
  19. 19. www.joaoleal.net Formador: João José Leal 19 Entretanto, essa é uma definição errada do ponto de vista científico, uma vez que, em se tratando de pigmentos, o sistema correcto é o CMY (Ciano, Magenta e Amarelo). Como são muito raros na natureza pigmentos de cor ciano e magenta, são substituídos respectivamente pelo azul e pelo vermelho nas artes plásticas.
  20. 20. www.joaoleal.net Formador: João José Leal 20 Cores secundárias são as cores que se formam pela mistura de duas cores primárias, em partes iguais. Cores SecundáriasCores Secundárias
  21. 21. www.joaoleal.net Formador: João José Leal 21 No início, a teoria dos pigmentos era restrita à pintura. Os antigos pintores já faziam misturas antes da moderna ciência das cores, e as tintas usadas até então eram poucas. No sistema RYB, que emprega a teoria das cores de Leonardo da Vinci, as cores secundárias são: Verde - formado por azul e amarelo; Laranja - formado por amarelo e vermelho; Violeta (ou Roxo) - formado por azul e vermelho.
  22. 22. www.joaoleal.net Formador: João José Leal 22 Os modelos de cor fornecem métodos que permitem especificar uma determinada cor. Por outro lado, quando se utiliza um sistema de coordenadas para determinar os componentes do modelo de cor, está-se a criar o seu espaço de cor. Neste espaço cada ponto representa uma cor diferente. Modelos de CorModelos de Cor
  23. 23. www.joaoleal.net Formador: João José Leal 23 Num modelo aditivo a ausência de luz ou de cor corresponde à cor preta, enquanto que a mistura dos comprimentos de onda ou das cores vermelha (Red), verde (Green) e azul (Blue) indicam a presença da luz ou a cor branca. Modelo AditivoModelo Aditivo
  24. 24. www.joaoleal.net Formador: João José Leal 24 O modelo aditivo explica a mistura dos comprimentos de onda de qualquer luz emitida.
  25. 25. www.joaoleal.net Formador: João José Leal 25 Num modelo subtractivo, ao contrário do modelo aditivo, a mistura de cores cria uma cor mais escura, porque são absorvidos mais comprimentos de onda, subtraindo-os à luz. A ausência de cor corresponde ao branco e significa que nenhum comprimento de onda é absorvido, mas sim todos reflectidos. Modelo SubtractivoModelo Subtractivo
  26. 26. www.joaoleal.net Formador: João José Leal 26 O modelo subtractivo explica a mistura de pinturas e tintas para criarem cores que absorvem alguns comprimentos de onda da luz e reflectem outros. Assim, a cor de um objecto corresponde à luz reflectida por ele e que os olhos recebem.
  27. 27. www.joaoleal.net Formador: João José Leal 27 Modelo RGBModelo RGB O modelo RGB é um modelo aditivo, descrevendo as cores como uma combinação das três cores primárias: vermelha (Red), verde (Green) e azul (Blue). Em termos técnicos, as cores primárias de um modelo são cores que não resultam da mistura de nenhuma outra cor.
  28. 28. www.joaoleal.net Formador: João José Leal 28 Qualquer cor no sistema digital é representada por um conjunto de valores numéricos. Por exemplo, cada uma das cores do modelo RGB pode ser representada por um dos seguintes valores: decimal de 0 a 1, inteiro de 0 a 255, percentagem de 0% a 100% e hexadecimal de 00 a FF.
  29. 29. www.joaoleal.net Formador: João José Leal 29 Correspondência entre valores Decimal 0 0,2 0,4 0,6 0,8 1 Inteiro 0 51 102 153 204 255 Percentagem 0 20 40 60 80 100 Hexadecimal 00 33 66 99 CC FF Caracterização do Modelo RGBCaracterização do Modelo RGB
  30. 30. www.joaoleal.net Formador: João José Leal 30 Como o modelo RGB é aditivo, a cor branca corresponde à representação simultânea das três cores primárias (1,1,1), enquanto que a cor preta corresponde à ausência das mesmas (0,0,0).
  31. 31. www.joaoleal.net Formador: João José Leal 31 A escala de cinzentos é criada quando se adicionam quantidades iguais de cada cor primária, permanecendo na linha que junta os vértices preto e branco.
  32. 32. www.joaoleal.net Formador: João José Leal 32 ResoluçãoResolução e tamanhoe tamanho Imagem constituída por um conjunto de píxeis Uma imagem digital é uma representação discreta, isto é, constituída por píxeis (píxel - picture element). O píxel, normalmente um quadrado, é a unidade elementar de brilho e cor que constitui uma imagem digital.
  33. 33. www.joaoleal.net Formador: João José Leal 33 Assim, a definição de resolução de uma imagem é entendida como a quantidade de informação que a imagem contém por unidade de comprimento, isto é, o número de píxeis por polegada, ppi (pixels per inch). A resolução da imagem pode também ser definida, de forma imprópria, pelo seu tamanho, ou seja, pelo número de píxeis por linha e por coluna.
  34. 34. www.joaoleal.net Formador: João José Leal 34 A resolução de uma imagem digital determina não só o nível de detalhe como os requisitos de armazenamento da mesma. Quanto maior a resolução de uma imagem maior será o tamanho do ficheiro de armazenamento. O nível de detalhe de uma imagem depende da informação de cada píxel. Cada píxel é codificado de acordo com a cor e o brilho que representa, isto é, ocupa em memória um número de bits que varia de acordo com o número de cores, tons de cinza e brilho definido para uma determinada imagem.
  35. 35. www.joaoleal.net Formador: João José Leal 35 Profundidade de CorProfundidade de Cor A profundidade de cor indica o número de bits usados para representar a cor de um píxel numa imagem. Este valor é também conhecido por profundidade do píxel e é definido por bits por píxel (bpp). O quadro seguinte mostra a relação entre o número de bits e o número de cores que podem ser produzidas. Mostra também os respectivos modelos de cor e padrões gráficos utilizados em monitores e placas gráficas.
  36. 36. www.joaoleal.net Formador: João José Leal 36 Profundidade de cor (nº de bits) Nº de cores produzidas Qualidade de cor Padrão gráfico 1 21 = 2 Preto e branco Monocromática 2 22 = 4 Cores de 2 bits CGA (Color Graphics Adapter) 4 24 = 16 Cores de 4 bits EGA (Enhanced Graphics Adapter) 8 28 = 256 Cores de 8 bits VGA (Video Graphics Adapter)
  37. 37. www.joaoleal.net Formador: João José Leal 37 Profundidade de cor (nº de bits) Nº de cores produzidas Qualidade de cor Padrão gráfico 16 216 = 65 536 Cores de 16 bits (High color) XGA (Extended Graphics Array) 24 224 = 16 777 216 Cores de 24 bits (True color) SVGA = SuperVGA 32 232 = 4 294 967 296 Cores de 32 bits SVGA = SuperVGA
  38. 38. www.joaoleal.net Formador: João José Leal 38 A profundidade de cor das imagens varia com o número de cores presentes na imagem. No modelo RGB, com a profundidade de 24 bits existe a possibilidade de escolher 16,7 milhões de combinações de cor . Embora o olho humano não possa identificar estes 16,7 milhões de cores, este número de combinações permite variações ténues que dão a impressão de imagens com aspectos muito reais.
  39. 39. www.joaoleal.net Formador: João José Leal 39 Assim, a profundidade de cor indica o número de bits usados para representar a cor de um pixel numa imagem (bit por píxel: bpp). 1 bit 4 bit 8 bit
  40. 40. www.joaoleal.net Formador: João José Leal 40 Sistemas de Cores: RGBSistemas de Cores: RGB RGB é a abreviatura do sistema de cores aditivas formado por Vermelho (Red), Verde (Green) e Azul (Blue). É o sistema aditivo de cores, ou seja, de projecções de luz, como monitores e datashows, em contraposição ao sistema subtractivo, que é o das impressões (CMYK).
  41. 41. www.joaoleal.net Formador: João José Leal 41 A escala de RGB varia de 0 (mais escuro) a 255 (mais claro). Nos programas de edição de imagem, estes valores são habitualmente representados por meio de notação hexadecimal, indo de 00 (mais escuro) até FF (mais claro) para o valor de cada uma das cores. Assim, a cor #000000 é o preto, pois não há projecção de nenhuma das três cores; por outro lado, #FFFFFF representa a cor branca, pois as três cores estão projectadas na sua intensidade máxima.
  42. 42. www.joaoleal.net Formador: João José Leal 42 Complementaridade de CoresComplementaridade de Cores Uma cor complementar de uma determinada cor primária é a cor que se encontra quando é efectuada uma rotação de 180 graus num anel de cor No modelo RGB, estas cores complementares são também chamadas cores secundárias ou cores primárias de impressão. Cores primárias do modelo RGB e as suas cores complementares
  43. 43. www.joaoleal.net Formador: João José Leal 43 Sistemas de Cores: CMYKSistemas de Cores: CMYK CMYK é a abreviatura do sistema de cores subtractivas formado por Ciano (Cyan), Amarelo (Yellow), Magenta (Magenta) e Preto (Black). É utilizado em meios que têm fundo branco, como as impressões em papel CMY é a mesma coisa, porém sem a cor preta.
  44. 44. www.joaoleal.net Formador: João José Leal 44 O resultado da sobreposição das três cores, na impressão gráfica, é uma cor intermédia entre o cinzento e o castanho; por isso mesmo considera-se o preto a quarta cor primária. Para impressão de livros ou qualquer outra coisa que seja impressa, é usada esta combinação.
  45. 45. www.joaoleal.net Formador: João José Leal 45 o Utiliza-se na impressão em papel; o Ciano é a cor oposta ao vermelho, o que significa que actua como um filtro que absorve a dita cor (-R +G +B); o Da mesma forma, magenta é oposta ao verde (+R –G +B) e amarelo é a oposta ao azul (+R +G –B);
  46. 46. www.joaoleal.net Formador: João José Leal 46 o Assim, magenta mais amarelo produzirá vermelho, magenta mais ciano produzirá azul e ciano mais amarelo produzirá verde; o O preto obtém-se da mistura das três.
  47. 47. www.joaoleal.net Formador: João José Leal 47
  48. 48. www.joaoleal.net Formador: João José Leal 48 Formatos de ficheiros de imagensFormatos de ficheiros de imagens • Existem vários tipos de formatos de ficheiros, acrescentando às imagens aspectos próprios de cada um dos formatos. • É necessário sempre saber qual o formato mais adequado às tarefas que nos propomos desempenhar. • Existem basicamente duas categorias, os formatos Bitmap e os formatos Vectoriais.
  49. 49. www.joaoleal.net Formador: João José Leal 49 Tipos de formatos BitmapTipos de formatos Bitmap A imagem é representada por uma matriz de pixeis.
  50. 50. www.joaoleal.net Formador: João José Leal 50 Formato BMP (Formato BMP (ou DIBou DIB –– DeviceDevice--IndependentIndependent BitmapBitmap)) •Criado pela Microsoft •É um formato sem compressão, as imagens ocupam bastante espaço mas têm qualidade. •Os pixeis que representam a imagem são guardados numa matriz.
  51. 51. www.joaoleal.net Formador: João José Leal 51 GIF (GIF (GraphicsGraphics InterchangeInterchange FormatsFormats)) •É um formato com compressão mas sem perdas de qualidade. •Utiliza uma palete de 256 cores (8 bits). •O formato foi introduzido em 1987 pela CompuServe. •O GIF tornou-se popular porque utilizava compressão de dados LZW.
  52. 52. www.joaoleal.net Formador: João José Leal 52 • Devido ao pouco número de cores, o uso do formato GIF é aconselhado para ícones ou imagens que não precisam de muitas cores (ilustrações, por exemplo). • Possui transparência. • Possibilita a existência de camadas e criação de simples animações.
  53. 53. www.joaoleal.net Formador: João José Leal 53 PNGPNG ((PortablePortable NetworkNetwork GraphicsGraphics)) • O formato GIF utiliza o LZW que foi criado pela empresa Sperry Corporation, comprado posteriormente pela Unisys. Esta, em 1994, anunciou que este formato não seria livre. • Por isso, em 1996 foi lançado um formato criado para concorrer com GIF: o PNG.
  54. 54. www.joaoleal.net Formador: João José Leal 54 JPEGJPEG ((JoinJoin PicturesPictures ExpertExpert GroupGroup)) • É um tipo de ficheiro para armazenamento de imagens que pode trabalhar com esquema de cores em 24 bits. Isso significa que este formato aceita 16,8 milhões de cores. • O JPEG utiliza um algoritmo de compactação que se baseia na capacidade do olho humano. • Os arquivos podem ter diferentes níveis de compressão.
  55. 55. www.joaoleal.net Formador: João José Leal 55 • Versão simplificada do PostScript. •É um formato nativo do Adobe Acrobat Reader, Adobe Acrobat Professional e do Adobe eBook Reader. • Permite múltiplas páginas e ligações (links). As últimas versões permitem ainda a inclusão de vídeo, 3D, preenchimento de formulários, entre muitas outras opções. • Forma padronizada para enviar documentos na Internet.
  56. 56. www.joaoleal.net Formador: João José Leal 56 Outros formatosOutros formatos •PCX Formato desenhado para o paintbrush da Microsoft. •TIFF Formato muito usado por software de digitalização. •Xcf Formato usado pelo software GIMP. •Swf Formato nativo e não editável do Macromedia Flash •Skp Formato utilizado no programa Sketchup da Google.
  57. 57. www.joaoleal.net Formador: João José Leal 57 Que formato escolher?Que formato escolher?
  58. 58. www.joaoleal.net Formador: João José Leal 58 Imagens VectoriaisImagens Vectoriais As imagens vectoriais baseiam-se em fórmulas matemáticas.
  59. 59. www.joaoleal.net Formador: João José Leal 59 Numa imagem vectorial não acontecem perdas com o zoom na imagem.
  60. 60. www.joaoleal.net Formador: João José Leal 60 PhotoshopPhotoshop
  61. 61. www.joaoleal.net Formador: João José Leal 61
  62. 62. www.joaoleal.net Formador: João José Leal 62 As camadas (layers) permitem trabalhar num elemento da imagem sem interferir nos outros. É possível alterar a composição de uma imagem alterando a ordem e os atributos das camadas. CamadasCamadas
  63. 63. www.joaoleal.net Formador: João José Leal 63 Quando inserimos uma imagem sobre outra, passamos a trabalhar com duas figuras distintas numa mesma janela. O background, ou Plano de Fundo, é o layer (Camada), uma película transparente sobre a qual a segunda imagem é inserida. Uma mesma janela pode conter até 100 camadas em qualquer ordem gerando, assim, a imagem final. A grande vantagem desse recurso é que as imagens não se misturam, podendo ser manipuladas independentemente e apagadas a qualquer momento, sem que nada aconteça às outras.
  64. 64. www.joaoleal.net Formador: João José Leal 64 Camadas auxiliam-nos no trabalho quando um elemento na imagem pode estar separado em outras camadas sem influenciar na imagem. Devemos pensar em camadas como se fossem folhas de papel transparente onde podemos desenhar uma parte da imagem em cada folha e assim visualizar a parte de baixo naturalmente (logicamente que apenas a parte da imagem que a parte de cima não cobrir).
  65. 65. www.joaoleal.net Formador: João José Leal 65 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 esconder facilitando, assim, a aplicação de partes de imagens sobrepostas. Podemos unir as camadas, aplicar estilos individuais a cada uma delas, assim como filtros e efeitos distintos como se fossem imagens distintas também.
  66. 66. www.joaoleal.net Formador: João José Leal 66 A paleta Camadas (Layers) relaciona todas as camadas, todos os conjuntos de camadas e efeitos de camadas numa determinada imagem. Várias tarefas podem ser executadas nesta paleta, tais como: criação, ocultação, exibição, cópia e exclusão de camadas,…
  67. 67. www.joaoleal.net Formador: João José Leal 67 O painel das camadas é composto por três zonas importantes: parte superior parte central barra de ícones
  68. 68. www.joaoleal.net Formador: João José Leal 68 A parte superior apresenta as opções de Blending, Opacidade (Opacity), Bloquear(Lock) e Preenchimento (Fill). Parte SuperiorParte Superior
  69. 69. www.joaoleal.net Formador: João José Leal 69 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.
  70. 70. www.joaoleal.net Formador: João José Leal 70 Bloquear (Lock) – permite bloquear as quatro opções: transparência, imagem, posição e tudo. Preenchimento (Fill) – define a percentagem de preenchimento da camada.
  71. 71. www.joaoleal.net Formador: João José Leal 71 A parte central do painel é onde aparecem as camadas. Parte CentralParte Central
  72. 72. www.joaoleal.net Formador: João José Leal 72 A barra de ícones está localizada ao fundo na janela. Alguns destes ícones também aparecem noutros painéis com funções semelhantes. Barra de íconesBarra de ícones
  73. 73. www.joaoleal.net Formador: João José Leal 73 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.
  74. 74. www.joaoleal.net Formador: João José Leal 74 Adicionar uma máscara – permite adicionar uma máscara à camada seleccionada. Adicionar camada de ajuste – permite adicionar uma camada de ajustamentos ou preenchimento para aplicar uma tonalidade diferente à imagem final.
  75. 75. www.joaoleal.net Formador: João José Leal 75 Pasta (Novo Grupo) – permite criar uma pasta para colocar as camadas, oferecendo uma melhor organização sempre que existirem muitas camadas.
  76. 76. www.joaoleal.net Formador: João José Leal 76 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.
  77. 77. www.joaoleal.net Formador: João José Leal 77 www.joaoleal.netwww.joaoleal.net//moodlemoodle

×