Ilustracao Digital

Ferramentas aplicadas em
Ilustração Digital
Ilustração Digital: Ferramentas para pintura
Todos os direitos reservados para Alfamídia Prow.
AVISO DE RESPONSABILIDADE
As informações contidas neste material de treinamento são distribuídas “NO ESTADO

EM QUE SE ENCONTRAM”, sem qualquer garantia, expressa ou implícita. Embora
todas as precauções tenham sido tomadas na preparação deste material, a Alfamídia
Prow não têm qualquer responsabilidade sobre qualquer pessoa ou entidade com
respeito à responsabilidade, perda ou danos causados, ou alegadamente causados,
direta ou indiretamente, pelas instruções contidas neste material ou pelo software de
computador e produtos de hardware aqui descritos.
02/2011 – Versão 1.0
Alfamídia Prow
Porto Alegre, RS
http://www.alfamidia.com.br
2 2011 © Alfamídia Prow

A ALFAMÍDIA PROW DESEJA A VOCÊ UM EXCELENTE TREINAMENTO

E AGRADECE A SUA ESCOLHA.
Benefícios do aluno
- Suporte pós-treinamento via e-mail (3 consultas por 90 dias após o término do curso)
para tirar dúvidas do conteúdo ministrado em aula, através do e-mail matricula@
alfamidia.com.br;
- Convênio com o estacionamento do prédio (desconto);
- Avaliações de acompanhamento e final de curso (em cada módulo) durante todo o
treinamento, garantindo a qualidade do curso.
Observações Importantes
- É obrigatório que sejam salvos todos os trabalhos efetuados durante a aula, na pasta
destinada aos alunos
- Não é permitido entrar em sala de aula com alimentos ou bebidas de qualquer espécie
ou fumar nas dependências da Alfamídia;
- Não é permitida a instalação de outros Hardwares ou Softwares que não sejam os
utilizados em treinamento;
- O preenchimento da avaliação final de curso/módulo é condição obrigatória para que o
aluno possa acionar a garantia do curso, conforme previsto na ficha de inscrição;
- Somente será fornecido certificado ao aluno com assiduidade igual ou superior a 75%
do treinamento;
- Contatos com a Alfamídia podem ser feitos através dos e-mails:
matricula@alfamidia.com.br – dúvidas após contratação
info@alfamidia.com.br – novas contratações
2011 © Alfamídia Prow 3

Sumário
Unidade 1 - Introdução
1.1 Sobre o Curso...................................................................................... 8
1.2 Estrutura do Curso.............................................................................. 8
Unidade 2 - Organizando o Illustrator

2.1 A Tela Inicial (Start Page)................................................................. 10
2.2 Vetor x Bitmap ...............................................................................................12
2.3 A Área de Trabalho do Illustrator...................................................... 14
2.4 Configurações do novo Documento.................................................. 16
2.5 Configurando um documento aberto................................................. 17
Unidade 3 - Formas Básicas

3.1 As Ferramentas Rectangle e Ellipse.................................................. 22
3.2 A Ferramenta Rounded Rectangle.................................................... 25
3.3 As Ferramentas Polygon e Star......................................................... 26
3.4 Ferramenta Flare .............................................................................. 28
3.5 Segundo conjunto de ferramentas básicas ....................................... 31
3.6 A Ferramenta Selection..................................................................... 38
3.7 A Ferramenta Direct Selection ......................................................... 40
3.8 A Ferramenta Group Selection ..................................................... 43
Unidade 4 - Painel Appearance e Gradiente........................................... 45
Unidade 5 - Painel Pathfinder................................................................. 51
Unidade 6 - Trabalhando com Camadas ( Layers )................................. 57
Unidade 7 - Ferramentas de Desenho..................................................... 69

7.1 Os Paths............................................................................................ 70
7.2 A Ferramenta Pen ............................................................................. 70
7.3 Curvas com a Ferramenta Pen.......................................................... 72
7.4 Desenhando com a Pen..................................................................... 75
7.5 Misturando Ferramentas de Desenho................................................ 78

7.6 Dicas de desenho:............................................................................. 78
Unidade 8 -Familiarizando-se com o Photoshop CS5

8.1 A interface do Photoshop CS5.......................................................... 82
8.2 Abrindo arquivos novos e existentes ................................................ 84
8.3 Organizando a Área de Trabalho...................................................... 86
Unidade 9 - Ajustes Básicos

9.1 Verificação......................................................................................... 90
9.2.1 Levels ............................................................................................ 93
9.2.2 Curves............................................................................................ 94
9.2.3 Color Balance................................................................................. 96
9.2.4 Hue/Saturation............................................................................... 96
9.2.5 Brightness/Contrast........................................................................ 97
9.2.6 Exposure........................................................................................ 98
9.2.7 Vibrance......................................................................................... 98
9.2.8 Black and White............................................................................. 99
9.3 Painel adjustments.......................................................................... 100
Unidade 10 - Trabalhando com Layers

10.1. Layers........................................................................................... 106
10.2 Ocultando uma Layer.................................................................... 108
10.3 Renomeando Layer....................................................................... 108
10.4 Ordem de Empilhamento e transparência..................................... 109
10.5 Criando e Deletando Layer............................................................110
10.6 Editando conteúdo de uma layer....................................................110
10.7 Distorcendo e rotacionando uma Layer.........................................112
10.8 Agrupando Layer...........................................................................114
10.9 Duplicando Layer...........................................................................114
10.10 Vinculando Layer.........................................................................115
10.11 Modos de mesclagem e opacidade...............................................115
Unidade 11 - Trabalhando com Seleção e recorte

11.1 Ferramentas de Seleção ................................................................ 126
11.2 Seleção com Marquee Tool........................................................... 126

Ilustração Digital: Técnica de Pintura
11.3 Ferramenta Polygonal Lasso Tool................................................ 128

11.4 Ferramenta Magnectic Lasso Tool................................................ 129
11.5 Ferramenta Lasso Tool.................................................................. 129
11.6 Ferramenta Magic Wand............................................................... 129
11.7 Seleção com a ferramenta Quick Selection ...................................130
11.8 Seleção com Color Range............................................................. 132
11.9 Refine Edge................................................................................... 133
Unidade 12 - Ferramenta Brush

12.1 Aplicação de Brushes.................................................................... 136
12.2 Configuração de Brushes.............................................................. 138
12.3 Definindo brushes......................................................................... 139
12.4 Importando Brushes...................................................................... 141
12.5 Mixer Brush.................................................................................. 143

Unidade 1 - Introdução
Sobre o Curso
Estrutura do Curso
Unidade 1
Introdução
1.1 Sobre o Curso
Através do programa Adobe Illustrator e Adobe Photoshop estuda-se diferentes formas

de se trabalhar desenhos e rascunhos feitos em papel. Portanto o curso tem como foco
explorar importantes ferramentas gráficas de criação para dar vida de modo digital aos
desenhos e as formas criadas de modo simples.
1.2 Estrutura do Curso
O módulo se divide em duas partes - estudo das principais ferramentas do progra-

ma Adobe Illustrator para, depois, ser explorada as ferramentas do Adobe Photoshop.
Com uma análise de como aplicar luz e sombra, assim como utilizar cores e gradientes,
procura-se extrair dos programas gráficos as principais técnicas para pintura digital.

Unidade 2 - Organizando o Illustrator
Unidade 2
Organizando o Illustrator
2.1 A Tela Inicial (Start Page)
Fig 1. Tela Inicial do Illustrator CS5

Quando iniciamos o Adobe Illustrator CS5 aparece à tela inicial, aonde podemos escolher
entre abrir um dos trabalhos recentes criados com o Illustrator (coluna da esquerda) ou criar
um novo arquivo entre as seguintes possibilidades:
- Print Document: cria um novo documento configurado para impressão, como formato de
cores e tamanho de fonte:

- Web Document: cria um novo documento configurado para Web, como formato de cores,
tamanho de tela e tamanho de fonte:
- Móbile and Devices Document: automaticamente vai para a Device Central da Adobe
para que possamos escolher um tamanho de arquivo para dispositivo móvel. No Divice
Center podemos escolher até o modelo do celular que queremos inserir a arte.
- Vídeo and Film Document: cria um documento com formato para vídeo, usando tamanhos
pré-definidos para assegurar que sejam interpretados corretamente nas aplicações de vídeo.
Por exemplo, se você escolher o padrão de NTSC DV, o Illustrator usa um tamanho do pixel
de 648 x de 480. Caso você utilize o NTSC DV Widescreen ele já se adapta ao formato de
Televisores LCD e plasma.
- Basic CMYK Document: cria um tamanho de arquivo em formato básico com modelo de
cores CMYK. Ideal para impressão;
- Basic RGB Document: cria modelo de cores RGB. Ideal para telas e sites.

2.2 Vetor x Bitmap

A função do Illustrator é basicamente trabalhar com vetores. Quase todas as ferramentas
criam e editam objetos neste formato.Mesmo assim, o Illustrator permite que importemos
objetos bitmap em uma página. Embora se trate de um editor vetorial, ele possibilita a
manipulação de imagens bitmap com grande desenvoltura e flexibilidade, permitindo
a elaboração de layouts complexos. Mesmo assim é importante ressaltar que o ideal é
manipularmos bitmap com o Photoshop.
- Gráfico Bitmaps: são imagens formadas por pixels (picture elements). Um pixel nada
mais é do que um ponto em seu monitor, pequenos com cor e brilho variados. Indicados para
representação de imagens com alto nível de detalhes.
Os arquivos Bitmaps por serem formados dispondo a imagem pixel a pixel, se tiverem seu
tamanho aumentado sofreram distorções consideráveis, pois cada ponto é transformado em
blocos maiores para compor a imagem maior.
Imagem Bitmap

- Gráficos Vetoriais: os Gráficos Vetoriais nada mais são que imagens formadas por
cálculos matemáticos executados pelo computador. Se criarmos um quadrado pequeno e
depois aumentar seu tamanho em 200 vezes, o quadrado continuará o mesmo, com a mesma
definição e qualidade, não dependendo de resolução. Agora imagine fazer isso em imagens
Bitmaps. O quadrado vai ficar embaçado, perdendo resolução.
Os gráficos vetoriais são utilizados em impressões, arte para revistas, folderes, Web. Com
uma ferramenta de ilustração vetorial cria-se o croqui que mais tarde é trabalhado em
programas de edição bitmaps, para aplicação de detalhes, ou seja, para se dar vida a ela.
Imagem vetorial

2.3 A Área de Trabalho do Illustrator

Quando abrimos o Illustrator e solicitamos um novo documento pela primeira vez (logo
após sua instalação), a disposição dos elementos de trabalho assemelha-se a imagem abaixo:
Área de trabalho do Illustrator CS5
Temos a caixa de ferramentas à esquerda e os

painéis à direita. A caixa de ferramentas reúne um
conjunto de botões que ativam as ferramentas de
trabalho do Illustrator.
Devido ao grande número de ferramentas
disponíveis, diversas delas são agrupadas em
uma mesma posição da caixa de ferramentas.
Para acessá-las basta manter o botão do mouse
pressionado na pequena seta preta no canto inferior
direito de cada botão.
Quando uma ferramenta oculta é ativada, seu ícone
passa a ocupar o lugar do anterior. Podemos deixar
visíveis todos os botões da ferramenta selecionada.

Quando quiser fechar a barra suspensa, clique no X no canto superior direito:
Fig.2. Ferramentas suspensas
Os painéis da direita podem ser

expandidos clicando no botão
localizado no canto superior
esquerdo ao lado no seu
respectivo nome:

2.4 Configurações do novo Documento

Para criarmos um novo arquivo a qualquer momento, acessamos o menu File > New. Como
resultado a janela abaixo se abre. Nela existem diversas configurações importantes que
definirão o nosso trabalho:
A maior mudança do Illustrator CS3 para o CS4 foi a possibilidade de criação de novas
páginas. No Illustrator CS5, os artboards permanecem. E a novidade é que foi criado um
painel voltado para os artboards. O menu Number of Artboars é uma das maneiras de
inserirmos novas páginas ao documento.

No momento em que colocamos mais de uma página aparecem outras opções:
- A primeira é relativa a maneira como as páginas vão se organizar na área de trabalho.

