Ferramentas Grficas Adobe Photoshop Bsico ndice Adobe Photoshop

INTRODUO ...............................................................................................................................2 O QUE SO OS SOFTWARES......................................................................................................3 REA DE TRABALHO...................................................................................................................3

Barra de menus File..............................................................................................................4 Barra de menus Edit .............................................................................................................6 Barra de menus Image .........................................................................................................8 Barra de menus Layers....................................................................................................... 11 Barra de menus Select ....................................................................................................... 12 Barra de menus Filter .......................................................................................................... 13 Barra de menus View.......................................................................................................... 16 Barra de menus Window..................................................................................................... 17 Barra de menus Help .......................................................................................................... 18
APRESENTAO DAS FERRAMENTAS.................................................................................... 19

Apresentao das ferramentas- Roll-ups ............................................................................... 20

APRESENTAO DAS FERRAMENTAS- ROLL-UPS................................................................ 21 TECLAS DE ATALHO ................................................................................................................. 22 ALGUMAS DICAS: ...................................................................................................................... 23

Ferramentas Grficas Adobe Photoshop Bsico Introduo Este treinamento apresenta conceitos bsicos dos Softwares Paint Shop Pro 5.0 e o Adobe Photoshop 5.0, na criao e manipulao de imagens a serem utilizadas em confeco de produtos W3. Estaremos trabalhando com os softwares Netscape Composer 4.05. Este treinamento tem como objetivo obter conhecimento bsico das ferramentas e tcnicas de tratamento de imagens, criao de icones para disponibiliz-los em Web Pages. A configurao mnima para execuo dos softwares a de um micro 486 DX4 com 8 Mb. de Ram e um disco rgido de 1.2 Gb. com 30% de seu espao livre para instalao. Contudo, estes softwares atingem um melhor desempenho em micros Pentium MMX com 32 Mb de Ram, com bom espao de disco rgido para armazenamento de imagens, pois estes arquivos tm por caractersticas serem de tamahos extensos.

Ferramentas Grficas Adobe Photoshop Bsico O que so os softwares O Paint Shop Pro 5.0 e o Adobe Photoshop 5.0 so softwares para edio, retoques e aplicaes de efeitos em imagens grficas, que so fotos e desenhos inseridos em publicaes, como por exemplo: revistas, jornais, livros, panfletos, home-pages, etc.... O Photoshop 5.0 um programa grande e complexo, o mais usado e preferido pelos especialistas em editorao e computao grfica para linha PC. Outros programas da mesma categoria usados no mercado so o Paint Shop Pro 5.0 e o Corel PhotoPaint e outros. Estes dois softwares possuem vrios recursos a serem dados, mas infelizmente no cabe aqui explicar todos eles. A idia do treinamento passar para vocs como fazer alguns ttulos, botes, banner para ilustrar uma home page. rea de trabalho

Ferramentas Grficas Adobe Photoshop Bsico Barra de menus File Neste menu, encontram-se os comandos que permitem abrir um novo arquivo ou imagem, salvar, escanear, configurar impresso e preferncias do programa.

1 (New) abre uma nova janela; (Open) abre arq. que j existe p/ editar seu contedo; (Open As) abre um arquivo cuja a extenso est errada ou quando seu nome no constar na lista apresentada na caixa do comando Open. Utiliza as mesmas extenses do comando anterior. 2 (Close) fecha o arq. que estiver ativo, sem encerrar o aplicativo. Se houverem modificaes que no foram salvas, abre-se a opo de salv-las antes de fech-lo;

(Save) permite salvar o arq. em disco atualizando-o caso no o tenha, ser pedido um nome atravs do mesmo comando Save As; (Save As) permite salvar o arq. com nome diferente do atual, permitindo assim obter-se vrias verses de um mesmo trabalho, ou mesmo nome em outro diretrio e/ou driver, ou ainda com extenses diferentes: *.PSD, *.PDD, *.JPG, *.TIF, *.BMP, etc... (Save a copy) permite salvar uma cpia da imagem exibida; (Revert) permite retornar a imagem ao estado que se encontrava antes de gravada.Ateno ao usar este comando, pois ele irreversvel.

Ferramentas Grficas Adobe Photoshop Bsico Barra de menus - File cont.

3 - (Place) inserir imagens (EPS file, PDF file); 4 - (Import) importar e exportar imagens; 5 - (Automate) Criar uma folha de contato, processar varias imagens em lote (simplifio de comandos) 6 - (File Info...) informaes de arquivo...; 7 - (Page Setup) configura pgina e imprime; (Print) remete a pgina para impresso; 8 - (Preferences) configura as ferramentas e utilitrios e Direes de cores;

9 - (Adobe Online) ; 10 - Aqui temos os ltimos arquivos acessados; 11 - (Exit) para finalizar o Photoshop.

Ferramentas Grficas Adobe Photoshop Bsico Barra de menus Edit Neste menu, esto os comandos que permitem a edio da imagem. 1 - (Undo All) este comando desfaz a ltima operao realizada ou refaz a operao que acabou de ser desfeita (Redo).
Ateno: s h um Undo/ Redo por operao.

2 - (Cut) corta o tem selecionado;

(Copy) copia o tem selecionado; (Copy Merged) copiar fundindo e colar; (Paste) insere a imagem ; (Paste Into) cola o objeto selecionado dentro de uma rea selecionada; (Clear) Remover, limpar a rea selecionada. 3 - (Fill) Preenche a rea selecionada com a cor, opacidade e modo escolhido.

Ferramentas Grficas Adobe Photoshop Bsico Barra de menus - Edit cont... 3 - (Stroke):Permite o preenchimento de uma borda ao redor da rea selecionada, como um contorno ou moldura.

4 - (Free transform e Transform) Estes comandos permitem girar, torcer, escalar e aplicar perspectiva a um objeto ou a uma imagem inteira. 5 - (Define Padro) Definir fundos especiais.

Importante: O padro definido no salvo automaticamente em nenhum diretrio. Se voc desejar criar uma biblioteca de padres, crie um diretrio e recorte a rea a ser definida como padro (com o comando Crop ou ferramenta Crop) e salve seu arquivo no diretrio criado utilizando o comando Save As.

Ferramentas Grficas Adobe Photoshop Bsico Barra de menus - Edit cont... 6 - (Purge) Limpa todas as quatro opes ao mesmo tempo: Undo, Clipboard, Pattern e Histories.

Esta opo tm uma desvantagem - voc perde o acesso ao que estiver eliminado. Portanto, no deve fazer o expurgo do contedo do Clipbord se for preciso colar mais tarde o que estiver nele. Alm disso, depois de expurgar o buffer Undo, voc no poder desfazer a ao imediatamente anterior ao expurgo.

Barra de menus Image 1 - (Mode)

Grayscale: Converte a imagem ativa para

escala de cinzas, composta por 8 bits de informaes por pixel e utiliza de 0 a 255 tons de cinza para simular a graduao de cor. Ao pedir este comando surge uma caixa para sua confirmao: Dicard color information? (Descartar informao de cor?), ao clicar em OK a imagem convertida para escala de cinza.

Duotone: Utilizado para converter apenas imagens Grayscale em monotones,

duotones, tritones e quadritones. O monotone mistura o cinza utilizando uma tinta que no seja a preta criando uma terceira cor; duotone, tritone e quadritone fazem o mesmo processo utilizando duas, trs ou quatro cores, respectivamente. Para escolher a cor, clique sobre a amostra de cor. Ao clicar no grfico, ser determinada a curva da cor, principalmente a sua mxima. Para cores escuras no use mais de 75%. O boto Save salva o duotone utilizado no diretrio escolhido; enquanto o boto Load permite abrir as configuraes de um duotone salvo.

Ferramentas Grficas Adobe Photoshop Bsico Barra de menus Image cont... RGB color : Converte a imagem para modo RGB, que reproduz 16,7 milhes de cores na tela utilizando apenas essas trs cores: Red (vermelho), Green (verde) e Blue (azul). As imagens RGB possuem trs canais e 24 bits por pixel. Somente os arquivos Bitmap no podem ser convertidos para RGB. CMYK color : Converte a imagem par o modo CMYK, que utiliza as quatro cores usadas na separao de cores no processo de impresso: C (cyan/ ciano), M (mangenta), Y (yellow/ amarelo) e K (black / preto). As imagens CMYK possuem quatro canais contendo 24 bits por pixel. Somente os arquivos Bitmap e Multichannel no podem ser convertidos para este modo. Lab color: Converte a imagem para o modo Lab, que utiliza trs componentes para representar as cores: L (Lightness / brilho), a (controla as cores entre verde e mangenta) e b (controla as cores entre azul e amarelo). Este modo formado por trs canais contendo 24 bits por pixel. Somente os arquivos Bitmap no podem ser convertidos para este modo. 2 - (Adjust): Algumas imagens necessitam de ajustes de brilho, contraste, intensidade, saturao etc... para que seja reproduzida melhor. Os ajustes existentes so variados e em grande nmero, portanto sero esclarecido no decorrer deste treinamento. Levels: Ajusta o brilho e o contraste da imagem atravs dos valores dos meios tons, sem alterar drasticamente as sombras (pixel escuros) e os hightlights (reas claras). Permite especificar qual a rea mais escura (conta-gotas preto), o meio tom (conta-gotas cinza) e a rea mais clara (conta gotas-branco). Com essa caixa de dilogo, voc pode ajustar rapidamente todos os tons dentro de uma imagem, quer seja cores ou escala de cinza.

