Iniciando o Photoshop CS3 Extended

Transcrição

1 PhotoShop CS3

2 Sumário Iniciando o Photoshop CS3 Extended... 1 Conhecendo o Photoshop CS3 Extended... 1 Criando um novo arquivo... 2 Salvando uma imagem... 5 Ferramentas... 8 Paletas Ajustando e manipulando cores Digitalizando e editando uma imagem Seleção e suas Propriedades Trabalhando com Cores Layers e suas propriedades Filtros Otimizando imagens Trabalhando com Textos Ferramenta Warped Text Actions Brushes Opção Blending Publicando Arquivos Publicando Arquivos Imprimindo arquivos Animação Trabalhando com objetos 3D... 72

3

4 Iniciando o Photoshop CS3 Extended Para iniciar o Photoshop CS3 Extended, utilize o botão Iniciar, opção Todos os programas, pasta Adobe Design Premium CS3 e escolha Adobe Photoshop CS3. Photoshop CS3 iniciado. Conhecendo o Photoshop CS3 Extended A janela do Photoshop CS3 Extended, como na maioria dos softwares, é composta pela Área de Trabalho, Barras de Ferramentas e outros componentes. 1

5 Os seguintes componentes fazem parte da janela do Photoshop CS3 Extended: Caixa de Ferramentas: contém as principais ferramentas de criação, manipulação e edição de objetos gráficos do programa. Barra de Opções: esta barra exibe as opções referentes à ferramenta que estiver sendo utilizada no momento. Barra de Menus: onde estão localizados os menus que contêm as opções do programa para manipulação de objetos gráficos e demais recursos. Paletas: grande parte das opções de recursos para manipulação de partes distintas de objetos gráficos aparece na forma de pequenas caixas suspensas denominadas Paletas. Dentre elas, temos: Layers, Actions, History, Swatches, etc. Criando um novo arquivo PIXELS Todo arquivo gráfico, como JPG, GIF ou BMP, são formados por pontos. Estes pontos são chamados de pixels. Para cada ponto ou pixel é atribuída uma cor que forma e define as características da imagem. Definindo sua imagem com 350x350 pixels, significa que ela conterá pontos. DPI É a sigla para Dot per Inch, ou seja, Ponto por Polegada. Definindo a resolução para 100 dpi, seu arquivo possuirá 100 pontos (pixels) por polegada. No Photoshop, é possível definir essa resolução, também em centímetros. 2

6 É importante lembrar que essa configuração é relativa à qualidade de impressão e ao modo que será visualizada na tela do computador. Um arquivo com 10x10 cm e 75 dpi é diferente de um de 10x10 cm com 300 dpi. Os arquivos são visualizados em tamanhos diferentes na tela, porém, na impressão, terão sempre 10x10 cm. RGB É a sigla para Red (Vermelho), Blue (Azul) e Green (Verde). Essa escala de cor, é relativa à luz emitida pelo monitor, ou seja, todas as cores que você vê na tela do computador são compostas apenas por essas três cores. CMYK É a sigla para Cyan (Ciano), Magenta (Magenta), Yellow (Amarelo) e Black (Preto). É a escala de cores relativa à impressão, ou seja, todas as cores que você vê num material impresso são compostas apenas por essas quatro cores. Para criarmos um arquivo, utilize o menu File, opção New. 3

7 Na caixa de diálogo New, você configura o novo arquivo que será criado. Onde: Name: é o nome do arquivo; Preset: é o tamanho (largura e altura) da imagem. Custom significa que medidas que você irá estabelecer; Width: é a largura da imagem (com unidades de medida em pixels, inches, cm, mm, points, picas ou columns); Heigth: é a altura da imagem (com unidades de medida em pixels, inches, cm, mm, points, picas ou columns); Resolution: é a resolução (quantidade de pixels por centímetro/polegada); Color Mode: são os tipos de padrão de cores para o arquivo (RGB, CMYK, Tons de Cinza, etc); Background Contents: é o fundo do arquivo, que pode ser branco, com uma cor estabelecida ou transparente; Botão Reset: ao segurar a tecla <Alt>, o botão Cancel se transforma em Reset. Sua função é desfazer todas as modificações; Botão Save Preset: salva a configuração que você estabeleceu. Janela do novo arquivo iniciada, de acordo com o que foi estabelecido. 4

8 Modificando um arquivo utilizando a ferramenta Brush Tool. Salvando uma imagem Qualquer modificação feita em um arquivo pode ser salva. Para salvar um arquivo, utilize o menu File e a opção Save. Caixa de diálogo Save As (Salvar como). Campo Salvar em, utilizado para indicar o caminho em que o arquivo será salvo. 5

9 No campo Nome do arquivo, dê o nome com o qual será salvo, e no campo Format escolha qual formato deseja para salvar, o padrão do Photoshop é o.psd. Clicando no botão Salvar, concluirá. É possível também utilizar o recurso Save As (Salvar Como). Menu File, opção Save As. Caixa de diálogo Save As. Pode-se salvar uma cópia desse arquivo, de preferência com outro nome Esse recurso é importante caso você queira alterar uma imagem aberta, mas preservar a original. Entenda os formatos de arquivos do campo Format. 6

10 Veja alguns dos formatos mais usados: PSD (PhotoShop Document): Formato nativo do Photoshop. É grande e possui propriedades de qualidade imbatíveis, aceitando todos os modos de cores. Não é o formato adequado para a Web, porém é útil para conservar propriedades comuns, como camadas editáveis, na hora de planejar o seu site. BMP (Bitmap): Formato gráfico padrão para imagens do tipo bitmap no Windows. O bitmap é representado, na memória do computador, como uma grade de linhas e colunas de pontos. Em geral, os arquivos BMP representam o tamanho "natural" (não-compactado) da imagem. São maiores que os arquivos JPG e por isso não são utilizados na Web. JPG ou JPEG (Joint Photographic Experts Group): Arquivo de imagem produzido mediante processo de compactação, com perda de definição. É utilizado comumente na Web como formato padrão de fotografias, uma vez que possui maior qualidade de definição que o GIF com tamanho reduzido em relação ao TIFF ou BMP. Quanto menor o tamanho do arquivo, pior a definição da imagem. GIF (Graphic Interchange Format): Tipo compactado de imagem bitmap, que está entre os mais usados na Web. É comumente usado em pequenas animações e sua resolução máxima é de 256 cores. PNG (Portable Network Graphics): Similar ao GIF, é suportado pelos dois principais browsers, Internet Explorer e Netscape Navigator. Sua diferença básica em relação ao GIF é que este se baseia numa tecnologia patenteada pela Unisys, que já ameaçou cobrar sobre o uso desse tipo de imagem. O GIF, ao contrário, utiliza uma tecnologia totalmente livre. TIF ou TIFF (Tagged Image File Format): Outro arquivo bitmap, muito usado em imagens produzidas por scanners, pelo seu excelente padrão de qualidade. É muito pesado para a Web, mas é ideal para folders publicitários, por exemplo. Para finalizar, selecione uma extensão desejada e utilize o botão Salvar. 7