Assim como no software Free Hand, podemos organizar as diversas páginas em linha
horizontal, vertical, em par, etc.
- Logo abaixo temos a opção Spacing, que configura a distância que uma página irá ficar
das outras.
- Em Width e Height configuramos a largura e altura da página.
- Na opção Units podemos escolher qual a unidade de medida do documento.
- Orientation nos dá a opção de termos a folha no formato Retrato ou Paisagem.
- O menu Bleed é outra novidade importante para os designers gráficos. Com ele é possível
estabelecer qual a área de sangra do documento em suas 4 dimensões.
2.5 Configurando um documento aberto

Para modificarmos muitas das configurações que fizemos acima, com o documento já aberto
podemos utilizar as opções que a ferramenta Artboard nos apresenta. Ela nos permite
modificações intuitivas que deixam o trabalho mais aberto e criativo. Esta ferramenta se
encontra na barra de ferramentas.

Quando clicamos nesta ferramenta, a Barra de Propriedes se adapta e nos permite fazer
diversas modificações como tamanho, orientação da página, criação de nova página, deletar
página, pontos X e Y entre outros.
Ainda com a ferramenta Artboard podemos manualmente configurar a nossa página

clicando e arrastando. Se o menu View > Smart Guides estiver habilitado ainda é possível
vermos qual o tamanho da página no momento da modificação.
Podemos modificar a disposição das páginas pelo documento manualmente sem que
isto afete sua numeração. Basta clicar e arrastar a página. Para criarmos novas páginas
manualmente podemos agir como se estivéssemos criando um documento novo, clicando e
arrastando o cursor pela tela.

Se quisermos deletar uma página, basta apertar a tecla DELETE enquanto ainda estivermos
com esta ferramenta. Para voltarmos ao modo normal de trabalho, basta selecionarmos
qualquer outra ferramenta. Novidade: No Illustrator CS5 foi inserido um painel para os
artboards, facilitando a criação e a disposição das páginas.

ANOTAÇÕES

Unidade 3 - Formas Básicas
Unidade 3
Formas Básicas
3.1 As Ferramentas Rectangle e Ellipse

Podemos fazer uso de ferramentas básicas que estão prontas, na caixa de ferramentas. O
grande atrativo dessas ferramentas é sua facilidade de manuseio.
Podemos utilizar estas formas de duas maneiras:

- O processo mais usual e natural utiliza o mouse, com o uso opcional das teclas Alt e Shift,
criando e arrastando as formas;
- Se em vez de iniciar o traçado, dermos um clique sobre a janela de ilustração (com a
ferramenta ativa), o Illustrator abrirá uma janela referente à ferramenta, na qual podemos
digitar numericamente o tamanho da forma.
1- Crie um novo documento.
2- Selecione a forma Rectangle e clique e arraste sobre a janela de ilustração. Se a tecla
Shift estiver pressionada, será gerado um quadrado. Também, podemos dar um clique na
tela e definir o tamanho da forma, através da janela da forma. A forma é gerada e seu canto
superior esquerdo é alinhado ao ponto do primeiro clique na janela de ilustração:

Fig. 3 Janela Rectangle

Observe que quando desenhamos uma forma temos a opção de Fill (preenchimento - quadro
superior) e Stroke (contorno - quadro inferior) na caixa de ferramentas. A cor da forma de
um objeto pode ser alterada depois de ter sido desenhado, também, basta selecionar a forma
e dar um duplo clique sobre o Fill.
Fig. 4 Fill e Stroke
Por padrão, retângulos e elipses são criados a partir de um dos cantos até seu diâmetro
oposto. Contudo, se a tecla Alt estiver pressionada, eles serão gerados a partir de seu ponto
central, fixado no local do primeiro clique:
4- Selecione a ferramenta Ellipse. Clique e arraste com o botão do mouse e ao mesmo tempo
pressione a tecla Alt:

Fig.5 Forma sendo desenhada com a tecla Alt pressionada.
Se quisermos um círculo perfeito basta pressionar a tecla Shift, também. Enquanto

estivermos arrastando o ponteiro para definir o formato da forma, podemos pressionar a
barra de espaço a fim de reposionar o objeto na janela de ilustração. Quando liberarmos a
barra de espaço, o traçado poderá prosseguir.
Podemos criar um efeito com a forma, se mantermos a tecla de apóstrofe (‘) pressionada
durante o arrasto da forma. Ela gera múltiplos retângulos ou elipses, cujas distâncias entre
si dependem da velocidade com que são traçados:
Fig.6 Tecla apóstrofe pressionada

3.2 A Ferramenta Rounded Rectangle

Essa ferramenta cria retângulos ou quadrados de cantos arredondados:
Fig. 7 Forma Rounded Rectangle

Se criarmos retângulos arrastando-o com o mouse, podemos programar dinamicamente o
raio dos cantos arredondados utilizando as setas de direção do teclado. Durante o arrasto
pressione a seta para cima ou para baixo.
Fig. 8 Forma Rounded Rectangle com o raio dos cantos maiores
A seta para a esquerda programa automaticamente o raio mínimo para zero, enquanto a seta
para a direita programa o raio máximo. Importante: Uma característica comum a todos
os paths que criamos independente da ferramenta utilizada, é o ponto central. O ponto
central tem como características:
- Ele não pode ser removido;
- Ele é utilizado para fins de seleção, alinhamento e/ou arrasto de objetos.

3.3 As Ferramentas Polygon e Star

As ferramentas Polygon e Star operam de modo semelhante. A ferramenta Polygon gera
polígonos regulares eqüiláteros cujos números de lados podemos programar:
Fig. 9 Ferramenta Polygon com 3 lados (sides)

A ferramenta Star gera polígonos em forma de estrela cujos números de pontas podemos,
também, programar:
Fig. 10 Janela Star
Durante a criação de um polígono podemos pressionar as teclas de seta para cima e para
baixo a fim de acrescentar ou reduzir os seus lados (até no mínimo três).
O mesmo se aplica as estrelas em relação ao número de pontas. As setas para esquerda e
para a direita não têm função.

Fig. 11 Ferramenra star com várias pontas
Durante a criação de uma estrela podemos pressionar as teclas Ctrl e Alt para obter efeitos
distintos. A tecla Ctrl, quando pressionada, mantém constante o raio interno da estrela e
permite que apenas as pontas sejam alongadas ou encolhidas:
Fig. 12 Ferramenta Star com a tecla Ctrl pressionada

3.4 Ferramenta Flare

A ferramenta Flare simula a refração da luz (solar ou artificial) em uma lente fotográfica.
Para gerar este efeito o Illustrator cria um objeto constituído de círculos e segmentos retos,
cujas características de cor, transparência e modo blending são calculados de modo a resultar
no efeito de refração.
A Flare produz bons resultados quando aplicada sobre fotos (preferencialmente escuras).
Recomenda-se, portanto, não ser utilizada diretamente sobre a página.
1- Clique em File > Open e na pasta imagens abra a imagem noite.jpg
2- No primeiro clique, definimos a posição e o tamanho da alça central, que faz o papel
de fonte luminosa, e os componentes periféricos (halo e raio). Selecione a Flare. Clique e
arraste a ferramenta sobre a imagem na parte superior esquerda para definir o tamanho de
cada componente:
3- No segundo clique, definimos a posição e o tamanho na alça terminal, assim como o

número de anéis. Ainda com a ferramenta Flare ativa, clique e arraste. Imediatamente a alça
terminal surgirá, assim como um número aleatório de anéis entra as alças.

Quando liberamos o botão do mouse ao final desta segunda etapa, o Illustrator preenche
cada um dos componentes do Flare com cores e níveis de transparência específicos. Veja o
resultado:

Para editar um Flare, selecione-o com a ferramenta Selection e dê um clique duplo sobre
seu botão:
Na janela Flare Tool Options temos:

Opções da Flare
- Seção Center: especifica (ou altera) o diâmetro e os níveis de opacidade e de luminosidade
da alça central.

- Seção Halo: ajusta o Growth, que controla o tamanho do halo e afeta diretamente os
demais componentes do Flare. O ajuste Fuzziness afeta diretamente o efeito de refração
(especialmente nos anéis). Só conseguiremos visualizar adequadamente os resultados
desses ajustes ao editar um Flare aplicado sobre um fundo escuro.
- Seção Rays: especifica o número de raios. Em seguida podemos determinar a extensão
do raio mais longo, cujo valor corresponde a um percentual da média de tamanho de raios.
O ajuste Fuzziness afeta o efeito de refração na alça central, alterando o comprimento dos
raios. Quanto menor o valor, menor será a variação entre seus tamanhos.
- Seção Rings: especifica o tamanho do path que unes as alças: central e terminal. Após
temos o número de anéis, o tamanho de anéis e a direção do path.
3.5 Segundo conjunto de ferramentas básicas

A Ferramenta Line Segment
Esta ferramenta segue a metodologia em que a reta é formada arrastando o ponteiro do
mouse sobre a janela de ilustração. Selecione a ferramenta e clique a arraste sobre a janela.
Pressionando a tecla de apóstrofe (‘) geraremos múltiplos segmentos em torno do ponto
inicial à medida que movimentamos o mouse:
Fig. 13 Ferramenta Line com a tecla apóstrofe pressionada

Ferramenta Arc
Essa ferramenta cria segmentos curvos. Da mesma forma que a ferramenta Line Segment a
tecla de apóstrofe (‘) gera múltiplos arcos:
Fig. 14 Ferramenta Arc com a tecla apóstrofe pressionada
As teclas de seta para cima e para baixo incrementam ou diminuem o valor de curvaturas
dos arcos. No exemplo abaixo foi utilizada a tecla de apóstrofe, também:
Fig. 15 Ferramenta Arc com a tecla apóstrofe pressionada e as setas

Ferramenta Spiral
Para criar paths em espiral temos a ferramenta Spiral, cujo manuseio é tão simples quanto
as demais ferramentas de traçado geométrico. Essa ferramenta gera segmentos encadeados.
Seja com o mouse ou com a interface numérica, as espirais são criadas a partir do centro
para as bordas:
Fig. 16 Se a tecla Shift estiver pressionada, os ângulos serão múltiplos de 45º.
Utilizando as setas para cima e para baixo podemos aumentar ou diminuir o número de
segmentos curvos que formam as espirais. Os segmentos são acrescentados no sentido do
centro (para dentro):

Fig 17 Forma Spiral utilizando as setas
A tecla de apóstrofe (‘) gera múltiplos paths (espiralados):
Fig. 18Forma Spiral com a tecla

apóstrofe

Ferramenta Rectangular Grid

Essa ferramenta cria segmentos retos entrelaçados e independentes no interior de um path
retangular, formando uma grade. O retângulo e os paths retos são agrupados assim que a
grade é concluída.

Fig. 19 Forma Rectangular Grid
Pressionando a tecla Shift teremos grades extremamente quadrangulares. Já a tecla Alt
duplica o tamanho da grade (e de suas divisões):

Fig. 20 Forma Rectangular Grid com a tecla Shift pressionada
A tecla de apóstrofe (‘) gera grades múltiplas, cujas distâncias entre si dependem da
velocidade de arrasto:
Fig. 21 Forma Rectangular Grid com a tecla apóstrofe pressionada

As teclas seta para cima e para baixo acrescentam ou reduzem as divisórias horizontais da
grade, enquanto as teclas de seta para direita e para esquerda acrescentam ou reduzem as
divisórias verticais da grade:
Fig. 22 Forma Rectangular Grid utilizando as setas

As teclas F e V alteram a distância entre as divisórias horizontais. A cada toque, a distância
entra a primeira e a segunda aumenta (F) ou diminui (V) em 10%:

Fig. 23 Forma Rectangular Grid utilizando as teclas F e V
As teclas C e X cumprem as mesmas funções das teclas F e V, só que em relação às divisórias
verticais da grade:

Fig. 24 Forma Rectangular Grid utilizando as teclas C e X

Ferramenta Polar Grid

Essa ferramenta cria paths elípticos ou circulares, que fazem o papel de divisores
concêntricos, juntamente com paths retos que fazem o papel de divisórias radiais.
O resultado é uma grade cognominada de polar:

Fig. 25 Forma Polar Grid
A tecla Alt e o apóstrofe produzem rigorosamente os mesmo efeitos da ferramenta
Rectangular Grid. A tecla Shift gera grades circulares em vez de elípticas.
As teclas seta para cima e seta para baixo acrescem ou reduzem o número de divisórias
concêntricas da grade:

Fig. 26 Forma Polar Grid utlizando as setas para cima e para baixo
As teclas seta para esquerda e seta para a direita acrescentam ou reduzem o número de
divisórias radiais:


Fig. 27 Forma Polar Grid utlizando as setas para a esquerda e direita
As teclas X e C produzem o mesmo efeito Skew produzido em grades retangulares, mas nas
divisórias concêntricas.
A tecla X desloca a divisória em direção ao centro e a tecla C as desloca em direção a borda.
O incremente é de 10% a cada toque:

Fig. 28 Forma Polar Grid utlizando a tecla X
As teclas F e V produzem o efeito Skew nas divisórias radiais, no sentido horário (C) ou
anti-horário (F).
Fig. 29 Forma Polar Grid

utlizando as teclas F e V


Para que um objeto possa ser modificado de alguma forma, ele precisa ser selecionado.
Nesta unidade examinaremos cada um dos recursos de seleção.
3.6 A Ferramenta Selection

A Ferramenta Selection é uma das mais importantes ferramentas do Illustrator. Com ela é
possível selecionar, modificar e mover objetos.
Com um clique simples no contorno de um objeto ele é automaticamente selecionado.
Podemos também clicando no interior de uma figura, desde que ele contenha preenchimento.

Fig. 30 Objetos sendo selecionados
Quando um objeto está selecionado aparecem oito pequenos quadradinhos na sua volta, e
uma caixa delimitadora (caso não esteja visível, acione View > Show Bounding Box).
Cada um destes quadradinhos é uma alça, e serve para distorcer a figura. Basta clicar nela e
puxar para alterar sua forma.
Fig. 31Forma sendo aumentada

Podemos também utilizar esta ferramenta para girar (rotacionar) um objeto selecionado.
Posicione o cursor na parte de fora da figura, mantendo-o levemente afastado das alças.

Neste momento o ponteiro converte-se em uma seta bidirecional angulada. Clique e gire.
Para giramos em ângulos precisos (45°, 90°, 135°, 180°, 225° e 270°) basta segurarmos a
tecla SHIFT durante o giro.

Fig. 32 Girando a forma com a tecla Shift pressionada
Um ou mais objetos podem ser selecionados ao mesmo tempo. Clique em um objeto da
tela, segure a tecla SHIFT e clique em outro.
O SHIFT tem a propriedade de adicionar objetos à seleção também e retirá-los.
Fig. 33 Dois objetos selecionados

Outra maneira de selecionarmos mais de um objeto é criarmos uma caixa de seleção que
abranja ao menos uma parte do objeto. Escolha a ferramenta Selection, clique em uma
área e arraste. Tudo o que for tocado pela caixa que você está criando fará parte da seleção.

Fig. 34 Selecionando os objetos

Clicando 2 vezes sobre a ferramenta Selection enquanto estivermos selecionando algo,
uma janela abrirá. Nela podemos escolher a posição (através dos eixos X e Y), à distância e
o ângulo do objeto que está selecionado.
Fig. 35 Opções do objeto

Abaixo do botão Cancel existe o botão Copy, que nos possibilita criar uma cópia do objeto
na nova posição escolhida preservando o original.
3.7 A Ferramenta Direct Selection

A ferramenta Direct Selection tem a propriedade de manipular partes dos objetos,
como segmentos (linhas) e pontos de ancoragem (nós) editando paths de maneira precisa.

Quando colocamos o cursor sobre o “nó” de um objeto (selecionado ou não), um pequeno

quadro vazado surge ao seu lado . Se clicarmos, este ponto será selecionado e se tornará
sólido. Na figura abaixo podemos notar que o “nó” do meio da figura está selecionado, ao
contrário dos que estão nas pontas.
Fig. 36 Forma com um nó selecionado

Podemos selecionar mais de um “nó” segurando a tecla SHIFT e clicando em outros nós,
assim como podemos excluir um “nó” da seleção com este mesmo processo.
Fig. 37 Selecionando mais de um nó

Outra maneira de termos uma seleção com vários “nós” é criarmos uma caixa de seleção
com a ferramenta Direct Selection. Clicando e arrastando com a ferramenta serão marcardos
todos os “nós” que ficarem dentro da caixa.
Fig. 38 Selecionando os nós

com uma caixa de seleção


Tendo esta seleção, podemos movimentar todos os “nós” juntos, dando um clique sobre um
deles e arrastando. Todos os selecionados seguirão o que estamos movendo.

Fig. 39 Movendo vários nós ao mesmo tempo
Quando estamos com um “nó” selecionado e apertamos a tecla DELETE o “nó” e as linhas
são excluídos, abrindo um caminho na figura.

Fig. 40 Excluindo um nó
Algumas vezes a Ferramenta Direct Selection seleciona toda a figura. Isso acontece quando
clicamos em qualquer parte interna da forma. Quando isso ocorre todos os “nós” ficam
selecionados e podemos mover o objeto como um todo.

Fig. 41 Selecionando todos os nós da forma

3.8 A Ferramenta Group Selection

A ferramenta Group Selection tem a propriedade de mover objetos que estão agrupados.
Na maioria dos softwares gráficos temos que desagrupar os objetos se quisermos mover
alguma parte. O Illustrator nos permite fazer isto mantendo os objetos no seu grupo. Basta
selecionar a ferramenta que se encontra atrás da Ferramenta Direct Selection, clicar nos
objetos e arrastar. Veja o exemplo abaixo
Fig. 42 Selecionando a Group Selection
Fig. 43 Selecionandocom
a Group Selection

ANOTAÇÕES

Unidade 4 - Painel Appearance
e Gradiente
Unidade 4
Painel Appearance e Gradiente
Desde a versão CS4 temos a possibilidade de aplicar 3 tipos de transparências e métodos
de mesclagem no mesmo objetos a partir do painel Appearance: no contorno, apenas no
preenchimento ou em todo ele.
Este painel permite ainda a criação de um obejto com diversos contornos, como no modelo
abaixo:

1- Tendo um objeto com um contorno simples, o usuário pode clicar no menu do painel que
está na parte superior direita. Ali existe a opção Add New Stroke. Vamos clicar nela para
adicionarmos um novo contorno.
Fig. 44 Adicionando um novo contorno a forma

2- Agora vamos selecionar este novo contorno, aumentar a sua espessura e mudar sua cor.
O resultado vai ficar como este:
Fig. 45 Selecionando um contorno

3- Se repetirmos este passo diversas vezes teremos resultados muito interessantes.
Fig. 46 Vários contornos aplicados a forma
Também a partir da versão CS4, o gradiente do Illustrator tornou-se mais prático de ser
aplicado. Outra novidade é que agora ele incorpora transparência nas cores. Todas estas
opções podem ser encontradas no painel Gradiente (Windows>gradient). Para aplicarmos
gradiente em um objeto basta selecioná-lo e clicar na barra de gradiente, como no exemplo
abaixo:
Por padrão, as primeiras cores a serem aplicadas são o preto e branco. Para trocá-las podemos
clicar duas vezes nos pequenos quadrados de cor que se encontram nas extremidades da
barra. Abrirá um menu de cor aonde podemos escolher a nova cor.

Dica: a cor costuma estar inicialmente em Grayscale. Para colocarmos outra cor precisamos
entrar no menu do painel e escolhemos outro modo de cor, como CMYK ou RGB, como
mostrado na imagem acima. Se quisermos acrescentar uma terceira cor basta clicar logo
abaixo da barra de gradiente.
Existem algumas maneiras de editarmos o gradiente. Uma delas é trocar o seu modo em
Type. Podemos escolher entre as opções Linear e Radial:

Radial Linear
Depois de escolher qualquer uma delar podemos utilizar a ferramenta gradiente, que se
encontra na barra de ferramentas. Com ela podemos editar a posição e distância da passagem
de cor. Basta clicar e arrastar em um objeto selecionado que já contenha gradiente.
Quanto mais longo é o clique e arrasto, mais longa é a passagem de cor.

Unidade 5 - Painel Pathfinder
Unidade 5
Painel Pathfinder
Este painel possui algumas opções de mesclagem entre figuras (Window > Pathfinder).
Podemos dividi-la em dois grupos: Shape Modes e Pathfinder.
O grupo Shape Modes tem a propriedade de mesclar os objetos como se fossem máscaras.
Ou seja, se pegarmos, por exemplo, com a ferramenta Group Selection conseguiremos
mover separadamente os dois objetos mesmo depois de aplicado o efeito.
O grupo Pathfinders tem a função de fazer com que as duas formas interajam sem que se
crie vínculo entre elas.
Os objetos resultantes da aplicação do painel Pathfinder são formas compostas.

Unit: combina os objetos selecionados em um único objeto, que retém os atributos
do objeto que estiver no topo da pilha de sobreposição (camada layers);
Minus Front: utiliza o objeto sobreposto para recortar o(s) objeto(s) abaixo. O
objeto resultante retém os atributos do objeto recortado;
Intersect: preserva a área comum aos dois objetos. O objeto resultante retém os
atributos do objeto sobreposto;
Exclude: no caso de um número par de objetos empilhados, remove as áreas comuns
a todos; no caso de um número ímpar, as áreas comuns a todos permanecem e o
objeto na base da pilha é recortado pelos que estão acima;
Divide: os objetos são “quebrados” em paths menores e independentes, retendo

os atributos dos objetos originais. As quebras ficam nas áreas em que ocorrem
intersecções entre objetos;
Trim: remove do objeto sobposto a área que se encontra oculta pelo objeto
sobreposto (que é preservado);
Merge: remove as áreas ocultas e as coberturas de traçado, mas com uma diferença
básica: os objetos adjacentes ou sobrepostos de mesma cor são mesclados, durante
a operação;
Crop: o objeto sobreposto é utilizado para “recortar” o sobposto. As áreas do
segundo que estiverem fora dos limites do primeiro são removidas, assim como a
cobertura original do traçado;
Outiline: executa as seguintes operações: a cor de preenchimento de cada objeto é
removida e aplicada no respectivo traçado; os objetos são quebrados em segmentos,
sendo que os endpoints corresponderão aos pontos de intersecção entre eles;
Minus Back: o objeto sobreposto é utilizado para “recortar” o sobreposto. As
áreas do segundo, que estiverem dentro dos limites de primeiro, são removidas. A
cobertura original do traçado é preservada.
Abaixo alguns exemplos de mesclagens:

Utilizando Unit:
Utilizando Minus Front:

Utilizando Intersect:
Formas com o Exclude aplicada
Além disso, qualquer uma das opções do grupo Shape (painel Patfinder mostrado acima),
tem uma maneira alternativa de ser aplicada, que permite que estas mudanças não sejam
definitivas. Chamamos esta opção de Compond Shape. Ao utilizá-la, um objeto fica com a
aparência de que foi mesclado mas pode ser acessado de maneira individual.
Para criar um Compond Shape basta clicar em um dos 4 comandos Shapes (Unit, Minus
Front, Intersect, Exclude) pressionando a tecla ALT.

Podemos utilizar a ferramenta Group Selection para modificar os objetos deste grupo.
Agora na versão CS5 temos uma nova ferramenta, a Shape builder tool .
A ferramenta Shape builder é uma ferramenta interativa para a criação de formas por meio de
mistura ou exclusão. Deixando assim mais rápido e simples a construção de novas formas.
Com os objetos a serem alterados selecionados, basta selecionar a ferramenta Shape

builder e arrastar de um objeto ao outro pra uní-los. A ferramenta por padrão está no modo
de mistura. Você também pode alternar para o modo de exclusão para excluir bordas ou
regiões indesejadas, pressionando o Alt.

ANOTAÇÕES

Unidade 6 - Trabalhando com Camadas
( Layers )
Unidade 6
Trabalhando com Camadas ( Layers )
O painel Layers (Window > Layers) lista e organiza qualquer coisa que esteja no nosso
arquivo (vetores, bitmaps, gráficos, etc).
Trabalhar com este painel é indispensável, pois muitas vezes, será a melhor maneira de
selecionarmos, mudarmos a ordem de empilhamento e organizar nossos trabalhos.
A imagem abaixo possui apenas uma layer (camada). Todo este desenho está dentro dela.
Vamos abrir esta camada clicando na setinha ao lado da miniatura do arquivo.
Fig. 47 Desenho com apenas uma camada

Agora podemos ver todos os objetos que estão no nosso arquivo. Podemos trocar o nome de
cada um deles com dois cliques sobre o seu nome atual.
Fig. 48 Desenho com a camada aberta