Para aplicar os mesmos ajustes em mltiplas imagens, d um clique no boto Save na caixa de dilogo Levels para salvar um arquivo contendo as definies feitas. D um clique no boto Load p/ carregar essas definies de volta p/ a caixa de dilogo a qualquer hora.

Ferramentas Grficas Adobe Photoshop Bsico Barra de menus Image Adjust cont... Auto Levels: aplica um ajuste automtico. Ao manter pressionada a tecla ALT, torna-se Options, onde ser definido a proporo de preto (Black Clip) e de branco (White Clip). Ao pressionar ALT, o boto Cancel transforma-se em Reset, permitindo que a caixa volte as suas configuraes originais. O boto Save salva as configuraes no diretrio desejado e o boto Load, abre as configuraes salvas. Em Output altera-se o contraste da imagem, onde o tringulo preto representa as reas escuras; e o branco, as reas claras. Em Input Level altera-se o brilho da imagem, onde o tringulo preto representa as reas escuras; cinza, os meios tons; e o branco, as claras. Color Balance: permite a mudana das misturas de cores na imagem, define a parte da imagem que ser alterada: Shadows, reas escuras. Midtones, os meios tons. Hightlights, as reas claras. Movimente a seta em direo cor que precisa ser intensificada e afaste da que necessrio a reduo. Defina tambm qual canal de cor ser alterado. Brightness/Contrast: ajusta o brilho e o contraste da imagem ou seleo. Hue / satation : ajusta as cores (matizes), suas saturaes e brilho. Voc pode alterar uma cor por vez, conforme o modo de cor da imagem. Para imagens em RGB, altere R, G e B. Para imagens em CMY, altere C, M e Y. Em Master, todas as cores so alteradas ao mesmo tempo.

10

Ferramentas Grficas Adobe Photoshop Bsico Barra de menus Image Adjust cont... Hue a cor propriamente dita: Puxe a seta na direo da cor que precisa ser intensificada, afastando a cor que est sendo reduzida. Saturation a saturao da cor, a sua pureza. Para direita, aumenta-se saturao; para esquerda, diminui-se a saturao. Lightness o brilho da cor.Clolorize - transforma a imagem em uma escala da cor especificada em Hue. Desaturate: desatura totalmente as cores da imagem, deixando-a em escala de cinza. Replace color : modifica tambm a cor, saturao da cor e o brilho da imagem.
Selective color , Channel Mixer , Invert , Equalize , Treshold , Posterize, Variations.

O comando Invert freqentemente confundido com o comando Inverse, o qual reverte uma seleo. O Comando Treshold transforma as imagens em reas do preto e branco slido sem cinza. O comando Variations permite ajustar imagens baseado em pequenas miniaturas que mostram exatamente qual o efeito que as alteraes tero.

Barra de menus Layers

Nesta caixa de menu, encontra-se opes de criao novas camadas para imagens elaborada; duplicar uma camada e at realizar ajustes nas camadas

Maiores informaes sobre camadas abordadas no caderno de exerccios.

sero

11

Ferramentas Grficas Adobe Photoshop Bsico Barra de menus Select A maioria das Operaes iniciam com uma seleo. Este comando permite selecionar partes da imagem que no se tocam e voc pode combinar selees de vrias maneiras. Voc pode tambm fazer vrios modos - tais como pintar sobre a rea selecionada ou usar a ferramenta Pen para desenhar um contorno preciso da rea a ser selecionada. Voc tambm pode salvar as selees para o futuro.

1 (All) - seleciona toda a rea da tela; (Deselect) remove toda seleo ; (Reselect) retorna a seleo removida ; (Ivert) inverte a forma de seleo;

2 (Color Range) seleciona objetos pela faixa de cor;

3 - (Feather) seleciona pela caracterstica de rea da imagem e (Modify) seleciona setores modificados; 4 - (Grow) aumenta rea selecionada e (Similar) seleciona reas indnticas; 5 - (Transform Selection) transforma uma seleo. Geralmente difcil entender o efeito dessas transformaes em uma seleo sem experiment-la. 6 - (Load Selection...) leva a tela at a rea selecionada e (Save Selection...) grava rea selecionada.

12

Ferramentas Grficas Adobe Photoshop Bsico Barra de menus Filter

Neste menu contem diversos filtros que permitem acertar a imagem, encobrindo pequenos defeitos ou aplicar efeitos especiais. Os cincos filtros blur permitem suavizar as reas onde as arestas so agudas, removendo o contraste; Exemplos: (Artistic) cria efeitos de aquarela, pastel rugoso, lpis de cor, etc; (Blur) cria um leve efeito de embaamento que pode ser usado para diminuir o contraste e eliminar os defeitos em transies de cores; (Blur More) produz um efeito trs a quatro vezes maior que o comando anterior; (Gaussian Blur) permite controlar o embaamento desde uma leve suavizao at uma nvoa espessa que desfoca totalmente a imagem. Permite eliminar ou disfarar o moir das imagens escaneadas de impressos. (Radius) controla o nvel de embaamento (0 - 255). Quanto maior maior o efeito; (Motion Blur) cria a iluso de movimento. Reproduz o efeito de fotografar o objeto em movimento usando um alto tempo de exposio; Angle - controla a direo do movimento (-360 a 360). Pode-se arrastar o raio do circulo ao lado. Distance - controla a itensidade do embaamento (1 a 999).

(Radial Blur) produz um efeito de movimento na imagem, como se a cmera estivesse dando um zoom ou girando; Amount - Controla a itensidade do efeito (1 a 100). Blur Method - Spin, embaamento em crculos cocntricos, como se a imagem estivesse girando. Zoom, embaamento em linhas que se ampliam pelo centro. Blur Center - preview em forma wireframe (esqueleto) onde possvelarrastar o centro do efeito clicando e arrastando no ponto central. Quality - draft, mais rpida porm com resultado granulado. Best, resultado suave, porm demorado. Good, qualidade entre os itens anteriores.

13

Ferramentas Grficas Adobe Photoshop Bsico Barra de menus - Filter cont.

(Distort) produz efeitos de distoro geomtrica na imagem ou seleo; (Displace) usa um segunda imagem como um mapa de deslocamento, respeitando as configuraes da caixa; Horizontal Scale desloca para a direita ou esquerda, conforme o valor de cor da segunda imagem (mapa de deslocamento). Valor claro desloca para esquerda e valor escuro, para a direita. Vertical Scale desloca para a cima ou para baixo, conforme o valor de cor da segunda imagem (mapa de deslocamento). Valor claro desloca para cima e valor escuro, para baixo. Displacement Map: Stretch to Fit, transforma o tamanho da segunda imagem para que ela corresponda ao tamanho da imagem que estar recebendo o efeito. Tile, usa a segunda imagem como um padro de repetio.

Undefined Areas: Warp around, repete os pixels ao redor da borda da imagem para dentro; Repeat Edges Pixels, repete os pixels da borda da imagem para fora; (Pinch) comprime ou expande a rea selecionada, amount controla a itensidade do efeito (-100 a 100) valor negativos expandem a rea selecionada e valores positivos, comprimem; (Polar Coordinates) converte a rea selecionada ou imagem de uma forma para outra, convert retangular to polar estica objetos circulares, como se estivessem "derretendo" (Ripple) Produz um padro ondulante na seleo, como ondulaes na superfcie da imagem, Size define o tamanho da ondulao. Small, ondulaes pequenas. Median, ondulaes mdias. Large, ondulaes grandes e Amount, controla a intensidade do efeito. Estes so exemplos de alguns filtros existentes neste menu, mais informaes sebre filtros sero abordadas no caderno de exerccios.

14

Ferramentas Grficas Adobe Photoshop Bsico Barra de menus - Filter cont.

Exemplos de filtros:
Artistic, do outra aparncia a imagem, tornando-a com aspecto menos artificial; Blur, suavizam uma seleo ou imagem e so teis no retoque de fotografias; Brush Stroke, usado somente para um perfeito acabamento em seus trabalhos, usando diferentes tipos de Brush e efeitos; Distort, so usados para distorcer uma imagem geometricamente, criando efeitos plsticos e de 3D; Noise, permitem acrescentar ou retirar ruidos de uma imagem. Podemos remover problemas em reas especficas, criar texturas (como as usadas em papel de parede). Tambem so teis em dar uma aspecto mais realistico a reas retocadas. Pixelate, agrupam pixels em clulas; Render, permite criar um agrupamento de padres, variando as cores de primeiro (Foregroud) e segundo plano(Background) plano; Sharpen, permite melhorar o foco de uma imagem, aumentando o contraste dos pixels adjacentes; Sketch, permite criar efeito de arte-final em imagens; Stylize, permitem criar efeitos exagerados em imagens, deslocando os pixels; Texture, permitem acrescentar texturas a imagens; Other, so teis para trabalhar com mscaras (modificar)