11 Ferramentas Trabalhar com o Photoshop tornou-se cada vez mais proveitoso, com a atualização de suas ferramentas. Elas facilitam muito o trabalho, com diversas aplicações. A Barra de Ferramentas divide-se em 4 partes. Ferramentas de Seleção São compostas por 6 ferramentas. Esse grupo é responsável por selecionar imagens ou parte delas, movê-las, cortá-las, etc. Algumas ferramentas possuem o botão drop-down, com mais opções. Marquee Tool: Faz seleção retangular, elíptica ou uma simples linha horizontal ou vertical. Lasso Tool: Permite uma seleção a mão livre, de acordo com os movimentos do mouse. Pode ser poligonal ou também com uma linha magnética, que se prende às extremidades de uma figura. Crop Tool: Faz uma seleção que determina a dimensão futura da imagem, ou seja, cria uma seleção que será a nova dimensão estabelecida. Move Tool: Permite mover imagens, camadas ou seleções em um arquivo. 8

12 Magic Wand Tool: Cria seleções com ajuste automático por meio do reconhecimento da similaridade de cores e formas. Slice Tool: cria slices (fatias) na imagem, ou seja, áreas retangulares de uma imagem que podem ser utilizadas para criar links de páginas para Web. Ferramentas de Desenho Compostas por 8 ferramentas. Esse grupo é responsável por desenhar, aplicar cor, apagar e editar imagens, etc. Todas possuem o botão drop-down, com mais opções. Healing Brush Tool: Possui três ferramentas que fazem o papel de "curar" uma imagem, ou seja, de recuperar trechos usando transferência de pontos da figura e alterações de cores. Clone Stamp Tool: É uma espécie de carimbo, que transfere partes de uma imagem. Também é possível aplicar texturas com ela. Eraser Tool: É a borracha. Ela apaga trechos de uma imagem, e plano fundo e também áreas delimitadas por cores e formas. Smudge Tool: Permite borrar, desfocar e aumentar a nitidez da imagem. 9

13 Pencil Tool: Permite o desenho a mão livre, com traços nítidos, tipo pincel e aerógrafo. Também é possível substituir cores numa figura. History Brush Tool: Permite apagar somente os traços feitos pela ferramenta Pincel/Lápis. Também aplica efeitos artísticos variados de pincel. Paint Bucket Tool: Preenche áreas com cores. Também aplica degradê. Burn Tool: Permite escurecer, clarear e alterar a saturação das cores de uma imagem. Ferramentas de Caminhos, Formas e Texto Essas ferramentas são responsáveis por texto, linhas e formas. Possuem 4 ferramentas e todas elas possuem opções no botão drop-down. Path Selection Tool: Indica e movimenta seleção de segmentos, exibindo pontos extremos de objetos e linhas criados pela ferramenta Caneta. Pen Tool: É a ferramenta Caneta. Permite desenhar demarcadores à mão livre. Além disso, tem opções para adicionar ou excluir pontos em linhas e alternar entre segmentos retos e curvos. Text Tool: Possibilita o uso de texto horizontal, vertical e máscaras para esses tipos de texto. 10

14 Line Tool: Permite o uso de linhas, retângulos, elípses e formas personalizadas. Ferramentas de Auxílio Compostas por 4 ferramentas, elas auxiliam no trabalho com as outras. Algumas possuem opções no botão drop-down. Notes Tool: Permite a inserção de um comentário na área de desenho ou ao seu redor, permitindo adicionar textos, explicando determinado recurso utilizado, que só será exibido quando solicitado. Também é possível adicionar um arquivo de áudio. Hand Tool: Permite modificar o enquadramento de uma imagem na tela através do movimento do mouse. Eyedropper Tool: Funciona como um conta-gotas, que captura cores de um determinado ponto ou vários. Há uma opção para exibir medidas em uma figura. Zoom Tool: Permite aproximar ou afastar a visualização de uma imagem. 11

15 Foreground e Background Colors: define a cor de primeiro plano (usada pelas ferramentas de desenho) e de segundo plano (fundo). Quick Mask Mode: ativa os modos de máscara rápida, para aplicação de modificações, sem alterar o aspecto original do conteúdo da camada. Screen Modes: modos de visualização das janelas do programa. Paletas Paletas são as pequenas janelas com recursos ou opções que auxiliam o uso das ferramentas. Além disso, facilitam e melhoram o trabalho, com inúmeros efeitos. Elas são habilitadas pelo menu Window, na Barra de Menus. As marcações indicam qual paleta, barra ou painel está habilitado. As principais e mais usadas são: Character: destinada às propriedades da ferramenta Texto, com opções para alterar fonte, cor, tamanho, etc. 12

16 History: cada ação (comando) realizada em um documento, é gravada nessa paleta, indicando as 20 últimas que você aplicou. É importante para localizar um procedimento executado ou até mesmo repará-los. Layers: é a paleta que contém as camadas do arquivo. Nela, pode-se criar e editar camadas, usando efeitos e ordená-las. Navigator: exibe uma miniatura do conteúdo do documento. Serve para navegarmos pela extensão da área de trabalho e também alterarmos o zoom. Paragraph: também destinada à ferramenta Texto, com diferentes tipos de parágrafo e alinhamento. 13

