Iniciando o Photoshop CS5

PhotoShop CS5
Sumário
Iniciando o Photoshop CS5 ............................................................................................................... 1
Conhecendo o Photoshop CS5 Extended ......................................................................................... 1
Criando um novo arquivo ................................................................................................................. 2
Salvando uma imagem ..................................................................................................................... 5
Ferramentas ..................................................................................................................................... 8
Paletas ............................................................................................................................................ 12
Ajustando e manipulando cores..................................................................................................... 15
Seleção e suas Propriedades .......................................................................................................... 21
Trabalhando com Cores.................................................................................................................. 27
Layers e suas propriedades ............................................................................................................ 29
Filtros .............................................................................................................................................. 33
Trabalhando com Textos ................................................................................................................ 41
Ferramenta Warped Text ............................................................................................................... 47
Actions ............................................................................................................................................ 49
Brushes ........................................................................................................................................... 50
Opção Blending .............................................................................................................................. 52
Imprimindo arquivos ...................................................................................................................... 54
Animação ........................................................................................................................................ 55
Trabalhando com textos 3D ........................................................................................................... 59
Iniciando o Photoshop CS5
Para iniciar o Photoshop CS5 Extended, utilize o botão Iniciar, opção Todos os Programas, pasta
Adobe Master Collection CS5 e escolha Adobe Photoshop CS5 (64 Bit).
Photoshop CS5 iniciado.
Conhecendo o Photoshop CS5 Extended
A janela do Photoshop CS5 Extended, como na maioria dos softwares, é composta pela Área de
Trabalho, Barras de Ferramentas e outros componentes.
1
Os seguintes componentes fazem parte da janela do Photoshop CS5 Extended:
Barra de Ferramentas: contém as principais ferramentas de criação, manipulação e edição de
objetos gráficos do programa.
Barra de Propriedades: 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á
122.500 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.
É 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
2
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
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 as medidas serão
estabelecidas por você;
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
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
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.
6
Esse recurso é importante caso você queira alterar uma imagem aberta, mas preservar a
original.
Entenda os formatos de arquivos do campo Format.
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
7
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.
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.
8
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.
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.
9
Spot 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.
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.
10
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 Pen Tool (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.
Line Tool: Permite o uso de linhas, retângulos, elipses e formas personalizadas.
11
3D Object Rotate Tool: Permite rotacionar um objeto 3D, com o auxílio do mouse.
3D Object Camera Tool: Permite rotacionar a câmera em volta de um objeto 3D, com o auxílio
do mouse. Dando a impressão que o que esta se movendo é o conteúdo em volta do Objeto.
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.
Foreground e Background Colors: define a cor do 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.
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.
12
As principais e mais usadas são:
Character: destinada às propriedades da ferramenta Texto, com opções para alterar fonte, cor,
tamanho, etc.
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.
13
Layers: é a paleta que contém as camadas do arquivo. Nela, pode-se criar e editar camadas,
aplicar 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.
Swatches: é a paleta de cores onde podemos escolhê-las e também adicionar novas cores.
14
Ajustando e manipulando cores
No uso de editores gráficos, é importante saber trabalhar com cores. O Photoshop CS5, 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.
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.
15
Modo Grayscale selecionado.
Canais na paleta Channels.
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.
16
CMYK Color
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.
17
Caixa de diálogo Selective Color.
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 +100. 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.
Comparação com os níveis alterados.
18
Opção Hue/Saturation.
Edição
Seleciona qual cor será alterada na figura. A opção Master engloba todas as cores da figura.
Cor (Hue)
Cor que será aplicada na figura.
Saturação (Saturation)
É a quantidade de cor que será aplicada à figura.
Brilho (Ligthness)
É 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.
Auto Contrast
Ajusta automaticamente o contraste da imagem.
19
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.
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.
20
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.
Variations
Permite ajustar o balanço entre as cores e o contraste através da exibição de miniaturas, com
alternativas.
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 CS5 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.
21
Ferramenta Rectangular Marquee.
New selection:
Add to selection:
Subtract from selection:
Intersect with selection:
Com a ferramenta Rectangular Marquee Tool selecionada, pode-se visualizar a opção Feather.
22
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.
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.
23
As ferramentas Lasso Tool, Polygonal Lasso Tool e Magnetic Lasso Tool permitem seleções livres,
da forma que desejarmos.
Uma outra grande ferramenta auxiliar de seleção é a Magic Wand Tool, mais conhecida como
Varinha Mágica.
24
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.
25
A ferramenta Slice é a responsável pelo fatiamento de imagens no Photoshop.
A ferramenta Slice Select é utilizada para selecionar a área demarcada.
26
Trabalhando com Cores
O sistema de aplicação de cor em um desenho no Photoshop CS5, 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.
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.
27
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.
Para definir duas cores para usar em gradiente, é só alterá-las na área Foreground e
Background Color.
28
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.
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.
29
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 a new layer da paleta Layers.
Sempre que clicar em Create a 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.
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.
30
Podemos recortar partes de uma camada que ao colar, o recorte torna-se uma nova camada.
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.
31
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 .
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).
32
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 CS5 oferece 7 módulos de filtros: Extract, Filter Gallery, Liquify, Patter Maker,
Vanishing Point, Filters (Artistic, Distort) e Digimarc.
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.
33
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, reorganizar
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).
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.
34
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.
35
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.
O recurso Vanishing Point corrige defeitos em imagens com perspectiva, de maneira muito mais
fácil.
36
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.
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.
37
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.
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.
38
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.
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.
39
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.
Vídeo
Aplica efeitos simulando o aspecto das cores exibidas pela tela de uma TV. São eles: De-Interlace
e NTSC Colors.
Other
Conjunto de filtros adicionais: Custom, High Pass, Maximum, Minimum e Offset.
40
Digimarc
Tem a finalidade de guardar informações relativas aos direitos autorais. Você pode programar e
ler seu conteúdo. Isso requer registro em site especializado.
Trabalhando com Textos
O Photoshop CS5 fornece-nos quatro ferramentas de texto; cada uma com sua função.
41
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:
42
Paleta Character - Controla o texto configurando cor, tamanho, fonte, etc.
Paleta Paragraph - Configura o parágrafo do texto.
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 (Bold) e itálico (Italic).
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.
Podemos ainda, configurar as escalas vertical e horizontal, nos campos Vertically scale e
Horizontal scale.
43
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.
Através da paleta Character, você pode definir algumas formas da fonte: Negrito, Itálico,
Underline (sublinhado), Superscript (sobrescrito), Subscript (subescrito) e Strikzetrough
(riscado).
44
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 Horizontal Type Tool (T),
clique sobre o documento e arraste-o para formar a caixa de texto do tamanho que desejar.
Clique nos botões de alinhamento para alterar o parágrafo.
45
Podemos também, alterar as tabulações.
Caso você queira justificar o texto, basta utilizar uma das quatro opções:
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 CS5 criará um hífen para a mesma.
46
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.
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.
47
Utilizaremos a ferramenta Freeform Pen Tool para criar um caminho para o texto.
Com a ferramenta Freeform Pen Tool selecionada, ative as opções Paths e Magnetic, na Barra de
Propriedades.
Com a ferramenta Freeform Pen Tool, você desenha uma linha a mão livre e com a opção
Magnetic, seleciona-a. Esta linha irá seguir automaticamente o ponteiro do mouse respeitando
as cores da imagem.
Para criar um caminho na parte superior do violão, clique sobre a extremidade esquerda do
violão e arraste o mouse até a extremidade direita. Para finalizar sua linha, pressione a tecla
<Enter>.
Selecione a ferramenta Horizontal Type Tool, mova o mouse sobre a linha criada até que o
cursor mude de aparência. Clique sobre a extremidade esquerda do caminho criado e digite o
texto desejado.
48
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:
Stop playing/recording: Pára 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.
49
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.
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 CS5:
Instalando um novo Brush no Photoshop CS5
50
Para realizar o processo de instalação da ferramenta Brush, copie o arquivo (Brush) e cole ao
caminho Disco Local (C:)\Arquivos de programas\Adobe\Adobe Photoshop CS5 (64
Bit)\Presets\Brushes.
Para que as alterações possam ser realizadas, reinicie o Photoshop.
Brush instalado e aplicado à imagem.
Vários Brushes aplicados à imagem.
Segue abaixo alguns sites onde podem ser baixados Brushes gratuitos.
51
- http://baixaki.com.br/download/1000-Brushes.htm
- http://www.timo2000.de/us/brush.htm
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.
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.
52
Bevel and Emboss
Adiciona um efeito de volume.
Color Overlay
Converte as cores da imagem para uma outra cor estabelecida.
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.
53
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.
54
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ó configurar a qualidade de impressão, se necessário e clicar em OK.
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 CS5, 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.
55
- Á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.
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.
56
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 Save e salve o
arquivo no local desejado.
Paleta Animation (Timeline), iniciada.
Documento novo criado, elipse inserida, nova layer criada.
57
Posicionando o Time Indicator.
Assim que realizar o processo de transição, um marcador é inserido.
Propriedades da opção Opacity.
58
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.
Trabalhando com textos 3D
Digite a palavra MicroWay Informática e a posicione como na imagem abaixo.
Agora vá ao menu 3D e escolha a opção Repoussé e em seguida clique em Text Layer.
59
Após o clique será aberta a janela Repoussé. Ele é um recurso pesado e poderá demorar um
pouco para abrir.
Veja que nosso texto já ganha profundidade e aspecto 3D, com isso a nossa layer que era de
texto ela se transforma em um objeto e é possível alterarmos o ângulo de vista.
Na janela Repoussé, faça as alterações que desejar. Em seguida clique em OK.
60
Seu texto deverá ter o seguinte aspecto.
61