Projecto Escola Inter@ctiva As Tecnologias no Ensino 4ª sessão: 17 de Novembro de 2005 TRATAMENTO DE IMAGEM A. PAINT SHOP PRO 8.0 (introdução) O PSP é um Software de edição e tratamento de imagem digital, em que é possível manipular as imagens de diferentes formas, através de ferramentas de diferentes tipos (de corte ou de rotação, por exemplo). É ainda possivel aplicar efeitos mais ou menos artísticos, entre os quais a anulação de olhos vermelhos ou riscos em fotografias, a colocação de diferentes fundos ou molduras, etc. Todas estas operações podem ser efectuadas individualmente, em diferentes camadas, o que facilita a sua remoção caso não se obtenha o resultado pretendido. A. Ambiente de Trabalho: A janela principal do programa (interface) é constituída por um ambiente de trabalho onde surgem as imagens rodeadas de diferentes barras e paletas. Tratamento de Imagem 1
B. Barra de Menus A Barra de menus contém uma lista de opções que, quando seleccionadas, disponibilizam os comandos necessários para executar tarefas relacionadas com a manipulação de imagens. C. Barras de Ferramentas O Paint Shop Pro apresenta oito barras de ferramentas. Cada barra de ferramentas agrupa comandos que operam numa determinada área do tratamento de imagem. A maior ou menor utilização de uma determinada barra de ferramentas ou paleta de controlo vai depender do grau de conhecimento ou dos interesses de cada utilizador. Cada barra de ferramentas pode ser personalizada pelo utilizador, com mais ou menos botões. É possível activar/desactivar uma barra de ferramentas através do menu View > Toolbars > Barra de ferramentas pretendida. Tratamento de Imagem 2
1. Barra de Ferramentas Padrão A Barra de Ferramentas Padrão inclui os comandos mais utilizados na manipulação de ficheiros, assim como a possibilidade de desfazer ou refazer comandos efectuados. 2. Barra de ferramentas Ferramentas (Tools Toolbar) A Barra de Ferramentas disponibiliza os comandos mais comuns na criação e edição de imagens. Normalmente esta barra surge fixa, do lado esquerdo do interface e na vertical. Algumas das suas ferramentas encontram-se agrupadas, podendo-se aceder a cada uma delas a partir de uma lista (selecção do símbolo).. Tratamento de Imagem 3
Tratamento de Imagem 4
Tratamento de Imagem 5
3. Barra de ferramentas de Fotos (Photo Toolbar) Uma das funções mais utilizada na edição fotográfica. Estão também disponíveis outros conjuntos de operações, cujo acesso é feito através da lista do botão Enhance Photo. 4. Barra de ferramentas de Efeitos (Effects Toolbar) Esta barra permite aplicar directamente os efeitos mais frequentes. Através do browser de efeitos poderemos pré-visualizar o resultado e as suas possíveis variações após a aplicação de um efeito numa imagem. 5. Barra de ferramentas do Browser (Browser Toolbar) Esta barra de ferramentas trabalha em conjugação com o Browser (gestor de imagens do Paint Shop Pro). Os comandos e funções que surgem nesta janela tornam-se activos a partir do momento em que se trabalha no Browser. 6. Barra de Ferramentas para a Web (Web Toobar) Esta barra de ferramentas permite aceder aos comandos mais utilizados na criação e edição de imagens, especificamente para a Web. Através desta transforma-se ou converte-se imagens de e para diferentes formatos, optimizando a sua utilização para a Web. 7. Barra de Ferramentas de Script (Script Toolbar) A possibilidade de criação de scripts é uma das capacidades que esta versão do Paint Shop Pro contempla. Script é um conjunto de ordens, normalmente em sequência, dadas numa determinada linguagem de programação. Tratamento de Imagem 6
D. Paletas de Controlo O Paint Shop Pro disponibiliza oito paletas de controlo que permitem a definição e a alteração de cores, ferramentas, materiais, camadas e várias outras características e propriedades que fazem parte do trabalho. Para além disto, tal como na barra de ferramentas, também as paletas de controlo poderão estar visíveis ou ocultas, ou serem movidas e arranjadas no espaço de trabalho, bloqueadas, etc. Podemos activar/desactivar uma paleta de controlo através do menu View > Palletes > paleta de controlo pretendida. 1. Paleta de Materiais (Materials Palette) A paleta de materiais permite a selecção de cores e materiais para desenho, preenchimento, pintura e retoque de imagens. 2. Paleta de visão geral (Overview Palette) Permite a visualização da imagem que se encontra activa, quer na sua totalidade quer parcialmente, alterando o valor de aproximação ou distanciamento (zoom) da imagem. Para além da opção de visualização, existe um separador que fornece informações acerca do seu tamanho, profundidade de cor, memória utilizada, posição do cursor e outras informações adicionais. 3. Paleta de camadas (Layers Palette) A utilização de camadas no Paint Shop Pro permite a criação de imagens onde, apesar de aparentemente serem vistas como uma única imagem, podem na realidade ser compostas por diferentes elementos, sendo que cada elemento se coloca numa camada diferente. 4. Paleta centro de aprendizagem (Learning Center palette) Paleta de acesso a um guia prático de aprendizagem do Paint Shop Pro. Este manual é interactivo e permite aprender a efectuar as operações mais comuns neste software. A língua utilizada no manual é o inglês. Tratamento de Imagem 7
5. Paleta de histograma (Histogram palette) Paleta de utilização mais profissional que fornece um gráfico com a distribuição das cores e outras características da imagem. 6. Paleta de saída de scripts (Scripts Output palette) Paleta que fornece informações acerca das acções efectuadas, mostrando ainda os resultados dos scripts executados. 7. Paleta de variações de pincel (Brush Variance palette) Fornece opções adicionais para alteração das características e propriedades dos pincéis existentes, como o Paint Brush, o Airbrush e o Warp Brush. Esta paleta utiliza-se com o auxílio de alguns ratos especiais e outros dispositivos de entrada, como as paletas electrónicas de desenho. E. Criação de uma imagem Disponível através do menu File > New. Na janela New Image é necessário a definição de todos os parâmetros da imagem. É importante saber a que se destina a imagem que se vai criar (impressão em papel, colocação na Internet, ), na medida em que a definição da resolução, da profundidade de cor e da transparência vai condicionar o seu resultado final, quer em aspecto, quer em espaço de memória ocupado. Tratamento de Imagem 8
F. Digitalização de imagens Uma outra possibilidade de criação de imagens no Paint Shop Pro é através da importação directa. Essa importação poderá ter três origens: captura de imagens existentes no ecrã; através da ligação a uma máquina fotográfica digital; através da ligação a um digitalizador (scanner). Na captura de imagens existentes no ecrã pode-se definir um conjunto de parâmetros, que vão afectar a forma como essa captura é feita: área a capturar, forma de executar a captura, inclusão ou não do cursor que está a ser utilizado correntemente, ou ainda a possibilidade de múltiplas capturas: Exemplo: 1. Abra o programa Paint Shop Pro, (Iniciar Todos os Programas Jasc Software Jasc Paint Shop Pro8); 2. Abra uma fotografia sua, (File Open localize e seleccione a fotografia); 3. Com a ferramenta de recorte (Crop Tool) seleccione apenas uma parte da imagem, de modo a obter uma fotografia tipo passe. Repare que na Barra de Opções de Ferramentas pode indicar as dimensões pretendidas. (Aproxime para 3X4 cm) 4. Faça duplo clique sobre a moldura para cortar pela selecção feita. 5. Ao gravar uma imagem, o PSP permite definir a extensão do novo ficheiro, o que determina o seu tamanho e a sua qualidade. 6. Experimente gravar a sua imagem com vários formatos de ficheiro: GIF, JPG, BMP e PNG. Qual o formato mais leve? Qual o que permite manter uma qualidade de imagem? Para descobrir: a. Guarde a nova imagem numa pasta criada no Ambiente de Trabalho, com o seu nome: File Save As e, em Guardar com o tipo seleccione um dos formatos anteriores. b. Volte a guardar a imagem, mas seleccionando outro formato. c. Repita para os restantes formatos. d. Abra a sua pasta no Ambiente de Trabalho e verifique se contém as suas 4 imagens. e. Na Barra de Botões Padrão seleccione Vistas e escolha Detalhes para visualizar o tamanho que cada ficheiro ocupa. Tratamento de Imagem 9
f. Abra as imagens no Visualizador de Imagens do Windows, para comparar a qualidade de cada fotografia. Seleccione o primeiro ficheiro, clique com a tecla direita do rato sobre ele e seleccione Abrir Com Visualizador de imagens do Windows. Utilize as setas de direcção para ver as outras imagens. 7. Explore os efeitos Exemplo 1: a. Abra uma imagem à sua escolha: File Open. b. Agora seleccione no menu Effects o submenu Ilumination Effects Sunburst c. Mova a cruz na imagem da esquerda e observe o que acontece. Exemplo 2: a. Abra uma imagem à sua escolha: File Open. b. Agora seleccione no menu Effects o submenu Effect Browser. c. Escolha três efeitos à sua escolha e grave as imagens na sua pasta. Tratamento de Imagem 10
B. ANIMATION SHOP 3.0 O Animation Shop 3 é um programa que cria animações a partir de uma ou várias imagens, botões ou banners animados para colocar em páginas Web ou apresentações. Na Barra de Botões Padrão encontra as duas ferramentas mais usadas deste programa: o Animation Wizard e o Banner Wizard. CRIAR UM BANNER OU BOTÃO ANIMADO? 1.1 Abra o programa Animation Shop; (Iniciar Todos os Programas Jasc Software Animation Shop 3) 1.2 Inicie o Banner Wizard clicando sobre o respectivo ícone na Barra de Botões Padrão. 1.3 Seleccione a cor do fundo da sua animação. Clique em Seguinte. 1.4 Indique o tamanho do Banner: pode optar por uma medida standard ou especificá-la. Clique em Seguinte. 1.5 Indique o tempo de duração da animação (1/10s ), quantas frames quer disponibilizar por segundo e quantas vezes é que a animação se repete. Clique em Seguinte. 1.6 Digite o texto pretendido no Banner ou botão e clique em Set Font para definir o tipo de letra, tamanho, etc. Quando terminar, clique em Ok. Clique em Seguinte. 1.7 Seleccione a cor do texto e clique em Seguinte. 1.8 Seleccione o efeito que irá animar o texto e clique em Customize para personalizar. Clique em Ok e em Seguinte. 1.9 Para ver o seu tecto animado aceda a View e escolha Animation. Em alternativa pode clicar com o botão direito do rato sobre as frames e seleccione View Animation. 1.10 Guarde o seu Banner: aceda a File, seleccione Save as, escolha o local onde o quer guardar e atribua-lhe um nome. Clique em Guardar. COMO CRIAR UMA ANIMAÇÃO? 1.1 Abra o programa Animation Shop; (Iniciar Todos os Programas Jasc Software Animation Shop 3) 1.2 Inicie o Animation Wizard clicando sobre o respectivo ícone na Barra de Botões Padrão. 1.3 Na primeira janela indique quais as dimensões da sua animação. Pode manter as dimensões da primeira imagem ou definir um tamanho fixo para todas as imagens. Clique em Seguinte. 1.4 Seleccione a cor para o fundo da sua animação. Essa cor será visível nas regiões em que as imagens não se sobreponham na totalidade. Clique em Seguinte. 1.5 No caso das imagens terem tamanhos diferentes, escolha onde posicionar a imagem mais pequena no canto superior esquerdo ou centrada. Escolha ainda qual o preenchimento do espaço restante com a cor seleccionada anteriormente, ou com a imagem anterior. Clique em Seguinte. 1.6 Indique se pretende que a animação se repita (pode optar por repeti-la infinitamente ou um certo número de vezes). Seleccione também a velocidade a que as imagens se sobrepõem, Tratamento de Imagem 11
indicando um número que será multiplicado pela escala 1/100 segundos (se escolher 20, cada imagem irá aparecer 20 1/100 = 1/ 5s ). Clique em Seguinte. 1.7 Seleccione as imagens que irão constituir a sua animação. Para isso clique em Add Image e escolha a imagem e clique em Abrir. Repita até ter todas as imagens que pretende na animação. Repare que pode alterar a ordem das imagens utilizando os botões Move Up e Move Down. Clique em Seguinte. 1.8 Clique em Concluir. A sua animação está pronta! 1.9 Para ver a sua animação aceda a View e escolha Animation. Em alternativa pode clicar com o botão direito do rato sobre as frames e seleccione View Animation. 1.10 Guarde a sua animação: aceda a File, seleccione Save as, escolha o local onde a quer guardar e atribua-lhe um nome. Clique em Guardar. C. SUPERGOO O SuperGOO é um programa de edição de imagem. Está organizado em duas partes: Fusion e Goo, que alternam entre si ao clicar sobre elas. Em Goo pode abrir uma imagem e aplicar-lhe vários efeitos, consoante as ferramentas seleccionadas Goo Brushes (Pincéis) ou Goo Effects (efeitos). Em Fusion pode abrir uma fotografia e adicionar-lhe acessórios (ex: bigode, chapéu, óculos de sol, etc.), podendo ainda alterar o tamanho desses objectos, ou combiná-los com caras já existentes numa biblioteca de componentes faciais. Ambas as partes têm botões In e Out para abrir ou guardar as imagens. Pode ainda importar imagens de um scanner ou máquina fotográfica digital. Exemplo: 1.11 Abra o programa SuperGoo; (Iniciar Todos os Programas Kai s SuperGoo Kai s SuperGoo) 1.12 Em Fusion experimente as ferramentas da esquerda na imagem inicial: Goo Brushes, (de tons quentes), permite esticar, deslocar, endireitar ou suavizar, etc. Goo Effects, (de tons azulados), permite distorcer, rodar, ampliar, reduzir, etc. Add Text, permite adicionar texto. Brush Size/Flow, permite alterar o tamanho do pincel e a??? Play Goovie, permite visualizar um filme com as imagens que foram adicionadas à película. Tratamento de Imagem 12
1.13 Em Goo experimente as ferramentas da esquerda, podendo optar por acessórios masculinos ou femininos: Show/Hide, permite mostrar ou esconder o acessório escolhido (óculos, chapéu, cabelo, olhos, nariz, boca e busto); Estas ferramentas podem ser combinadas com as da direita, que permitem redimensionar ou mover os acessórios. 1.14 No final do seu trabalho, guarde a sua caricatura: seleccione Out e de seguida seleccione Save Image, se quiser abrir a imagem em qualquer outro programa, ou seleccione Save Fusion se quiser voltar a alterar o trabalho no SuperGoo. 1.15 Para sair do programa seleccione Out e de seguida Quit. TPC Use a sua imaginação, o Animation Shop e o SuperGoo para fazer uma animação com uma caricatura sua! Tratamento de Imagem 13