15

Ferramentas Grficas Adobe Photoshop Bsico Barra de menus View Os elementos citatados nesta pgina referente a camadas, caminhos, guias e grades tero no decorrer deste treinamento, referncias mais detalhadas.

1 - (New View) modifica a visualizao do objeto; 2- (CMYK Preview) prvia CMYK e Alarme de Gamut; 3 (Zoom In) aumenta a imagem; (Zoom Out) diminui a imagem; (Fit on Screem) amplia ou reduz a imagem para visualizao na tela; (Actual Pixels) amplia para o tamanho dos pixels; (Print Size) imprimir no tamanho 4 - (Hide or Show Edges) remover ou exibir bordas; (Hide or Show Paths) remover ou exibir caminhos;

5 - (Show or Hide Rullers) exibir ou remover rguas na janela da imagem;

6 - (Show or Hide Guides) exibir ou remover guias; (Snap to Guides) prender as guias; (Lock Guides) ver guias; (Clear Guides) limpar guias;

7 - (Show ou Hide Grid) exibir ou remover grade e (Sanap to Grid) prender a grade.

16

Ferramentas Grficas Adobe Photoshop Bsico Barra de menus Window

Nesta caixa voc encontra uma lista de comandos que aparece quando voc clica na Barra de menus. Clique em um nome de menu para exibir uma lista de comandos utilizados para acessar vrias funes.

1 - (Cascade) exibe imagens em cascata; (Tile) exibe imagens de modo recortado; (Arrange Icons) organiza os icones ; (Close All) fecha todas as janelas de imagens; 2 - (Hide Tools) remove ou exibe as ferramentas na rea de trabalho; 3 - Os itens nestas reas do menu View so relativos a exibio ou remoo dos Roll-ups de auxlio que existem na rea de trabalho do Photoshop. 4 - Aqui temos tambm a exibio e informaes das imagens abertas no Photoshop.

5 - (Show Layers) exibe a palheta de layers (camadas); (Show Channels) exibe diversos canais ao mesmo tempo; (Show Paths) uma maneira efetiva para selecionar bordas com preciso 6 - (Hide History) Desfazer mais de um comando; (Show Actions) Automatizar um srie de passos 7 - (Hide Status Bar) remove ou exibe a barra de estatus

17

Ferramentas Grficas Adobe Photoshop Bsico Barra de menus Help (Help) neste menu o usurio solicita as caixas de Dilogo referentes a auxlio do manuseio do software ou informaes sobre o mesmo.

Anotaes:

18

Ferramentas Grficas Adobe Photoshop Bsico Apresentao das ferramentas A caixa de Ferramentas a nica caixa que estar sempre em tela ao abrir o PhotoShop, portanto no precisar ser acessada por nenhum menu. Se voc desejar escond-la temporariamente, aperte a tecla TAB, para traz-la de volta, aperte TAB novamente. A Caixa de Ferramenta engloba as ferramentas propriamente ditas, controle de cores, o controle de modos e o controle de janelas. Cada Ferramenta possui suas prprias configuraes de ponta de pincel (controlada pela Caixa Brushes) e opes (controlada pela Caixa Options). Para acessar estas duas Caixas, basta dar duplo clique em alguma ferramenta na Caixa de Ferramentas ou abri-las no menu Window > Palettes> Show Brushes / Options.

1 - Nesta rea, temos as ferramentas relativas a seleo e movimento de reas selecionadas. Ao pressionarmos o ponteiro do mouse sobre a ferramenta que apresenta um tringulo no canto inferior direito, sero exibidas outras ferramentas que se relacionam com funes e se encontram agrupadas na ferramenta inicial.

2 - Nesta rea, encontra-se as ferramentas relativas a pintura aerogrfica e com pincel; borracha e lpis (trao); carimbo e manchar (com dedo); aproximar reas (gota); clarear reas (lupa). Estas ferramentas so para realizar mudanas quanto a estrutura dos fundos da imagem. 3 - Nesta rea, temos ferramentas como (pena e texto); (trao e graduao) ; cor de fundo (balde) e captura de cor (conta gotas); move image (hand tool) e aumenta imagem (zoom tool), que so relativas a incluso, movimentao e aumento da imagem.

19

Ferramentas Grficas Adobe Photoshop Bsico Apresentao das ferramentas- cont. 4 - Os itens referentes a esta rea da Caixa de Ferramentas so referentes a mudanas de cores de primeiro plano (frontal) e do segundo plano (posterior) e exibio da janela em que se encontra a imagem. O tempo todo possui duas cores ativas - a cor de primeiro plano e a cor de plano de fundo. Voc pinta ou desenha com cor de primeiro plano, e se voc apaga pixels na camada Bacground o espao preenchido com a cor de plano de fundo. Apresentao das ferramentas- Roll-ups Roll-ups so caixas de dilogos auxilires das ferramentas, sendo portanto, de suma importncia sua utilizao em conjunto com ferramentas do software. Exemplo Show Navigator:

1 - Exibe a percentagem, na qual a imagem se encontra exibida. 2 - Ao clicar o ponteiro do mouse esquerda, a imagem ser reduzida na janela que o exibe. Ao clicar direita, a imagem ser ampliada. 2 a - Clique 2 vezes sobre este cone e... note que a exibio da imagem na rea de trabalho ser modificada (amplida). No Roll-up, a rea demarcada pelo contorno vermelho determina a parte exibida pela janela na rea de trabalho. Abaixo, pode-se notar a percentagem e a relao do ponteiro (tringulo) perante a ampliao. 3Deslise o tringulo com o ponteiro do mouse presionando sobre o mesmo; direita para ampliar a imagem e a esquerda para reduz-la.

4 e 4a - Ao clicar sobre o trngulo, localizado no canto superior direito do Roll-up, surgir uma menu. No exemplo, temos apenas o tem para alterar cores do destaque de ampliao/ reduo. 5 - Independente da ferramenta que esteja selecionada pelo usurio, exerce sempre uma funo de dar informao de falores do pixel da imagem editada na janela.

20

Ferramentas Grficas Adobe Photoshop Bsico Apresentao das ferramentas- Roll-ups Exemplo Show Info: Note que a pasta referente ao item Info se encontra no mesmo Roll-up, que se encontra o tem Navegator. Assim, basta apens clicar com o ponteiro do mouse para mudar a pasta do Roll-up. Exemplo: Ao posicionar o ponteiro do mouse na janela da imagem, (vlido para qualquer ferramenta selecionada), ser exibida informaes quanto a tonalidade RGB, no modo CMYK, posio do ponteiro e dimenso (no caso de reas selecionadas da imagem).

Anotaes:

21

Ferramentas Grficas Adobe Photoshop Bsico Teclas de Atalho

D x Q CTRL+ N CTRL+ O CTRL+ S CTRL+Shift+S CTRL+ P CTRL+Shift+P CTRL+Shift+V CTRL+A CTRL+D CTRL+Shift+I CTRL+Shift+D CTRL+F CTRL+ALT+F CTRL+ + CTRL+ CTRL+ L CTRL+Shift+L CTRL+ M CTRL+ B CTRL+ U CTRL+ I CTRL+ J

Selecione as cores padro (foreground - preto/background - branco) Altera as cores foreground e background Alterna entre os modos Quick Mask Mode e Standard Mode Cria um novo arquivo Abre um arquivo existente Salva o arquivo atual Atribui um novo nome ao arquivo atual (salvar como) Aciona a janela de impresso Aciona a janela de configurao de pgina Cola a imagem/texto dentro de uma rea previamente selecionada Seleciona todo o layer/imagem ativa Retira a seleo de qualquer rea/objeto previamente selecionado Inverte a rea selecionada Aciona a janela Feather Aplica o ltimo filtro acionado Abre a janela do ltimo filtro ativado para alterao nas suas caracteristcas Amplia (zoom) a rea visualizada Reduz a rea vizualizada Aciona a janela Levels (imagem/adjust - levels) Aplica Auto Levels (image/adjust - auto levels) Aciona a janela Curves (image/adjust - curves) Aciona a janela Balance (image/adjust - balance) Aciona a janela Hue-Saturation (image/adjust - hue-saturation) Aplica o efeito invert (negativo) na imagem (image/adjust - invert) Cria um novo layer com contedo baseado na seleo do layer atual

22