17 Swatches: é a paleta de cores onde podemos escolhê-las e também adicionar novas cores. Ajustando e manipulando cores No uso de editores gráficos, é importante saber trabalhar com cores. O Photoshop CS3, assim como outros softwares gráficos, possui vários modos e ajustes de cores. Você já viu que existe uma grande gama de cores para aplicação em desenhos com a ajuda das várias ferramentas existentes. Veremos agora, como utilizar alguns recursos de manipulação de cores. Menu Image, constantemente utilizado para manipulação de cores. 14

18 Nele, pode-se alterar padrões de cores, trabalhar com contraste, ajustes de cores, gradiente, etc. O menu Window contêm a paleta Channels (canais). Essa paleta mostra os canais de cores, ou seja, as cores e tons que existem em determinado modo numa imagem. No menu Image, opção Mode, existem vários padrões (modos) de cores. Modo Grayscale selecionado. Canais na paleta Channels. 15

19 Alguns modos e como a imagem se comporta com cada um deles: Bitmap Usa as cores preta e branca para representar os pixels da imagem. É possível usar esse modo na criação de um arquivo. Essa opção bitmap só pode ser aplicada depois que seu arquivo for modificado para o modo Grayscale. Indexed Color Reduz a qualidade convertendo a imagem para um padrão 8-bit, com no máximo 256 cores. CMYK Color 16

20 Modo que utiliza as chamadas "cores de impressão": Cyan (azul ciano), Magenta (magenta), Yellow (amarelo) e BlacK (preto). As cores são compostas pela variação do grau entre elas, de 0 a 100. Multichannel Utiliza 256 níveis de cinza para cada canal (cor). Menu Image, Adjustments, opção Selective Color. Caixa de diálogo Selective Color. 17

21 Esse recurso consiste na adição ou subtração dos tons pela seleção das cores no campo Colors, para arquivo nos padrões RGB e CMYK. Mesmo se o arquivo estiver no padrão RGB, os níveis ajustáveis são as cores que compõem o padrão CMYK (Cyan, Magenta, Yellow e Black). Colors: São os tons de relacionamento com a imagem a ser tratada. Por exemplo: escolhendo o Vermelho, somente essa cor será alterada. CMYK Levels (Cores e Níveis): São as variações que se pode dar a uma cor escolhida. Varia de -100 a Por exemplo: para a cor vermelha e nível -100 de Yellow (amarelo), o vermelho se tornará lilás, pois, da mistura que compõe o vermelho, será subtraído o amarelo. Níveis da cor vermelha alterados. Comparação com os níveis alterados. Opção Hue/Saturation. 18

22 Edição Seleciona qual cor será alterada na figura. A opção Master engloba todas as cores da figura. Cor Cor que será aplicada na figura. Saturação É a quantidade de cor que será aplicada à figura. Brilho É a luminosidade. Varia do branco ao preto. Cor amarela editada com os valores de cor, saturação e luminosidade. Outros recursos da opção Adjustments, do menu Image: Levels Altera os tons claros, médios e escuros da imagem. Auto Levels Ajusta automaticamente os tons claros, médios e escuros. 19

23 Auto Contrast Ajusta automaticamente o contraste da imagem. Auto Color Ajusta automaticamente a distribuição dos níveis de cores numa imagem. Color Balance Faz um balanço geral na imagem, alterando o nível de acentuação de tons entre as cores Ciano, Magenta, Amarela, Vermelha, Verde e Azul. Brightness/Contrast Define o brilho e o contraste na imagem. Não é aconselhável o uso para grandes arquivos a serem impressos, pois prejudica a qualidade. Desaturate Converte a imagem em tons de cinza mantendo seu padrão, seja CMYK, RGB ou outros. Match Color Ajusta brilho e intensidade de cor. Também integra padrões de cores entre arquivos abertos. Replace Color Seleciona cores específicas em uma imagem e que podem ser substituídas por outras. Channel Mixer Altera a quantidade de cor entre aquelas que compõem um determinado modo, seja ele CMYK ou RGB. Gradient Map Converte as cores da imagem, conforme as cores do gradiente. 20

24 Photo Filter Simula o recurso usado pelos fotógrafos que utilizam, por exemplo, um filtro azul para fotografar o pôr-do-sol. Isso equaliza a acentuação de uma única cor. Com o Photo Filter você pode escolher entre várias cores e seu grau de atuação. Shadow/Highlight Altera o grau de luz e sombra, clareando e escurecendo as cores da imagem. Invert Inverte todas as cores da imagem baseadas no princípio das cores inversas e complementares. Por exemplo: o inverso da cor vermelha é a cor verde. Exposure Ferramenta exclusiva dessa versão. Ajusta tons (brilho, sombra e cor) de imagens HDR (High Dynamic Range) ou imagens com alta faixa dinâmica. Equalize Ajusta automaticamente valores de brilho na imagem. Threshold Converte a imagem em preto e branco, com possibilidade de ajuste de contraste. Posterize Especifica o número de tons de cores da imagem. Quanto mais tons, maior a qualidade da imagem. Quanto menos, menor a qualidade. 21

25 Variations Permite ajustar o balanço entre as cores e o contraste através da exibição de miniaturas, com alternativas. Digitalizando e editando uma imagem Para digitalizarmos imagens, utilizaremos um periférico de entrada chamado Scanner. Através dele poderemos transformar qualquer material impresso em uma imagem digitalizada. Para digitalizar uma foto, utilize o menu File, opção Import e escolha o nome do Scanner, WIA- ColorPage-Vivid 1200XE. Controlador do Scanner. 22

26 Utilizando o botão Visualizar, a imagem já pode ser pré-visualizada. Imagem digitalizada, exibida na área de trabalho do Photoshop CS3. Caso a foto contenha algum "defeito", utilize os recursos de luminosidade. 23

27 Seleção e suas Propriedades A seleção é um dos recursos mais importantes quando se trata de edição de imagens. A qualidade da seleção é que define a qualidade da edição. Selecionar, nada mais é, do que delimitar uma ou mais regiões de uma imagem por uma linha tracejada. Uma vez que uma imagem ou parte dela está selecionada, podemos editá-la, copiá-la, recortá-la, etc. O Photoshop CS3 possui várias opções de seleção que nos auxiliam neste processo. Ao selecionar alguma das ferramentas de seleção, obtenha a Barra de Propriedades. Ferramenta Rectangular Marquee. New selection: Add to selection: Subtract from selection: 24

