ferramentas aplicadas em ilustração digital · uma ferramenta de ilustração vetorial cria-se o...

Ferramentas aplicadas em Ilustração Digital

Ilustração Digital: Ferramentas para pintura

2011 © Alfamídia Prow2

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


2011 © Alfamídia Prow 3

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 [email protected];

- 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:

[email protected] – dúvidas após contratação

[email protected] – novas contratações



Sumário

Unidade 1 - Introdução 1.1 Sobre o Curso ..................................................................................... 81.2 Estrutura do Curso ............................................................................. 8

Unidade 2 - Organizando o Illustrator2.1 A Tela Inicial (Start Page) ................................................................ 102.2 Vetor x Bitmap ..............................................................................................122.3 A Área de Trabalho do Illustrator ..................................................... 142.4 Configurações do novo Documento ................................................. 162.5 Configurando um documento aberto ................................................ 17 Unidade 3 - Formas Básicas3.1 As Ferramentas Rectangle e Ellipse ................................................. 223.2 A Ferramenta Rounded Rectangle ................................................... 253.3 As Ferramentas Polygon e Star ........................................................ 263.4 Ferramenta Flare ............................................................................. 283.5 Segundo conjunto de ferramentas básicas ...................................... 313.6 A Ferramenta Selection .................................................................... 383.7 A Ferramenta Direct Selection ........................................................ 403.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 .................................................... 697.1 Os Paths ........................................................................................... 707.2 A Ferramenta Pen ............................................................................ 707.3 Curvas com a Ferramenta Pen ......................................................... 727.4 Desenhando com a Pen .................................................................... 757.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 ......................................................... 828.2 Abrindo arquivos novos e existentes ............................................... 848.3 Organizando a Área de Trabalho ..................................................... 86

Unidade 9 - Ajustes Básicos9.1 Verificação ........................................................................................ 909.2.1 Levels ........................................................................................... 939.2.2 Curves ........................................................................................... 949.2.3 Color Balance ................................................................................ 969.2.4 Hue/Saturation .............................................................................. 969.2.5 Brightness/Contrast ....................................................................... 979.2.6 Exposure ....................................................................................... 989.2.7 Vibrance ........................................................................................ 989.2.8 Black and White ............................................................................ 999.3 Painel adjustments ......................................................................... 100

Unidade 10 - Trabalhando com Layers10.1. Layers .......................................................................................... 10610.2 Ocultando uma Layer ................................................................... 10810.3 Renomeando Layer ...................................................................... 10810.4 Ordem de Empilhamento e transparência .................................... 10910.5 Criando e Deletando Layer ...........................................................11010.6 Editando conteúdo de uma layer ...................................................11010.7 Distorcendo e rotacionando uma Layer ........................................11210.8 Agrupando Layer ..........................................................................11410.9 Duplicando Layer ..........................................................................11410.10 Vinculando Layer ........................................................................11510.11 Modos de mesclagem e opacidade ..............................................115

Unidade 11 - Trabalhando com Seleção e recorte 11.1 Ferramentas de Seleção ............................................................... 12611.2 Seleção com Marquee Tool .......................................................... 126

Ilustração Digital: Técnica de Pintura


11.3 Ferramenta Polygonal Lasso Tool ............................................... 12811.4 Ferramenta Magnectic Lasso Tool ............................................... 12911.5 Ferramenta Lasso Tool ................................................................. 12911.6 Ferramenta Magic Wand .............................................................. 12911.7 Seleção com a ferramenta Quick Selection ..................................13011.8 Seleção com Color Range ............................................................ 13211.9 Refine Edge .................................................................................. 133

Unidade 12 - Ferramenta Brush 12.1 Aplicação de Brushes ................................................................... 13612.2 Configuração de Brushes ............................................................. 13812.3 Definindo brushes ........................................................................ 13912.4 Importando Brushes ..................................................................... 14112.5 Mixer Brush ................................................................................. 143

Sobre o CursoEstrutura do Curso

Unidade 1 - introdUção



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 2Organizando 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 3Formas 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 4Painel 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 5Painel 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 6Trabalhando 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 7Ferramentas 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 8Familiarizando-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 9Ajustes 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.

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.

Controla os tons clarosControla os tons médiosControla os tons escuros



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)

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.

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.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

Matiz

Saturação

Luminosidade

Colorize - Quando clicado, dá à imagem um único tom de cor.

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.

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.

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.

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.



Opção DescriçãoBrightness/

ContrastAplica contaste à imagem por meio do controle de brilho e 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.

Abaixo, segue o resumo das opções do painel Adjustments:

Nova camada de ajuste gerada pelo painel Adjusments



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 White

Atribui valores para todos os canais de cor para que a imagem 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 imagemThreshold 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 10Trabalhando 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).

A: Link.

B: Efeitos.

C: Máscara.

D: Layer de Ajuste

E: Pasta.

F: Nova Layer.

G: Lixeira.

H: Layer Background.

I: Layer Normal.

J: Opções do Painel Layers.

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

H

KJ

MN

O

L

i



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.

Basta clicar no menu Opacity e modificar a porcentagem de transparência

Pressione o mouse e o empurre para cima afim de modificar a ordem das layers



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.

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.

Deletar Layer

Criar layer



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çãoNormal É 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 11Trabalhando 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- 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.

A

B

C

D



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çãoFeather Ameniza a borda da seleção

Anti-alias Suaviza os pixelsWidth 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ções de criação de seleção da Magic Wand

Opção DescriçãoTolerance Determina a abragência da seleçãoAnti-alias Suaviza os pixelsContiguos 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



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çãoNew Selection Cria uma seleção nova

Add to Selection Aumenta a área seleionadaDelete 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 12Ferramenta 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 - 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.

A B C D E



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 pincelB - Carregar pincel - Enche o pincel com a cor da amostraC - Limpar pincel - Remove a pintura do pincelD - Predefinir - Aplica combinações das configurações Wet, Load, MixE - WET - Controla quanta pintura o pincel retira da tela.F - LOAD - Especifica a quantidade da pintura carregada no pincelG - 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