Ferramentas Grficas Adobe Photoshop Bsico Algumas Dicas: Os arquivos tem que ser pequenos para no prejudicar a transmisso de dados. Eles chegam atravs da linha telefnica, que no foi construida com esse objetivo, e por isso no suportam grandes quantidadesde bytes. fortemente recomendado que uma pgina no tenha mais do que 35Kb, incluindo as imagens. Alm disso, existe o limite por causa da hospedagem da pgina no servidor, que tem seu preo de aluguel diretamente ligado ao tamanho dos arquivos. Por exemplo, nos provedores, os clientes tm direito a uma rea grtis de 256Kb. Se os arquivos ultrapassarem esse espao, a rea passa a ser cobrada. A resoluo de imagens na Internet muito baixa: 75 d.p.i, portanto a qualidade da imagem cai drasticamente, comparando com uma imagem impressa tem uma grande diferena. A melhor coisa a fazer salvar uma imagem nos dois formatos e ver qual fica com o menor tamanho em bytes. Quanto menor o arquivo mais rpido e para carregar. Quando for construir uma imagem procure usar um tamanho (largura e altura) maior do que o desejado, pois voc pode ajustar o tamanho depois. Evite colocar muitas imagens numa pgina s, principalmente gifs animados.

Lembre-se que uma pgina no deve ultrapassar 35Kb. Se voc tiver que mostrar uma imagem que tem que ser vista em tamanhos maiores, use o recurso de Thumbnail, ou seja: coloque um a verso reduzida da foto, clicavel para uma pgina com foto maior. Assim, a pessoa clicar se tiver interesse e j estar preparada para esperar. No coloque qualquer gif, em qualquer lugar sem funo nenhuma, apenas porque ele bonito ou engraado.

23

Ferramentas Grficas Adobe Photoshop Bsico Caderno de exerccios: Como criar um novo arquivo

1 - Escolha a opo File, New 2 - Digite um nome para o arquivo na caixa de dialogo New. 3 - Escolha as unidades de medida e insira as dimenses para a altura do arquivo. 4 - Digite uma resoluo para o arquivo. Cada imagem que voc cria, inicia com um arquivo novo. Ao criar o arquivo novo, voc especifica suas dimenses, resoluo e modo de cor, dependendo do destino final do arquivo.

24

Ferramentas Grficas Adobe Photoshop Bsico Como criar um novo arquivo (continuao)

5 - Escolha o modo de cor no menu instantneo Mode. 6 - Escolha um (plano de fundo) para o arquivo. 7 - D um clique no boto OK. 8 - Inicie a trabalhar na janela do arquivo. Use a opo RGB para a Web e imagens de apresentao na tela, Bitmap para imagens em preto e branco; Grayscale para imagem em tons de cinza, tais como fotografias e CMYK para imagens que sero impressas. O que venha ser um Bitmap? So imagens de tom continuo que foram convertidas em srie de pequenos quadrados, ou elementos de figura, chamado pixels.

25

Ferramentas Grficas Adobe Photoshop Bsico Como mover uma imagem

1 - Escolha a ferramenta Move a partir da palheta Tool. 2 - D um clique e arraste a imagem para mov-la dentro de sua prpria tela de desenho. 3 - Arraste a imagem para outra janela a fim de copi-la para outro arquivo. Com a ferramenta Move, pode mover uma imagem dentro da sua janela ou arrast-la para outra janela de imagem. Em imagens sem diversas camadas, a ferramenta Move movimenta a imagem inteira; se existir diversas camadas em uma imagem, a ferramenta Move trabalha em camadas especficas ou camadas vinculadas. ("Como trabalhar com camadas") Dicas: medida que arrasta o cursor a fim de mover a imagem em linha reta para cima ou para baixo e para a esquerda ou direita, mantenha pressionada a tecla Shift. Ao usar a ferramenta Move em uma imagem sem camadas altera o plano de fundo (background) de uma camada. Para salvar o arquivo em um formato diferente do Photoshop, escolha primeiro a opo Layer, Flatten image para alterar a camada de volta para um background.

26

Ferramentas Grficas Adobe Photoshop Bsico Como alterar a porcentagem de zoom

1 - Escolha a ferramenta Zoom a partir da palheta Tool. 2 - D um clique e arraste na imagem para alment-la (zoom in) 3 - Use o comando Option+clique/alt+clique na imagem p/ reduzi-l (zoom out) 4 - Se voc deseja aumentar um rea especfica, d um clique e arraste o mouse para desenhar um contorno ao redor da rea que deseja aumentar. O Photoshop lhe permite visualizar imagens em qualquer tamanho do seu tamanho real. medida que voc trabalha no Photoshop, descobre que pode trocar entre as porcentagens de zoom freqentemente, ampliando a imagem para trabalhar nos detalhes e reduzindo-a para ter "uma viso geral" Dicas: O cursor da lente de aumento do zoom contm um sinal de ( + ) quando est ampliando e um sinal de ( - ) quando est reduzindo Para ampliar ou reduzir em uma percentagem especfica, d um clique na caixa de percentagem do zoom no canto inferior esquerdo da janela, digite uma nova percentagem e pressione Enter.

27

Ferramentas Grficas Adobe Photoshop Bsico Como visualizar janelas em modos diferentes

1 - D um clique no boto Standard Screen Mode na palheta Tool para ver a imagem na janela padro 2 - D um clique no boto Full Screen Mode with Menu Bar na palheta Tool para centralizar a imagem na tela inteira sem ocultar a barra de menus 3 - D um clique no boto Full Screen Mode na palheta Tool para preencher a tela com a imagem e ocultar a barra de menus.

Como visualizar partes diferentes de uma imagem usando o Show Navigator

A palheta Navegator uma maneira prtica de navegar rapidamente em uma imagem grande e ampliar ou reduzir partes da imagem, mantendo a viso de onde se est em relao imagem completa.

28

Ferramentas Grficas Adobe Photoshop Bsico Como trabalhar com guias no imprimveis

Acrescentando guia vertical e horizontal:

Para acrescentar uma guia horizontal e/ou vertical, proceda da seguinte maneira: View / Show Guides e View / Show Grids

Com qualquer ferramenta (Tools) selecionada, arraste a guia da barra horizontal ou vertical at o ponto desejado.

Para alinhar a guia com rgua, deixe pressionada tecla Shift enquanto arrasta guia horizontal ou vertical at ponto desejado.

a a a o

Dica: Enquanto arrasta a guia Vertical ou Horizontal, mantenha a tecla Alt pressionada para alternar entre as guias Horizontal e Vertical, ou vide e versa.

29

Ferramentas Grficas Adobe Photoshop Bsico Como trabalhar com rguas e guias no imprimveis

1 - Escolha a opo View, Show Rulers ou pressione a combinao ctrl+R para exibir as rguas. 2 - D um clique em uma rgua e arraste-a para criar uma guia. 3 - Use a combinao Ctrl + clique e arraste o mouse para mover uma guia; arraste-a at a rgua para exclu-la. 4 - Escolha a opo View, Hide Rulers ou pressione Ctrl + R novamente para ocultar as rguas. As rguas e guias no so impressas e no aparecem na tela se no visualizarmos uma imagem em qualquer programa diferente do Photoshop. Para alterar as unidades da rgua, d um clique duplo na rgua e escolha uma opo diferente no menu instantneo Units na caixa de dilogo Units & Rulers Preferences.

30

Ferramentas Grficas Adobe Photoshop Bsico Como recortar uma imagem

1 - D um clique e mantenha pressionada a ferramenta Marquee na palheta Tool e deslize o mouse para escolher a ferramenta Crop. 2 - D um clique e arraste sobre a imagem para definir a rea que voc deseja manter. 3 - D um clique e arraste sobre os pontos para ajustar o tamanho e formato do retngulo de recorte 4 - Pressione Enter para recortar a imagem ou pressione Esc para cancelar a operao.

Recortar (ou Crop) um procedimento que voc remove as partes indesejveis de uma imagem para que ela mostre somente o que voc quer ver. Se mudar de idia sobre qual parte da imagem deseja manter, pode mover o retngulo de recorte inteiro dando um clique e arrastando-o.

31

Ferramentas Grficas Adobe Photoshop Bsico Trabalhando com seleo

1- Selecionar uma rea geomtrica 2- Selecionar uma rea irregular 3- Selecionar uma coluna ou linha de pixels 4- Selecionar um objeto magneticamente Exemplos:

1- Escolha a ferramenta Marquee retangular ou elptica na palheta TOOL 2 - D um clique e arraste o mouse para definir uma seleo - mantenha a tecla Shift pressionada enquanto arrasta para criar a seleo perfeitamente circular ou quadrada. 3 - D um clique e arraste a seleo para mov-la. 4 - Para selecionar a imagem inteira, escolha a opo Select, All ou pressione a combinao Ctrl+A

32

Ferramentas Grficas Adobe Photoshop Bsico Trabalhando com seleo cont... Dicas: Para escolher diferentes ferramentas de seleo, d um clique e mantenha pressionada a ferramenta visvel e escolha uma ferramenta no menu flutuante que arece na tela. Para criar uma seleo de tamanho ou formato especficos, voc usa as ferramentas (Marquee Opitions) Voc tambm pode criar uma seleo selecionando as partes da imagem que voc no deseja incluir e, depois, invertendo a seleo resultante.