Também é possível deixar cada um dos objetos invisíveis com um clique sobre o “olho”
que aparece bem a esquerda do painel. Isso não significa que deletamos um objeto. Apenas
o deixamos sem visualização.
Para que eles apareçam novamente precisamos clicar no espaço vazio onde estava o “olho”.
Podemos tornar toda uma camada invisível fazendo o mesmo procedimento na diretamente
na layer.
Fig. 49 Algumas camadas estão sem visualização

Logo ao lado do “olho” existe um espaço vazio. Se clicarmos, aparecerá um cadeado,

e o objeto estará bloqueado. Não conseguiremos fazer qualquer tipo de alteração até
desbloquearmos (com um clique sobre o cadeado).
Esta opção é útil quando queremos fazer alterações sem influenciar o que está em volta.
Podemos bloquear toda uma camada aplicando o mesmo procedimento diretamente na layer.
Também é importante lembrar que todos os objetos na Layer estão de acordo com sua ordem
de empilhamento. Os que estão acima também ficam acima na ordem de empilhamento na
tela. Para mudar esta ordem basta clicar no ícone do objeto no painel e arrastá-lo para
baixo ou para cima.

Lembre que a maior função de uma layer é organizar nosso arquivo. A maneira de fazer isto
fica de acordo com cada usuário. Novas layers não aparecem sozinhas. Precisamos criá-las.
Para isto temos que clicar no ícone Create New Layer , que está ao lado do ícone da
Lixeira no painel Layer. Ao fazermos isto uma nova layer será criada acima desta com o
nome de layer 2.
Com dois cliques no atual nome da layer (Layer 2, se formos pegar o caso acima) podemos
mudar o nome e a cor de uma layer. A cor serve apenas para a sua identificação. Um
objeto que pertence a uma layer azul, quando está selecionado, aparece com as arestas de
distorção azuis.

Já o desenho abaixo mostra uma paisagem dividida em layers. Cada uma diz respeito a parte
do layout. Assim fica fácil manipular as partes separadas, pois para fazer qualquer alteração
no barco, podemos bloquear as layers Mar e Céu.
Essa organização também pode ser feita como no caso abaixo, em que as partes do rosto da
pessoa desenhada estão em Layers diferentes.

Observe também o caso abaixo, onde o texto está em uma layer e o restante da diagramação
em outra.
Após abrir a layer em que está o objeto, clique sobre ícone e arraste até outra layer.
Sabemos que a troca vai acontecer quando aparecem duas setas pretas ao lado da layer que
vai receber o objeto. Abaixo é possível ilustrar como ocorre a troca objetos das layers:
Outro ponto interessante é a grande facilidade deste painel em selecionar qualquer objeto
que esteja no arquivo a partir dela. Para isso clique no círculo que aparece a direita do ícone
de cada objeto.
Aparecerá um pequeno quadrado colorido ao lado, o que indica que o objeto está selecionado.

Fig. 50 Visualização da layer correspondente selecionada

Importante: Quando clicamos em um elemento no painel layers, ele se torna ativo. Nessa
condição, qualquer desses elementos poderá ser removido, deslocado para outra posição de
empilhamento (arrastando-o) ou ter seus atributos alterados:
Quando selecionado um objeto (path, grupo, subgrupo, etc.) o Illustrator não ativa o elemento
no painel Layers. Em vez disso aparece um indicador de seleção (quadrado colorido) na
extremidade direita da camada e um anel duplo que indica que o objeto selecionado esta
pronto para aplicação de efeitos ou qualquer outra alteração que afete sua aparência:

Fig. 51 Selecionndo o objeto
Quando o objeto esta com um efeito aplicado o anel aparece preenchido:
Fig. 52 Efeito aplicado a um objeto

Podemos, também, selecionar todos os objetos que existem na camada clicando no triângulo
pequeno, localizado na parte superior esquerda da camada:
Fig. 52 Triângulo de seleção
Podemos copiar o último efeito aplicado no objeto para outro objeto, basta selecionarmos
o anel, pressionarmos a tecla ALT e arrastá-lo para a camada do outro objeto. Observe a
imagem abaixo:
Fig. 53 Objetos com o mesmo efeito

ANOTAÇÕES

Unidade 7 - Ferramentas de Desenho
Unidade 7
Ferramentas de Desenho
O Illustrator é um editor gráfico vetorial, assim sendo, sua função primordial é disponibilizar
recursos que favoreçam a criação de arte, ou desenho.
7.1 Os Paths
A matéria-prima básica para a criação de um desenho vetorial é o path, que é representado
por uma linha aberta ou fechada, reta ou curva, que pode ser modelada de diversas formas.
A modelagem de paths apresenta sutilezas que requerem práticas a serem dominadas.
Illustrator disponibiliza duas ferramentas de traçado a mão livre: a ferramenta Pen
e a ferramenta Paintbrush . Embora sua utilização seja rigorosamente a mesma, elas
possuem diferenças quanto aos paths resultantes.
Em geral, a Pen é utilizada para traçados rápidos de paths que normalmente serão
retrabalhados, enquanto a Paintbrush e mais adequada para gerar efeitos artísticos de
pinceladas sobre o papel.
Um path é constituído de um ou mais segmentos vetoriais retos ou curvos. Cada segmento é
delimitado por dois elementos chamados de pontos de ancoragem (nó). Um path, portanto,
possui no mínimo dois “nós” (constituído por apenas uma linha).
7.2 A Ferramenta Pen
A ferramenta Pen é qualquer traçado a mão livre, sobretudo quando se trabalha

com mouse, as primeiras tentativas são hesitantes e resultam em traçados imprecisos e
recortados em excesso. Isso, contudo, não deve servir de desestímulo, logo perceberemos
que a ferramenta Pen deixará de intimidar e fluirá de acordo com seu estilo.
1- Crie um novo documento.
2 – Selecione a ferramenta Pen, posicione sobre um ponto da página e clique para que ele
crie um “nó”. Clique em um segundo local para que ele acrescente outro nó e uma linha que
ligará estes dois pontos.

3 – A cada novo clique, um “nó” será acrescentado.
4 – Se quisermos interromper nosso caminho, basta selecionarmos qualquer outra ferramenta,

como por exemplo, a Selection.
5 - Para fechar o caminho, basta clicar no primeiro ponto que criamos. Sabemos que isto vai
acontecer quando aparece um círculo ao lado do cursor.

6 – Vamos tentar reproduzir os desenhos abaixo:
7.3 Curvas com a Ferramenta Pen

1- Selecione a ferramenta Pen e clique em algum local da página. Em seguida posicione o
ponteiro em um segundo local, clique e arraste o ponteiro, inclinando um pouco o mouse
para baixo. Solte o botão e veja como ficou:
Diferente de quando fazemos retas, apareceu um novo elemento ao nosso path: as alças
de direção. A função destes elementos é dar uma direção para a nossa curva. Toda a curva
possui estas alças, que sempre apontam para a direção em que se inicia a curvatura.

Observe os desenhos abaixo:

Duas alças para cima: curva ascendente
Duas alças para baixo: curva descendente.
Mas se uma alça de direção estiver apontando para cima e outra para baixo o resultado fica
assim:

Agora, se as duas alças estiverem para cima, só que apontando em direções inversas, a curva
será aberta.

A Ferramenta Add Anchor Point
A ferramenta Add Anchor Point adiciona “nós” a um segmento com um clique

simples.
Ferramenta Delete Anchor Point
A ferramenta Delete Anchor Point deleta “nós” de um segmento com um clique

sobre eles.
Ferramenta Convert Anchor Point
A ferramenta Convert Anchor Point modifica as alças de direção. Caso as alças não
estejam aparecendo em uma forma, pegue a ferramenta Direct Selection e clique no nó. Se
mesmo assim não aparecerem, é sinal que as alças estas “escondidas” dentro do nó. Para
liberá-las selecione a ferramenta Convert Anchor Point, clique no “nó” e arraste.
Uma maneira de tornar nosso trabalho muito mais rápido é utilizar esta ferramenta por
meio de atalho de teclado. Enquanto estamos utilizando a ferramenta Pen, podemos clicar
na tecla ALT que nosso cursor se transforma na ferramenta Convert Anchor Point Tool.
7.4 Desenhando com a Pen

Uma das grandes facilidades do Illustrator é que podemos modificar as alças de direção
enquanto fazemos o desenho com a Pen.

Vamos desenhar de uma nuvem utilizando esta técnica:

1 – Com a ferramenta Pen clique em um ponto para criar um “nó”.
2 – Um pouco ao lado clique em um segundo ponto e arraste para baixo. Só solte o botão do
mouse quando a curva estiver como esta:
3 – Neste segundo nó que criamos apareceram duas alças de direção: a da curva anterior e
a da próxima. Vamos clicar na tecla ALT e mantê-la pressionada para que possamos mover
as alças de direção. Agora vamos configurar a próxima alça para cima, prevendo nossa
próxima curva.

4 – Vamos dar um terceiro clique e novamente arrastar para criarmos outra curva.
5 – Agora podemos seguir aplicando os mesmos princípios até finalizarmos a nuvem.

Quando chegarmos ao final não precisaremos modificar mais nada.
É possível modificar
as alças de direção
com a ferramenta
Direct Selection,
mas esta apresenta
algumas restrições
para a manipulação
destes elementos.

7.5 Misturando Ferramentas de Desenho

Para fazermos desenhos complexos, com retas e curvas precisamos utilizar muitas
ferramentas. A Direct Selection, para mover os “nós”, a Pen, para criá-los, a Convert
Archor Point, para mover as alças de direção, a Add Anchor Point, para acrescentar “nós”
a um segmento e a Delete Anchor Point para deletar “nós”.
Podemos utilizar todas estas ferramentas de maneira bem simples, sem que precisemos sair
da Pen. Basta utilizamos alguns atalhos de teclado:
Enquanto mantemos a tecla Ctrl pressionada, a Pen se
transforma na última ferramenta de seleção que utilizamos:
Selection, Direct Selection ou Group Selection.
Enquanto mantemos a tecla Alt pressionada a ferramenta

Pen se transforma na Convert Archor Point.
7.6 Dicas de desenho:

1 - É possível que ao trocar de ferramenta a nossa linha seja interrompida. Para continuar o
caminho basta colocar o cursor sobre o último nó criado, esperar aparecer uma pequena seta
ao lado dele, clicar e continuar desenhando.

2- Em algumas situações precisamos trabalhar com um alto grau de zoom, o que diminui
nossa área de trabalho. Para que possamos nos deslocar mais rapidamente pela página
podemos utilizar a barra de espaço. Quando estamos com qualquer ferramenta (exceto
a de texto) podemos pressionar a barra e automaticamente a ferramenta converte-se para a
Hand.
3- Podemos automaticamente programar o Illustrator para gerar “nós” com pontas ou
suavizados. Os dois botões marcados abaixo cumprem esta função.
4 – Uma linha é formada por duas alças de direção. Para fazer a curva perfeita procure
configurar às duas.
5 – Uma reta ou uma curva só precisam de dois “nós”. Evite o excesso de “nós”, pois o
desenho corre o risco de ficar “quebrado”.
6 – Muitas vezes quando uma curva é aberta demais é bem conveniente que coloquemos um
“nó” no meio, dividindo a curva em duas.

7 – Evite colocar “nós” nos pontos de maior tensão da curva. Coloque sempre antes e
depois.
Unidade 8 -Familiarizando-se com o
Photoshop CS5
UNIDADE 8
Familiarizando-se com o Photoshop CS5
8.1 A interface do Photoshop CS5

O Photoshop CS5 é o software da Adobe específico para tratamento de imagens. Apesar
de trabalhar com vetores e pixels, a maioria dos trabalhos de retoques de imagens
costumam ser focados no trabalho sobre bitmaps.
Tela inicial do Photoshop CS5:

A – Painel de controle / B – Configuração do workspace / C – Panéis diversos
D – Painel de ferramentas / E – Nome do arquivo, zoom e modo de cor

O Photoshop possui um painel de ferramenta complexo, com várias opções de

cofiguração que está organizado pelos seguintes grupos:
• Ferramentas de seleção
• Ferramentas de corte e fatiamento
• Ferramentas de medida
• Ferramentas de retoque
• Ferramentas de pintura
• Ferramentas de texto e desenho
• Ferraentas 3D e navegação
Na caixa de ferramentas encontramos todas as ferramentas disponíveis para trabalhar

na edição das imagens. A figura a seguir ilustra tais ferramentas visíveis e aquelas
organizadas em sub-grupos conforme ascategorias citadas acima.

