ETI - Edição e tratamento de imagens digitais

Transcrição

1 Curso Técnico em Multimídia ETI - Edição e tratamento de imagens digitais 2 Fundamentos "Conserva o modelo das sãs palavras que de mim tens ouvido, na fé e no amor que há em Cristo Jesus." 2 Timóteo 1:13 1 Capítulo 2 Fundamentos

2 Contatos Carlos José twitter.com/carlosjoser2n 2 Capítulo 2 Fundamentos

3 Objetivo da Aula Entender a interface do Adobe Photoshop, formatos de arquivos e sistema de cor. 3 Capítulo 2 Fundamentos

4 Agenda n Área de trabalho n Caixa de ferramentas n Imagens vetoriais x Imagens raster n Formato de arquivos n Sistema de cor 4 Capítulo 2 Fundamentos

5 Área de trabalho 5 Capítulo 2 Fundamentos

6 Área de trabalho n Área de trabalho padrão do Adobe Photoshop: î 1. Barra de Menus Todas as opções de menu. î 2. Paleta Options Essa paleta ela e contextual, ou seja, ela muda de acordo com a ferramenta selecionada. î 3. Caixa de Ferramentas esta a nossa disponibilidade todas as ferramentas necessárias para trabalhar as imagens. 6 Capítulo 2 Fundamentos

7 Área de trabalho n Área de trabalho padrão do Adobe Photoshop: î 4. Barra de Titulo Traz informações importantes como: o nome da imagem, tamanho de zoom, formato do arquivo e o modelo de cor. î 5. Réguas As réguas do Photoshop têm a função de auxiliar na produção das imagens trazendo assim linhas guias. î 6. Tela de Pintura No Photoshop a janela de imagem você vai encontrar como CANVAS. 7 Capítulo 2 Fundamentos

8 Área de trabalho n Área de trabalho padrão do Adobe Photoshop: î 7. Barra de Status Traz informações como: tamanho de armazenamento da imagem, quando você aplica um filtro ela mostra o tempo decorrido e etc. î 8. Painel Color Traz as cores disponíveis para pintura, cores RGB, CMYK e até PANTONE. î 9. Painel Layer Esse é fundamental no Adobe Photoshop, sem ele não será possível criar as montagens, aplicar os ajustes de camadas, criar efeitos, enfim não será possível fazer nada. 8 Capítulo 2 Fundamentos

9 Área de trabalho n Área de trabalho padrão do Adobe Photoshop: î 10. Encaixe de painéis Os painéis que não estão em uso ficam recolhidos em forma de ícones. î 11. Painel Adjustments Este painel será utilizado para realizar ajustes nas imagens por meio das Layers. î 12. Workspace A área de trabalho(workspace) é totalmente configurável e já vem com algumas predefinições, possibilita ainda que o usuário crie o seu próprio workspace. Por padrão o Essentials é que será apresentado ao utilizar o Adobe Photoshop pela primeira vez. 9 Capítulo 2 Fundamentos

10 Caixa de ferramentas Observe que na parte inferior direita das ferramentas aparece um triângulo preto, este indica que existem outras ferramentas que fazem parte do mesmo grupo. Para exibi-las basta clicar na ferramenta e aguardar um pouco. 10 Capítulo 2 Fundamentos

11 Caixa de ferramentas Observe que na parte inferior direita das ferramentas aparece um triângulo preto, este indica que existem outras ferramentas que fazem parte do mesmo grupo. Para exibi-las basta clicar na ferramenta e aguardar um pouco. 11 Capítulo 2 Fundamentos

12 Imagens Vetoriais n Programas baseados em vetores, como o Adobe Illustrator, CorelDRAW ou até mesmo o Adobe Flash, usam a matemática, ou vetores, para desenhar as imagens. n Os programas vetoriais são mais adequados para as ilustrações. 12 Capítulo 2 Fundamentos

13 Imagens Rasterizadas n O Adobe Photoshop é um programa baseado em pixels (também conhecido como programa de mapas de bits ou imagens raster). î Em outras palavras, ele utiliza pixels, ou pequenos pontos de luz, para descrever, armazenar e manipular imagens no computador. 13 Capítulo 2 Fundamentos

14 Imagens Rasterizadas n A tarefa de converter uma imagem Vetorial em Pixel chama-se: Rasterizar. 14 Capítulo 2 Fundamentos

15 Imagens Rasterizadas 15 Capítulo 2 Fundamentos

16 Imagens 3D n Talvez você tenha ouvidor falar em Renderizar! 16 Capítulo 2 Fundamentos

17 Imagens 3D n O objeto 3D é vetorial, quando aplicado a renderização a este vetor, passará a ser uma imagem rasterizada, por tanto, uma imagem baseada em pixel. n Cada tipo de programa (vetorial ou raster), no entanto, pode complementar facilmente um ao outro. 17 Capítulo 2 Fundamentos

18 Imagens 3D 18 Capítulo 2 Fundamentos

19 Formatos de arquivo n O Adobe Photoshop é capaz de ler e gravar vários formatos de arquivos. Hoje em dia dispomos de muitos formatos de arquivos, mas gostaria de destacar os formatos que mais iremos trabalhar: î PSD, JPG, GIF, TIFF, PNG e PNG 19 Capítulo 2 Fundamentos