28 Intersect with selection: Com a ferramenta Rectangular Marquee Tool selecionada, pode-se visualizar a opção Feather. Seleção realizada com a opção Feather agregada com um valor. Opção Style. Style Normal: Faz uma seleção normal, como um quadrado ou um retângulo. 25

29 Style Fixed Aspect Ratio: Faz a seleção de acordo com a alteração do valor da Largura (Width) e da Altura (Height). Style Fixed Size: Faz a seleção de um tamanho fixo que desejar. Para obter o tamanho desejado, basta alterar o valor no campo Largura (Width) e Altura (Height). Através das seleções, podemos alterar imagens aplicando cor e recortando partes dela. A ferramenta Move Tool auxilia nesse caso. As ferramentas de seleção Single Row Marquee Tool e a Single Column Marquee Tool selecionam regiões com apenas 1 pixels de altura e largura, respectivamente. As ferramentas Lasso Tool, Polygonal Lasso Tool e Magnetic Lasso Tool permitem seleções livres, da forma que desejarmos. 26

30 Uma outra grande ferramenta auxiliar de seleção é a Magic Wand Tool, mais conhecida como Varinha Mágica. Ela seleciona regiões de acordo com o espaço gerado por cores e formas. A ferramenta Crop Tool retira sobras e partes indesejáveis da imagem, redimensionando-a a partir de uma seleção. 27

31 A ferramenta Slice é a responsável pelo fatiamento de imagens no Photoshop. 28

32 A ferramenta Slice Select é utilizada para selecionar a área demarcada. Trabalhando com Cores O sistema de aplicação de cor em um desenho no Photoshop CS3, assim como na maioria dos programas similares, baseia-se em regiões. A cor é aplicada numa determinada região estabelecida por uma seleção ou pelos traços do desenho. Veja que este é um desenho simples e sem cor. Existem, como foi dito a pouco, principalmente duas maneiras de colorir o desenho: 1- Por meio de determinação de uma área: usando alguma ferramenta de seleção, e depois alguma outra para aplicar a cor; 2- Utilizando a própria delimitação de áreas do desenho. 29

33 Se no local onde foi aplicada a cor, tivesse alguma falha no traço que a delimita, ela se espalharia. Usando uma ferramenta de seleção, também é possível delimitar a área da cor. Dica: para fazer várias seleções simultâneas, mantenha pressionada a tecla <Shift>. Atenção: antes de clicar no desenho, verifique se as opções Anti-alias e Contiguous estão ativas, na barra de propriedades. Ative-as para que sua seleção seja otimizada, "aderindo-se" melhor ao contorno do desenho. Aplique no desenho a cor desejada, com a ferramenta Paint Bucket Tool. Dica: ao selecionar a ferramenta Paint Bucket Tool, altere sua propriedade desmarcando a opção Contiguous. Isso permitirá que a cor seja aplicada a todas as seleções, simultaneamente. O traço do desenho delimitou a seleção e esta delimitou a área de aplicação da cor. Podemos também, aplicar um efeito gradiente em uma seleção utilizando a ferramenta Gradient Tool. Ela se localiza junto com a Paint Bucket Tool. 30

34 Para definir duas cores para usar em gradiente, é só alterá-las na área Foreground e Background Color. Escolha dois tons: um claro e um escuro. Defina o tom escuro como Foreground e o claro como Background. Agora sim! Com a ferramenta Gradient Tool, clique em algum ponto inferior da seleção, segureo e arraste-o para cima. 31

35 Quando precisamos aplicar uma série de efeitos e mudanças em um desenho e queremos preservar o aspecto original, pode ser usado o recurso Duplicate, que duplica a janela, criando uma cópia do seu desenho na área de trabalho. Para isso, clique com o botão direito do mouse sobre a barra de título do arquivo e escolha a opção Duplicate. Depois, defina o nome e clique em <OK>. Essa cópia localizar-se-á somente dentro do Photoshop CS3; ela não será salva em nenhuma pasta. Em uma imagem, podemos facilmente simular o efeito de noite usando brilho e contraste. No menu Image, escolha a opção Brightness/Contrast. Altere os valores e, depois, clique em <OK>. Veja a comparação: 32

36 Você ainda pode adicionar estrelas ao céu para melhorar a caracterização da noite. Para isso utilize a ferramenta Brush Tool. Podemos ainda, substituir uma determinada cor na imagem através do recurso Replace Color. Após abrir a caixa de diálogo você poderá selecionar uma parte da imagem (cor) a ser alterada. A alteração ocorre somente nesta cor, em toda a imagem. Selecione uma cor e altere suas propriedades, mudando brilho, tom e contraste. 33

37 Layers e suas propriedades Trabalhar com Layers (camadas) torna o trabalho mais fácil e possibilita maior versatilidade à edição de seus elementos. Essas camadas permitem que você ordene e manipule elementos em um trabalho, de maneira independente, colocando uns sobre os outros, alinhando-os e até agrupando-os. Na construção de trabalhos com muitos elementos, é altamente recomendado deixar cada elemento em uma layer diferente. Para criar uma nova camada, clique sobre o ícone Create New Layer da paleta Layers. Sempre que clicar em Create New Layer, uma nova camada será criada e sempre acima daquela que antes estava selecionada. Essas novas camadas são invisíveis, sem fundo, ou seja, não possuem nenhum conteúdo. 34

38 Ao aplicar algum desenho sobre a camada, como os de pincel, a miniatura dela já mostra o seu conteúdo. Ela continua com o aspecto transparente, mas agora, possuindo as pinceladas. Você administra em qual camada será aplicado um desenho ou uma cor, clicando sobre ela e utilizando a ferramenta desejada. É recomendado renomear as camadas, principalmente se seu documento possuir muitas delas. Isso possibilita localizar alguma, não somente por sua miniatura. Para renomeá-la, basta clicar com o botão direito sobre a camada e escolher a opção Layer Properties. Ao aparecer a caixa de diálogo, defina o nome e clique em <OK>. Podemos recortar partes de uma camada que ao colar, o recorte torna-se uma nova camada. 35