Voc tambm pode aumentar ou diminuir uma seleo. Crie uma seleo usando qualquer mtodo, escolha a opo Select, Modify, Expand para aumentar a seleo ou opo Select, Modify, Contract para diminu-la e por fim digite o nmero entre 1 e 16 pixels e d um clique no boto OK para ajustar a seleo.

Anotaes:

33

Ferramentas Grficas Adobe Photoshop Bsico Como alterar o tamanho ou resoluo de uma imagem

1 - Escolha a opo Image, Image size 2 - D um clique na opo Constrain Proportions para certificar-se que as propores da imagem permaneam iguais. 3 - D um clique na opo Resample Image para alterar o tamanho mas no a resoluo; escolha a opo Bicubic no menu instantneo Method. 4 - D um clique na opo Resample Image para desativ-la e vincular a resoluo ao tamanho da imagem. 5 - Para alterar o tamanho, escolha as unidades na rea Print
O tamanho e a resoluo esto estreitamente relacionados no Photoshop, portanto esses dois atributos de imagem so controlados atravs da mesma caixa de dilogo. Voc pode escolher o redimensionamento de uma imagem com ou sem alterar a sua resoluo (resampling); se voc permitir o resampling, a resoluo da imagem no se altera e, se no permitir, a resoluo da imagem aumenta ou diminui em proporo inversa ao tamanho da imagem. Evite aumentar uma imagem ou aumentar a sua resoluo se possvel. Para conseguir isso, o Photoshop precisa criar novos pixels na imagem e o software pode apenas tentar adivinhar quais as cores que os novos pixels devem ter. As imagens aumentadas freqentemente so borradas, com detalhes fora de foco.
* Bicubic (Mtodo de compactao de mais alta qualidade) * Bilinear (mtodo de compactao de qualidade moderada)

34

Ferramentas Grficas Adobe Photoshop Bsico

Como alterar o tamanho da minha tela de desenho

1 - Escolha a opo Image, Canvas Size. 2 - D um clique em uma caixa na grade Anchor para determinar onde o espao extra ser acrescentado. 3 - Digite novas medidas nos campos Width e Height (altura e largura). 4 - D um clique no boto OK para alterar o tamanho da tela de desenho.

Se uma imagem tem tamanho certo mas voc deseja obter mais espao nas suas laterais para trabalhar, pode acrescentar esse espao aumentando o tamanho da tela de desenho da imagem. Essa operao aumenta o tamanho do arquivo sem aumentar os elementos da imagem existente, preenchendo o novo espao com a cor do segundo plano (plano de fundo). Dica: Escolha a cor de plano de fundo antes de alterar o tamanho da tela de desenho.

35

Ferramentas Grficas Adobe Photoshop Bsico Como trabalhar na criao textos

1 - Type (cria um texto e cria uma nova camada Layer) 2 - Type Mask (cria um seleo em volta do texto, sem preencher com nenhuma cor, e sem criar uma nova camada Layer) 3 - Vertical Type (cria um texto na vertical) 4 - Vertical Type Mask (cria tambm uma seleo em volta do texto, sem nenhuma cor, s que na vertical)

D um clique na ferramenta Type na palheta Tool. D um clique na imagem onde voc deseja inserir o texto. Escolha uma fonte, tamanho e entrelinhamento. Escolha uma cor dando um clique na amostra de cores. D um clique no boto OK. Escolha uma opo de alinhamento dando um clique nos botes Left, Center ou Right Justified. Insira o texto na metade inferior da caixa de dilogo, e d um clique no boto Ok .

36

Ferramentas Grficas Adobe Photoshop Bsico Como trabalhar na criao textos

Leading (entrelinhamento dos caracteres) Tracking (espaamento entre uma linha) Auto Kern (ajuste entre as letras para obter o efeito visual mais uniforme) Anti-Aliased (suaviza os limites de uma imagem acrescentando pixels de cores intermedirias entre pixels contrastantes) Dica: Antes de inserir um texto verifique se a cor de foreground (primeiro plano) esteja definida coma cor que voc deseja para texto.

Para digitar sobre fotografias , use a ferramenta color sampler para escolher uma cor a partir da imagem - isso garante que a cor ir completar a imagem. Para transformar texto em pixels, voc tem que escolher a opo Layer, Type, Render Layer. Antes de transformar em pixels uma camada de texto, crie uma cpia dela e, depois torne-a invisvel.

37

Ferramentas Grficas Adobe Photoshop Bsico Como desfazer o ltimo comando e mais de um comando 1 - Escolha a opo Edit, Undo. 2 - Se mudar de idia, escolha a opo Edit, Redo. Os dois comandos mostram a ao que voc est desfazendo ou refazendo. Eles tambm contm o nome da operao que esta desfazendo ou refazendo. No se pode desfazer operaes que no afetam a imagem, tais como fazer alteraes nas preferncias ou alterar as cores de primeiro e segundo planos. Se for preciso desfazer mais de uma operao, usando a palheta History voc pode voltar passo a passo no processo de criao at o estado original de uma imagem, ou para qualquer ponto ao longo do caminho.

1 - Escolha a opo Window, Show History. 2 - No menu da palheta History, escolha a opo History Options.

3 - Insira o nmero de comandos que a palheta History deve exibir.

4 - Para excluir passos na palheta History sem afetar os passos adjacentes, d um clique na opo Allow No-Linear History. D um clique em um comando na lista para retornar a imagem ao seu estado logo antes desse comando. Ou arraste o comando para a lixeira a fim de remov-lo da lista sem remover o efeito do comando na imagem. Se est usando a opo Non-Linear History e volta para um estado anterior da imagem e faz uma alterao, essa alterao acrescentada lista de alteraes no final. Sem essa opo, todas as outras alteraes depois do ponto no qual voc voltou seriam excludas. Embora a opo Non-Linear History atravanque um pouco a palheta History, um a forma de deixar todas as suas opes em aberto. cont..
38

Ferramentas Grficas Adobe Photoshop Bsico

Pode criar um novo documento baseado em qualquer passo na palheta History arrastando esse passo at o cone New Document, o cone da mo na esquerda da parte inferior da palheta. O novo documento mostra a imagem com esse passo executado. Nesta mesma palheta temos tambm a opo de Actions, que automatiza uma srie de passos. Anotaes:

39

Ferramentas Grficas Adobe Photoshop Bsico Abrir uma imagem de vetor EPS e inserir dentro de outra imagem Para abrir: 1 - Escolha a opo File, Open, localize o arquivo que deseja abrir e d um clique no boto Open 2 -D o valor desejado da altura e largura da imagem 3 -Depois escolha o modo de cor (mode) e d um clique no boto OK, para abrir o arquivo Para inserir: Para incorporar imagens EPS ou PDF em uma imagem existente do Photoshop, use o comando Place. Ao inserir uma imagem, o Photoshop a coloca na imagem existente em uma nova camada que permite mov-la e redimension-la. O Photoshop permite converter arquivos EPS de vetor, tais como os criados pelo CorelDraw ou o Ilustrator, em imagens baseadas em pixels para que voc possa trabalhar com elas. Se pretende usar na tela a imagem que est convertendo, deve escolher uma resoluo baixa (72 pixels e escolher a opo Anti-Aliased). Pois essa opo borra levemente os limites dentro da imagem para que paream mais suaves em baixas resolues. Dica: EPS um formato de arquivo usado para imagens de bitimap, como no Photoshop, e imagens vetor, como nos programas de desenho como Ilustrator, Corel... Bitmap ou BMP um formato de um arquivo comumente utilizado no ambiente Windows (muito grande para ser utilizado na Internet).

40

Ferramentas Grficas Adobe Photoshop Bsico Salvar arquivos Se a imagem tem camadas, preciso escolher a opo Layer, Flatten Image antes de salv-la em qualquer formato diferente do formato do Photoshop.(PSD) O formato usado para as imagens na Web o GIF. usado para desenhos simples e imagens com cores slidas; as imagens fotogrficas tm uma aparncia melhor quando salvas no formato JPG. GIF - um formato de arquivo originado pela CompuServe e amplamente usado na Internet, ele utiliza 256 cores, e por isso no muito bom para fotos, mas permite que reduza bastante o nmeros de cores. O arquivo GIF compacta menos mas se descompacta mais rpido do que o JPG, e ainda tem a vantagem de poder ser transparente (GIF89a), animado e entrelaado. Entrelaado - permite que a imagem seja mostrada por inteiro e v se definido " melhorando o foco" , conforme for carregada em uma pgina na Internet.

Para gerar um arquivo transparente (GIF89a) escolha a opo Export

JPG - o formato mais freqentemente usado para fotos na Web. Ele proporciona um compresso incrvel que pode criar arquivos de imagem bastante pequenos; entretanto, quanto mais compresso se usa, maior a probabilidade de que a imagem seja visualmente degradada, portanto uma boa idia testar diferentes nveis de compresso em diferentes imagens. No edite arquivos JPG ou GIF, eles so comprimidos toda vez que voc os salva, portanto a qualidade da imagem diminui a cada compresso. Ento retorne ao arquivo Photoshop original para fazer as alteraes e, depois, salve-os novamente.