Para selecionar uma ferramenta, basta clicá-la, sendo também possível o uso da tecla de
atalho correspondente.
Algumas ferramentas possuem uma pequena seta no canto inferior direito, que indica
a presença de ferramentas ocultas do mesmo grupo. Para selecionar uma ferramenta
oculta:
a) Clique e mantenha pressionado o botão

esquerdo do mouse sobre uma ferramenta que
possui ferramentas ocultas;
b) Pressione a tecla Alt e clique na ferramenta.
Cada novo clique seleciona a ferramenta seguinte
do grupo;
c) Pressione Shift + tecla de atalho da ferramenta.
Cada vez que repetir esta operação, você estará
selecionando a ferramenta seguinte do grupo.
8.2 Abrindo arquivos novos e existentes

Para um arquivo já existente, bem como
na execução de outras operações básicas, o
Photoshop comporta-se de modo semelhante
a todos os programas do pacote Adobe. Basta
abrir o menu File e selecionar a opção Open.
O Photohop abrirá uma janela para que o
susuário localize o arquivo dentro da máquina,
a fim de que se clique em “Abrir”. Outra forma
de abrir um arquivo já existen é utilizar o atalho
Ctrl + O. Ambos processos levarão para a
exibição da janela Open.

Janela Open para abertura de arquivos existentes no Photoshop
Para inciar um trabalho a partir de um documento em branco, também existem duas

formas: selecionar File > New ou pressionar Ctrl + N no teclado. Ambas leverão a
exibição da seguinte janela:

Especifique um nome para o arquivo, determine largura e altura e, principalemnte,

escolha a unidade de medida mais apropriada para o trabalho.
Certifique-se que o arquivo está no modo de cor RGB com resolução apropriada para
tela, ou seja, entre 72 e 96 pixels/inch e, por fim, configure o plano de fundo que melhor
se adapta ao seu trabalho. Depois de começarmos a trabalhar com o Photoshop CS5,
é possível acessar as preferências para definir alguns itens, se necessário, como na
imagem abaixo:
Vá até o menu Edit > Preferences

> Performance.
Por padrão o item History States
vem marcado 20, mas podemos
modificar para mais, se for
necessário.
Navegue entre os outros itens das
Preferences e vá modificando, de
acordo com sua necessidade.
8.3 Organizando a Área de Trabalho

Use as opções de modo da tela para visualizar
imagens ocupando toda a tela. É possível
mostrar ou ocultar a barra de menus, a barra
de título e as barras de rolagem.
Este botão encontra-se na parte superior do
programa. Também podemos utilizar a tecla
F para trocar os modos de visualização.
Além disso, os paineis ao serem deslocados,
ou fechados, podem ser reorganizados
através do caminho: Window > Workspace > Reset Palette Location.
Todos os grupos de painéis reaparecerão, alinhando-se à direita do vídeo. Também, há
a possibilidade de salvar os posicionamentos das janelas através do menu Window >
Workspace > New Workspace.

O photoshop permite salvar o modo de visualização da área de trabalho
As mesmas funções de criar ou de alterar por algum modo default do Workspace,

pode ser encontrado na barra superior de configuração que apresenta botões mais
intuitivos na versão CS5 com uma visualização mais clara de todos os modos de
Workspace disponibilizados. O modo de visualização pode ser desdobrado em uma
janela ou expandido na própria barra.
Modo desdobrado Modo expandindo

Para desdobrar os modos de workspace na barra de configuração, basta aproximar o

mouse do modo design e arrastar o botão, permitindo a visualização, lado a lado, de
todos os diferentes tipos de workspace.
Após a mudança ou criação de um novo Workspace, é possível, através do menu
Window > Workspace > Delete Workspace, remover configurações que não serão mais
utilizadas. Para retornar ao estado inicial, vá em Window > Workspace > Essentials.
Um recurso eficiente nos softwares da Adobe é o Arrange Documents, que nos mostra
formas de visualização dos documentos que temos abertos no programa.
Dica
Tecle Tab. Todos os painéis e a barra de ferramentas ficarão ocultos. Tecle novamente
Tab para torná-los visíveis.
Pressione as teclas Shift + Tab. Todos os painéis ficarão ocultos e a barra de
ferramentas permanecerá visível. Tecle Shift + Tab para torná-los visíveis
novamente.

Unidade 9 - Ajustes Básicos
UNIDADE 9
Ajustes básicos
Fluxo Correção de imagens
Ao bater uma foto, os fotógrafos buscam as condições ideais de luz. Com isto, é possível
planejar os níveis de cor, brilho, luminosidade, foco, etc. Acontece que nem sempre uma
imagem tem estes elementos ajustados. Por este motivo, quando inicia-se um tratamento
de imagem, uma das primeiras preocupações que deve-se ter são os ajustes básicos de
cor e luz de uma imagem. Segue abaixo algumas maneiras de fazermos estes ajustes:
9.1 Verificação
O primeiro passo de um tratamento de imagem é a verificação. Deve-se descobrir
quais pontos precisam ser melhorados. Para isto podemos contar com a ajuda do painel
Histogram. Encontramos ele no menu WINDOWS > HISTOGRAM.
Este gráfico ilustra como os pixels em uma imagem são distribuídos criando um gráfico
do número de pixels em cada nível de intensidade de cor. O histograma mostra detalhes
nas sombras (mostrados na parte esquerda do histograma), tons médios (mostrados no
meio) e realces (mostrados na parte direita). Um histograma pode ajudar a determinar
se uma imagem possui detalhes suficientes para fazer uma boa correção. Observe o
exemplo na próxima página:

O gráfico ao lado mostra uma

imagem que possui muitos tons
claros, poucos tons médios e
nada de escuros. Quando isto
acontece, a imagem fica muito
clara, como se estivesse exposta
a grande quantidade de luz.
Observe como isto se reflete
nesta foto.
Neste exemplo, observamos um

gráfico com grande quantidade
de tons médios, e praticamente
nada de tons claros ou escuros.
Observe como a imagem fica
sem contraste.
Ao lado podemos observar

todo o gráfico pendendo para a
esquerda, o que quer dizer que
é uma imagem que tem muita
quantidade de tons escuros,
poucos tons médios e nada de
claros.
Normalmente uma imagem está

equilibrada quando seu gráfico é
equilibrado, como no exemplo
ao lado.

9.2 Adjustements
As ferramentas de ajuste de cores do Photoshop funcionam mapeando uma faixa de
valores de pixels para uma nova faixa de valores. A diferença entre as ferramentas está
na intensidade de controle que elas oferecem e na forma como são aplicadas. Através
do menu Image > Adjustements é possível obtrer uma visão geral das ferramentas de
ajuste de cor e de luz.
Dica
Se quiser fazer ajustes em uma parte da imagem, selecione essa parte.
Se nenhuma seleção for criada, o ajuste será aplicado à imagem inteira. Remova
todas as falhas, como pontos de poeira, manchas e rabiscos, da imagem antes de
fazer ajustes de cores e de tons.

9.2.1 Levels
Um dos ajustes mais importantes que uma foto pode receber é o Levels. O encontramos
em image > adjustments > levels (CTRL+L)
Ajusta o equilíbrio de cores definindo a distribuição de pixels para canais de cores
individuais. É possível usar o ajuste de Levels (Níveis) para corrigir o intervalo de tons
e o equilíbrio de cores de uma imagem, ajustando os níveis de intensidade das sombras,
tons médios e realces da imagem. O Histogram Levels atua como um guia visual para o
ajuste de tons de registro da imagem.
A maneira mais fácil de

utilizarmos é movendo as
3 setas que se encontram
abaixo do gráfico. Cada uma
representa uma faixa tonal.
Movendo-as podemos alterar a
quantidade de luz na imagem.
Se o menu Preview estiver
ativo, podemos ver as
mudanças instantaneamente.
Controla os tons claros

Controla os tons médios
Controla os tons escuros
Se movermos a seta preta agiremos apenas nos tons escuros da imagem. Movendo a
cinza, nos tons médios. E movendo a branca nos tons claros.
Podemos ainda acrescentar luminosidade e escuridão utilizando a barra Output Levels
que se encontra abaixo, no painel.

9.2.2 Curves
Este ajuste é muito similar ao Levels, com a diferença que a maneira de utilização é
mais complexa, mas os resultados e mais preciso.
O ajuste Curves fornece até 14 pontos de controle para ajustes de realces, tons médios
e sombras de canais individuais, enquanto o Levels possui somente três ajustes (ponto
branco, ponto preto, gama).
É possível usar Curves o intervalo de tons inteiro de uma imagem. O ajuste de Curves
permite que você ajuste pontos por todo o intervalo de tons de uma magem (de cores
a realces). Também é possível usar as Curvas para fazer ajustes precisos em canais
de cores individuais de uma imagem. É possível salvar as configurações de ajuste de
Curvas como predefinições.
Este ajuste se encontra no menu image > adjustments > curves (CTRL+M)
Movendo a linha sob o gráfico

podemos ter um controle total
da imagem.
Basta clicar e arrastar.
Quando chegarmos mais

perto das regiões de cima e da
direita, mais escurecida fica a
imagem.

A imagem abaixo mostra um ajuste, aonde uma foto foi clareada. Para isto, a linha do
gráfico é puxada para cima
Observe alguns outros resultados:

9.2.3 Color Balance

Utilizamos o Color Balance para corrigir distorções de cor em uma imagem, ou para
mudarmos totalmente a sua cor. Esta opção é muito utilizada para a recuperação de
fotos antigas que sofreram modificações de cor com o tempo. Esta opção encontra-se
no menu image > adjustments > color balance (CTRL+B)
Ajusta a faixa tonal.
Utilizando estas três

opções, escolhemos se
a ação se dará nas áreas
escuras (shadows) nas
médias (midtones) ou
nas claras (highlights).
9.2.4 Hue/Saturation
O Hue/Saturation (Matiz/Saturação) permite ajustar o matiz, a saturação e o brilho de
um componente de cor específico em uma imagem ou ajustar simultaneamente todas as
cores em uma imagem.
- Matiz (Hue) - Cor da imagem. Quando modificamos a matiz a cor é alterada a partir
do disco de cores.
- Saturação (Saturatio) - Quantidade de cor. Quanto maior, mais a cor se torna forte.
Se está no mínimo temos uma imagem similar ao preto e branco.
- Luminosidade (Lightness) - Quantidade de luminosidade.
O Hue/Saturation é ótimo para ajustes finos de cores em uma imagem CMYK de forma
que elas fiquem dentro do *gamut de um dispositivo de saída.
Esta opção encontra-se no menu image > adjustments > hue/saturation (CTRL+U)
*gamut:espaço de tons que uma determinado modo de cor pode atingir.

Matiz
Saturação
Luminosidade
Colorize - Quando clicado, dá
à imagem um único tom de cor.
9.2.5 Brightness/Contrast
Ajusta o brilho e o contraste de uma imagem. Ao aumentarmos o brilho, a imagem
ganha presença de claridade, como se estivesse iluminada.
Ao aumentarmos o contraste, aumentamos a diferença de cores de uma imagem, fazendo
com que ela ganhe mais profundidade.
Esta opção encontra-se no menu image > adjustments > brightness/contrast
Brilho
Contraste

9.2.6 Exposure
Ajusta a tonalidade ao executar cálculos em um espaço de cor linear. A exposição é
utilizada principalmente para imagens HDR.
Esta opção encontra-se no menu image > adjustments > exposure.
Exposure - Exposição a
luz. Modificando este menu
aumentamos ou diminuimos a
exposição.
Offset - Quantidade de área
exposta à luz.
Gamma Correction - Gama
de cor exposta à luz.
9.2.7 Vibrance
Com este ajuste podemos aumentar com mais intensidade a saturação de cores menos
saturadas em uma imagem. Serve para igualar a faixa de saturação de imagens. Por
exemplo: se temos uma imagem com um vermelho forte e outro fraco, este menu vai
aumentar com mais intensidade o vermelho fraco.
A vibratibilidade também previne os tons de pele de se tornarem muito saturados e criar
imagens com tonalidades frias.
Esta opção encontra-se no menu image > adjustments > vibrance.
Vibrance - Escolhe-se a
faixa de vibração de cor.
Saturation - Quantidade
de cor na faixa tonal
escolhida na opção acima.

9.2.8 Black and White