39 Para mover o conteúdo das camadas no desenho, basta utilizar a ferramenta Move Tool. É possível ainda, movimentar várias camadas ao mesmo tempo. Basta selecioná-las segurando a tecla <Ctrl> e clicar sobre cada uma delas. Se as camadas estiverem selecionadas, podemos ligá-las através do botão Link Layers, localizado na base da paleta Layers. Isso fará com que as camadas selecionadas fiquem ligadas umas às outras. Você poderá selecionar somente uma delas, movimentá-la e, todas se movimentarão também, pois estão ligadas. Outra propriedade típica da paleta Layers é a definição de quais podem ser vistas. Isso é possível através do recurso de visibilidade, indicado pelo ícone Indicates layer visibility. 36

40 Isso é importante quando queremos visualizar uma camada que está abaixo de outra, sem a alteração de algumas delas. Para fundir uma camada com outra, tornando-se apenas uma, use o recurso Flatten/Merge (achatar/fundir). No menu Layer, há 3 opções relacionadas à fusão de camadas. - Merge Down/Layers: funde a camada selecionada com a camada que está logo abaixo ou com outras que estejam selecionadas. - Merge Visible: funde todas as camadas visíveis em uma só. - Flatten Image: funde todas as camadas. Finalmente, a propriedade que causa transparência em uma camada, chama-se Opacity (opacidade/transparência). Com esse recurso, podemos proporcionar aos trabalhos, efeitos bem interessantes. No campo Opacity, clique no botão drop-down deslize o indicador para os lados e veja a alteração na camada. Filtros Os filtros são rotinas programadas que modificam os pixels de uma imagem ou seleção. Utilizando filtros podemos criar efeitos extraordinários que irão enriquecer nossas imagens digitais. Nesta lição, veremos o conceito e exemplos da aplicação de alguns filtros. O Photoshop CS3 oferece 7 módulos de filtros: Extract, Filter Gallery, Liquify, Patter Maker, Vanishing Point, Filters (Artistic, Distort) e Digimarc. 37

41 Extract Esse filtro provê um modo sofisticado para isolar um objeto de primeiro plano e apagar seu fundo em uma camada. Podemos até cortar objetos com extremidades delgadas, complicadas ou indefiníveis em seus fundos com um mínimo de trabalho manual. Podemos observar que somente a parte selecionada da imagem pode ser visualizada. Pressione <OK> para concluir. Filter Gallery A Filter Gallery (Galeria de Filtro) permite aplicar filtros de forma crescente, além de individuais, por mais de uma vez. Você pode ver exemplos do que cada filtro faz. Pode também, re-arranjar filtros e mudar as colocações de cada um que você aplicou para alcançar o efeito desejado. A Filter Gallery (Galeria de Filtro) é frequentemente a melhor escolha para aplicar filtros. Porém, nem todos os filtros listados no cardápio de Filtros estão disponíveis na Filter Gallery (Galeria de Filtro). 38

42 Liquify O filtro Liquify permite empurrar, puxar, girar, refletir, enrugar, e inchar qualquer área de uma imagem. A distorção que você cria pode ser sutil ou drástica que faz com que o Liquify comande uma ferramenta poderosa por retocar imagens, como também por criar efeitos artísticos. A opção Pattern Maker cria uma espécie de preenchimento através da captura de uma imagem. Para utilizarmos o Pattern Maker, a primeira regra é não podermos simplesmente selecionar a imagem toda. Padrões não devem ter falhas ou bordas visíveis. Devemos selecionar áreas que aparentam ser livres de objetos distintos e capazes de gerar um bom padrão. 39

43 Observe que se clicarmos na opção Pattern, podemos visualizar o preenchimento do que foi salvo. Assim, podemos utilizá-lo para preenchimento. Vanishing Point Quando desenhamos algo, podemos dar a ilusão de profundidade, ou seja, de perspectiva. O desenho de um quadrado, por exemplo, pode ter efeito tridimensional (3D), com a aplicação de profundidade utilizando o conceito de Linha do Horizonte e Ponto de Fuga. 40

44 O recurso Vanishing Point corrige defeitos em imagens com perspectiva, de maneira muito mais fácil. O botão Create Plane Tool define a região a ser editada, respeitando a perspectiva da imagem. A ferramenta Stamp Tool captura regiões que serão aplicadas em locais desejados, para que esses sejam corrigidos. Artistic Os filtros Artistic aplicam sobre a imagem um efeito estilístico, trocando o aspecto fotográfico pelo artístico. Eles proporcionam um aspecto mais orgânico à imagem, eliminando parte de sua característica digital. 41

45 Os filtros encontrados são: Colored Pencil, Cutout, Dry Brush, Film Grain, Fresco, Neon Glow, Paint Daubs, Palette Knife, Plastic Wrap, Poster Edges, Rough Pastels, Smudge Stick, Sponge, Underpainting e Watercolor. Blur Os filtros Blur suavizam a imagem e são indicados para retoques. As transições bruscas de cores são abrandadas e a imagem fica menos nítida e mais desfocada. Pertencem ao Blur, os filtros: Average, Blur, Blur More, Box Blur, Gaussian Blur, Lens Blur, Motion Blur, Radial Blur, Shape Blur, Smart Blur e Surface Blur. Brush Strokes Aplica efeitos de pinceladas baseadas em linhas e contornos, de acordo com a variação de cores da imagem. 42

46 Os filtros encontrados são: Accented Edges, Angled Strokes, Crosshatch, Dark Strokes, Ink Outlines, Spatter, Sprayed Strokes e Sumi-e. Distort Causa algum tipo de distorção na imagem. Os filtros são: Diffuse Glow, Displace, Glass, Lens Correction, Ocean Ripple, Pinch, Polar Coordinates, Ripple, Shear, Spherize, Twirl, Wave e ZigZag. Noise Aplica ou reduz efeitos de ruído, com Add Noise, Despeckle, Dust & Scratches, Median e Reduce Noise. Pixelate Usa o recurso do pontilhismo e mosaico. Os filtros são: Color Halftone, Crystallize, Facet, Fragment, Mezzotint, Mosaic e Pointillize. Render Aplica diferentes efeitos, como os de luz. São eles: Clouds, Difference Clouds, Fibers, Lens Flare e Lighting Effects. 43