41

Ferramentas Grficas Adobe Photoshop Bsico Dica: Tenha sempre na sua rea de trabalho um diretrio PSD, pois neste diretrios que vo ser salvas as imagens no formato Photoshop (PSD) para preservar uma verso no comprimidas (em camadas). Os arquivos Baseline JPG so os mais compatveis com todos os navegadores da Web, os arquivos Baseline Optimized JPG no so compatveis com todos os navegadores, mas possuem cores melhores, e os Progressive JPG iniciam a exibio antes que o arquivo inteiro seja transmitido para o usurio, assim como os arquivos Gif entrelaados.

Anotaes:

42

Ferramentas Grficas Adobe Photoshop Bsico Como trabalhar com camadas (Layers) As camadas (Layers) permitem manter os diferentes elementos dentro de uma imagem organizadas para que voc possa mover, ocultar, duplicar e editar esses elementos sem afetar o resto da imagem. A Palheta Layer do Photoshop o centro de controle das camadas, permitindo que voc reordene, oculte e crie novas camadas. As camadas de ajuste especiais podem conter efeitos que existem independentemente dos elementos de imagem, o que permite revisar os efeitos atravs do processo de criao da imagem.

1- Escolha a opo Window, Show Layers para exibir a palheta Layers 2 - Para acrescentar uma camada, d um clique no boto Add Layer 3 - Para excluir uma camada, arraste-a at o cone da lixeira. 4 - Para alterar a ordem de empilhamento da camada, arraste-a para cima ou para baixo na palheta. 5 - D um clique na camada e escolha um modo no menu instantneo para alterar um mistura de camada 6- D um clique na camada e insira uma nova porcentagem no campo Opacity para alterar a opacidade de uma camada 7- D um clique no cone do olho ao lado do nome de uma camada para ocult-la 8- rea de trabalho Na palheta Layers, a camada superior equivale parte da frente e a camada inferior equivale parte de trs. Em outras palavras, a camada superior na palheta est na frente de todas as camadas mostradas abaixo dela.

43

Ferramentas Grficas Adobe Photoshop Bsico Trabalhando com camadas.... Para renomear uma camada: D um clique duplo no nome da camada que voc deseja renomear. Insira um novo nome no campo Name. D um clique no boto Ok para aplicar a alterao Para criar uma mscara de camada: A mscara de camada so partes de uma imagem que esto ocultas e no excludas. Usar mscaras uma boa maneira que permitem que a imagem transparea totalmente atravs da mscara.

Escolha a opo Windows, Show Layers. D um clique na camada que voc deseja mascarar. Faa uma seleo na imagem para definir a rea que ir ser mostrada atravs da mscara. D um clique no boto Add Layer Mask na palheta Layers. Use a combinao Alt+clique na miniatura da mscara da camada para ver a mscara de camada. Pinte na mscara de camada com preto, branco ou cinza para edit-la. D um clique na miniatura da imagem da camada para retornar a visualizao da camada.

Para excluir uma mscara de camada, arraste a sua miniatura para o cone da lixeira na palheta Layers; na caixa de dilogo, escolha a opo para descartar seus efeitos ou para aplic-los excluindo as partes da camada que foram mascaradas.

44

Ferramentas Grficas Adobe Photoshop Bsico Trabalhando com camadas.... Para criar uma mascara de camada com contedo de outra camada:

Escolha a opo Windows, Show Layers. Arraste a camada de mascaras p/ que ela fique abaixo de quaisquer camadas que voc deseja mascarar, use a combinao Alt +clique na linha que separa a camada de mscara prxima camada.

45

Ferramentas Grficas Adobe Photoshop Bsico Trabalhando com camadas.... Como criar chanfro em uma camada:

Escolha a opo File, New. Abrir um arquivo de Width = 640 e Height 61 pixels, inserir uma camada. Certifique-se de que a camada desejada est ativa.

2 - Escolha a opo Layer, Effects, Bevel and Emboss. 3 - Escolha um estilo de chanfro no menu Style. 4 - Insira valores de opacidade nas reas Highlight e Shadow. 5 - Insira valores nas opes Angle, Depth e Blur, e d um clique no boto OK para criar o chanfro.

46

Ferramentas Grficas Adobe Photoshop Bsico Aplicar filtros nas imagens Exemplo:

1 - Escolha a opo Filter, Styllize, Find Edges

47

Ferramentas Grficas Paint Shop Pro Bsico ndice Paint Shop Pro
INTRODUO ............................................................................................................................. 49 CONHECENDO A REA DE TRABALHO ................................................................................... 49 CRIANDO UMA NOVA IMAGEM ................................................................................................. 50 INSERINDO TEXTOS .................................................................................................................. 51 CONHECENDO ALGUMAS FERRAMENTAS: SELEO E CORTE .......................................... 52 CONHECENDO ALGUMAS FERRAMENTAS: EDITANDO IMAGENS ........................................ 53 IMAGE BROWSER ...................................................................................................................... 54 GRID E RGUA ........................................................................................................................... 55 TRABALHANDO COM LAYERS (CAMADAS)............................................................................. 56

Funes bsicas de layers..................................................................................................... 57 Unindo layers......................................................................................................................... 58

AUMENTANDO E DIMINUINDO O NMERO DE CORES ........................................................... 59 DEFORMAES EM IMAGENS.................................................................................................. 60 INSERINDO EFEITOS ................................................................................................................. 61 FILTROS...................................................................................................................................... 62

48

Ferramentas Grficas Paint Shop Pro Bsico

Introduo O Paint Shop Pro 5 um programa da Jasc Software. Este programa contm vrias ferramentas que permitem criar desenhos, pinturas, editar e retocar imagens. sofisticado suficiente para trabalhos profissionias e amigvel o bastante para iniciantes. Uma das grandes vantagens deste software a sua verso Evaluation (avaliao) que gratuita e disponvel para download na Internet. O fabricante alerta que o uso desta verso legal durante trinta dias. Depois de sessenta dias instalado em seu computador, o Paint Shop Pro no abrir mais. Ser necessrio ento adquirir a verso licensiada. Conhecendo a rea de Trabalho

49

Ferramentas Grficas Paint Shop Pro Bsico Criando uma nova imagem

Para criar uma nova imagem, basta escolher o menu File, item New. Pode-se tambm clicar neste boto existente na ferramentas.

barra

de

Ser exibida uma janela, que pedir por algumas especificaes: Em Width e Height, especificamos as dimenses da imagem. Em Resolution, a resoluo. necessrio tambm configurar a cor de fundo (em Background color) e o tipo da imagem (em Image Type)

50

Ferramentas Grficas Paint Shop Pro Bsico Inserindo Textos Para inserir texto em uma imagem, ser necessrio utilizar a ferramenta Text, existente na paleta de ferramentas. Basta clicar com o mouse sobre o boto da ferramenta e clicar sobre a imagem.

A janela Add Text ser exibida. Nela devemos digitar o texto a ser inserido e escolher as caractersticas que este texto ter, como a fonte, o estilo e o tamanho. O texto ser inserido na cor que est definida na Color Palette. Uma vez posicionado na imagem, o texto tratado com sendo tambm uma imagem, no sendo possvel realizar qualquer outra alterao por meio desta janela.

51

Ferramentas Grficas Paint Shop Pro Bsico Conhecendo algumas ferramentas: Seleo e corte

Zoom Clicando com o boto esquerdo do mouse, a visualizao da imagem aumenta; utilizando o boto direito do mouse, a visualizao diminui Corte Seleciona uma rea da imagem e descarta o restante. Selecione uma rea da figura e depois d um clique duplo com o mouse. A rea fora da seleo ser deletada Mover Move partes da imagem Seleo Seleciona uma rea da figura a partir de um quadriltero

Lao Seleciona uma rea da figura mo livre

Seleo Mgica Seleciona uma rea com cores iguais

Seletor de Cores Com o boto direito, seleciona a cor de trao; com o esquerdo, a cor de preenchimento

52

Ferramentas Grficas Paint Shop Pro Bsico Conhecendo algumas ferramentas: Editando imagens Deformao Gira e redimensiona a parte selecionada Pincel Clone Clicando com o boto direito do mouse, voc informa a rea a ser copiada. Utilizando o boto esquerdo do mouse, a rea informada reproduzida Substituio de Cor Substitui uma cor por outra Retocador Retoca partes da imagem, suavizando ou clareando-a Borracha Apaga partes da imagem Tube Permite pintar existentes. Spray a tela utiliozando "carimbos" (tubes)

Balde Preenche uma rea da figura com cor Texto Insere texto na imagem Linha Insere uma linha na imagem Formas Insere formas geomtricas na imagem

53