Tem a propriedade de deixar a imagem com aparência de monocromática.
Este ajuste permite ao usuário escolher como será a aparência desta imagem em preto
e branco, a partir da manipulação das cores originais. Escolhe-se a quantidade de preto
ou branco que cada canal de cor vai receber.
Esta opção encontra-se no menu image > adjustments > black and white.
Dica:
Este ajuste da à imagem apenas a aparência monocromática, mas sua saida ainda é
colorida. Caso fosse impressa, a imagem teria saida CMYK (4 cores).
Para uma imagem realmente ser monocromática precisamos habilitar o menu
IMAGE > MODE > GRAYSCALE.

9.3 Painel adjustments

A ferramenta chamada Adjustments Layers faz todas as modificações que encontramos
no menu image > adjustments mas com a vantagem de que este ajuste não agem direto
na fotografia, mantendo as características e as cores da imagem original.
O ajuste fica sobre a foto original.

Encontramos este ajuste na barra inferior do
painel Layers.
Quando um ajuste como Levels, Curves,

Exposer, Color Balance é aplicado na
imagem, automaticamente o Photoshop cria
uma nova layer cuja única função é conter
este ajuste.
Esta layer possui as mesmas características

de uma layer comum. Pode ser deletada, ter
sua opacidade modificada ou mesmo ser
deixada sem visualização.
Note que quando tiramos a visualização da
layer, o ajuste some.
É possível utilizar mais de um ajuste de uma

só vez.

O Photoshop CS5 continua tendo o painel Adjustments. Podemos localizá-lo por meio
do menu windows > adjustments. Este painel possui uma biblioteca de ajustes já
disponíveis além dos ajustes padrões.
Quando clicamos em um dos

ajustes mostrados no painel, cria-se
automaticamente uma layer de ajuste.
Sendo assim, a imagem original não é
modificada.
Para sua conveniência, o painel Ajustes
tem uma lista de predefinições de ajuste
que aplicam correções de imagem
comuns.
As predefinições estão disponíveis
para Níveis, Curvas, Exposição, Matiz/
Saturação, Preto-e-Branco, Misturador
de Canais e Cor Seletiva.
Clicar em um ícone de ajuste ou em
uma predefinição exibe as opções de
configuração para o ajuste especificado.
Para voltar ao painel clique na flecha no

lado inferior esquerdo.
Para aplicar uma predefinição de ajuste,

clique no triângulo para expandir a lista
de predefinições para um ajuste específico
e clique em uma predefinição. Clique com
a tecla Alt pressionada (Windows) ou
com a tecla Option pressionada (Mac OS)
em um triângulo para expandir todas as
predefinições.


Nova camada de ajuste gerada pelo painel Adjusments
Abaixo, segue o resumo das opções do painel Adjustments:
Opção Descrição
Brightness/ Aplica contaste à imagem por meio do controle de brilho e
Contrast constraste na imagem.
Levels Ajusta o equilíbrio de cores definindo a distribuição de pixels
para canais de cores individuais. Em geral, este comando
equilibra as áreas de sombra, luz e meio-tons presentes na
imagem.
Curves Fornece até 14 pontos de controle para ajustes de realces de tons
claros, tons médios e sombras de canais individuais.
Exposure Ajusta a tonalidade ao executar cálculos em um espaço de cor
linear. A exposição é principalmente para uso em imagens HDR.

Vibrance Ajusta a saturação de cor para que o corte seja minimizado.

Esse ajuste aumenta a saturação de cores menos saturadas mais
que as cores que já estão saturadas. A vibratibilidade também
previne os tons de pele de se tornarem muito saturados.
Hue/Saturation Ajusta os valores de matiz, saturação e luminosidade de toda a
imagem ou de componentes de cor individuais.
Color Balance Este comando faz a correspondência ente cores que compõe as
imagens. Por exemplo, duas fotografias, duas camadas e duas
seleções na mesma imagem ou em imagens diferentes. Esse
comando também ajusta a luminescência e o intervalo de cores,
além de neutralizar projeções de cores em uma imagem.
Black And Atribui valores para todos os canais de cor para que a imagem
White preto e branco tenha mais qualidade e não seja formada apenas
pelo canal de preto.
Photo Filter O ajuste de Filtro de fotos imita a técnica de colocar um
filtro colorido na frente da lente de uma câmera para ajustar
o equilíbrio e a temperatura de cores da luz refletida através
da lente e a técnica de exposição do filme. Esse ajuste também
permite escolher uma predefinição de cor para aplicar um ajuste
de matiz a uma imagem.
Channel Mixer Modifica um canal de cor e faz ajustes de cores que não são
feitos facilmente com outras ferramentas de ajuste de cores.
Invert Inverte os tons da imagem.
Posterize Permite especificar um valor de brilho para a imagem
Threshold Converte imagens coloridas ou em tons de cinza em imagens
de alto contraste, utilizando preto para as áreas escuras e branco
para as áreas claras.
Gradient Map Mapeia a escala de tons de cinza equivalente de uma imagem
para as cores de um preenchimento gradiente especificado. Se
um preenchimento degradê de duas cores for especificado, por
exemplo, as sombras na imagem serão mapeadas para uma das
cores da extremidade do preenchimento degradê, os realces
serão mapeados para a outra cor da extremidade e os tons
médios serão mapeados para as gradações intermediárias.
Selective Color Ajusta a intensidade de cores de processamento em componentes
de cor individuais.

ANOTAÇÕES

Unidade 10 - Trabalhando com Layers
UNIDADE 10
Trabalhando com layers
10.1. Layers
Muitas vezes precisamos fazer trabalhos complexo movendo e modificando as imagens
separadamente. Nestes casos, utiliza-se um recurso conhecido como Layers semelhante
a Camadas que funcionam como folhas empilhadas (umas sobre as outras). Para
habilitarmos este recurso, precisamos da ajuda do painel Layers (windows > layers).
J
M K
N L
A: Link.
B: Efeitos.
C: Máscara. O
D: Layer de Ajuste
E: Pasta.
F: Nova Layer.
i
G: Lixeira.
H: Layer Background.
I: Layer Normal.
J: Opções do Painel Layers. H
K: Grau de Opacidade
L: Grau de Preenchimento.
M: Blend Mode (Modos
de Mesclagem).
N: Opções de Bloqueio.
O: Visualizar/Esconder Layer.
A B C D E F G

Este painel nos dá a possibilidade de trabalharmos separadamente em cada área do

arquivo. Podemos observar isto na imagem abaixo.
Este arquivo possui 3 layers. As duas primeiras tem como conteúdo um instrumento
de música e um jovem. A terceira contém um fundo branco para se evitar um fundo
transparente, caso ocorra alguma montagem no exercício.

10.2 Ocultando uma Layer

Podemos deixar uma layer invisível clicando no botão de ocultar (figura em forma de
olho que aparece ao lado da miniatura da layer). Clicando no mesmo lugar a layer volta
a ficar visível.
10.3 Renomeando Layer

Para organizar o trabalho com layers, é importante que o usuário atruibua um nome
a cada uma. Para isto, basta dar dois cliques no atual nome da layer e modificá-lo. É
possível termos Layers com o mesmo nome.

10.4 Ordem de Empilhamento e transparência

A ordem de empilhamento das layer reflete quem está atrás ou na frente na visualização.
Quando alteramos esta ordem, modificamos nosso arquivo. Você move uma camada
para posicionar o conteúdo na camada, como se estivesse deslizando uma folha em uma
pilha. É possível alterar a opacidade de uma camada para tornar o conteúdo total ou
parcialmente transparente.
Pressione o mouse e o empurre para cima afim de modificar a ordem das layers
Basta clicar no menu Opacity e modificar a porcentagem de transparência

10.5 Criando e Deletando Layer

Para criar uma nova Layer basta clicar no menu em Create New Layer no painel. Uma
nova layer vazia aparecerá no painel. Para deletar podemos clicar no ícone da lixeira.
Deletar Layer
Criar layer
10.6 Editando conteúdo de uma layer

Quando já temos os objetos separados em layers podemos trabalhar de maneira
independente com cada uma delas. Basta selecionarmos a layer desejada e acionarmos
a ferramenta Move . Depois, podemos clicar e arrastar o objeto para onde quisermos.
Para movermos o conteúdo de outra layer precisamos selecioná-la no painel. Para
selecionarmos layers automaticamente, sem precisarmos clicar na layer do painel,
podemos utilizar o menu Auto-Select, que aparece no momento em que estamos
trabalhando com a ferramenta Move.

Layer selecionada
Botão de selecção automática das layers enquanto a seta move está acionada

10.7 Distorcendo e rotacionando uma Layer

Quando os objetos estão separados, é possível modificá-los individualmente. Para isto,
utilizamos o comando Edit > Free Transform (CTRL+T). Este menu habilita um
retângulo com 8 arestas de distorção sobre as extremidades da nossa layer.
Clicando nestas arestas podemos achatar ou encolher o nosso objeto. Quando chegarmos
no resultado que nos interessa, basta pressionar Enter. Para cancelar pressione ESC.
Para redimensionarmos um objeto sem perdermos a proporção, precisamos selecionar
uma das quatro diagonais e segurando a tecla SHIFT arrastarmos até chegar no
tamanho desejado.

Ainda com o Free Transform ativo, podemos rotacionar a imagem. Para isto, o cursor
deve ser posicionado um pouco para fora da caixa de transformação. O cursor ganha a
aparência de uma seta curvada. Neste momento podemos rotacionar.
Dica
Para girarmos em ângulos congruêntes (15° em 15°) podemos pressionar a
tecla SHIFT

10.8 Agrupando Layer

O Photoshop permite agrupar camadas para facilitar a organização do arquivo. No
painel Layers, clique sobre o botão Create New Group conforme destacado na imagem.
10.9 Duplicando Layer

Ao duplicar uma camada, o Photoshop cria duas camadas idênticas. Para isso, selecione
a camada que deve ser duplicada, clique com o botão direito sobre ela e selecione a
opção Duplicate Layer.

10.10 Vinculando Layer

É possível vincular várias camadas para facilitar sua manipulação. Elas permanecem
vinculadas até que o comando de desvinculação seja dado.
Matenha selecionadas as camadas que serão vinculadas e clique sobre o ícone no canto
inferior do painel Layers.
10.11 Modos de mesclagem e opacidade

A imagem a seguir destaca onde estão as opções de configuração de mesclagem,
opacidade e preenchimento.
Painel layers: A – Modos de mesclagem / B – Opacidade e Preenchimen

Modos de mesclagem são configurações aplicadas às camadas do Photoshop e

determinam como os pixels presentes em diferentes camadas serão mesclados. Por
padrão, as camadas são configuradas com o modo Normal de mesclagem, ou seja, o
conteúdo entre as diversas camadas não causa interferência entre elas.
Para alterar entre as diversas opções de mesclagem, basta selecionar um modo de
mesclagem no menu, conforme a imagem a seguir.
Painel Layer com modos de mesclagem

Os modos de mesclagem entre camadas produzem efeitos como escurer, clarear,

aumentar contraste, entre outros. Por exemplo, ao mesclar duas camadas duplicadas,
é possível obter uma imagem com mais constrate, pois alguns modos de mesclagem
ressaltam áreas claras bem como áreas escuras, produzindo o efeito de contraste.
Neste menu os modos de mesclagem estão organizados em cinco grandes grupos de
acordo com a função de cada um:
• Escurecedores: Darken, Multiply, Color Burn, Linear Burn e Darker
Color.
• Clareadores: Lighten, Screen, Color Dodge, Linear Dodge e Lighter
Color.
• Contrastantes: Overlay, Soft Light, Hard Light, Vivid Light, Linear
Light, Pin Light, Hard Mix.
• Comparativos: Diffrence e Exclusion.
• Combinadores: Hue, Saturation, Color e Luminosity.
A tabela a seguir descreve o comportamento dos modos de mesclagem disponíveis

no Photoshop CS5. Porém, é importante ressaltar que seu resultado final pode variar
conforme as camadas que estão sendo mescladas.
Modo de mesclagem Descrição

Normal É o modo de mesclagem padrão. Edita ou pinta cada
pixel para transformá-lo na cor resultante.
Dissolve Edita ou pinta cada pixel para transformá-
lo na cor resultante. Entretanto, a cor
resultante é uma substituição aleatória dos
pixels pela cor de base ou de mesclagem,
dependendo da opacidade na localização de
qualquer pixel.
Darken Examina as informações de cor em cada canal e