47 Sharpen Filtros relacionados com efeitos que "afiam" a imagem, retirando o aspecto de desfocagem. São eles: Sharpen, Sharpen Edges, Sharpen More, Smart Sharpen e Unsharp Mask. Sketch Altera o aspecto da imagem utilizando efeitos que simulam rascunhos e imagens fotocopiadas. Os filtros são: Bas Relief, Chalk & Charcoal, Charcoal, Chrome, Conté Crayon, Graphic Pen, Halftone Pattern, Note Paper, Photocopy, Plaster, Reticulation, Stamp, Torn Edges e Water Paper. Stylize Define vários estilos artísticos com as opções: Diffuse, Emboss, Extrude, Find Edges, Glowing Edges, Solarize, Tiles, Trace Contour e Wind. Texture Administra o uso de texturas com as opções: Craquelure, Grain, Mosaic Tiles, Patchwork, Stained Glass e Texturizer. 44

48 Vídeo Aplica efeitos simulando o aspecto das cores exibidas pela tela de uma TV. São ele: De-Interlace e NTSC Colors. Other Conjunto de filtros adicionais: Custom, High Pass, Maximum, Minimum e Offset. Digimarc Tem a finalidade de guardar informações relativas a direitos autorais. Você pode programar e ler seu conteúdo. Isso requer registro em site especializado. Otimizando imagens Com a utilização de várias ferramentas é possível chegar a um resultado que pode não ser alcançado por um fotógrafo ou ilustrador. Em um trabalho fotográfico, algumas fotos podem apresentar pouca luz e imperfeições, que no Photoshop são incrivelmente corrigidas. Atualmente, o uso de softwares como o Photoshop são amplamente explorados para desenvolver materiais publicitários mais atraentes. Há uma nova e excelente ferramenta no Photoshop CS3: a Surface Blur (desfocagem superficial). Esse efeito remove ruído e granulado da imagem. Para aplicar esse efeito é preciso duplicar a camada existente para evitar perda da imagem original. O modo mais rápido é arrastar a camada para o ícone Create a New Layer. 45

49 Clique no menu Filter, depois em Blur e escolha Surface Blur. Ao aparecer a caixa de diálogo, defina o Radius e o Threshold ao seu modo. O Radius define a área atingida pelo efeito e o Threshold controla como os pixels vão alterar seus tons e se divergirem entre si. Clique em <OK> para confirmar. Veja que o efeito de desfocagem fez com que as sardas desaparecessem melhorando o aspecto da pele. Mas, também prejudicou a definição da imagem, como os traços dos dedos, orelha e principalmente o cabelo. Utilizando a Erase Tool, apague a região do cabelo, dos lábios, das narinas, das unhas, dos cílios e das sobrancelhas. 46

50 Veja a diferença. Depois desse procedimento, pode-se fundir as camadas usando o comando Merge Down <Ctrl>+<E>. Utilize o recurso Hue/Saturation, do menu Image, opção Adjustments. Ele aplicará um tom colorido à foto; no caso, um parecido com a cor de pele. Na caixa de diálogo que aparecerá, marque a opção Colorize e defina Hue, Saturation e Lightness. 47

51 A foto agora tem tons alaranjados, semelhantes à cor de pele. O mesmo recurso deve ser aplicado para mudar a cor dos olhos. Com a ferramenta Lasso Tool ou Polygonal Tool, faça uma seleção nos olhos da modelo. Depois, use Hue/Saturation <Ctrl>+<U> para aplicar a cor desejada. Veja o resultado final. Na restauração de fotos, outras ferramentas também são muito importantes, como a Healing Brush Tool e a Clone Stamp Tool. 48

52 Repare que a imagem apresenta algumas falhas na parte superior. Tudo isso pode ser resolvido sem muito esforço. A Clone Stamp Tool funciona como um carimbo, clonando uma área sobre outra. Para clonar, basta segurar a tecla <Alt> e clicar sobre a área a ser transferida. Depois, solte a tecla <Alt> e clique sobre o buraco. A outra ferramenta a ser usada, a Healing Brush Tool, além de clonar uma área, equaliza a região "curando" o local imperfeito. Faça o mesmo procedimento realizado com a ferramenta Clone Stamp Tool. Segure a tecla <Alt> e clique sobre a área a ser clonada. Depois, solte a tecla e aplique-a sobre a área a ser restaurada. 49

53 Veja a comparação do antes e depois: Trabalhando com Textos O Photoshop CS3 fornece-nos quatro ferramentas de texto; cada uma com sua função. 50

54 Horizontal Type Tool: Ferramenta de texto horizontal Vertical Type Tool: Ferramenta de texto vertical Horizontal Type Mask Tool: Máscara de texto horizontal Vertical Type Mask Tool: Máscara de texto vertical Configurando a ferramenta de texto Abaixo, conheça algumas opções que a ferramenta de texto nos mostra quando selecionada. Podemos também, visualizar as paletas Character e Paragraph, que nos oferecem as mesmas funções vistas acima. Estas paletas são úteis, pois são mais versáteis. Para visualizar as paletas Character e Paragraph, existem duas maneiras, como mostra a imagem abaixo: Paleta Character - Controla o texto configurando cor, tamanho, fonte, etc. Paleta Paragraph - Configura o parágrafo do texto. 51

55 Para alterar a fonte do texto, selecione a camada do mesmo e, na paleta Character, clique no campo Set the font family para escolher uma fonte da lista. Além disso, podemos também, definir o formato de algumas fontes como negrito e itálico. Para alterar o tamanho da fonte, altere o valor no campo Set the font size. Outro recurso de texto que a paleta Character nos oferece é o espaçamento entre as letras. Isso é configurado no campo Set the tracking for the selected characters. 52

56 Podemos ainda, configurar as escalas vertical e horizontal, nos campos Vertically scale e Horizontal scale. No campo Set the baseline shift, podemos alterar a linha base do texto. A cor do texto também pode ser definida pela paleta Character. Basta clicar na opção Color e selecionar a cor desejada na caixa de diálogo Color Picker. 53