20 Formatos de arquivo n PSD î Salvar um arquivo no formato PSD preserva todas as layers (camadas), mask (máscaras), channels (canais) e seleções que você tiver criado. î Se você precisar retomar um trabalho finalizado anteriormente para atualizar qualquer coisa neste trabalho, o formato de arquivo PSD é o mais indicado neste caso. n A única desvantagem dos arquivos PSD é o tamanho de armazenamento. 20 Capítulo 2 Fundamentos

21 n JPG ETI - Edição e tratamento de imagens digitais / Carlos José Formatos de arquivo î As imagens JPEG (Joint Photographic Experts Group) de 8-bits possuem uma faixa de cor de 16,7 milhões de cores, que pode variar para mais modificando a quantidade de bits. î Devido à intensidade de cores disponível nesse formato, trata-se de uma boa opção para fotografias e imagens com variações de sombras, degrades ou combinações suaves de cores. î Infelizmente este formato não suporta transparência de background (segundo plano) na imagem. 21 Capítulo 2 Fundamentos

22 Formatos de arquivo n GIF î O GIF (Graphical Interchange Format) é um formato de arquivo que foi desenvolvido, inicialmente, pelos membros da CompuServe, para possibilitar o envio de imagens on-line. î Esse antigo formato ainda é usado atualmente e foi alvo de novas atenções, devido à sua capacidade de armazenar vários quadros de imagens que podem ser apresentados um após o outro gerando assim animações, o que ouvimos falar de GIF animado. Esse recurso fez do GIF um formato popular na Web. î As imagens GIF de 8-bits possuem uma tabela de cor de 256 tons de cores, também tem a característica de transparência de background (segundo plano) da imagem. 22 Capítulo 2 Fundamentos

23 Formatos de arquivo n TIFF î O formato TIFF (Tagged Image Format) é um bom formato multiplataforma, que usa o método de compactação LZW. î As imagens TIFF de 8-bits possuem uma faixa de cor de 16,7 milhões de cores, muitas das características do JPG, é uma boa opção quando é preciso usar uma imagem para impressão. 23 Capítulo 2 Fundamentos

24 Formatos de arquivo n PNG î O PNG (Portable Network Graphic), é um formato bem interessante, pois ele tem as mesmas características dos formatos já apresentados JPG e GIF. î O formato PNG esta dividido em: n PNG 8 formato com as mesmas características do GIF. n PNG 24 formato com as características do JPG. Independente do tipo PNG 8 ou PNG 24, é possível salvar as imagens com o background (segundo plano) transparente. 24 Capítulo 2 Fundamentos

25 Formatos de arquivo n EPS î O formato EPS (Encapsulated PostScript) é uma boa opção para a transferência de arquivos entre o CoreIDRAW e o Photoshop. î O Photoshop não é capaz de ler arquivos CDR (o formato de arquivo nativo do CoreIDRAW), mas lê perfeitamente arquivos EPS. î Você poderá exportar um arquivo CDR no formato EPS e abrir no Photoshop. 25 Capítulo 2 Fundamentos

26 Criando uma nova imagem n Nova imagem î Proceda da seguinte forma, na barra de menu > File > New..., ao abrir a janela de diálogo NEW, configure da seguinte forma: 26 Capítulo 2 Fundamentos

27 Criando uma nova imagem n Nova imagem 27 Capítulo 2 Fundamentos

28 Criando uma nova imagem n Nova imagem î Name: Aqui vamos dar o nome para a nossa imagem. î Preset: São algumas predefinições de formatos de páginas ou tela. î Width: Definimos a largura da tela. î Height: Definimos a altura da tela. î Resolution: Definimos a resolução da imagem em pixel de acordo com a mídia final. î Color mode: Definimos o padrão de cores da imagem, o melhor formato é o RGB Color. î Background contents: Definimos a cor de segundo plano da nossa imagem, bom eu acho melhor começar com a imagem transparente para depois criar um segundo plano mais agradável. 28 Capítulo 2 Fundamentos

29 Criando uma nova imagem n Nova imagem A resolução de uma imagem rasterizada é em pixel, como já aprendemos. No Adobe Photoshop é pixel/inch, neste caso inch significa uma unidade de medida pequena, mais precisamente polegada, isto quer dizer que a cada polegada temos uma aglomeração de pixels. Por exemplo: monitor = 72 pixel/inch; impressão = 300 pixel/inch; para Internet = 150 pixel/inch. Todas as funcionalidades do Adobe Photoshop, só estão disponíveis para Color Mode: RGB Color. RGB representa Red, Green e Blue os feixes de luz que combinados entre si formas todas as cores. 29 Capítulo 2 Fundamentos

30 Modos de imagem n Para ter acesso aos diversos modos de cores, proceda da seguinte forma, na barra de menu > Image > selecione a opção Mode. î Indexed Color n O modo Indexed Color é um subgrupo do RGB. Normalmente aplicados nos formatos de arquivos GIF. î RGB Color n Usada principalmente em trabalhos para ser apresentados em tela/monitor e na Web. î CMYK Color n Usado principalmente para imagens que deverão ser impressas. 30 Capítulo 2 Fundamentos

31 Perguntas? 31 Capítulo 2 Fundamentos

32 n Recursos adicionais: ETI - Edição e tratamento de imagens digitais / Carlos José Considerações Finais î Vídeo 01 Área de trabalho do Adobe Photoshop î Leia no meu blog sobre a Teoria da cor: Sistemas de cores: 32 Capítulo 2 Fundamentos