seleciona a cor de base ou de mesclagem (a que for
mais escura) como cor resultante. Os pixels mais
claros que a cor de mesclagem são substituídos e os
mais escuros não são alterados.

Multiply Examina as informações de cor em cada canal e

multiplica a cor de base pela de mesclagem. A cor
resultante é sempre mais escura. Multiplicar qualquer
cor por preto produz preto. Multiplicar qualquer cor
por branco deixa a cor inalterada. Ao pintar com
uma cor que não seja preto ou branco, as pinceladas
sucessivas de uma ferramenta de pintura produzem
cores progressivamente mais escuras. O efeito é
semelhante ao de desenhar na imagem com várias
canetas marcadoras.
Color Burn Examina as informações de cor em cada canal
e escurece a cor de base para refletir a cor de
mesclagem, aumentando o contraste. A mesclagem
com o branco não produz alterações.
Linear Burn Examina as informações de cor em cada canal
e escurece a cor de base para refletir a cor de
mesclagem, diminuindo o brilho. A mesclagem com
o branco não produz alterações.
Darker Color Compara o total de todos os valores de canal para a
cor de base e de mesclagem e exibe a cor de valor
mais baixo. O modo Darker Color não produz
uma terceira cor, que pode resultar da mesclagem
Escurecer, porque ela escolhe os menores valores de
canal da cor de base e de mesclagem para criar a cor
resultante.

Lighten Examina as informações de cor em cada canal

e seleciona a cor de base ou de mesclagem (a que
for mais clara) como cor resultante. Os pixels mais
escuros que a cor de mesclagem são substituídos e os
mais claros não são alterados.
Screen Examina as informações de cor em cada canal e
multiplica o inverso das cores de mesclagem e de
base. A cor resultante é sempre mais clara. Mesclagem
com preto deixa a cor inalterada. Mesclagem com
branco produz branco. O efeito é semelhante a
projetar vários slides fotográficos, um sobre o outro.
Color Dodge Examina as informações de cor em cada canal e
clareia a cor de base para refletir a cor de mesclagem,
diminuindo o contraste. A mesclagem com o preto
não produz alterações.
Linear Dodge Examina as informações de cor em cada canal e
clareia a cor de base para refletir a cor de mesclagem,
aumentando o brilho. A mesclagem com o preto não
produz alterações.
Lighter Color Compara o total de todos os valores de canal para a
cor de base e de mesclagem e exibe a cor de valor
mais alto. A Cor Mais Clara não produz uma terceira
cor, que pode resultar da mesclagem Clarear, porque
ela escolhe os maiores valores de canal da cor de
base e de mesclagem para criar a cor resultante.

Overlay Multiplica ou reticula as cores, dependendo da cor

de base. Padrões ou cores se sobrepõem aos pixels
existentes, preservando os realces e as sombras da
cor de base. A cor de base não é substituída e sim
misturada com a cor de mesclagem, para refletir a
luminosidade ou a sombra da cor original.
Soft Light Escurece ou clareia as cores, dependendo da cor de
mesclagem. O efeito é semelhante ao de iluminar
a imagem com uma luz de spot difusa. Se a cor de
mesclagem (fonte de luz) for mais clara que 50% de
cinza, a imagem ficará mais clara, como se estivesse
subexposta. Se a cor de mesclagem for mais escura
do que 50% de cinza, a imagem ficará mais escura,
como se superexposta. Pintar com preto ou branco
puro produz uma área visivelmente mais escura ou
mais clara, mas não resulta em preto ou branco puro.
Hard Light Multiplica ou reticula as cores, dependendo da cor
de mesclagem. O efeito é semelhante ao de iluminar
a imagem com uma luz de spot direta. Se a cor de
mesclagem (fonte de luz) for mais clara que 50% de
cinza, a imagem ficará mais clara, como se estivesse
reticulada.

Vivid Light Superexpõe ou subexpõe as cores, aumentando

ou diminuindo o brilho, dependendo da cor de
mesclagem. Se a cor de mesclagem (fonte de luz) for
mais clara que 50% de cinza, a imagem será clareada
pelo aumento de contraste. Se a cor de mesclagem
for mais escura que 50% de cinza, a imagem será
escurecida pela diminuição de contraste.
Linear Light Superexpõe ou subexpõe as cores, aumentando
ou diminuindo o brilho, dependendo da cor de
mesclagem. Se a cor de mesclagem (fonte de luz) for
mais clara que 50% de cinza, a imagem será clareada
pelo aumento de brilho. Se a cor de mesclagem
for mais escura que 50% de cinza, a imagem será
escurecida pela diminuição de brilho.
Pin Light Substitui as cores, dependendo da cor de mesclagem.
Se a cor de mesclagem (fonte de luz) for mais clara
que 50% de cinza, os pixels mais escuros que a cor
de mesclagem serão substituídos e os mais claros
não serão alterados. Se a cor de mesclagem for mais
escura que 50% de cinza, os pixels mais claros que
a cor de mesclagem serão substituídos e os mais
escuros não serão alterados. Isso é importante ao
adicionar efeitos especiais a uma imagem.

Hard Mix Adiciona os valores de canal vermelho, verde e azul

da cor de mesclagem aos valores RGB da cor de base.
Se a soma resultante de um canal for 255 ou mais,
ele receberá um valor de 255; se for menos de 255,
o valor será 0. Portanto, todos os pixels mesclados
possuem valores de canal vermelho, verde e azul
de 0 ou 255. Isso muda todos os pixels para cores
primárias: vermelho, verde, azul, ciano, amarelo,
magenta, branco ou preto.
Difference Examina as informações de cor em cada canal e
subtrai a cor de mesclagem da cor de base ou a cor
de base da cor de mesclagem, dependendo de qual
tiver brilho maior. A mesclagem com branco inverte
os valores da cor de base; a mesclagem com preto não
produz alterações.
Exclusion Cria um efeito semelhante ao do modo Diferença, mas
com menor contraste. A mesclagem com o branco
inverte os valores da cor de base. A mesclagem com
o preto não produz alterações.
Hue Cria uma cor resultante com a luminosidade e a
saturação da cor de base e com o matiz da cor de
mesclagem.
Saturation Cria uma cor resultante com a luminosidade e o matiz
da cor de base e com a saturação da cor de mesclagem.
Pintar com esse modo em uma área com saturação
zero (cinza) não produz nenhuma alteração.
Color Cria uma cor resultante com a luminosidade da
cor de base e com o matiz e a saturação da cor de
mesclagem. Isso preserva os níveis de cinza na
imagem e é útil para colorir imagens monocromáticas
e pintar imagens coloridas.
Luminosity Cria uma cor resultante com o matiz e a saturação
da cor de base e com a luminosidade da cor de
mesclagem. Esse modo cria o efeito inverso do
produzido pelo modo Cor.

Para obter efeitos mais precisos com os modos de mesclagem, é interessante variar a
opacidade da camada. Uma camada com opacidade de 0% está transparente. O valor
máximo que pode ser inserido é 100% de opacidade, ou seja, completamente visível.
O exemplo a seguir demonstra a configuração do painel Layers com duas camadas
idênticas. A camada superior, neste caso, nomeada como Layer 1, está recebendo o
modo de mesclagem Overlay. Para suavizar o impacto da mesclagem, a opacidade da
camada Layer 1 está configurada com o valor de 58%.
Painel de Layer com modo de mesclagem Overlay e opacidade de 58%

Os ícones de miniaturas abaixo são os modos de visualização que podemos escolher

para a seleção realizada. Tais visualizações da imagem sobre fundos diferentes
permitem uma configuração adequada do painel Refine Edge para se obter uma seleção
aperfeiçoada e um bom recorte.

Unidade 11 - Trabalhando com Seleção
e recorte
UNIDADE 11
Trabalhando seleção e recorte
11.1 Ferramentas de Seleção
Para aplicar alterações em partes de uma imagem, primeiro é necessário selecionar a
área desejada. Por exemplo, se precisarmos trocar a cor do olho de uma pessoa, temos
que selecionar apenas ele. A seleção isola uma ou mais partes da imagem.
Com a seleção de áreas específicas, é possível editar e aplicar efeitos e filtros a partes de
uma imagem e, ao mesmo tempo, manter as áreas não selecionadas inalteradas.
Existem diversas ferramentas. A maior parte se encontra na parte superior da barra de
ferramentas.
11.2 Seleção com Marquee Tool

As Marquee Tools permitem selecionar retângulos, elipses e linhas e colunas de 1 pixel:
A
B
C
D
A- Retangular Marquee Tool - Faz uma seleção retangular (ou quadrada, quando
usada com a tecla Shift).
B- Elliptical Marquee Tool - Faz uma seleção elíptica (ou circular, quando usada com
a tecla Shift).
C- Single Row Marquee Tool - Define a borda como uma linha com 1 pixel de largura.
D- Single Column Marquee Tool - Define a borda como uma coluna com 1 pixel de
largura na imagem.

Seleção feita com a Elliptical Marquee
Sempre que o usuário cria uma seleção ele pode escolher um destes itens para ajudá-lo:
A. Nova seleção.
B. Adicionar a uma seleção já inexistente (podemos utilizar o atalho SHIFT para isto).
C. Subtrair de uma seleção já existente (podemos utilizar o atalho ALT para isto).
D. Fazer Intersecção com outra seleção já existente.

11.3 Ferramenta Polygonal Lasso Tool

A ferramenta Polygonal Lasso é útil para desenhar segmentos de aresta reta de uma
borda de seleção. Abaixo, um exemplo de uma típica seleção realizada com a ferramenta
Polygonal Lasso:
O grupo de ferramentas Marquee e Lasso possuem uma série de configurações que são
realizadas, assim como as demais feramentas, por meio do painel de controle, situado
na parte superior da interface. Abaixo segue a visualização de tais configurações.
Opção Descrição
Feather Ameniza a borda da seleção
Anti-alias Suaviza os pixels
Width Especifica largura para a área de seleção
Contrast Aumenta ou diminui o contraste da seleção da borda

11.4 Ferramenta Magnectic Lasso Tool

A ferramenta Magnetic Lasso adapta a seleção a borda da imagem. Ela faz um cálculo
baseada no contraste de cor de uma imagem. Quanto maior o contraste melhor fica o
resultado. Essa ferramenta não está disponível para imagens de 32 bits por canal.
11.5 Ferramenta Lasso Tool

Faz seleção a mão livre. Com ela basta clicar e arrastar. Quando o cursor do mouse for
solto, a seleção será fechada. Demanda muita precisão do usuário.
11.6 Ferramenta Magic Wand

Seleção automática a partir de cor. Quando clicamos em uma cor o Photoshop captura
todas as áreas da mesma cor. Realiza uma seleção sem precisar delimitar o seu contorno.
Para utilizá-la basta configurá-la e dar um clique sobre a área desejada. É recomendada
quando a imagem a ser selecionada possui pouca variação entre tons. É possível
especificar a abrabgência e as bordas desta seleção por meio do painel de controle,
conforme a imagem e a tabela que seguem.
Painel de controle com a ferramenta Magic Wand ativa
Opção Descrição
Tolerance Determina a abragência da seleção
Anti-alias Suaviza os pixels
Contiguos Determina aporção de imagem que será selecionada
Sample All Layers Cria uma seleção tendo como base todas as camadas e não
apenas aquele que estiver ativa
Opções de criação de seleção da Magic Wand

11.7 Seleção com a ferramenta Quick Selection

Você pode usar a ferramenta Quick Selection para “pintar” rapidamente uma seleção
usando uma ponta de pincel redonda ajustável. Conforme você arrasta, a seleção se
expande para fora e automaticamente encontra e segue arestas definidas na imagem.
Para utilizar a ferramenta selecione a Quick Selection. Na barra de opções, clique em
uma das opções selecionadas: Novo, Adicionar à ou Subtrair de. Novo é a opção
padrão, se nada estiver selecionado. Após fazer a seleção inicial, a opção muda
automaticamente para Adicionar à.
Para alterar o tamanho da ponta do pincel da ferramenta Quick Selection, clique no