57 Através da paleta Character, você pode definir algumas formas da fonte: Negrito, Itálico, Underline (sublinhado), Superscript (sobrescrito), Subscript (subescrito) e Strikzetrough (riscado). Na paleta Paragraph, administramos o que se relaciona aos parágrafos, como alinhamento e distância entre linhas. Para criar um campo de texto (parágrafo), selecione a ferramenta Type Tool (T), clique sobre o documento e arraste-o para formar a caixa de texto do tamanho que desejar. 54

58 Clique nos botões de alinhamento para alterar o parágrafo. Podemos também, alterar as tabulações. Caso você queira justificar o texto, basta utilizar uma das quatro opções: 55

59 Na paleta Paragraph, também existe a opção Hyphenate (hifenização). Esta opção é responsável pela hifenização dos textos em um parágrafo, ou seja, caso uma palavra não caiba na caixa de parágrafo, o Photoshop CS3 criará um hífen para a mesma. Finalmente, veremos a opção Anti-Aliasing, que se refere ao aspecto da borda do texto. A opção None retira qualquer suavização da borda. Ferramenta Warped Text Esta ferramenta é utilizada para realizarmos distorções nos textos. O Photoshop possui várias distorções definidas para adicionarmos em nossos textos. Temos ainda, como determinar valores positivos ou negativos em Curvatura (Bend) e Distorção Horizontal (Horizontal Distortion) e Vertical (Vertical Distortion), que são descritos em %. Crie um novo documento e digite o texto que desejar. 56

60 Clicando no botão Create warped text, surgirá a lista de estilos que podem ser usados nos respectivos textos digitados, os estilos também podem ter seus valores alterados recebendo distorções diferentes no texto. Utilizaremos a ferramenta Pen Tool para criar um caminho para o texto. Como dito acima, podemos chegar aos seguintes resultados: Actions No Photoshop, podemos definir ações, isto é, um conjunto de comandos, para que algumas montagens já fiquem prontas e salvas. Por exemplo, quando criamos uma certa montagem complicada, geralmente usamos muitos efeitos, ficando difícil lembrar todos os passos. Podemos então, salvar tudo o que estamos fazendo, para depois repetir com apenas um clique. Sempre que você trabalhar com Actions, lembre-se que os nomes das Layers não podem ser diferentes quando formos aplicar a ação novamente, e que as letras não podem ser diferentes, respeitando as maiúsculas e minúsculas. Caso a paleta Actions não esteja aberta, clique no menu Window e na opção Actions. A paleta Actions possui alguns botões de controle com as seguintes representações: 57

61 Stop playing/recording: Para a gravação (que está em andamento) das ações que são realizadas. Begin recording: Ativa a gravação das ações que são realizadas. Play selection: Reproduz as gravações em um arquivo novo. Create new set: Cria um grupo de ações, isto é, você pode criar um grupo de ações próprio, que as deixarão separadas das já existentes no Photoshop. Create new action: Define o nome de uma nova ação criada. Delete: Apaga alguma ação criada. Para gravar comandos de uma Action, clique no botão Create new action da paleta Actions. Aparecerá a janela New Action. Digite um nome para a ação em Name e clique no botão Record. A partir desse momento, tudo o que for feito no Photoshop estará sendo gravado. Após a aplicação dos efeitos e formatações desejadas clique sobre o botão Stop playing/recording, na paleta Actions para encerrar a gravação. Como você pôde notar através da imagem anterior, todas as ações praticadas também ficam definidas passo a passo na paleta Actions. Sempre que você trabalhar com Actions, lembre que os nomes das Layers não podem ser diferentes quando formos aplicar a ação novamente, e que as letras não podem ser diferentes, respeitando maiúsculas e minúsculas. Clique sobre a seta da opção Default Actions para abrir as ações gravadas. Clique sobre a Action criada para selecioná-la e sobre o botão Play selection. Automaticamente, as ações gravadas vão sendo aplicadas sobre um novo documento, ao qual se deseja aplicá-las. Para apagar uma Action da paleta Actions, selecione-a e clique sobre o botão Delete. 58

62 Abrirá uma janela perguntando se você deseja apagar a Action criada. Clique no botão <OK> para confirmar a exclusão. Brushes Exemplos de desenhos criados apenas com os Brushes do PhotoShop CS3: Instalando um novo Brush no Photoshop CS3 Para realizar o processo de instalação da ferramenta Brush, copie o arquivo (Brush) e cole ao caminho C:\Arquivos de programas\adobe\adobe Photoshop CS3\Presets\Brushes. Para que as alterações possam ser realizadas reinicie o Photoshop. Brush instalado, e aplicado à imagem. 59

63 Vários Brushes aplicados à imagem. Segue abaixo alguns sites onde podem ser baixados Brushes gratuitos Opção Blending As opções Blending do Photoshop servem para criar efeitos de sombras, brilhos, contornos, cores, texturas e relevos em textos e imagens. Essas opções são acessadas através do menu Layer, submenu Layer Style e opção Blending Options. 60

64 Drop Shadow Adiciona uma sombra projetada. Inner Shadow Adiciona uma sombra interna na figura. Outer Glow Adiciona um contorno esfumaçado. Inner Glow Adiciona um efeito esfumaçado interno. Bevel and Emboss Adiciona um efeito de volume. Color Overlay Converte as cores da imagem para uma outra cor estabelecida. 61

65 Satin Adiciona um efeito acetinado. Gradient Overlay Adiciona um efeito gradiente. Pattern Overlay Adiciona uma textura. Stroke Adiciona uma linha de contorno à figura. Para remover esses efeitos das layers, clique no menu Layer, no submenu Layer Style e na opção Clear Layer Style. Resultado de uma imagem aplicando-se o Blending Options. 62

66 Publicando Arquivos Em qualquer trabalho gráfico direcionado à web, como a preparação de fotos para sites e imagens que o compõe, deve-se levar em consideração fatores como qualidade e formato. Entenda algumas regras: 1. Lembre-se de que as imagens serão veiculadas numa mídia eletrônica: o monitor. A tela do computador está mais próxima de um slide do que de um impresso; 2. Os formatos mais utilizados são GIF e JPG. O GIF é bastante usado, pois sua estrutura aproxima-se da paleta de cores Web. A questão sobre o arquivo é tamanho x qualidade. Grave a imagem nos dois formatos e verifique qual oferece a melhor qualidade pelo menor tamanho; 3. Use resolução de 72 dpi; 4. Há uma pequena diferença da imagem visualizada pelo Photoshop, com a visualizada em um browser. Então, a imagem realmente boa é aquela que você vê com qualidade pelo browser. No Photoshop CS3, podemos converter um arquivo com formato JPG, para GIF direcionado à web. Poderíamos simplesmente usar o recurso Salvar Como, mas como será direcionado à web, usaremos o Salvar para Web. Com o arquivo aberto, no meu File, escolha a opção Save for Web & Devices. Aparecerá a caixa de diálogo Save For Web & Devices. 63