Ferramentas Grficas Paint Shop Pro Bsico Image Browser O image browser uma ferramenta do Paint Shop Pro que permite a navegao entre diretrios (como no Windows Explorer). Ao escolher um diretrio, o Paint Shop exibe pequenos botes de visualizao para cada imagem existente neste diretrio. Estas pequenas imagens so chamadas de thumbnails. Ao dar um duplo clique num thumbnail, a imagem correspondente aberta. Ao clicar com o boto direito do mouse sobre um thumbnail, um menu ser exibido, onde possvel deletar a imagem, renomela, copi-la, etc. Cada vez que o contedo de um diretrio exibido, criado um arquivo de nome pspbrwse dentro deste diretrio.

Para iniciar o Image Browser, clique em File e escolha Browse

54

Ferramentas Grficas Paint Shop Pro Bsico Grid e Rgua O Paint Shop dispe de duas ferramentas para facilitar a construo de Imagens. So elas o grid e a rgua. O grid uma grade que exibida sobre a imagem, que pode facilitar o posicionamento de objetos de forma alinhada. A rgua exibida na horizontal e na vertical, e as coordenadas so exibidas na barra de status. Para exibir o grid, clique em View, Grid

Para exibir a rgua, clique em View, Rulers

55

Ferramentas Grficas Paint Shop Pro Bsico Trabalhando com Layers (camadas) No Paint Shop Pro voc pode adicionar, remover e editar layers. At que os layers no sejam "fundidos", voc pode trat-los independentemente, editando-os sem alterar outras partes da imagem. Uma nova imagem criada contendo um layer: obackground. Toda imagem conter pelo menos este layer. Depois, voc pode adicionar quantos outros layers desejar. A quantidade de camadas que podeser criada numa imagem depende da memria do seu computador.

O modo mais fcil de trabalhar com layers utilizando a Layer Palete, que tambm d acesso a outra janela, a caixa de dilogo de propriedades do layer. possvel tambm trabalhar com layers atravs do menu Layers. Para exibir/esconder a Layer Palette, clique neste boto na barra de ferramentas Cada layer na Layer Palette exibido como um boto. Quando queremos trabalhar em um layer especfico, devemos deix-lo ativo, e para tornar um layer ativo basta clicar sobre seu respectivo boto.

56

Ferramentas Grficas Paint Shop Pro Bsico Funes bsicas de layers

Boto que informa que o layer est visvel. Clique-o para torn-lo invisvel. Boto que informa que o layer est invisvel. Clique-o para tornlo visvel. Adiciona um novo layer.

Apaga o layer ativo.

Boto que informa que a proteo para transparncia est desativada. Clique-o para ativ-la. Boto que informa que a proteo para transparncia est ativada. Clique-o para desativ-la. Controle de transparncia do layer. Clique e arraste para alter-la. Controla a maneira de como os pixels dos layers sero sobrepostos.

57

Ferramentas Grficas Paint Shop Pro Bsico Unindo layers Depois de trabalhar com vrias camadas, e se fazer todo trabalho com as mesmas, interessante "unir" estas camadas, ou seja, fund-las em um nico layer, para assim a imagem ocupar menos memria no seu micro. possvel unir todas as camadas de uma imagem ou apenas quais forem desejadas. Para unir layers, proceda da seguinte forma: Para unir todos os layers da imagem: Escolha, na barra de menus, Layers Escolha o item Merge, sub item Merge All (Flatten)

Para unir alguns layers da imagem: Deixe visveis somente os layers que voc deseja unir Escolha, na barra de menus, Layers Escolha o item Merge, sub item Merge Visible

Anotaes:

58

Ferramentas Grficas Paint Shop Pro Bsico Aumentando e diminuindo o nmero de cores Para aumentar o nmero de cores de uma imagem: Escolha, na barra de menus, o item Colors Escolha Increase Color Depth Escolha o nmero de cores desejado

Para diminuir o nmero de cores de uma imagem: Escolha, na barra de menus, o item Colors Escolha Decrease Color Depth Escolha o nmero de cores desejado

59

Ferramentas Grficas Paint Shop Pro Bsico Deformaes em Imagens O Paint Shop capaz de realizar uma srie de deformaes em imagens. Um modo de aplicar estas deformaes utilizando o Deformation Browser. Para acion-lo clique, na barra de menus, no item Image, escolha Deformations, sub item Deformation Browser. No Deformation Browser possvel escolher o tipo de deformao (em Deformation Name) e obter uma visualizao prvia da aplicao da deformao na imagem.

Anotaes:

60

Ferramentas Grficas Paint Shop Pro Bsico Inserindo Efeitos O Paint Shop pode aplicar vrios efeitos em imagens (ou em parte delas). Para aplicar os efeitos, clique, na barra de menus, em Effects e escolha o efeito desejado. Buttonize: Aplica uma borda tridimensional na imagem dando um aspecto de boto na mesma. Chisel: Aplica uma borda ao redor de toda seleo que lhe d a aparncia de objeto entalhado. Cutout: Cria a impresso de que uma parte da imagem foi removida, permitindo que se veja o que existe atrs dela. Drop Shadow: Aplica sombra na imagem.

Anotaes:

61

Ferramentas Grficas Paint Shop Pro Bsico Filtros Filtros alteram as cores dos pixels de imagens baseados na cor atualmente selecionada e nas cores dos pixels vizinhos. Os resultados obtidos ao se aplicar um filtro podem variar amplamente: desde pequenos ajustes certas caractersticas da imagem at grandes mudanas em toda imagem. A maneira mais prtica de se aplicar filtros atravs do Filter Browser. Para acion-lo clique, na barra de menus, em Image e escolha o item Filter Browser.

Anotaes:

62

Ferramentas Grficas Animation Shop

ndice Animation Shop

INTRODUO ............................................................................................................................. 64 A REA DE TRABALHO DO ANIMATION SHOP ....................................................................... 64 GIF'S ANIMADOS........................................................................................................................ 65 EXPLORANDO OS MENUS DO ANIMATION SHOP ................................................................... 66

Menu File .............................................................................................................................. 66 Menu Edit .............................................................................................................................. 67 Menu View ........................................................................................................................... 68 Menu Effects ......................................................................................................................... 68 Menu Window........................................................................................................................ 69 Menu Help ............................................................................................................................. 69
O ANIMATION WIZARD: COMEANDO A MONTAR UMA ANIMAO..................................... 70

Iniciando o Animation Wizard................................................................................................. 70 Primeiro Passo ...................................................................................................................... 70 Segundo Passo ..................................................................................................................... 71 Terceiro Passo ...................................................................................................................... 72 Quarto Passo ........................................................................................................................ 73 Quinto Passo......................................................................................................................... 74 Finalizando ............................................................................................................................ 75
TEXTOS COM EFEITO ................................................................................................................ 76

Entendendo o que .............................................................................................................. 76 Inserindo................................................................................................................................ 77

EFEITOS DE TRANSIO .......................................................................................................... 78

Entendendo o que .............................................................................................................. 78 Inserindo................................................................................................................................ 79

O OPTIMIZATION WIZARD O QUE ?....................................................................................... 80

Primeira Etapa....................................................................................................................... 80 Segunda Etapa...................................................................................................................... 81 Terceira Etapa....................................................................................................................... 82 Quarta Etapa ......................................................................................................................... 83

63

Ferramentas Grficas Animation Shop

Introduo O Animation Shop um programa que cria animaes a partir de uma ou de mltiplas imagens. A partir deste programa tambm possvel inserir efeitos e transies entre as imagens para aprimorar ainda mais as animaes criadas.

A rea de Trabalho do Animation Shop

64

Ferramentas Grficas Animation Shop Gifs animados O Animation Shop salva suas animaes no formato gif. Essas animaes so criadas a partir da exibio seqencial de vrias imagens, como num desenho animado. Veja:

...se montadas em sequncia, vo originar um passarinho voando.

65

Ferramentas Grficas Animation Shop Explorando os menus do Animation Shop Menu File

Animation Wizard Inicia o Animation Wizard New Inicia um novo arquivo Open Abre um arquivo existente Close Fecha um arquivo aberto Revert Descarta todas as alteraes feitas desde a ltima vez que o arquivo foi salvo Save Salva um arquivo Save As Salva um arquivo com outro nome Save Frame As Salva o frame selecionado como uma imagem Delete Apaga o frame selecionado Optimization Wizard Inicia o Optimization Wizard Page Setup Abre janelas para configurao de pginas para impresso (da animao ou do frame selecionado) Print Preview Abre janelas de visualizao da impresso (da animao ou do frame selecionado) Print Abre a janela para impresso (da animao ou do frame selecionado) Run Paint Shop Pro Inicia o Paint Shop Pro Preferences Abre janelas para alterar configuraes gerais do programa Exit Sai do Animation Shop

66