menu Pincel na barra de opções e digite um tamanho de pixel ou mova o controle
deslizante de Diâmetro.
Use as opções do menu pop-up Tamanho para tornar o tamanho da ponta do pincel
sensível à pressão da caneta ou a uma caneta digitalizadora (tablet).
Ao criar uma seleção, pressione o colchete à direita ( ] ) para aumentar o tamanho da
ponta do pincel da ferramenta Quick Selection; pressione o colchete à esquerda ( [ ) para
diminuir o tamanho da ponta do pincel. Escolha as opções da Quick Selection.
Obter Sample All Layers cria uma seleção com base em todas as camadas em vez de
apenas na camada seleciona da atualmente. Auto-Enhance reduz a aspereza e a obstrução
nos limites da seleção.
Auto-Enhance flui a seleção automaticamente em direção às arestas da imagem e aplica
alguns dos refinamentos de aresta que podem ser aplicados manualmente na caixa de
diálogo Refine Edge com as opções Smooth, Contrast e Radius.
A seleção aumenta conforme você pinta. Se a atualização estiver lenta, continue
arrastando para dar tempo à conclusão do trabalho na seleção.
Conforme você pinta próximo às arestas de uma forma, a área de seleção aumenta para
seguir os contornos da aresta da forma.

A tabela abaixo resume as opções de configuração da ferramenta Quick Selection
Opção Descrição
New Selection Cria uma seleção nova
Add to Selection Aumenta a área seleionada
Delete Selecion Retira uma parte já selecionada
Brush Configura o tamanho e as bordas do Brush que realiza a
seleção
Sample All Layers Cria uma seleção tendo como base todas as camadas e não
apenas aquele que estiver ativa
Auto-Enhance Faz a seleção fluir melhor em direção ás bordsa da imagem

11.8 Seleção com Color Range

O comando Color Range seleciona uma cor específica ou um intervalo de cores em
uma seleção existente ou na imagem inteira. Para substituir uma seleção, cancele todas
as outras seleções antes de aplicar esse comando. O comando Color Range não está
disponível para imagens de 32 bits por canal.

11.9 Refine Edge

A opção Refine Edge pode ser encontrado dentro do menu Select. Toda vez que uma
imagem é selecionada o painel Refine Edge pode ser acionado para tornar a seleção mais
suave (Feather) e arredondada (Smooth) ou precisa (Radius e Contrast). Na versão CS5,
novos recursos surgem no painel a fim de facilitar recortes mais complexos, permitindo
melhor ajuste entre seleção e imagem.
Opções de configuração do Refine Edge:

Radius: Aumenta ou diminui os raios da seleção, sendo que Smart Radius cria um raio
automático mais ajustado ao redor das bordas para evitar expansões na seleção.
Smooth: Atenua os pixels da borda da seleção.
Feather: Ameniza a borda da seleção.
Contrast: Aumenta ou diminui o contraste da seleção da borda.
Shift Edge: Contrai ou Expande a seleção.
Decontaminate Colors: Atenua invasão de cor do fundo sobre a imagem selecionada.

Os ícones de miniaturas abaixo são os modos de visualização que podemos escolher

para a seleção realizada. Tais visualizações da imagem sobre fundos diferentes
permitem uma configuração adequada do painel Refine Edge para se obter não apenas
uma seleção aperfeiçoada mas também um bom recorte.

Unidade 12 - Ferramenta Brush
Unidade 12
Ferramenta Brush
12.1 Aplicação de Brushes
O programa Adobe Photoshop também oferece diversas ferramentas de pintura,
principalmente o pincel Brush Tool que encontra-se no segundo quadrante da caixa de
ferramentas. O Brush atua como um pincel tradicional de desenho, gerando traços com
diferentes tamanhos através de diversas possibilidades de pontas.
Ao selecionar a ferramenta Brush, o painel de predefinições é acionado, permitindo que

se abra uma janela com diferentes pontas de pincel. Além da escolha do formato das
cerdas também é possível escolher a suavidade dessas, assim como o tamanho.

O painel de opções onde se abre o painel de predefinições também oferece outras

funções que contribuem para um traço ao ser feito com a ferramenta Brush. Os principais
botões para isso são os de Mesclagem (Bleends), o de Opacidade (Opacity), o de Fluxo
(Flow), assim como o Aerógrafo (Airbrush) e os Botões de pressão (Pressure buttons).
A B C D E
A - Opacity: Define a transparência da cor aplicada

B e E - Pressure buttons: Aplica pressão no traço para sobreescrever as configurações
de opacidade
C - Flow: Define a taxa de aplicação da cor conforme o ponteiro é movimentado em
uma área
D - Airbrush: Simula a pintura com um aerógrafo
Lembre que a cor do Brush sempre corresponde a cor da Foureground que encontra-se
na caixa de ferramenta.

12.2 Configuração de Brushes

Cada Brush (Pincel) possui, por padrão, configurações armazenadas que podem ser
alteradas. Dentro do menu Window > Brush (F5) podemos encontrar o painel de
configuração da ferramenta Brush que permite a mudança das predefinições dos pincéis,
além de possibilitar a criação de novos Brushs personalizados.
A. Bloqueado B. Desbloqueado C. Ponta de Brush (pincel) selecionado D.

Configurações do pincel E. Visualização do traçado do pincel F. menu popup G.
Formas de ponta do pincel (disponíveis quando a opção Forma da Ponta do Pincel
está selecionada) H. Opções do pincel

Além do caminho window >

brush, o painel de configuração
da ferramenta brush pode ser
acessado pelo atalho que está
presente no menu superior do
programa.
As configurações possíveis
de serem alteradas vão
desde o tamaho do pincel
até a aplicação de texturas,
assim como transparências
e suavizações na borda do
pincel.
12.3 Definindo brushes

Todo desenho feito com a própria ferramenta Brush, ou com alguma outra ferramenta
que permita preenchimento das formas, pode ser definido como um brush. O mesmo
processo ocorre com uma fotografia, pois qualquer imagem pode ser definida como um
brush assemelhando-se a um carimbo ou marcador.
Para definir uma forma como brush é necessário acessar o menu Edit > Define Brush,
que ao ser clicado abre uma pequena janela autorizando a escolha de um nome para o
novo elemento. Para conferir se a forma salva está realmente armazenada, basta acionar
o painel de predefinições na barra superior do programa ou o próprio painel de Brushes.
No quadro onde se concentram os formatos das pontas de pincel encontra-se o Brush
salvo como último elemento.

Definindo um novo elemento como sendo um Brush
Renomeando o novo Brush

Para verificar se o brush realmente foi definido e salvo, basta abrir o painel de prede-
finições na barra superior e conferir o último brush que poderá ser usado novamente
para novos desenhos.
12.4 Importando Brushes

Além de criar Brushs, há uma série de Brushes disponibilizados em sites específicos
para isso, permitidno que se escolha temas e desenhos diversos se para fazer download.
A extensão de um Brush é “.abr”, sendo rápido e fácil a importação para o photoshop.
Para importar, selecione a ferramenta Brush e acesse o menu que se torna visível no
painel de predefinições a fim de acionar o botão de biblioteca.
Tal botão é representado por uma pequena seta e desdobra diversas opções de
visualização de pontas para o pincel. Depois de clicar no ícone, solicite a função LOAD
para escolher qual Brush deve ser importado para o programa. Após a importação,
procure o novo brush no final do painel de predefinições para criar outros desenhos. É
possível importar quantos brushes form necessários.

A B
A - Painel de predefinições: permite a escolha de diferentes pontas de pincel

B - Botão da biblioteca: desdobra oções de diferentes visualizações, de Brush variados
e de importação

12.5 Mixer Brush

Uma das novidades da versão CS5 é a ferramenta Mixer Brush que assemelha-se ao uso
da ferramenta Brush Tool, no entanto contribui para que as cores de uma imagem sejam
mescladas. Ou seja, simula técnicas de pintura realistas, assim como a mistura de cores
em uma tela, onde se combina as cores em um pincel variando a pressão e a umidade de
pintura através do traço desenhado.
A ferramenta encontra-se no segundo quadrante da caixa de ferramentas e ao ser cionada

abre no painel de opções diversas funções voltadas para pintura e desenho.

A B C D
E F G
A - Amostra da carga do pincel - apresenta a cor atual do pincel

B - Carregar pincel - Enche o pincel com a cor da amostra
C - Limpar pincel - Remove a pintura do pincel
D - Predefinir - Aplica combinações das configurações Wet, Load, Mix
E - WET - Controla quanta pintura o pincel retira da tela.
F - LOAD - Especifica a quantidade da pintura carregada no pincel
G - MIX - Controla a proporção da pintura da tela com a pintura no pincel

O trabalho de misturas de cores da Mixer Brush pode ser completado ao se utilizar

as novas pontas de pincéis apresentadas no Photoshop CS5 encontradas no painel de
configuração do próprio Brush.

Tais pontas possuem diferentes formas de configuração além de possuirem a visualização

das cerdas escolhidas para o trabalho em uma pequena janela a parte, oferecendo maior
segurança e controle no traço. Para a visualização ocorrer, observe se essa função está
selecionada no painel de configuração na barra inferior.
Abaixo a janela no canto esquerdo da tela mostra não apenas a ponta do pincel, mas
também registra todos os movimentos feitos na tela e a mudança de configurações.

Possíveis alterações que podem ser realizados com os novos pincéis através da
visualização parelela dos movimentos desses de modo real.

ANOTAÇÕES

ANOTAÇÕES

Ilustracao Digital

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Ilustracao Digital

Enviado por

Direitos autorais:

Formatos disponíveis

Ferramentas aplicadas em

Todos os direitos reservados para Alfamídia Prow.

As informações contidas neste material de treinamento são distribuídas “NO ESTADO

02/2011 – Versão 1.0

2 2011 © Alfamídia Prow

A ALFAMÍDIA PROW DESEJA A VOCÊ UM EXCELENTE TREINAMENTO

2011 © Alfamídia Prow 3

Unidade 2 - Organizando o Illustrator

Unidade 3 - Formas Básicas

Unidade 4 - Painel Appearance e Gradiente........................................... 45

Unidade 5 - Painel Pathfinder................................................................. 51

Unidade 6 - Trabalhando com Camadas ( Layers )................................. 57

Unidade 7 - Ferramentas de Desenho..................................................... 69

4 2011 © Alfamídia Prow

7.6 Dicas de desenho:............................................................................. 78

Unidade 8 -Familiarizando-se com o Photoshop CS5

Unidade 9 - Ajustes Básicos

Unidade 10 - Trabalhando com Layers

Unidade 11 - Trabalhando com Seleção e recorte

2011 © Alfamídia Prow 5

11.3 Ferramenta Polygonal Lasso Tool................................................ 128

Unidade 12 - Ferramenta Brush

6 2011 © Alfamídia Prow

1.1 Sobre o Curso

Através do programa Adobe Illustrator e Adobe Photoshop estuda-se diferentes formas

1.2 Estrutura do Curso

O módulo se divide em duas partes - estudo das principais ferramentas do progra-

8 2011 © Alfamídia Prow

2.1 A Tela Inicial (Start Page)

Fig 1. Tela Inicial do Illustrator CS5

10 2011 © Alfamídia Prow

2011 © Alfamídia Prow 11

2.2 Vetor x Bitmap

12 2011 © Alfamídia Prow

2011 © Alfamídia Prow 13

2.3 A Área de Trabalho do Illustrator

Área de trabalho do Illustrator CS5

Temos a caixa de ferramentas à esquerda e os

14 2011 © Alfamídia Prow

Quando quiser fechar a barra suspensa, clique no X no canto superior direito:

Fig.2. Ferramentas suspensas

Os painéis da direita podem ser

2011 © Alfamídia Prow 15

2.4 Configurações do novo Documento

16 2011 © Alfamídia Prow

No momento em que colocamos mais de uma página aparecem outras opções:

- A primeira é relativa a maneira como as páginas vão se organizar na área de trabalho.

2.5 Configurando um documento aberto

2011 © Alfamídia Prow 17

Ainda com a ferramenta Artboard podemos manualmente configurar a nossa página

18 2011 © Alfamídia Prow

2011 © Alfamídia Prow 19

20 2011 © Alfamídia Prow

3.1 As Ferramentas Rectangle e Ellipse

Podemos utilizar estas formas de duas maneiras:

22 2011 © Alfamídia Prow

Fig. 3 Janela Rectangle

Fig. 4 Fill e Stroke

2011 © Alfamídia Prow 23

Fig.5 Forma sendo desenhada com a tecla Alt pressionada.

Se quisermos um círculo perfeito basta pressionar a tecla Shift, também. Enquanto

Fig.6 Tecla apóstrofe pressionada

24 2011 © Alfamídia Prow

3.2 A Ferramenta Rounded Rectangle