67 Veja que aparecerá a comparação da imagem original com a pré-visualização da convertida. Altere os campos conforme a figura. Isso permitirá que você salve em formato GIF, sem maiores alterações na qualidade. Repare a comparação do tamanho da imagem, abaixo de cada visualização: houve uma diminuição de 80%. Clique em Save para salvar. Publicando Arquivos Com o Photoshop CS3, podemos ainda, criar o layout de um site e exportá-lo utilizando também o Save for Web & Devices, para gerarmos o formato aceito pelos browsers. 64

68 Mas, é recomendado dividir a imagem em partes, pois dessa forma, o site será carregado com menos dificuldade. Para isso, usa-se a ferramenta Slice Tool. Ela cria recortes através de áreas de seleção. Antes, defina as áreas utilizando as linhas-guia. Para usá-las, arraste-as da régua. Selecione a ferramenta Slice Tool e crie os recortes. 65

69 Em cada uma das partes há a indicação de um número. Devemos agora, salvar essa imagem recortada usando o Save for Web & Devices. Veja que na caixa de diálogo Save for Web & Devices, também aparecem as slices (recortes). Clique em Save. Ao aparecer a caixa de diálogo para definição do nome, escolha a opção HTML and Images, no campo Salvar como tipo. Isso fará com que seja criada uma página HTML e uma pasta contendo as imagens (seus recortes) para ela. Defina o local onde ela será salva (sua pasta) e clique em Salvar 66

70 Imprimindo arquivos Os trabalhos devem ser impressos com um cuidado especial. Como foi visto na lição anterior, o padrão de cores deve ser levado em conta na hora de criar uma imagem para web. Para impressão também devemos definir o padrão de cores, no caso, CMYK. Isso porque as tintas da impressora são compostas somente de Ciano (Cyan), Magenta (Magenta), Amarelo (Yellow) e Preto (black). Lembre-se que ao iniciar um trabalho, deve-se criar o documento com a Color Mode em CMYK Color. Um outro ponto a ser levado em consideração é o texto do trabalho. Como é um tipo de informação gráfica que requer qualidade, ele deve ser composto por somente uma cor. Normalmente, o texto é da cor preta. Então, o texto deve ter apenas a porcentagem total de K, na sua composição cromática CMYK. Isso é o chamado "Preto 100%". Com essa definição, o texto fica salvo de problemas como a mistura de outras cores. Antes de imprimir, é recomendável visualizar a impressão através do recurso Print with Preview, pelo menu File. Aparecerá a caixa de diálogo Print, onde podemos verificar as configurações de página e ajustar o conteúdo para impressão. Para imprimir o arquivo é só clicar em Print, configurar a qualidade de impressão, se necessário, e clicar em <OK>. 67

71 Animação Observamos constantemente em sites, pequenas animações em figuras e banners. Geralmente são figuras de extensão.gif. Esse tipo de animação baseia-se em mudança de imagem, quadro a quadro. Veja um exemplo que possui 6 quadros. No Photoshop CS3, através do recurso Animation, é possível alterar a posição de elemento em uma camada e caracterizá-los como diferentes quadros. Podemos ainda, criar camadas e fazêlas como se cada uma delas fosse um quadro da animação. Paleta Animation. - Área dos Quadros: local onde serão mostrados os quadros da animação; - Controle de Reprodução: controla a animação, reproduzindo, parando, etc; - Duplicar: duplica o quadro selecionado; - Excluir: exclui o quadro selecionado; - Preencher com Quadros: insere quadros entre outros dois. - Opções: copia, cola, otimiza animação, etc. É possível criar uma animação simplesmente a partir de 2 quadros. 68

72 Cada quadro está mostrando uma posição diferente do círculo. Deve-se selecionar as duas camadas com a ajuda da tecla <Ctrl> e clicar no botão Tweens animation frames. Aparecerá a caixa de diálogo Tween, onde é possível especificar quantos quadros serão inseridos entre o quadro 1 e 2. Veja que foram inseridos 5 quadros do ponto inicial ao final da animação. Cada um com uma posição diferente do círculo, completando a animação. Clique em Plays animation para reproduzir a animação. Depois, será necessário salvá-la. Para isso, devemos utilizar a opção Salvar para Web & Devices. Na caixa de diálogo Save For Web & Devices, verifique se a opção GIF está habilitada. Aqui, também é possível visualizar a animação, conforme indica a figura. Clique em <OK> e salve o arquivo em sua pasta. 69

73 Paleta Animation (Timeline), iniciada. Documento novo criado, elipse inserida, nova layer criada. Posicionando o Time Indicator. 70

74 Assim que realizar o processo de transição, um marcador é inserido. Propriedades da opção Opacity. Altere na paleta Layers, as propriedades da opção Opacity e pressione o botão Play. Pressione o botão Stop, para pausar a animação. 71

75 Trabalhando com objetos 3D Uma novidade existente no Photoshop CS3 Extended é o recurso 3D, onde podemos editar texturas, rotacionar arquivos, ver objetos por escala, etc. Abrindo um objeto 3D no Photoshop. Ao pressionar Abrir, será exibida a janela de tamanho da largura e altura. Arquivo sendo aberto. Habilitando as ferramentas da opção 3D, Edit Contents. 72

76 Opção Transform 3D Model, habilitando as ferramentas. As ferramentas 3D, serão habilitadas. 73

77 Opção Rotate the 3D Object, gira o arquivo. A opção Return to initial object position, retorna o objeto à posição original. A ferramenta Drag the 3D Object, arrasta o carro, movendo-o. A ferramenta Scale the 3D Object. Ferramenta View. Opção Lighting and Appearance Settings, efeitos de iluminação. Opção Transparent Wireframe. 74