Ferramentas Grficas Animation Shop Menu Edit Undo [Paintbrush] Desfaz a ltima ao (no caso, Paintbrush) Cut Recorta o objeto selecionado para a rea de transferncia (memria) Copy Copia o objeto selecionado para a rea de transferncia (memria) Paste Cola o contedo existente na rea de transferncia Empty Clipboard Esvazia o contedo da rea de transferncia Insert Frames Insere um novo frame (do arquivo ou vazio) Propagate Paste Propaga a ao "colar"em todas as animaes Delete Exclui o objeto selecionado Duplicate Insere uma duplicata do objeto selecionado Go To Frame Vai at o frame especificado Reverse Frames Inverte a ordem dos frames selecionados Flip Gira a imagem em 180 graus Mirror Cria a imagem espelhada do objeto selecionado Resize Animation Altera o tamanho da animao Select All Seleciona todos os frames Select None Desfaz todas as selees da animao Frame Properties Altera propriedades do frame selecionado Animation Properties Altera propriedades de toda a animao

67

Ferramentas Grficas Animation Shop Menu View

Frames Exibe/oculta o arquivo em frames Animation Exibe/oculta o arquivo em animao Zoom /n Exibe o arquivo com zoom (ampliado ou reduzido) Actual Size Exibe o arquivo em seu tamanho natural Toolbar Exibe/oculta a barra de ferramentas (toolbar) Tool Palette Exibe/oculta a paleta de ferramentas (tool palette) Style Bar Exibe/oculta a barra de estilo(style bar) Color Palete Exibe/oculta a paleta de cores (color palete) Status Bar Exibe/oculta a barra de status (status bar)

Menu Effects

Image Transitions Adiciona/modifica efeitos de transio entre os frames Text Transitions Adiciona/modifica textos com transies nos frames

68

Ferramentas Grficas Animation Shop

Menu Window

Cascade Exibe todas as janelas de animaes abertas no modo cascata

Tile Ajusta todas as janelas de animaes na tela, uma ao lado da outra

Arrange Icons Alinha os cones das janelas de animaes minimizadas Close All Fecha todas as janelas de animaes abertas Duplicate Duplica a animao da janela ativa em outra janela

Menu Help

Help Topics Abre a janela com os tpicos da ajuda Jasc Software Online Links para a pgina da Jasc na Internet About Animation Shop Abre a janela Abaout do Animation Shop

69

Ferramentas Grficas Animation Shop O Animation Wizard: Comeando a montar uma Animao O Animation Wizard um guia que permite a construo de animaes de um modo bem simples. A montagem da animao feita com um assistente passo-apasso que permite que o usurio construa animaes sem grandes problemas. Iniciando o Animation Wizard Para iniciar o Animation Wizard, clique no menu File e escolha Animation Wizard. Na barra de ferramentas tambm existe um boto de atalho para o Animation Wizard. Basta clicar nele. O Animation Wizard monta uma animao em passos. Em cada passo o usurio informa algum tipo de configurao da animao. Para avanar um passo, basta clicar no boto Avanar existente em cada janela. Se for necessrio retornar algum passo, basta clicar no boto Voltar. Clicando em Cancelar em qualquer parte do Animation Wizard, a construo da animao ser cancelada e todas as configuraes que j tenham sido definidas sero descartadas Primeiro Passo No primeiro passo do Wizard, necessrio definir qual ser o tamanho total da animao. H duas opes para estas dimenses: Do mesmo tamanho do primeiro frame inserido ou Do tamanho especificado nos campos Width e Heigth.

70

Ferramentas Grficas Animation Shop Segundo Passo No segundo passo do Animation Wizard informamos a cor que serutilizada no fundo da animao. Ela pode ser transparente ou definida pelo usurio.

71

Ferramentas Grficas Animation Shop Terceiro Passo Nesta etapa, necessrio configurar o que o Animation Shop far se as imagens da animao possuirem tamanhos diferentes. Primeiramente configuramos o posicionamento das imagens. Este poder ser: Acima, no canto esquerdo do frame Centralizado no frame Ajusta-se tambm neste passo o preenchimento que ser utilizado quando uma imagem posterior for menor que a anterior. Este poder ser: A cor selecionada como sendo a cor do fundo (no passo anterior) O fundo do frame anterior

72

Ferramentas Grficas Animation Shop Quarto Passo Na quarta etapa do Animation Wizard informamos quantas vezes a animao ser exibida (o nmero de repeties da seqncia) e por quanto tempo cada frame ser mostrado (em centsimos de segundo)

73

Ferramentas Grficas Animation Shop Quinto Passo neste passo que definimos as imagens que sero utilizadas na nossa animao e qual ser a seqncia delas. Para adicionar uma imagem, clique em Add Image. Para remover uma imagem, clique em Remove Image. Para mudar a posio de uma imagem, clique em Move Up (para cima) ou Move Down (para baixo).

74

Ferramentas Grficas Animation Shop Finalizando Esta a ltima janela do Animation Wizard. Para finalizar o feitio da animao, basta clicar em Concluir.

75

Ferramentas Grficas Animation Shop Textos Com Efeito Entendendo o que O Animation Shop possibilita a insero de textos com diversos efeitos. Para entender melhor esta ferramenta, vejamos um caso onde a animao composta por dois frames, sendo cada frame uma foto: Duas fotos...

Formando esta animao (com dois frames):

Poderamos colocar em cada um desses frames um texto com efeito. Um possvel resultado seria o seguinte:

Fazendo isto, o Animation Shop automaticamente cria mais frames na animao, de modo a exibir o efeito de forma animada. O nmero de novos frames criados depende do efeito escolhido. Portanto, muitos efeitos nas animaes causam arquivos muito grandes e, conseqentemente, mais lentos para serem carregados em uma homepage.

76

Ferramentas Grficas Animation Shop Inserindo Para inserir textos com efeito em um frame, primeiramente selecione-o com o mouse Depois, clique, na barra de menus, no item Effects e escolha Text Transitions. Voc ver uma janela como esta, na qual ser digitado o texto a ser inserido, escolhido o efeito desejado, definido cores, posies e outros ajustes. Aps definir todas as configuraes desejadas, clique em Ok e o Animation Shop criar automaticamente todos os frames necessrios para montar o texto.

77

Ferramentas Grficas Animation Shop Efeitos de Transio Entendendo o que O Animation Shop pode tambm criar efeitos de transio entre slides. Para visualizarmos melhor esta ferramenta, vamos observar uma outra animao com apenas dois frames:

Podemos ento criar um efeito de transio entreestes dois frames, para assim criar um efeito mais suave na transio. Um possvel resultado obtido seria este:

Ao fazer estes efeitos, o Animation Shop cria novos frames automaticamente. Quanto mais efeitos inseridos numa animao, maior ser o nmero de frames, portanto, maior ser o arquivo.

78

Ferramentas Grficas Animation Shop Inserindo Para inserir efeitos de transio em um frame, primeiramente selecione-o com o mouse Depois, clique, na barra de menus, no item Effects e escolha Image Transitions. Voc ver uma janela como esta, na qual ser digitado o texto a ser inserido, escolhido o efeito desejado, definido cores, posies e outros ajustes. Aps definir todas as configuraes desejadas, clique em Ok e o Animation Shop criar automaticamente todos os frames necessrios para montar o texto.

79

Ferramentas Grficas Animation Shop O Optimization Wizard O que ? O Animation Shop possui uma ferramenta de otimizao que permite que se especifique o nvel da qualidade da imagem da animao versus o tamanho do arquivo. Esta ferramenta o Optimization Wizard, e iniciada toda vez que uma animao salva. possvel tambm iniciar o Optimization Wizard a paritr do menu File, item Optimization Wizard. O Optimization Wizard um assistente que, atravs de algumas etapas, solicitar ao usurio as informaes necessrias para configurar o arquivo. Para navegar entre as etapas, basta utilizar os botes Avanar e Voltar existente em todas as janelas do assistente. Clicando em Cancelar o Optimization Wizard ser cancelado em qualquer etapa do assistente. Primeira Etapa No primeiro passo do Optimization Wizard, informa-se qual ser o tipo do arquivo (Gif ou MNG). necessrio tambm informar se a animao a qual se est trabalhando ser substituda pela otimizada ou se uma nova animao ser criada.

80

Ferramentas Grficas Animation Shop Segunda Etapa Ao otimizar uma animao, voc pode escolher entre preservar a qualidade das imagens envolvidas e, conseqentemente, obter um arquivo de tamanho maior, ou comprometer um pouco a qualidade das imagens para obter um arquivo de tamanho reduzido. Existem quatro nveis de otimizao a serem escolhidos, e para cada nvel so exibidos os respectivos detalhes. O boto Customize permite que se altere detalhes da otimizao.

81

Ferramentas Grficas Animation Shop Terceira Etapa A terceira etapa apenas monitora a otimizao do arquivo.

82

Ferramentas Grficas Animation Shop Quarta Etapa Na quarta e ltima etapa do Optimization Wizard exibidodetalhes sobre a animao criada. Estes detalhes so especialmente teis para disponibilizao da animao na Internet. Para concluir o trabalho do assistente, basta clicar em Concluir.

83