Adobe PhotoshoP Cs6

Transcrição

Adobe PhotoshoP Cs6

Adobe Photoshop CS6
sumário
InTrodução............................................................................ 5
Windows...................................................................................... 5
Mac OS........................................................................................ 6
Apresentação da Interface................................................. 6
Painel de Ferramenta ................................................................... 7
Paletas.......................................................................................... 7
Workspace................................................................................... 8
Criando, salvando e abrindo o documento................................... 9
Alterando o modelo de cor do documento ................................ 11
Aumentando/Diminuindo o tamanho da imagem....................... 11
Aumentando o tamanho da tela de trabalho............................... 13
Trabalhando com layers ............................................................. 13
Ferramentas de seleção............................................................... 16
Ferramentas de seleção do grupo Lasso ..................................... 19
Ferramentas de seleção do grupo Seleção rápida........................ 21
Menu Select............................................................................... 22
Move Tool ................................................................................ 23
Ferramenta Free Transform.......................................................... 24
Ferramentas de corte e fatia........................................................ 25
Adobe Photoshop Professional CS6
1
Ferramentas de Navegação......................................................... 26
Exercício 1 - BANNER - Umani Ronchi.............................. 28
Exercício 2 - Cabeça de Melão.......................................... 29
Exercício 3 - Efeito 3d em Foto........................................ 32
Trabalhando com cores.................................................. 36
Definição................................................................................... 36
Modelos de Cores ...................................................................... 36
Ajuste de matiz, saturação e brilho da cor.................................. 37
Escolhendo Cores....................................................................... 38
Como escolher cores na Caixa de Ferramentas........................... 38
Paleta de cor............................................................................... 40
Paleta Channels.......................................................................... 40
Ferramentas de Pintura............................................................... 41
Ferramentas de Preenchimento................................................... 43
Trabalhando com Ferramentas de desenho................................. 44
Shape Tools................................................................................ 45
Exercício 1 - Efeito mãos pegando fogo...................... 46
Exercício 2 - Pintura digital básica - Fada.................... 50
Exercício 3 - Criando com brushes................................ 55
Sobre Imagens....................................................................... 58
Imagens Bitmap.......................................................................... 58
Imagens Vetoriais........................................................................ 60
Ajuste de Imagens...................................................................... 60
Mask.......................................................................................... 63
Criando Adjustments Mask......................................................... 66
2
Exercício 1 - Anúncio Heineken....................................... 68
Exercício 2 - Capa DVD......................................................... 69
Exercício 3 - Transformar Limão em Laranja.............. 76
Trabalhando com Styles ............................................................. 86
Trabalhando com a ferramenta Stamp........................................ 87
Trabalhando com as Ferramentas de Retoque............................. 88
Trabalhando com a Ferramenta Eraser........................................ 90
Trabalhando com ferramentas de nitidez.................................... 90
Trabalhando com Ferramentas de Exposição.............................. 91
Exercício 1 - Mudar cor de cabelo................................. 93
Exercício 2 - Retirando espinhas e marcas no rosto.95
Exercício 3 - Corrigir olhos avermelhados............... 98
Exercício 4 - Corte de cabelos com Channels............ 99
Trabalhando com Filters .............................................. 104
Smart Filters ............................................................................. 105
Filtros................................................................................... 106
Filtros de acabamento.............................................................. 106
Filtros Artísticos........................................................................ 107
Sketch Filters............................................................................ 111
Filtros de estilização ................................................................ 114
Exercício 1 - Fotos Retrôs............................................... 119
Exercício 2 - Criar cometa utilizando filtros.......... 124
Exercício 3 - Foto envelhecida...................................... 126
3
Ferramentas de texto....................................................... 135
Paletas de formatação e edição de texto................................... 136
Convertendo o texto para imagem............................................ 137
Criação e Edição de texto em um demarcador:......................... 137
Conversão de texto em Shape................................................... 139
Exercício 1 - Texto com efeito de fogo....................... 140
Exercício 2 - Texto com Efeito Multicolor................ 147
Exercício 3 - Texto com Luz............................................. 151
Preparando o Photoshop para impressão................ 158
RGB x CMYK............................................................................ 158
Resolução................................................................................. 158
Imprimindo o documento: ....................................................... 158
Modos de salvar....................................................................... 160
Exercício 1 - Cartaz - Regret........................................... 165
Exercício 2 - Cartaz - O dia depois de amanhã.......... 172
4
Adobe Photoshop CS6
MÓDULO
01
InTrodução
O Photoshop é um programa de edição de imagens que permite a alteração de cor, retoque e correção
de imagens, a aplicação de efeitos e a inserção de textos.
Utilizando o Photoshop, você conseguirá criar ilustrações, realizar tratamentos de imagens, criar efeitos
especiais, criar páginas na Internet e muitas outras funções. Em sua versão CS5, o Photoshop apresenta
novas ferramentas para desenho e edição de formas e imagens. Aprimoramento na utilização das ferramentas possibilitando criar efeitos fantásticos como sombreamento, brilhos, relevos, transparência, deformação, etc. No Photoshop, a prioridade é a produtividade, as paletas do programa podem ser facilmente
agrupadas e escondidas, deixando a área de trabalho com melhor distribuição de espaço, facilitando o
trabalho do usuário na localização do recurso de que necessita.
Windows
yy Processador Intel® Pentium® 4 ou AMD Athlon® 64;
yy Microsoft® Windows® XP com Service Pack 3; Windows Vista® Home Premium, Business, Ultimate
ou Enterprise com Service Pack 1 (recomenda-se o Service Pack 2) ou Windows 7;
yy 1 GB de RAM;
yy 1 GB de espaço livre em disco para a instalação; será necessário espaço adicional livre durante a
instalação (não é possível instalar em dispositivos de armazenamento removíveis com base em flash);
yy Monitor de 1.024 x 768 (recomenda-se 1.280 x 800) com placa de vídeo aceleradora de hardware
OpenGL, colorida, de 16 bits e 256MB de VRAM;
yy Alguns recursos acionados por GPU precisam de suporte gráfico para Shader Model 3.0 e OpenGL
2.0;
yy Unidade de DVD-ROM;
yy Software QuickTime 7.6.2 necessário para recurso multimídia;
yy É necessária a conexão de banda larga com a Internet para serviços on-line.
5
Mac OS
yy Processador: Processador Intel;
yy Processador Intel Multicore;
yy Mac OS X versão 10.5.7 ou 10.6;
yy 1 GB de RAM;
yy 2 GB de espaço livre em disco para a instalação; será necessário espaço livre adicional durante a instalação (não é possível instalar em um volume que use um sistema de arquivos que diferencia maiúsculas
e minúsculas ou em dispositivos de armazenamento removíveis com base em flash);
yy Monitor de 1.024 x 768 (recomenda-se 1.280 x 800) com placa de vídeo aceleradora de hardware
OpenGL, colorida, de 16 bits e 256MB de VRAM;
yy Alguns recursos acionados por GPU precisam de suporte gráfico para Shader Model 3.0 e OpenGL
2.0;
yy Unidade de DVD-ROM;
yy Software QuickTime 7.6.2 necessário para recurso multimídia;
yy É necessária a conexão de banda larga com a Internet para serviços on-line.**
Apresentação da Interface
Para iniciar, vamos analisar cada item de sua interface.
6
A. Janelas de Documento tabuladas: abas que facilitam a navegação entre os documentos abertos.
B. Barra de aplicativos: permite o acesso à barra de menus (somente Windows) e outros
controles de aplicativo.
C. Alternador da área de trabalho: permite alternar entre as diferentes configurações de
workspace, salvar e deletar os mesmos.
D. Barra de título do painel: permite navegar entre os painéis empilhados.
E. Botão Recolher em Ícones: permite contrair e estender o painel.
F. Paleta de Painéis: ajuda a monitorar e modificar seu trabalho e os painéis podem ser
empilhados, encaixados e agrupados.
G. Painel Ferramentas: contém ferramentas para a criação e a edição de imagens, arte-final, elementos de página e assim por diante. As ferramentas relacionadas são agrupadas.
H. Painel de Controle: exibe as opções para a ferramenta atualmente selecionada.
Painel de Ferramenta
O Painel Tools pode ser exibido com uma ou duas colunas. Para fazer isto, basta clicar
sobre a seta dupla branca na barra cinza.
Também pode ser arrastado e deixado solto em sua área de trabalho. Basta clicar sobre
sua barra e arrastá-lo. Para voltar para seu lugar é só arrastá-lo ao local desejado até formar
uma linha azul, onde se encaixará.
Paletas
Acesso rápido a muitas ferramentas do Photoshop, facilitando a modificação da arte-final.
Todos os painéis estão contidos em menu
Window como, por exemplo: menu Window > Layers, Type, Color, Pathfinder.
Para deslocá-la para outro lugar, basta arrastá-la e colocar onde quiser. Para voltar, arraste
até que apareça uma barra azul e solte-a.
7
Workspace
O workspace, ou área de trabalho, é a forma como se organizam os elementos, barras, painéis, janelas e
demais elementos que compõem a interface do Photoshop CS5. Através da barra de alternador da área
de trabalho, o usuário pode manipular e reorganizar os elementos de forma a facilitar seu trabalho. Como
padrão, o Photoshop é iniciado com o Workspace Essentials, que está localizado no alterador da área de
trabalho.
Acessando o menu Workspace, você terá acesso às opções de configuração.
Pré-configurações de workspace: Essentials, New in
CS5, Desing, Painting e Photography.
Reset Essentials: resetar o seu workspace.
New Workspace: cria um novo Workspace, com o
layout escolhido pelo usuário.
Delete Essentials: deleta o Workspace selecionado.
Criando New Workspace
Quando clicar sobre New Workspace, uma nova janela se abrirá.
Name: coloque o nome de seu novo Workspace.
Capture:
Keyboard Shortcuts: salva também os atalhos
criados pelo usuário.
Menus: Salva o layout dos menus em seu
Workspace.
8
Criando, salvando e abrindo o documento
Para criar um novo documento, vá ao Menu File > New, ou através do atalho Ctrl+N.
Assim que o comando for executado, uma nova janela será aberta.
Name: Nome do arquivo.
Present: a plataforma onde o arquivo será trabalhado, como por exemplo: Web, fotografia, etc.
Size: quando selecionada, algumas opções no Present estarão acessíveis, mostrando alguns padrões de
tamanhos existentes.
Width: largura do arquivo e mostra qual o sistema de medida será utilizado.
Height: altura do arquivo e mostra qual o sistema de medida será utilizado.
Resolution: define a resolução para seu documento e seu sistema de medida.
Color Mode: qual a cor será trabalhada em seu arquivo e quantos bits serão trabalhados.
Background Contents: qual cor do fundo do seu documento que irá iniciar: branca, colorido ou transparente.
9
Assim que clicar em OK, será aberto o seu documento na área de trabalho com as configurações escolhidas.
Para salvar um trabalho no menu File > Save As utilize as teclas de atalho CTRL+SHIFT+S. Após definir o nome, ele atribuirá ao seu arquivo a extensão e ao salvar o arquivo, ele perguntará sobre a compatibilidade de fontes: PDF e Compressão.
As principais opções de se salvar um arquivo, com exceção do formato .PSD (Adobe Photoshop) são:
Photoshop PDF(Portable Document Format), .GIF(CompuServer GIF), .PNG, . TGA (Targa), .TIFF.
Ainda, há outras opções de se salvar o arquivo como, por exemplo: .BMP, .PXR, etc.
Após o arquivo salvo, basta pressionar o atalho CTRL+S para salvar, automaticamente, seu arquivo.
Através do atalho CTRL+O, ou pelo menu File>Open, conseguimos abrir vários tipos de arquivos de
imagem , como por exemplo: .PSD, .JPEG, .EPS, .PNG, .TIFF, dentre outros.
Alterando o modelo de cor do documento
Mesmo após o documento criado, seus padrões não serão fixos. Todos podem ser editados e alterados
de alguma forma. Neste caso, vamos alterar a cor de visualização e de finalização em Bitmap do documento. No menu Image>Mode, pode-se assim alterar a visualização ou a saída em cores do documento.
10
Aumentando/Diminuindo o tamanho da imagem
Para alterar o tamanho da imagem, basta ir ao menu Image >Image size e uma nova janela será aberta.
Nesta janela, três novas opções irão aparecer:
Scale Styles: escala os efeitos, proporcionalmente, a escala da imagem.
Constrain proportions: aumenta/diminui a imagem, proporcionalmente. Quando esta opção estiver selecionada, uma corrente aparecerá restringindo as proporções das medidas.
Resample Image: realiza a interpolação dos pixels.
“Interpolação Bicubic” é um método disponível no Photoshop para adicionar pixels de uma imagem,
quando um aumento no tamanho ou a resolução é feita na imagem. A interpolação acontece quando o
Photoshop adiciona pixels a uma imagem de acordo com a cor de seus pixels vizinhos, criando assim
11
um pixel intermediário. Interpolação bicúbica é a opção de interpolação de alta qualidade, mas também
a mais lenta.
Nearest Neighbor: preserva arestas mais rígidas.
Bilinear: processo de interpolação.
Bicubic: através da interpolação melhora a suavização de gradientes. Bicubic Smoother: através da
interpolação, é utilizada para alargamentos. Bicubic Shaper: realiza interpolação sendo melhor aplicada
em reduções.
Para rotacionar imagem:
Para girar a imagem, basta ir ao menu Image > Rotate canvas e para inverter a pintura na vertical ou
horizontal, vá ao menu Image> Rotate canvas > Flip canvas.
Aumentando o tamanho da tela de trabalho
Menu Image > Canvas Size
As setas indicam para que lado do documento serão
acrescentadas a largura ou a altura. Para alterar o sentido
de documento acrescentado, basta clicar sobre as setas
localizadas no Anchor.
Current Size: é o tamanho atual do documento.
New Size: acréscimo do documento em relação às
setas.
Relative: indica se as dimensões dos novos tamanhos serão absolutas ou relativas.
Canvas extension color: define a cor do acréscimo em sua imagem.
12
Trabalhando com layers
As Layers (ou Camadas) são fundamentais no Photoshop, pois, com elas, podemos manipular objetos
com maior facilidade. Podemos aplicar estilos de camadas e máscaras, agrupar camadas e utilizar uma
série de recursos que apenas as camadas oferecem. As camadas do Photoshop são como folhas de acetato
empilhado. Através das áreas transparentes de uma camada, é possível ver as camadas de baixo. Mova a
camada para posicionar o seu conteúdo, como se estivesse deslizando uma folha de acetato em uma pilha.
Conhecendo a paleta Layers
O painel de layers está localizado no menu Window > Layers, ou através do atalho F7.
1. Menu do painel Camadas - Menu pop-up
que contem outras informações do painel (no
caso layers).
2. Grupo de camadas - Agrupa camadas para
facilitar na organização.
3. Camada - Espaço que contem a miniatura
do trabalho, efeitos e máscaras aplicados à camada.
4. Expandir/recolher efeitos da camada - Maximiza ou minimiza o efeito aplicado na camada,
facilitando a visualização.
5. Efeito da camada - Efeito aplicado na camada.
6. Miniatura da camada - Pequena visualização do conteúdo da layer.
7. Bloqueio de camada ativo - Ícone que sinaliza algum tipo de lock (bloqueio).
8. Indicador de visibilidade das camadas - Clicando sobre ele, a layer torna-se visível ou invisível.
9. Opções de lock (bloqueio)
1 2 3
4
9.1. Lock Transparent Pixels: Trava áreas transparentes da camada.
9.2. Lock Image Pixels: Trava pixels da imagem.
9.3. Lock Posittion: Trava deslocamento.
9.4. Lock all: Trava a camada e todas as propriedades.
10. Opacity (opacidade) - Controla a opacidade da camada e trabalha com porcentagem.
13
11. Fill (Preenchimento) - Controla a transparência de preenchimento da camada e trabalha com porcentagem.
12. Blending Mode (Modos de Mesclagem) - Determina
como os pixels de uma camada são mesclados com pixels da camada abaixo dela.
Opções avançadas do painel camadas
1
2
3
4
5
6
7
13. Painel Camadas: este painel possui a seguinte divisão:
13.1. Link Layers: quando uma camada está linkada a outra e se
a movimentamos, seus objetos serão movimentados juntamente.
13.2 - Blending Options: você pode colocar alguns efeitos nas
camadas como bevel, stroke e outros.
13.3 - Add Layer Mask: você pode criar máscaras com um simples clique.
13.4 – Create new fill or adjustment layer: Solid, Gradient, Pattern e outros.
13.5 - Group: Agrupa as camadas através de pastas e para colocar a camada dentro da pasta, basta arrastá-la.
13.6 - New Layer: Cria uma nova camada.
13.7 – Delete Layer: Exclui uma camada.
Quando uma imagem for carregada ou criada, é iniciada como uma camada background que se encontra bloqueada e para torná-la uma camada editável, basta clicar duas vezes sobre a camada e pressionar
OK. Ou com a tecla ALT pressionada, clique duas vezes no cadeado, transformando-a em uma layer.
As propriedades da layer podem ser alteradas quando são dados dois cliques sobre a área de visualização da
layer, definindo seu nome, cor, mode e opacity.
Dica: Para se criar uma layer na frente de uma selecionada,
basta apertar a tecla CTRL.
14
Ferramentas de seleção
As ferramentas de seleção permitem que você selecione uma parte ou um conjunto de partes de uma
imagem para trabalhar. A maioria das outras ferramentas do Photoshop e filtros podem ser aplicados a
esta área selecionada, alterando sua cor, forma, textura, posição e/ou outros atributos, alterando somente
a seleçao.
O Photoshop CS5 contém três tipos de ferramentas de seleção: as ferramentas Marquee, as ferramentas
Lasso e a Varinha Mágica.
Ferramentas Marquee (seleção fechada)
1- Rectangular Marquee Tool: Faz uma seleção retangular.
2- Elliptical Marquee Tool: Faz uma seleção elíptica.
3- Single Row Marquee Tool: Cria uma seleção de apenas um pixel de altura e pode ser movida somente na horizontal.
4- Single Column Marquee Tool: Cria uma seleção de um pixel de largura e pode ser movida somente
na direção vertical.
Para criar uma seleção, basta selecionar uma das ferramentas. Clicar sobre uma área em seu documento,
manter o botão do mouse pressionado e arrastar. Ao soltar o botão, uma marcação pontilhada irá aparecer.
Isto significa que temos uma área de nosso documento selecionada.
Barra de Opções:
1 2 3 4
5
1- New Selection: Cria uma nova seleção, independente se já existe uma.
15
2- Add to Selection: Adiciona a parte selecionada na seleção existente. O atalho correspondente para
adicionar uma seleção é pressionar a tecla SHIFT.
3- Subtract from selection: Retira a parte selecionada na seleção existente. O atalho correspondente
para subtrair uma seleção é pressionar a tecla ALT.
4- Intersect with selection: Seleciona a parte em que as duas seleções se encontram. O atalho correspondente para interseção da seleção é pressionar as teclas SHIFT+ALT.
5-Style:
Normal - A seleção pode ficar de qualquer tamanho e forma.
Fixed Aspect Ratio - Define a taxa do tamanho da seleção, exemplo: 2:1.
Fixed Size - Tamanho definido, sempre o mesmo tamanho, só dê um clique e pronto.
16
Ferramentas de seleção do grupo Lasso
1-Lasso Tool (L)
Usamos a ferramenta Lasso Tool para desenhar segmentos a mão livre de uma borda
de seleção.
Para selecionar usando Lasso:
1. Abra a ferramenta desdobrável do Lasso
e clique na Lasso tool.
2. Na imagem, clique e arraste, cercando a
área que deseja selecionar.
3. Ao soltar o mouse, as duas pontas (inicial e final) dos tracejados serão unidas e a
seleção estará feita.
2-Polygonal Lasso Tool (L)
O Polygonal lasso Tool é útil para desenhar segmentos de aresta reta de uma borda
de seleção. Para selecionar usando Polygonal
Lasso Tool:
1. Selecione a ferramenta Polygonal Lasso
e escolha as opções.
2. Clique na imagem para definir o ponto
de início.
3. Siga um ou mais destes procedimentos:
3.1 Para desenhar um segmento de reta, coloque o ponteiro no ponto em que o primeiro segmento de
reta deve terminar e clique. Continue a clicar para definir as extremidades dos segmentos subsequentes.
3.2 Para desenhar uma linha reta em um múltiplo de 45°, mantenha pressionada a tecla SHIFT ao mover para clicar o próximo segmento.
3.3 Para desenhar um segmento à mão livre, mantenha pressionada a tecla ALT, quando terminar solte
a tecla ALT e o botão do mouse.
3.4 Para apagar segmentos de reta recém-desenhados, pressione a tecla DELETE.
17
4. Feche a borda de seleção. Coloque o ponteiro no Polygonal Lasso Tool sobre o ponto de início (será
exibido um círculo fechado ao lado do ponteiro) e clique. Se o ponteiro não estiver sobre o ponto de início, clique duas vezes no Lasso Polygonal Tool ou clique com a tecla CTRL pressionada.
3-Magnetic Lasso Tool (L)
Conforme usamos o Magnetic Lasso Tool, a
borda se ajusta às arestas das áreas definidas na
imagem. A ferramenta Magnetic é útil para a rápida seleção de objetos com arestas complexas
definidas sobre plano de fundo de alto contraste.
Para selecionar usando o Magnetic Lasso:
1. Selecione a ferramenta Magnetic.
2. Dê um clique em qualquer uma das bordas
do desenho ou foto.
3. Em seguida, desloque o ponteiro do mouse de forma a contornar o objeto ou área que deseja selecionar.
4. Perceba que, à medida que você vai movendo o ponteiro, o tracejado da seleção vai se firmando em
torno da imagem.
5. Clique no início da seleção para fechá-la.
Ferramentas de seleção do grupo Seleção rápida
1-Quick Selection (W)
Está localizada no painel de ferramentas e quando selecionada, suas propriedades podem ser alteradas
no Painel de Controle para adição, subtração ou nova seleção.
Esta ferramenta é utilizada para selecionar um objeto rapidamente.
New Selection: faz uma nova seleção.
Add to Seleciton: adiciona a uma seleção já feita.
Subtract from Selection: subtrai de uma seleção já feita.
Brush: configuração da ponta da ferramenta, tamanho e dureza.
Sample All Layers: seleciona com informações de cores de todas as camadas.
Auto-Enhance: ajusta automaticamente a borda da seleção.
18
2-Magic Wand (W)
Usada para selecionar uma área com pixels de cores semelhantes.
New Selection: faz uma nova seleção.
Add to Selection: adiciona a uma seleção já feita.
Subtract from Selection: subtrai de uma seleção já feita.
Intersect with Selection: seleciona apenas a área de interseção entre duas seleções.
Menu Select
All: seleciona toda a imagem.
Deselect: desfaz qualquer seleção criada, pode ser substituído
pelo CTRL+D.
Reselect: retorna a última seleção feita.
Inverse: inverte a seleção atual.
All Layers: seleciona todas as Layers.
Deselect Layers: descarta a seleção de todas as Layers.
Similar Layers: seleciona Layers similares.
Color Range: permite selecionar em sua imagem a partir de pixels em uma seleção já existente ou através de toda a imagem.
Quando clicar com a tecla CTRL sobre o a amostra da layer, é feita
uma seleção automática em tudo que estiver contido nesta.
Refine Edges (Alt + ctrl + R): permite alterar contornos e definição de uma seleção.
Propriedades Refine Edge
19
View Mode:
View: mostra a imagem que será trabalhada.
Show Radius: mostra a área de ação do Refine Edge.
Show Original: mostra a imagem original sem alterações da ferramenta.
Edge Detection:
Smart Radius: ativa a opção de bordas inteligentes.
Radius: altera em porcentagem a influência das bordas.
Adjust Edge:
Smooth: suavização das bordas do objeto.
Feather: suaviza ao redor do objeto como um todo.
Contrast: aumenta o contraste do objeto selecionado.
Shift Edge: define melhor o traço do objeto.
Output:
Descontaminate Colors: descontamina a cor de fundo do objeto selecionado.
Amount: quanto da descontaminação será usado.
Output To: define a saída do objeto, por exemplo, em uma nova layer.
Remember settings: quando marcada, sempre será utilizado este padrão para as seleções.
Modify
Border: acrescenta uma borda em sua seleção.
Smooth: suaviza a seleção.
Expand: aumenta a sua seleção.
Contract: diminui a sua seleção.
Grow: seleciona os pixels vizinhos de uma seleção existente e tem cores semelhantes às incluídas na seleção, de acordo com o valor de tolerância.
Similar: funciona de maneira similar à opção Grow, exceto que os pixels não precisam ser adjacentes. Quando acionado o comando, ele seleciona qualquer pixel que esteja dentro da faixa de tolerância,
independente do local do pixel na imagem de primeiro plano.
Move Tool
Esta ferramenta pode ser acessada no painel de ferramentas ou pelo atalho V.
Vamos selecionar a ferramenta Move Tool no painel de ferramentas. Pode-se clicar sobre o ícone da
ferramenta ou pressionar a letra V do teclado. Abra uma foto qualquer, clicando sobre a foto e arrastando-a, pode-se mover a foto livremente (caso ela não tenha o símbolo do cadeado na layer). Pressionando as
setas direcionais do teclado, tem-se a possibilidade de mover fotos pixel a pixel na tela na direção em que
se desejar.
20
Caso tenha uma seleção feita com qualquer ferramenta para seleção (Lasso Tool, Marquee Tool, Pen
Tool, etc) e usar a ferramenta Move Tool dentro da seleção, perceba que o ícone da ferramenta se transforma em uma seta com uma tesoura. Isto quer dizer que ao pressionar o botão e arrastar a seleção, cortará o
conteúdo selecionado e pode-se movê-lo para onde quiser como na foto ao lado. Ao arrastar a seleção e
pressionar a tecla ALT ao invés de recortar, a área selecionada se duplicará.
Ferramenta Free Transform
Para acessar esta ferramenta, basta pressionar as teclas ALT+T ou ir ao menu Edit>Free Transform.
Ela é um comando de Transformação Livre que permite aplicar transformações como mover, girar, redimensionar, inclinar, distorcer, perspectiva e embrulhar em uma operação contínua. Em vez de escolher
comandos diferentes, basta clicar com o botão direito sobre a imagem selecionada e escolher o tipo de
transformação.
Pode-se iniciar o comando Free Transform através do menu Edit >Free Transform, ou enquanto ferramenta Move Move Tool, selecione e pressione Ctrl + T. Quando você começar a Free Transform, a
área selecionada ou camada inteira (se não houver seleção) será rodeada por uma caixa que envolve com
várias alças de canto (A) e centro de cada lado (B) e também ponto de referência (C). Pode-se mover ou
lidar com o mouse, arrastando ou combinar arrastando com teclado de teclas para executar a transformação, para o objeto não perder suas proporções, basta pressionar a tecla SHIFT.
Para desfazer a última ação, use o menu Editar »Desfazer ou
Ctrl + Z.
Para aplicar Transformação, pressione Enter ou Return, ou
clique no botão Aplicar botão em Aplicar na barra de opções.
Ou Clique duas vezes dentro do letreiro de transformação.
Para cancelar a transformação, pressione a tecla Esc ou clique
no botão Cancelar em Cancelar botão na barra de opções.
21
A. Ponto de Referência Locator no centro da caixa delimitadora (padrão).
B. Ponto de Referência localizador no canto superior esquerdo da caixa delimitadora.
Ferramentas de corte e fatia
1- Crop Tool (C)
Usada para cortar o arquivo com todas as camadas em um tamanho escolhido.
Width: largura do corte.
Height: altura do corte.
Resolution: resolução da imagem final cortada.
Pixels/inch e Pixels/cm: unidade de medida sobre o corte.
Front Image: usa os valores do arquivo.
Clear: apaga as configurações.
2- Slice Tool (C)
A ferramenta cria fatias na imagem ou foto. A Slice Tool é própria para criação de layouts de site e hot
sites próprios de web. Depois que se usar a ferramenta, pode-se exportar (save for web e devices) separadamente cada fatia.
Width: largura do corte.
Height: altura do corte.
Resolution: resolução da imagem final cortada.
Pixels/inch e Pixels/cm: unidade de medida sobre o corte.
Front Image: usa os valores do arquivo.
3-Slice Select Tool (C)
Usada para selecionar as fatias desejadas e exportá-las. Esta ferramenta é selecionada automaticamente,
assim que é feita uma fatia usando a ferramenta Slice Tool e posicionando o cursor em cima da área da
fatia.
Para selecionar cada fatia de seu documento, é necessário usar a ferramenta Select Slice. Para isso:
1. Clique e pressione o botão do mouse por alguns instantes em cima da Slice Tool no painel ferramentas.
2. Selecione a ferramente Select Slice Tool.
3. Clique na fatia da imagem desejada.
22
Ferramentas de Navegação
Hand Tool - (H)
Usada para deslocar a visualização do documento.
Scroll All Windows: desloca todos os documentos abertos.
Actual Pixels: ajusta a tela para o tamanho real do arquivo.
Fit Screen: ajusta a tela ao tamanho da área de trabalho.
Print Size: ajusta a tela ao tamanho do arquivo de impressão.
Nota: Pode-se usar a tecla “space” pressionada para mover o documento estando com qualquer outra ferramenta selecionada.
Zoom - (Z)
Para acessar o zoom, vá ao menu View.
Zoom In: aproxima da imagem e pode ser acessado através de
dos atalhos: (Z) a própria ferramenta e CTRL + +, CTRL+Espaço.
Zoom out: afasta da imagem e pode ser acessado através de dos
atalhos: (Z) a própria ferramenta e CTRL + -, CTRL+ALT+Espaço.
Fit on Screen: redimensiona o arquivo para ajustar ao tamanho
da janela (CTRL + 0).
Dica: Para colocar a imagem com 100%, basta dar dois cliques sobre a lupa.
23
Adobe Photoshop CS6
Exercícios
Exercício - Simulando uma parede de quadros
Vamos treinar o recorte com as ferramentas aprendidas neste módulo.
O exercício consiste e colocar as molduras e posters na parede que chamamos de base.
Abra o arquivo fundo.psd, ele servirá para colocar os quadros e poster na parede.
Abra as imagens de molduras recorte e cole como mostrado.
24
Agora redimensione e posicione os posters em camadas abaixo das camadas das molduras como mostrado abaixo:
O exercício está pronto!
25
Adobe Photoshop CS6
Exercícios
Exercício - Montando uma vitrine
Vamos aprimorar os conhecimentos aprendidos neste módulo, como camadas e formas básicas
de seleção e recorte, montando um anúncio para um cliente fictício.
Abra a imagem base.psd. Em seguida abra as imagens dos sapatos e bolsas, com as ferramentas de
seleção rápida magic wand tool e quick selection, recorte todos os objetos.
Arraste-os para o documento base. Agora é só posicioná-los nas prateleiras.
Para finalizar o exercício, selecione um sapato clicando na layer dele enquanto pressiona a tecla ctrl.
26
Crie uma nova camada abaixo da camada do sapato que está trabalhando. Dê o comando shift+F6 para
suavizar a seleção criada.
Preencha a camada de preto. Para isso mude a cor de foreground para preto e pressione shift+backspace
para colorir.
Repita esse processo para os demais objetos. Sua composição deverá ficar como na imagem abaixo.
27
Adobe Photoshop CS6
Links
yy http://ideiasportalcriativo.com.br/os-top-mais-ideias-sites-com-atalhos-para-photoshop/
yy http://ideiasportalcriativo.com.br/turbine-seus-trabalhos-com-plug-ins-exclusivos-para-photoshop/
yy http://ideiasportalcriativo.com.br/os-melhores-tutoriais-para-o-photoshop-estao-aqui/
yy http://ideiasportalcriativo.com.br/como-criar-e-usar-fontes-personalizadas/
yy http://ideiasportalcriativo.com.br/a-historia-das-fontes-helvetica/
yy http://ideiasportalcriativo.com.br/mock-ups/
yy http://ideiasportalcriativo.com.br/vetores/
yy http://ideiasportalcriativo.com.br/texturas/
yy http://ideiasportalcriativo.com.br/conheca-tambem-a-lista-de-sites-para-fazer-portifolio-gratuito-sete-locais-para-voce-ser-apresentado-para-mudar-e-conquistar-novos-mercados/
yy http://ideiasportalcriativo.com.br/10-dicas-para-finalizar-bem-o-job/
yy http://ideiasportalcriativo.com.br/10-dicas-para-um-portifolio-melhor/
yy http://ideiasportalcriativo.com.br/15-dicas-de-como-gerenciar-seu-tempo/
yy http://ideiasportalcriativo.com.br/glossario-de-tipografia/
yy http://ideiasportalcriativo.com.br/os-melhores-links-para-baixar-imagens-estao-aqui/
yy https://helpx.adobe.com/br/pdf/photoshop_reference.pdf
28
Adobe Photoshop CS6
MÓDULO
02
Trabalhando com cores
Definição
A cor é um fenômeno óptico (parte da física que estuda os fenômenos luminosos e os fenômenos da
visão) provocado pela ação de um feixe de fótons sobre células especializadas da retina, que transmitem
através de informação pré-processada no nervo óptico, impressões para o sistema nervoso.
A cor de um material é determinada pelas médias de frequência dos pacotes de onda que as suas moléculas
constituintes refletem. Um objeto terá determinada cor se não absorver justamente os raios correspondentes à frequência daquela cor. Assim, um objeto é vermelho se absorve preferencialmente as frequências fora
do vermelho.
A cor é relacionada com os diferentes comprimentos de onda do espectro eletromagnético. São percebidas pelas pessoas, em faixa específica (zona do visível), e por alguns animais através dos órgãos de visão,
como uma sensação que nos permite diferenciar os objetos do espaço com maior precisão.
Considerando as cores como luz, a cor branca resulta da sobreposição de todas as cores, enquanto a preta é a ausência de luz. Uma luz branca pode ser decomposta em todas as cores (o espectro) por meio
de um prisma. Na natureza, esta decomposição origina um arco-íris.
Modelos de Cores
Neste material, iremos abordar apenas dois modelos de cores, os mais utilizados no Illustrator. Vale lembrar apenas estes modelos de cores. Vamos conhecer os modelos RGB e CMYK.
RGB - É o modelo de cor da Luz, conhecido como cores aditivas, a soma de suas cores forma a cor branca.
O RGB é composto por três cores primárias:
29
(C) Cyan (ciano)
(M) Magenta
(Y) Yellow (amarelo)
(K) Black (preto)
Quando você editar uma imagem que será exibida em monitores, use o modo de cores RGB. Quando
a imagem tiver saída impressa, use o modo CMYK. Além do modo de cor, é importante saber o que é a
profundidade dos bits. Esta “profundidade” refere-se à quantidade de bits que serão usados para codificar as
cores. Quanto mais bits forem usados, mais variadas serão as cores. Em contrapartida, o tamanho do arquivo
é maior quanto maior for a profundidade dos bits usados. Por padrão, usa-se 8, 16 ou 32 bits como profundidade. No Photoshop, muitos recursos são desabilitados quando a imagem está com 8 bits.
Ajuste de matiz, saturação e brilho da cor
Com base na percepção humana, o
modelo HSB descreve as três características fundamentais da cor:
H – Hue (Matiz): cor refletida
ou transmitida por meio de um objeto. É medida como um local no disco
de cores, padrão expresso como um
grau entre 0° e 360°. No uso comum,
a matiz é identificada pelo nome de
cor como laranja, rosa e azul, por
exemplo.
S – Saturation (Saturação):
intensidade ou pureza da cor (às vezes, denominada croma). A saturação
representa a intensidade de cinza na proporção da matiz, medida como uma porcentagem de 0% (cinza)
a 100% (totalmente saturado). No disco de cores padrão, a saturação aumenta do centro para as bordas.
B – Brightness (brilho): a luminosidade ou escurecimento relativo da cor, geralmente medido
como a porcentagem de 0% (preto) a 100% (branco).
30
Escolhendo Cores
1- Caixa de cor do primeiro plano (Foreground).
2- Caixa de Cor do plano de fundo (Background).
3- Inverte as cores do plano de fundo com primeiro plano.
4- Cores padrão.
Quando usamos a ferramenta de pintura do Photoshop, é necessário escolher a cor usada por ela. O
Photoshop usa a cor de primeiro plano para pintar, preencher e traçar seleção e a cor de plano de fundo
para efetuar preenchimentos de degradê e preencher áreas apagadas de uma imagem quando esta se encontra bloqueada. As cores de primeiro plano e do plano de fundo também são usadas por alguns filtros
de efeitos especiais.
Como escolher cores na Caixa de Ferramentas
yy Para alterar a cor do primeiro plano, clique na caixa superior de seleção de cor na caixa de ferramentas e escolha uma cor no Seletor de Cores Adobe.
yy Para alterar a cor do plano de fundo, clique na caixa inferior de seleção da cor na caixa de ferramentas
e escolha uma cor no Seletor de cores da Adobe.
yy Para inverter as cores do primeiro plano e plano de fundo, clique no ícone alterar cores na caixa de
ferramentas. Também, pode-se usar o atalho de teclado “x”.
yy Para restaurar as cores padrão do primeiro plano e do plano de fundo, clique no ícone Cores Padrão
na caixa de ferramentas.
Valores das cores
Clicando sobre as caixas de cores, uma nova janela se abrirá.
Quando uma cor é selecionada no
seletor de cores da Adobe, simultaneamente, são exibidos valores numéricos
para HSB, RGB, LAB, CMYK e números hexadecimais. Estes valores são
úteis para verificar como os diferentes
modelos de cores descrevem uma cor.
Para exibição do seletor de cores, na
caixa de ferramentas, clique em seleção
de cores de primeiro plano ou plano de
fundo.
31
O seletor de cores também está disponível quando os recursos permitem escolher uma cor. Por exemplo, clicando na amostra de cores na barra de opções para algumas ferramentas, ou no conta-gotas em
algumas caixas de diálogo de ajuste de cores.
É possível escolher uma cor digitando os valores dos componentes de cor na caixa de texto HSB, RBG
e LAB ou usar o controle deslizante de cores e os campos de cores.
Escolhendo um equivalente para uma Cor
Algumas cores nos modelos de cores RGB, HSB e Lab não podem ser impressas ou trabalhadas na web,
porque estão fora do padrão. Ao escolher uma cor não imprimível no seletor de cores ou na paleta de cor,
se tal cor não for correspondente à cor de impressão, um triângulo de aviso será exibido. Para escolher
uma equivalente mais próxima à escolhida, clique no triângulo de alerta na caixa de diálogo Seletor de
Cores ou na paleta de cor. Assim uma cor será selecionada mais próxima da escolhida.
O mesmo acontece com as cores de web. Caso a cor não exista para tal padrão, um cubo aparecerá e
basta clicar sobre ele para a cor se adaptar ao padrão web.
32
Paleta de cor
Para abrir a paleta de cor, vá ao menu Window > Color, ou através do atalho F6.
Esta paleta é utilizada para organizar as cores que serão
utilizadas em seu trabalho, um padrão que pode ser estabelecido, ou não, por você.
Adição, subtração e exclusão de amostras
Na paleta amostras, as cores podem ser adicionadas ou
excluídas. Para adicionar cores na paleta Swatches, pode-se clicar sobre as caixas de cores. Abrindo o painel de
valores de cores, basta clicar sobre o botão Add To Swatches e a cor será adicionada à sua paleta.
Com a cor na caixa de cores escolhida, clique no ícone na parte inferior da paleta.
Para excluir uma cor:
yy Arraste uma amostra até o ícone excluir da lata de lixo na parte inferior da paleta Swatches.
yy Mantenha pressionada a tecla ALT do teclado, posicione o ponteiro do mouse sobre uma cor da
paleta amostras (o ponteiro torna-se uma tesoura) e clique, excluindo a cor.
Paleta Channels
Para acessar a paleta Channels, vá ao menu Window>Channels.
1. Salva a seleção do canal.
2. Cria um novo canal (Alpha).
3. Deleta o canal selecionado.
4. Carrega a camada com seleção.
1 2 3 4
33
Os canais são camadas que formam as cores das imagens. O Photoshop separa as cores de acordo com o
modo de cor. No RGB, têm-se as camadas Red, Green, Blue e no CMYK, Cyan, Magenta, Yellow e Black.
Na figura 3, os canais que formam uma imagem. No topo, o canal RGB representa a sobreposição dos 3.
É o que se chama de canal composto. Clicando sobre o canal específico, obtém-se a visualização do canal
separadamente.
Além de armazenar os canais de cores, a paleta Channels guarda seleções feitas na imagem como se
fosse um canal e são conhecidos como canais Alpha. Este recurso é usado para salvar seleções e gerar
diversos efeitos interessantes.
Ferramentas de Pintura
As ferramentas de pintura estão localizadas no painel de ferramentas:
1- Brush Tool - Pincel (B)
Barra painel de controle do Brush:
1- Pré-definições de ferramentas Brush.
2- Brush: configuração da ponta da ferramenta, tamanho, dureza e tipo de ponta.
3- Altera para o modo painel de Brush.
4- Mode: “efeitos” que podem ser aplicados ao passar o pincel em parte da imagem.
5- Opacity: controle da transparência de aplicação da ferramenta.
6- Pressão da Tablet: controla a opacidade.
7- Flow: pressão aplicada junto à ferramenta.
8- Ativa o modo Airbrush.
9- Pressão do brush de acordo com a tablet.
34
2- Pencil Tool - (B)
Barra painel de controle do Pencil:
1- Pré-definições de ferramentas Brush.
2- Brush: configuração da ponta da ferramenta, tamanho, dureza e tipo de ponta.
3- Altera para o modo painel de Brush.
4- Mode: “efeitos” que podem ser aplicados ao passar o pincel em parte da imagem.
5- Opacity: controle da transparência de aplicação da ferramenta.
6- Pressão da Tablet controla a opacidade.
7- Auto Erase: aplica a cor de fundo (background), quando o lápis passar pela cor do primeiro plano
(Fareground).
8- Pressão do brush de acordo com a tablet.
3- Color Replacement Tool (B)
Com ela, é possível a substituição de uma cor de determinada área escolhida sem a necessidade de precisão (como a Brush Tool). Com bastante utilidade, esta ferramenta faz a substituição de cor geralmente
em áreas com poucos detalhes. Basta escolher uma cor na cor de primeiro plano e aplicar o pincel sobre a
área em que se deseja substituir a cor.
4- Mixer Brush Tool(B)
Esta ferramenta permite misturar a pintura digital ou fotografia como se fosse uma pintura a óleo.
History Brush Tool (Y)
Esta ferramenta pinta uma cópia do instantâneo ou do estado selecionado na janela da imagem atual.
Art History Brush Tool (Y)
Esta ferramenta pinta com traçados estilizados que simulam a aparência de diferentes estilos de pintura,
utilizando um instantâneo ou um estado selecionado. O efeito pode mudar dependendo de algumas alterações que podem ser feitas na barra de propriedades como o modo em que serão aplicados a ferramenta,
a opacidade, o tamanho da ponta e a dureza do pincel.
35
Ferramenta Eye Droper
1- Eyedroper: permite capturar a cor de qualquer elemento e, automaticamente, deixa-a como a cor
padrão para o primeiro plano.
2- Color Sample Tool: faz parte do grupo de ferramentas Eyedroper e possui inclusive um ícone
semelhante acrescido de um alvo de mira. Ela tem a função de capturar as informações de cores e exibir
no painel INFO.
Ferramentas de Preenchimento
1- Gradient Tool (G)
A Gradient Tool é uma ferramenta de mecanismo simples e eficaz e tem como função fazer uma transição entre duas cores ou mais, criando assim efeitos visuais chamativos e esplêndidos.
2- Paint Bucket Tool (G)
Esta ferramenta tem como objetivo preencher determinada área selecionada ou um documento completamente com uma cor escolhida.
Trabalhando com Ferramentas de desenho
1-Pen Tool - Caneta (P)
Usada para criar desenhos vetoriais com pontos, curvas e alças de redimensionamento. Sempre que
estiver usando esta ferramenta, o interessante é prestar muita atenção na barra de propriedades nos três
primeiros botões.
36
Shape Layers: ao criar o desenho, ele já virá com preenchimento e sempre pedirá uma camada especial para ele (atenção na janela camada). Podemos trabalhar normalmente com os nós para movimentá-lo
e usar a ferramenta mover.
Fill Pixels: ao criar uma forma personalizada no documento com esta opção, ele irá automaticamente
com preenchimento não podendo ser alterado os nós. Ele não pedirá uma camada especial para ele e nem
abrirá um demarcador automaticamente na janela de demarcadores.
Como usar a ferramenta Pen Tool e suas auxiliares
A forma de manuseio desta ferramenta é similar à do programa Illustrator. Clique para desenhar retas,
em um ponto e solte. Clique em outro local e arraste para fazer curvas.
Convert Point Tool: a ferramenta permite que se movam as alças depois de ter feito os
nós e até mesmo fechado o desenho.
Para trabalhar com o nó criado com esta ferramenta, têm-se as ferramentas específicas (que estão junto
com a ferramenta caneta na barra de propriedades) para inserir, excluir e converter um nó.
1- Path Selection (A): usado para movimentar um demarcador.
2- Direct Selection (A): usado para selecionar, movimentar ou reposicionar os nós do desenho.
Shape Tools
Pode ser encontrada no painel de ferramentas ou no painel de controle da ferramenta Pen Tool. Com
essa ferramenta você pode criar formas pré-definidas:
37
1-Rectangle: formato de shape em retângulo ou quadrado.
2- Round Rectangle: forma shape em retângulo ou quadrado com cantos arredondados.
3- Ellipse: forma shape no formato elíptico.
4- Polygon: forma shapes em formatos poligonais.
5- Line: shapes em forma de linhas.
6- Custom Shape: shapes variados com formatos pré-definidos que podem ser alterados, como por
exemplo: seta, coração, lâmpada, etc.
Pode-se criar formas como shape que permite mudar a cor das formas direto nas camadas, ou como
path que será editado somente na janela de paths menu window > paths.
38
Adobe Photoshop CS6
Exercícios
Exercício - Anúncio Buffet Colonial
Vamos fazer um anúncio simples, que não exige recorte de imagens para um buffet fictício. Este
anúncio será utilizado na revista desenvolvida no InDesign.
Abra o arquivo base.psd que já vem no formato específico para anúncios da revista. Abra o arquivo fundo.ai. Copie cole no arquivo base. Quando ele for colado na base abrirá uma caixa de diálogo, escolha a
opção smart objects.
Redimensione o fundo para que ele se encaixe no arquivo base por completo.
Selecione o menu window > adjustments e escolha a opção curves e brightness/contraste e configures-os como mostrado a seguir.
39
Selecione a máscara da layer de ajuste Brightness/Contrast e pinte as bordas de cinza.
Rasterize o fundo, clicando em sua layer no painel com o botão direite e selecione a opção rasterize layer.
Vá em menu filter > blur > gaussian blur e configure como mostrado a seguir.
Abra a imagem chocolate no photoshop e cole no arquivo base. Certifique-se que a camada da imagem
está acima das layers de ajuste. Coloque a imagem no modo de mesclagem Multiply. Duplique a camada
(ctrl+J) e diminua a opacidade da layer nova para 70%.
40
Para finalizar diagrame os textos conforme imagem mostrada.
41
Na camada de título configure o layer style da camada conforme mostrado abaixo.
42
Terminado a configuração da layer o exercício está finalizado.
43
Adobe Photoshop CS6
Exercícios
Exercício - Pintura digital
Vamos utilizar a ilustração criada no Illustrator para aplicar efeitos de colorização de imagens e
pintura básico, além de texturas que vão incrementar nosso desenho.
Para começar crie um arquivo novo conforme as especificações abaixo. Faremos um wallpaper para
telas de computador.
Em seguida, abra a imagem personagem1.ai no Illustrator, copie todo o desenho (crtl + C) e cole no
arquivo de Photoshop recém criado. Vai abrir uma caixa de diálogo, escolha a opção smart objects.
44
Posicione o desenho como na imagem a seguir.
Duplique a imagem (ctrl+J), clique com o botão direito em cima da layer duplicada e selecione a opção
Rasterize Layer.
Agora pinte o background na cor #b786d.
Vamos então pintar o personagem utilizando a ferramenta paint bucket. Você escolhe a cor desejada na
caixa de cor do painel de ferramentas depois posiciona a mesma onde você deseja aplicar a cor escolhida.
No exercício usamo a cor vermelha (#993336) para pintar o corpo, vermelho escuro (#553336) para o
interior da boca, beje (#c9b86b) para os chifres e amarelo claro (#fffcde) para os dentes.
Vamos acrescentar volume ao personagem usando as ferramentas burn para escurecer áreas e dodge
tool para clarear. Siga o exemplo da imagem anterior.
45
Agora, faremo uma vinheta, bordas escuras ao redor do documento. Para isso, crie uma nova camada
acima das demais e preencha toda de preto, com a ferramenta eraser tool clique uma ou duas vezes no
centro do documento para apagar o preto da camada.
Chegou a hora de acrescentar as texturas no desenho. Abra o arquivo pattern1.ai, copie e cole a textura
no arquivo de Photoshop que estamos trabalhando. Selecione o corpo do personagem (use a camada
que guardamos do personagem sem pintar) para ativar a seleção. Depois com a camada da pattern que
acabamos de colar no documento selecionada clique no botão Add Layer Mask que fica no painel Layers.
46
Vamos agora aplicar as texturas do fundo, para isso abra o arquivo
pattern2.ai. Copie e cole o padrão no documento de photoshop e posicione-o conforme a imagem.
Renomeie a nova layer para “losangulos”.
Coloque a nova camada da estampa abaixo do personagem. Vá ao menu image > adjustments > hue/
Saturation e configure-o conforme a imagem.
47
Em seguda crie uma camada de máscara para ela e apague com o pincel cinza (50%) o meio da camada
deixando essa parte mais transparente.
Abra a pattern3.ai copie cole no documento. Posicione a padronagem de forma que ela ocupe todo o
canvas e mude o modo de mesclagem da camada para linear burn.
Por fim abra a última pattern restante (arquivo pattern4.ai) e posicione a no documento do photoshop
de forma que ocupe todo o documento.
Selecione essa nova camada, clicando com ctrl pressionado do thumb da camada no painel Layers.
Vá na máscara da camada “losangulos” e preencha seleção de preto, um bom atalho para isso é o shift +
backspace.
Agora você pode deletar a camadar da pattern4.ai e pronto, ilustração terminada.
48
Adobe Photoshop CS6
Exercícios
Exercício - Criando background com brushes
Vamos criar um fundo que servirá para um novo anúncio da revista Mídia Mag utilizando brushes personalizados.
Criando Brushes
Para criar seus próprios brushes é muito simples. Trate a imagem ou desenho aquilo que quer transformar em brush em um arquivo de fundo branco. Depois selecione o painel Edit > Define Brush Preset.
Feito isso seu novo brush aparecerá no painel Brush Preset.
Para o exercício abra as imagens da pasta Materiais> brush e transforme cada imagem em um brush
como ensinado anteriormente.
Trabalhando o Background
Abra o arquivo base.psd que se encontra na pasta materiais. Esse arquivo está no formato do AD
21x27,5cm com 0.5cm de sangria.
Em camadas novas posicione seus brushes criando uma composição orgânica como no exemplo abaixo. Lembre-se, para mudar a cor do brush é só escolher a cor de foreground da sua caixa de ferramenta
antes de aplicar o brush no layout. Não se esqueça de, nesta etapa, usar um brush por camada, assim você
consegue transformar e rotacionar o brush.
49
Finalizada esta etapa, duplique todas as camadas que contenham brushes, selecione-as e dê ctrl+E para
mesclar as camadas. Agrupe as camadas restantes e tire a visulização. Fazemos isso apenas para preservar
nossos brushes caso haja necessidade de modificá-los depois.
50
Agora, em uma nova camada acima da composição de brushes, faça um gradiente radial do verde
(#cacf99) para o rosa (#f5b3d2). Coloque essa camada no modo de mesclagem Hard Light. Em seguida,
com o alt pressionado, posicione o cursor entre a camada de gradiente e a camda dos brush e clique. Assim a camada de gradiente será aplicada somente nos brushes.
Para melhorar o contrast dessas camadas vamos fazer um ajuste de imagem. Abra o painel Adjustments (menu Window > Adjustments) e selecione a opção Gradient Map. Aplique um gradiente do beje
(#c9ac65) para o branco. Mude o modo de mesclagem desta camada de ajuste para Multiply.
Para finalizar abra a imagem textura.jpeg e posicione-a no arquivo base por cima de todas as outras
layers. Mude seu modo de mesclagem para Multiply e a opacidade para 90%. Pronto seu fundo para o
anúncia já está pronto. FInalizaremos ele no módulo 4.
51
Adobe Photoshop CS6
Links
52
Adobe
PHOTOSHOP Professional CS5
MÓDULO
03
Sobre Imagens
Os elementos gráficos de um computador podem ser divididos em duas categorias principais: bitmap
e vetor. Compreender a diferença entre estas duas categorias irá ajudá-lo a criar, editar e importar a arte-final.
Imagens Bitmap
Imagens bitmap são construídas com a formação de quadrados muito pequenos chamados pixel. Para
demonstrar esta construção, estão abaixo as ilustrações, nas quais estão demonstradas as características
principais. Na grade de base, cada quadrado representa um pixel. (Figura 1.1). Vejamos um simples exemplo, ao criar um círculo preto com 20 pixels de diâmetro (Figura 1.2). O número de pixels determina a
resolução do arquivo. O computador registra este arquivo pela gravação da exata localização e cor de cada
pixel. O computador não tem ideia de que isso é um círculo, somente que é um aglomerado de pequenos
pontos.
Cada pixel tem uma coordenada. O conteúdo deste pixel é gravado e salvo no arquivo. Neste exemplo,
53
nós vemos cada pixel individualizado, e o círculo é muito blocado, duro e irregular. Com o acréscimo
de pixels, a resolução será aumentada. Podemos fazer o círculo parecer mais suave, porque os pixels são
muito menores. Naturalmente, quanto maior a resolução maior será o tamanho do arquivo no disco rígido HD, porque o computador terá mais informações em pixels para armazenar. O problema se agrava
quando tentamos alargar, aumentar (em escala ou aleatoriamente) o bitmap. Porque a resolução existente
quando modificada em tamanho/imagem, somente alarga o tamanho do pixel, o que resulta no efeito
de “pixelização” da imagem. A imagem fica pixelada. No caso de imagens com 16 milhões de bits, elas
produzem desfoque e áreas quadriculadas, uma pixelização bem suave. De qualquer forma, há perda de
qualidade.
Tecnicamente chamadas de imagens de varredura, utilizam uma grade de cores conhecida como pixels,
para representar imagens. Para cada pixel são atribuídos um local e um valor de cores específicas. Por
exemplo, o pneu de uma bicicleta em uma imagem bitmap é formado por um mosaico de pixels nesse
local. Ao trabalhar com imagens bitmap, você edita pixels em vez de objetos ou formas. Imagens bitmap
são o meio eletrônico mais comum para imagens de tons contínuos, como fotografias ou pinturas digitais,
porque podem representar gradações sutis de sombras e cores. As imagens bitmap são dependentes de
resolução, isto é, contêm um número fixo de pixels. Consequentemente, podem perder detalhes e parecer
irregulares se forem redimensionadas na tela ou impressas com uma resolução mais baixa do que a resolução para a qual foram criadas.
Imagens Vetoriais
A arte vetorial é diferente do procedimento da criação em pixels individuais, são criados objetos, como
por exemplo, retângulos e círculos. Mas nada de coordenadas matemáticas. Desta forma, o programa vetorial pode criar arquivos com uma fração do espaço utilizado pelo bitmap (imagens rastreadas), e mais
importante, possui a capacidade de serem ampliados indefinidamente sem perderem definição e detalhamento.
54
Diferente da imagem Bitmap, o círculo vetorial é suave tanto 100% como em 500%.
Gráficos vetoriais são formados por linhas e curvas definidas por objetos matemáticos chamados de vetores. Os vetores descrevem uma imagem de acordo com suas características geométricas. Por exemplo,
o pneu de uma bicicleta em um gráfico vetorial é formado por uma definição matemática de um círculo
desenhado com um raio, definido em um determinado local e preenchido com uma cor específica. É
possível mover, redimensionar ou alterar a cor do pneu sem perder a qualidade do gráfico.
Ajuste de Imagens
Levels
Para acessar a o painel de Levels, vá ao menu Image > Adjust > Levels ou através do atalho CTRL+L. O comando
níveis permite que se ajuste o brilho, contraste e semi-tons
em uma imagem.
No processo, tentamos “calibrar” o nível de pixels das zonas muito claras, meios tons e sombras da imagem, buscando assim um equilíbrio nos tons.
Dica: o menu Image> Adjustments> Auto levelss , aplica o ajuste de
forma automática, sem necessitar configuração manual
55
Curves (Curvas)
Para acessar o painel de curvas menu Image > Ajustments > Curves
ou através do atalho Ctrl+ M.
O comando Curvas serve para editar a distribuição dos níveis de tons
de cinzas da imagem, representados por uma curva que começa no ponto mais escuro (canto inferior esquerdo) e vai até ao ponto mais claro
(canto superior direito).
Color Balance (Equilíbrio de cores)
Vá ao menu Image > Adjustments> Color Balance ou através do atalho CTRL+B.
Com o comando equilíbrio de cores, calibramos de forma manual a quantidade de ciano, magenta,
amarelo, vermelho, verde e azul que será aplicada na imagem.
Podemos ainda especificar como será feito esse equilíbrio no modo de sombras, tons médios ou em
realces e se preservaremos ou não a luminosidade da imagem enquanto a alteramos. É interessante que a
opção Preview esteja selecionada para ficar visíveis as alterações enquanto ainda é equilibrada.
56
Brightness / Contrast
Vá ao menu Image > Adjustments >
Brightness/Contrast.
Através dele, os valores dos pixels das
zonas de realces, tons médios, e sombras
são todos ajustados simultaneamente.
Hue / Saturation (Matiz e saturação)
Vá ao menu Image > Adjustments >
Hue/Saturation ou através do atalho
CTRL+U.
Ajusta as cores, suas saturações e brilho.
Você pode alterar uma cor por vez, conforme o modo de cor da imagem. Para
imagens em RGB, altere R, G e B. Para
imagens em CMYK, altere C, M e Y. Em
Master, todas as cores são alteradas ao
mesmo tempo.
Desaturate (Remover saturação)
Vá ao menu Image > Adjustments > Desaturate ou utilize o atalho CTRL+SHIFT+U.
Retira totalmente as cores da imagem, deixando-a apenas com cores de branca a preta, passando pelas
variações de cinza, transformando-a numa imagem monocromática.
Invert
Menu Image > Adjustments > Invert ou utilize o atalho Ctrl + I. Cria um negativo da imagem, invertendo as cores para suas cores opostas.
57
Variations
Menu Image > Adjustments > Variations
O comando Variações permite que se ajuste visualmente o equilíbrio das cores, contraste e saturação de
uma imagem ou seleção. O ponto positivo deste recurso, utilizando-se uma interface puramente visual,
são as miniaturas da imagem que oferece variadas tonalidades.
Mask
A máscara é um recurso usado para proteger, mostrar ou ocultar áreas da imagem. São dois tipos de
máscaras: a de camada e a de vetor. As máscaras de camadas funcionam como as ferramentas de pintura,
preenchimento e seleção. Elas trabalham com uma gradação de tons de cinza onde os níveis de cinza
determinam as áreas de transparência e opacidade. As máscaras de vetor são determinadas por linhas vetoriais, construídas com a ferramenta mover ou caneta. Este tipo de máscara não trabalha com tons de
cinza, permitindo apenas áreas totalmente transparentes ou totalmente opacas e a sua vantagem é que não
dependem da resolução da imagem.
Criando Layer Mask
A layer mask permite vários níveis de transparência para exibir ou ocultar camadas. Estes níveis são controlados por uma escala de tons de cinza. Áreas pretas são totalmente transparentes e as áreas brancas são
totalmente opacas. Para se criar uma máscara de camada:
1. Selecione a camada que receberá a máscara (exceto a camada de plano de fundo).
2. Vá ao menu layer > layer mask e clique no comando revelar todas.
3. Uma miniatura adicional aparecerá na camada selecionada. É esta miniatura que contém a layer mask.
58
Criando máscara de vetor
A máscara de vetor é uma camada de máscara que não está ligada à resolução da camada. Ela pode ser
criada e redimensionada a qualquer momento.
Para se criar uma máscara de vetor:
1. Selecione a camada que receberá a máscara (exceto a camada de plano de fundo).
2. Abra o menu layer > vector mask e clique no comando reveal all.
3. Uma miniatura adicional aparecerá na camada selecionada. É esta miniatura que contém a máscara
de vetor.
4. Na caixa de ferramentas, escolha a pen tool.
5. Usando a caneta, trace um vetor dentro da máscara.
6. A área interna das linhas desenhadas pela caneta ficará visível e as áreas externas ficarão ocultas.
Nota: Uma das vantagens de se usar a máscara de vetor é poder manipular seus pontos facilmente e dar nova forma à máscara
Excluindo a Layer Mask
Quando apagamos uma máscara, a camada volta a ser exibida por inteiro sem danos. Para apagar uma
máscara de camada ou vetor:
1. Clique com o botão direito do mouse em sua miniatura. No menu pop-up que acaba de ser aberto,
clique na opção delete layer mask ou delete vector mask. Pode aparecer uma mensagem de confirmação
da exclusão, basta você confirmar.
2. Clique somente na layer mask e arraste até o ícone da lixeira localizado na parte inferior da paleta layer.
Para habilitar uma camada de máscara
1. Clique no mouse em cima da camada de máscara
2. Selecione a camada que possui a máscara, clique com o botão direito do mouse na camada para abrir
o menu e, em seguida, clique em Ativar Máscara da camada.
Na paleta Layers (ou camada), as camadas são exibidas como miniaturas adicionais à direita da miniatura da camada. São nessas miniaturas que podemos observar as áreas preenchidas e vazadas da máscara.
O uso da máscara é essencial para não danificar o conteúdo da camada. Pode acontecer de, no futuro,
você precisar usar partes da camada que não estão visíveis. Se essas partes fossem apagadas diretamente
com a ferramenta Borracha, não podemos recuperá-las. Com a máscara, as partes ocultas não são apagadas, apenas escondidas.
59
Quick Mask
Para usar o modo Máscara Rápida, comece com uma seleção e, em seguida, use-a como base para
adicionar ou subtrair de forma a criar a máscara. A máscara também pode ser inteiramente criada
no modo Máscara Rápida. A cor distingue as áreas protegidas das áreas não protegidas. Ao sair do modo
Máscara Rápida, as áreas não protegidas se tornam uma seleção.
Para a utilização da ferramenta Quick Mask:
1. Ative a Quick Mask.
2. Utilize a ferramenta Brush para selecionar a parte que não sofrerá influência. Repare que quando o
Brush passa sobre a imagem, ela recebe um filtro, padrão vermelho, com a opacidade de 50%. Para que a
ferramenta entre em vigor, selecione novamente o ícone de Quick Mask ou aperte o atalho Q.
Seleção Modo Padrão.
Seleção no Modo Máscara Rápida.
Nota: Dentro da Quick Maskmask, você só conseguirá utilizar o brush com tons de cinza.
Uma sobreposição de cores cobre e protege a área fora
da seleção. As áreas selecionadas que ficam não são protegidas por essa máscara. Por padrão, o modo Máscara Rápida pinta a área protegida usando uma sobreposição de
vermelho com 50% de opacidade. A Quick Mask quando
utilizada, cria uma camada de seleção, Alpha na Paleta de
Channels.
60
Criando Adjustments Mask
A camada de ajuste no Photoshop é muito utilizada por profissionais, pois permite fazer ajustes
sem que a camada sofra alterações. Deixa o arquivo mais leve, pois não é necessário duplicar a
imagem para alterá-la.
Estes são os comandos disponíveis nesta ferramenta, localizada na aba inferior da paleta Layers
Após o comando escolhido, suas propriedades podem ser alteradas no painel Adjutments, que também
pode ser utilizado para a aplicar as Adjustment Layers.
A alteração feita torna-se parte da imagem, da mesma maneira como se você tivesse aplicado um filtro.
Estas são algumas das vantagens da utilização desta ferramenta:
yy A capacidade de anular completamente o efeito em qualquer ponto depois, não importa quantas
alterações posteriores que você faça. A capacidade de reabrir a caixa de diálogo e especificar novos
valores em qualquer ponto depois, sem ter de também desfazer quaisquer outras alterações que você
fez (pintura, mover as coisas, etc.), como você teria para com “história”/”desfazer”.
yy A habilidade de esconder e mostrar o efeito de modo que você possa comparar o antes depois e
veja se você realmente quer fazer tal mudança.
yy A capacidade de reduzir a opacidade do efeito, assim como o “fade” do menu de filtro, exceto que
você poderá voltar e editar o montante sem desvanecer-se em qualquer ponto mais tarde.
yy A capacidade de aplicar o efeito de apenas uma parcela determinada da imagem, através das máscaras.
61
62
Adobe Photoshop CS6
Exercícios
Exercício - Recorte com Pen Tool
Abra a imagem lâmpada.jpg e utilizando a ferramenta Pen Tool recorte somente a lâmpada da
imagem.
Quando terminar a vetorização e fechar seu path, clique com o
botão direito e selecione a opção make selection. Duplique a camada (ctrl+J).
63
Crie um novo documento seguindo as configurações a seguir.
Faça um fundo com a ferramenta gradiente tool do bege (#b28f4b) para o amarelo (#fff15b) radial. Aplique conforme a imagem
Arraste a lâmpada recortada para esse novo documento e centralize-a. Agora vamos mudar a cor da lâmpada conforme a imagem abaixo.
64
Crie uma nova camada e a posicione embaixo da camada
da lâmpada.
Com um brush na cor amarelo claro (#fffff2) dê algumas
pincelada para criar o efeito luminoso da lâmpada. Configure seu brush conforme a imagem ao lado.
Pronto, seu fundo está pronto e será usado em um AD feito no InDesign.
65
Adobe Photoshop CS6
Exercícios
Exercício - Recriando efeitos do Instagram
Neste exercício vamos recriar efeitos de fotos lomográficas assim como faz o aplicativo Instgram.
Abra a imagem jovem.jpeg disponível na pasta materiais.
Abra o painel de ajustes, menu Window > Adjustments e selecione a opção Curves. Configure os três
canais de cores e o RGB como nas imagens abaixo:
66
Feito os ajustes crie uma nova camada e preencha com a cor rosa (#f555a4) com opacidade de 20%.
67
Selecione todas as camadas e com o botão direito do mouse em cima destas layers selecione a opção
Duplicate Layers. Mescle (Ctrl+E) as layer duplicadas e aplique o blur (menu filter > blur > gaussian blur)
como na imagem:
Vamos agora adicionar uma vinheta. Para isso, preenche uma nova camada de preto e bom a borracha
grande e esfumaçada delete o centro da imagem.
Agora em uma nova camada, faça pontos brancos com um pincel médio e esfumaçado em algumas
áreas de imagem que tenha mais brilho e luminosidade.
Para finalizar o exercício crie uma nova camada preenchida de preto. Pressione a tecla D no teclado para
restaurar as cores de foreground e background. Vá ao
painel filters > Noise > Add Noise e configure conforme mostrado na imagem.
Mude o modo de mesclagem da camada para Screen e a opacidade para 25%.
68
Seu exercício deverá ficar como na iamgem abaixo:
69
Adobe Photoshop CS6
Exercícios
Exercício - Colorização de fotos
A técnica de colorização é simples e exige apenas um cuidado com as cores para manter um
certo realismo.
Abra a imagem fotopeb.jpeg e crie uma nova camada nomeie como pele o coloque o modo de mesclagem dessa camada em Multiply, assim os volumes preto e branco serão mantidos.
70
Com um brush suave (hardness 0) e um tom de pele bem claro pinte os braços, as pernas e as costa da
mulher. Para dar acabamento usa a borracha para apagar o que ficou sobrando na bordas.
Se a cor não ficou como você queria, mexa no Hue/Saturation da camada (ctrl+U).
Até se aproximar do exemplo ao lado:
71
Crie uma nova camada, também em multiply e pinte o cinto de vermelho. As formas mais simples, use a
seleção com a caneta. Basta desenhar onde você quer selecionar e clicar com o botão direito e selecionar
a opção make selection.
Repita o processo de colorização com o brush nas outras partes da menina: sapatos, cabelo e mala. Lembrando de fazer cada cor em uma nova camada no modo Multiply.
72
Adobe Photoshop CS6
Links
73
Adobe
MÓDULO
04
Trabalhando com Styles
Styles são efeitos que serão aplicados nas camadas localizadas na parte inferior da paleta Layers, clique
no ícone
através do menu Layer>Layer Style ou dando dois cliques sobre a layer que deseja aplicar
o style:
74
A seguinte janela será aberta:
Styles: diferentes padrões de
estilos, pré-definidos pelo programa.
Blending Options Default: ajusta as opções de mistura da layer.
Drop Shadow: projeta uma
sombra atrás do conteúdo da
camada.
Inner Shadow: projeta uma
sombra apenas no interior das
arestas do conteúdo da camada, dando-lhe uma sensação de
baixo-relevo.
Outer Glow e Inner
Glow: adiciona brilhos que provêm das arestas externas ou internas do conteúdo da camada.
Bevel and Emboss: adiciona combinações de realces, suavização e sombras no objeto e dá a sensação de volume no conteúdo da camada.
Satin: coloca uma sombra no interior do objeto com um acabamento acetinado Color, Gradient e
Pattern Overlay: coloca no conteúdo da camada uma cor, um degradê ou um padrão.
Stroke: coloca um contorno em volta do objeto da camada atual, usando cor, degradê ou um padrão.
É útil, principalmente, em formas com arestas sólidas, como as de texto.
Para alterar os padrões dos efeitos, após selecionar comando clicando na caixa correspondente, clique
sobre o nome do comando e o altere.
Trabalhando com a ferramenta Stamp
Estão localizadas no painel de ferramentas:
1-Clone Stamp
75
Clone Stamp é o recurso do Photoshop mais utilizado para eliminar manchas, riscos e outras imperfeições em fotografias. Para utilizá-la no Photoshop, abra a imagem a ser retocada e selecione-o. Agora,
escolha um tamanho de pincel na paleta Brush, na barra de ferramentas ou de um clique com o botão
direito do mouse na área de trabalho. Mantenha pressionada a tecla ALT e clique com o carimbo numa
área vizinha à da imperfeição. Solte a tecla ALT e clique na mancha com o carimbo, a fim de eliminá-la.
Você pode alterar a opacity e o flow para que mais ou menos suave, de acordo com o tratamento necessário.
2- Pattern Stamp Tool
A ferramenta Pattern Stamp permite que você pinte com um padrão. Escolha uma prédefinição ou defina seu próprio padrão usando Edit > Define Pattern, este padrão pode ser um brush ou uma imagem.
Trabalhando com as Ferramentas de Retoque
1 -Spot Healing Tool - Pincel de recuperação de manchas
O Spot Healing é muito parecido com o Healing Brush, excetuando o fato de que não é necessário escolher um ponto para amostragem. É usada, de forma automática, a informação em torno do ponto pintado
para criar os dados da zona pintada, incluindo iluminação e cor. Mais simples e eficiente para os pontinhos
a remover (como o pó das películas digitalizadas e espinhas ou pequenas manchas de pele).
2 -Healing Brush Tool
Por vezes, mais eficaz que o Clone Stamp, é o Healing Brush, especialmente se quisermos remover coisas pontuais, no meio de áreas mais ou menos uniformes. O Healing Brush funciona da mesma forma que
o Clone Stamp, essencialmente, mas é mais prático e rápido. O Healing Brush efetua a cópia da textura
da zona escolhida, para a zona que nós pintamos. Em seguida, ele analisa a zona pintada e o exterior a essa
zona e calcula os, valores de iluminação e cor para produzir uma transição suave. No caso de uma imagem
de uma face, vamos buscar textura de pele limpa, mas sem alterar as transições de iluminação associadas
76
à zona da face onde pintamos.
A ferramenta é excelente para corrigir borbulhas e sinais, limpar pontos de ruído do sensor, etc. Mas por
verifica a zona exterior ao do pincel, surge um problema: se estivermos demasiado próximos de uma transição abrupta, o cálculo de luz e cor pode falhar. Para evitar este problema, deve-se criar uma seleção sobre
a zona a editar, excluindo a transição. Para utilizá-la, selecione a área que se deseja copiar pressionando a
tecla ALT, depois basta clicar sobre a área que se deseja tratar, copiando a área anteriormente selecionada.
3 - Patch Tool
O Patch Tool utiliza o mesmo algoritmo que o Healing Brush, mas em vezde usar um pincel, a ferramenta é baseada numa seleção. Essencialmente, seleciona de forma mais ou menos rigorosa a zona a corrigir,
e arrasta a seleção para outra zona da imagem, com a textura limpa que deseja. A ferramenta irá processar
a zona selecionada inicialmente com a textura da zona limpa, e com a iluminação e cor calculada. É ótimo
para áreas grandes que requerem substituição completa.
4 -Red Eye Tool
Ferramenta excelente para retirar o brilho vermelho que aparece nos olhos quando se usa o flash.
Para usá-la e só selecioná-la, depois selecionar a área da íris do olho e pronto, automaticamente, ele escurece a área da pupila baseando-se no tamanho da íris.
Pupil size: regula o tamanho da pupila.
Darken Amount: regula o nível saturação da amostra.
Trabalhando com a Ferramenta Eraser
1-Eraser Tool
Esta ferramenta é bastante útil e precisa e com ela é possível que seja removido qualquer objeto ou pixel
de qualquer camada que esteja desbloqueada, tornando o pixel transparente.
77
2-Background Eraser Tool
fundo sem apagar os demais objetos.
A Background Eraser Tool apaga de qualquer camada sobreposta ao plano de fundo o que estiver
desbloqueado, com facilidade, somente deixando
o plano de fundo visível. Para isso, você precisa ter
um fundo com cores mais uniformes. A ferramenta
baseia-se em dados de cor para apagar o plano de
3- Magic Eraser
A Ferramenta Magic Eraser é proveniente do mesmo grupo de genes que produziu a Magic wand.
Quando você clica com a Magic wand, o photoshop seleciona um intervalo de pixels coloridos de forma
similar; clique com a Magic eraser e você apagará em vez de selecionar.
Trabalhando com ferramentas de nitidez
1-Blur
Arraste com a ferramenta Blur para desfocar o contraste entre pixels vizinhos, o que embaça o foco da
imagem. Você também pode pressionar a tecla Alt e arrastar para tornar a imagem mais nítida.
Brush: configuração do pincel: tamanho, dureza tipo de ponta.
Mode : “efeitos” que podem ser aplicados ao passar a ferramenta sobre a imagem.
Strength: continuidade do traço
Sample all layers : desfoca usando informações de cores de todas as camadas.
78
2-Sharpen - Nitidez (R)
Arraste com esta ferramenta para aumentar o contraste entre os pixels, o que torna o foco mais nítido.
Pressione a tecla ALT e arraste quando essa ferramenta estiver ativa para desfocar a imagem.
Brush: configuração do pincel: tamanho, dureza tipo de ponta.
Mode: “efeitos” que podem ser aplicados ao passar a ferramenta em parte da imagem.
Strength: continuidade do traço
Sample all layers: torna mais nítido usando informações de cores de todas as camadas.
3-Smudge
Trabalha como pintura a dedo. Clique na área desejada e vá arrastando.
Pincel: configuração do pincel: tamanho, dureza tipo de ponta.
Modo: “efeitos” que podem ser aplicados ao passar a ferramenta em parte da imagem.
Trabalhando com Ferramentas de Exposição
1- Dodge
Usada para clarear áreas da imagem, superexposição. Atenção na barra de propriedades
Brush: configuração da ponta da ferramenta, tamanho, dureza.
Exposure: intensidade de aplicação da ferramenta
Range: afeta tonalidades mais claras ou escuras ou meios tons
Shadows: clareia puxando para tons cinza
Midtones: clareia um tom abaixo da cor da área.
Highlights: clareia realçando saturação da cor.
79
2-Burn
Usada para escurecer áreas da imagem, subexposição. Atenção na barra de propriedades
Brush: configuração da ponta da ferramenta, tamanho, dureza tipo de ponta.
Exposure: intensidade de aplicação da ferramenta
Range: afeta tonalidades mais claras ou escuras ou meios tons
Shadows: escurece realçando saturação da cor da área.
Midtones: escurece um tom acima da cor da área, tons médios.
Highlights: escurece puxando para tons cinza.
3-Sponge
Brush: configuração da ponta da ferramenta, tamanho, dureza tipo de ponta.
Flow: intensidade de aplicação da ferramenta
Mode: saturar ou remover saturação
Saturate: realça a cor da área passada, cores mais vivas
Desaturate: remove informações de cor da área passada, como tons de cinza
80
Adobe Photoshop CS6
Exercícios
Exercício - Tratamento realisma em pele
Neste exercício vamos limpar e tratar uma pele de forma que o tratamento permaneca realista.
Abra a imagem base_exerc.jpeg e duplique o arquivo (ctrl + J).
Utilizando a ferramenta Healing Brush Tool que usa a área ao redor do ponto da ferramenta e copia seus
atributos para o centro eliminando imperfeissões na imagem, aplique nas espinhas e manchas do rosto
que está sendo tratado.
Lembre-se de aumentar e diminuir o pincel para que ele sempre cubra e ultrapasse a área da espinha ou
mancha.
81
Para eliminar pequenas manchas que aparecem quando utilizamos a Healing Brush Tool e retirar o
brilho exagerado da pele, vamos usar dois filtros muito utilizada em tratamento de imagens de modelos.
Agora habilite a quick mask no painel ferramentas e um pincel preto esfumaçado faça uma seleção só
nas áreas de pele.
Desabilite o modo quick mask e inverta a seleção (ctrl + shift + I). Em seguida duplique a camada (ctrl +
J) que está trabalhando com a seleção duas vezes.
Tire a visualização da camada superior. Com a camada anterior selecionada vá ao menu filter > blur >
surface blur. Configure como na imagem ao lado:
82
Habilite novamente a camada superior e com a mesma seleciona vá em
filters > others > high pass. Configure
o filtro como na imagem:
Coloque o modo de mesclagem da
camada como Overlay.
Pronto seu exercício foi finalizada e
você aprendeu a fazer um tratamento
de pele suave e realista.
83
Adobe Photoshop CS6
Exercícios
Exercício - Botões para web
Este exercício mostra uma maneira prática de criar botões para web utizando os recursos da
layer style.
Em um documento novo, 200x100px e 72dpis, crie um retangulo de bordas arredondadas com 10px
de radius na cor preta.
Clique duas vezes sobre a camada no painel leyer. Assim, abrirá a caixa de diálogo Layer Style. Selecione
a opcão gradiente tool. Faça um gradiente na cor preta para o cinza (#5E5E5E). Configure como mostrado abaixo:
84
Selecione aagora a opção Stroke e configure como na imagem abaixo. A cor é preta (#000000)
Em seguida habile as opções de Inner Shadow e Drop Shadow com as seguintes configurações:
85
Para finalizar faremos uma textura com a ferramenta Line Tool (U). Faça linhas paralelas bem próximas
umas das outras. Em seguida, selecione todas as linhas e alinhe pelo modo Distribute Horizontal Centers.
Selecione todoas as linhas e mescle suas camadas (ctrl + E). Depois, rotacione essa nova camada formada 45 graus.
86
Com a tecla ctrl pressionada, clique na visualização da layer do retângulo arredondado e abra uma layer
mask na camada das linhas. Assim você esconde a parte das linhas que estavam extrapolanda a área do
botão.
Para finalizar, configure o estilo da camda das linhas. Clique duas vezez sobre a camada. Dessa forma,
abrirá a caixa de diálogo Layer Style, habilite as opções Inner Shadow e Inner Glow.
87
Veja o resultado do seu botão. Você pode usar esse mesm processo de estilos com outras cores de gradientes e linhas.
88
Adobe Photoshop CS6
Exercícios
Exercício - Recortando com channels
Um dos recursos mais utilizados para recortar objetos e formas mais complexos é através dos
channels.
Abra a imagem modelo.jpg. Com a ferramenta Pen tool recorte o corpo da modelo com exceção do
cabelo.
89
Crie uma seleção clicando com botão direito do mouse próximo ao path criado e selecione a opção
make selection.
Pressione ctrl + J para duplicar a modelo em uma nova camada.
Crie uma nova camada, pinte de verde (#00fd21) e posicione está camada abaixo da camada da modelo.
Agora abra o painel channel, se ele não estiver na sua coluna de painel vá ao menu window > channels.
Escolha o canal Blue, ou aquele que tiver mais contraste
entre cabelo e fundo, ou que o cabelo esteja mais escuro,
e clique com o botão direito em cima do canal e escolha a
opção Duplicate Channel.
90
Agora desabilite os outros canais e trabalhe somente neste canal duplicado.
Abra o painel levels, menu image > adjustments > levels e confire como no exemplo mostrado.
Selecione a ferramenta Burn, escolha a opção high light e passe sobre o rosto da modelo.
91
Segurando a tecla ctrl clique na janela de visualização do canal duplicado para ativar a seleção. Você
verá que partes indesejadas foram selecionadas. É só retirar com uma das ferramentas de seleção como a
Rectangular Marquee Tool e o alt pressionado.
Retirada a seleção indesejada, delete a área branca em volta do cabelo.
92
Adobe Photoshop CS6
Links
93
Adobe
MÓDULO
05
Trabalhando com Filters
Para utilizar um filtro, vá ao menu Filter. Estas orientações podem ajudá-lo a escolher filtros:
• O último filtro escolhido aparece na parte superior do menu.
• Os filtros são aplicados à camada ativa visível.
• Os filtros não podem ser aplicados a imagens no modo Bitmap ou de cores indexadas.
• Alguns filtros funcionam somente em imagens RGB.
Cada uma das 14 categorias de filtros do Photoshop altera a imagem segundo um princípio básico.
Alguns efeitos podem ser visualizados facilmente através da galeria de filtros, Menu Filter > Filter Gallery.
Smart Filters
94
Ele é semelhante ao adjustment layers, que preserva sua layer ao criar qualquer tipo de mudança, como
levels, curves, satin, etc. Já o Smart Filters preserva sua layer mesmo depois de aplicado algum filtro. Ou
seja, você não vai mais ter dor de cabeça se esquecer de mudar algo, ou precisar acrescentar, pois o mesmo
está conservado.
Abra qualquer imagem, como por exemplo, a imagem de uma praia.
Vá ao menu Filter > Convert for Smart Filters, e observe a imagem a seguir na janela das layers. Note que
ficará um ícone em cima da layer, como referência que a layer possui o Smart Filters. Vamos acrescentar
um efeito qualquer na foto. Foi aplicado o filtro de ruído Filter -> Noise. Observe na imagem que o efeito
aparecerá dentro da layer da foto.
Editando o Filtro no modo Smart Filters
Com o botão direito do mouse, vamos clicar em cima do filtro na layer. Ao mesmo tempo, irá aparecer
uma janela com as seguintes informações:
1- Edit Smart Filter Blending Options: Esta opção permite que você aplique em sua foto um
efeito de blending options, como overlay, multiply, etc.
2- Edit Smart Filter: Esta opção permite que você altere as propriedades do filtro,
como diminuir o ruído, etc.
95
3- Disable Smart Filter: Apenas
dDesabilita o filtro. Caso queria voltar
com o mesmo,
com botão direito do mouse, escolha a
opção: Enable Smart Filter.
4- Delete Smart Filter: Deleta o Filtro.
Filtros
clados e trabalhados simultaneamente, gerando outros efeitos.
Segue abaixo uma divisão com os filtros mais atualizados:
O Photoshop disponibiliza cerca de
100 filtros que são películas de efeitos dos
mais variados possíveis, podendo ser mes-
Filtros de acabamento
Clouds
O filtro nuvens gera padrões de nuvens suaves que usam valores
aleatórios que podem variar entre as cores de primeiro e segundo planos e ainda do plano de fundo. Para acessá-lo, vá ao menu
Filter>Render>Clounds.
Diference Clouds
O filtro nuvens por diferença utiliza-se de valores que são gerados
aleatoriamente
e podem variar as cores de primeiro plano e plano de fundo para
que
seja produzido um padrão de nuvens e para acessá-lo, vá ao menu
Filter>Render> Diference Clouds.
96
Fibers
O filtro fibras serve para criar uma aparência de fibras entrelaçadas
utilizando-se das cores de primeiro plano e plano de fundo e para
acessá-lo, vá ao menu Filter>Render> Fibers.
Lens Flare
O filtro reflexo de flash é utilizado para imitar a refração causada
pela aplicação de uma luz brilhante na lente da câmera e para acessá-lo, vá ao menu Filter>Render> Lens Flare.
Lighten Effects - efeitos de iluminação
O filtro efeitos de iluminação permite ao usuário produzir vários
efeitos de Iluminação, utilizando imagens em formato RGB variando 17 estilos de luz, 3 tipos de luz e 4 conjuntos de propriedades
da luz.
Filtros Artísticos
Fresco
Este filtro serve para pintar uma imagem, usando estilos bruscos,
pinceladas curtas, arredondadas e apressadas.
97
Poster Edges
Este filtro reduz a quantidade de cores de uma imagem de acordo
com a opção de posterização definida e localiza as arestas da imagem, desenhando linhas pretas sobre elas.
Watercolor
O filtro aquarela pinta a imagem em estilo aquarela, simplificando
os detalhes em uma imagem com o uso de um pincel médio embebido em água e tinta.
Routh Pastel
O filtro pastéis ásperos faz com que sua imagem pareça ter sido
traçada com giz pastel colorido sobre um plano de fundo texturizado.
Smudge Stickes
O filtro bastão de borrar faz com que sua imagem seja suavizada
usando traçados diagonais curtos para borrar ou manchar as áreas
mais escuras das imagens.
98
Sponge
O filtro esponja cria imagens com áreas bastante texturizadas de
cores contrastantes, com a aparência de terem sido pintadas com
uma esponja.
Underpainting
O filtro tinta-base pinta a imagem sobre um plano de fundo texturizado e pintaa imagem final sobre ele.
Colored Pencils
Este filtro é utilizado para desenhar uma imagem usando lápis de
cor em um plano de fundo sólido.
Cutout
O filtro recorte de arestas é utilizado para representar imagens
como se fossem formadas por recortes irregulares de papel colorido.
99
Dry Pencil
O filtro pincel a seco é utilizado para pintar arestas de uma imagem usando a técnica de pincel a seco (entre óleo e aquarela).
Film Grain
O filtro foto granulada aplica padrões uniformes aos tons fortes e
tons médios das sombras de uma imagem.
Neon Glow
Este filtro é utilizado para adicionar vários tipos de brilho aos objetos em uma imagem e é útil para colori-la, ainda suavizando sua
aparência.
Paint Doubs
O filtro toques de tinta permite escolher entre vários tamanhos
(de 1 a 50) e alguns tipos de pincel para obter um efeito de pintura.
100
Pallete Knife
O filtro espátula reduz os detalhes da sua imagem proporcionando um efeito de tela pintada com pouca tinta, revelando a textura
sob a tinta.
Plastic Wrap
O filtro plastificação é utilizado para revestir a imagem com um
plástico brilhante, acentuando detalhes em sua superfície.
Sketch Filters
Bas Relief
Este filtro transforma uma imagem fazendo com que ela pareça
entalhada em baixo-relevo e iluminada, acentuando as variações em
sua superfície.
Chalk Charcoal
O filtro Giz e Carvão é utilizado para redesenhar realces em tons
médios de uma imagem com giz grosso em um plano de fundo cinza em meio tom sólido.
Este filtro redesenha uma imagem para criar um efeito posterizado e borrado.
101
Chrome (Cromo)
Este filtro faz com que sua imagem fique com um aspecto de cromado polido.
Conté Crayon
Este filtro é utilizado para reproduzir a textura do Crayon Conté
em uma imagem.
O filtro Crayon Conté usa a cor do primeiro plano para as áreas
escuras e a cor do plano de fundo para as áreas claras.
Graphic Pen
Este filtro é muito utilizado para traçar pontos de tinta finos e lineares para capturar os detalhes de uma imagem original e sem efeito
e que fica mais evidente em imagens digitalizadas.
Halftone Pattern
O filtro matriz de meio-tom é utilizado para simular efeitos de
telas de meio tom, ao mesmo tempo em que mantém o intervalo
contínuo de tons.
102
Photocopy
Este filtro é utilizado para simular o efeito de uma fotocópia.
Plaster
Este filtro é utilizado para moldar uma imagem em gesso com
formato 3D.
Reticulation
O filtro reticulação simula a redução e a distorção controladas da
emulsão do filme para criar uma imagem que parece estar concentrada nas áreas de sombra e levemente granulada nos realces.
Stamp
Este filtro é melhor visualizado em imagens em branco e preto.
O filtro simplifica a imagem para ela parecer estampada com um
carimbo de borracha ou madeira.
103
Torn Edges
O filtro arestas rasgadas é particularmente muito útil para imagens-texto ou objetos de alto contraste. O filtro reconstrói a imagem como pedaços de papel desiguais e rasgados e aplica cor à
imagem usando as cores do primeiro plano e do plano de fundo.
Waterpaper
O filtro papel molhado usa toques manchados que parecem pintados em papel fibroso e úmido, fazendo as cores escorrerem e se
mesclarem.
Filtros de estilização
Facet
Localizado no menu Filter>Pixelate>Facet
Cria uma leve distorção da imagem, não permite que faça modificações.
Fragment
Localizado no menu Filter>Pixelate>Fragment
Cria quatro cópias dos pixels na seleção, calcula sua média e os
desloca, um em relação ao outro.
104
Mezzotint
Localizado no menu Filter>Pixelate>Mezzotint
Converte uma imagem em um padrão aleatório de áreas em preto e branco ou com cores totalmente saturadas em uma imagem colorida. Para utilizar esse filtro, escolha um padrão de pontilhamento no menu
Tipo da caixa de diálogo Meia-Tinta.
Mosaic
Localizado no menu Filter>Pixelate>Mosaic
Simula uma pixelização de imagem. É possível modificar o tamanho dos pixels como desejar.
Pointllize
Divide a imagem em pequenos pontos coloridos que podem ter seu tamanho modificados como quiser.
105
Diffuse
Localizado no menu Filter>Style>Diffuse
Modifica alguns pixels adjacentes, através das opções: normal,
dark only, lighten only e Anisotropic.
Emboss
Localizado no menu Filter>Style> Emboss
Cria um relevo na imagem, usando os contornos que se encontram melhor delineados.
Extrude
Localizado no menu Filter>Style>Extrude
Este filtro cria um efeito tridimensional para a imagem criando pequenos cubos.
106
Find Edges
Localizado no menu Filter>Style> Fine Edges
De acordo com os contornos delineados, este filtro cria arestas
coloridas suaves e delicadas na imagem.
Glowing Edges
Localizado no menu Filter>Style> Glowing Edges
Efeito semelhante ao glowing edges. No entanto, ele inverte as cores dando um efeito luminoso à imagem.
Solarize
Localizado no menu Filter>Style>Solarize
Cria um efeito semelhante a chapas de raios-X. O princípio deste
filtro é elevar ao máximo o contraste da imagem.
Tiles
Localizado no menu Filter>Style>Tiles
Este filtro cria recortes quadriculados na imagem. Além disso, é
possível escolhero preenchimento de fundo das áreas recortadas,
sendo elas a cor de foreground e background e o inverso da figura
ou foto.
107
Trace Contourn
Localizado no menu Filter>Style>Trace Contourn
Muito semelhante ao fine edges, pois se apropria do mesmo padrão dos contornos coloridos. No entanto, este contorno é mais
rudimentar e costuma pixelizar a imagem.
Wind
Localizado no menu Filter>Stylize>Wind
Este filtro cria efeitos muito interessantes, principalmente, em imagens abstratas. Como o nome mesmo
diz, ele simula o movimento do vento e permite que se escolha a direção e intensidade do vento.
Trabalhando com o Filtro Liquify
Para acessar o filtro, vá ao menu Filter> Liquify ou através do atalho SHIFT + CTRL + X. Ele é mais um
utilitário de distorção do que um filtro e permite alterar sua imagem, esticando, torcendo, inflando, etc.
108
Adobe Photoshop CS6
Exercícios
Exercício - Efeito de chuva
Neste exercício vamos utilizar brushes e filtros para criar um efeito de chuva discreto, criando
uma bela textura na composição.
109
Abra a imagem modelo.jpg. Vamos instalar o brush para fazer gotas maiores no cabelo da modelo.
Para instalar o brush abra o painel Brush Preset no menu window > brush preset. Vá nas opções de
painel no canto direito superior e selecione a opção Load Brushes, escolha o preset Water_Splash_Brushes_by_FuelFireDesire.abr.
Em uma camada nova e a ferramenta brush selecionada com a tonalidade beje clara, aplique os brushes
a sua escolha pelo cabelo da modelo.
Clique duas vezes sobre a camada dos brushes para abrir o painel de Layer Style e configure o bevel and
emboss como mostrado a seguir.
110
Agora crie uma nova camada e pinte de preto. Aperte a tecla D para restaurar as cores de foreground e
background. Selecione o painel filter > noise > add noise e configure como mostrado a seguir.
Agora aplique o filtro blur > motion blur e configure como mostrado a seguir.
111
Coloque essa camada no modo de mesclagem Difference com 70% de opacidade e apague com a borracha bem esfumaçada (hardness 0) as áreas da modelo.
Vamos fazer um vinheta ao redor da imagem.
Para isso, crie uma nova camada e pinte-a de preto.
Com um borracha bem grande apague o centro
da imagem algumas vezes até que fique como na
imagem a seguir.
Mude a opacidade da camada para 65% e selecione o menu image > adjustments > hue/saturation.
Configure como mostrado a seguir.
112
Pronto, sua composição está finalizada.
113
Adobe Photoshop CS6
Exercícios
Exercício - Efeito displace
O recurso Displace é muito importante quando se quer fazer aplicações em aparatos irregulares. Ele se molde de agordo com o volume de sua imagem base. Vamor aprender a usar esse recurso
de forma independente, ou seja, podendo ser utilizado para diversar outras montagens.
Abra a imagem base.jpg. Agora selecione a paleta Channels, caso ela não esteja visível habilite ela acessando o menu Window > Channels. Deixe habilitado somente o canal que oferece o melhor contraste
preto e branco, neste caso o canal Red.
114
Pressione shift + ctrl + L para fazer um acerto
automático do níveis de luz da nossa imagem.
Feito isso iremos duplicar o nosso canal Red
clicando com o botão direito sobre ele e escolhendo Duplicate Channel Na janela que se
abrir, na opção Document escolha New para
criar um novo documento, digite o nome que
quiser.
Em nosso documento principal do tutorial podemos habilitar o canal RGB para habilitar todos os canais e voltar a imagem para seu modo original (colorido).
Abra a imagem desenho.jpeg e insira no documento base. Posicione-o como mostrado a seguir.
Coloque a layer do desenho no modo de mesclagem Multiply e opacidade 65%. A aplicação já se assemelha com uma tatuagem, mas ainda não está perfeita.
115
Agora iremos utilizar o filtro displace. Com a camada de texto ainda ativada vá no menu principal e escolha Filter -> Distort -> Displace… Certifique-se que suas opções sejam as mesmas da imagem a seguir,
depois clique em Ok. Na janela que se abrir devemos escolher o nosso arquivo mapa.psd que criamos a
pouco.
Finalizada esta etapa terminamos o exercício.
116
Adobe Photoshop CS6
Exercícios
Exercício - Efeito distort
Vamos utilizar filtros e ajustes de imagens para criar efeitos de erosão e ação do tempo. Comece
abrindo a imagem base.jpg.
Aplique o ajuste vibrance, vá ao menu window
adjustments para abrir o painel e selecione a opção
vibrance. Configure-a como mostrado a seguir.
Agora escolha o opção Curves e configure como
mostrado.
117
Selecione todas as camada e clique com o botão direito sobre elas e escolha a opção duplicate layers.
Mescle todas as camadas com ctrl + E.
Agora vamos acrescentar ruídos. Vá ao menu filter > noise > add noise.
Configure como na imagem a seguir.
Vamos agora tirar a saturação da imagem pressionando ctrl + shift + U. Coloque a camada no modo de
mesclagem Darken e a opacidade 85%.
Crie uma nova camada preenchida de preto. Vá ao menu window > noise > add noise e configure como
na imagem ao lado.
118
Agora vá no menu filter > blur > motion blur e configure como na imagem abaixo.
Pressione ctrl + T para ativar o modo transfor e aumente a camada em 130%, no painel de configuração
da ferramenta transform. Mude o modo de mesclagem da camada para Darken e a opacidade em 70%.
119
Abra novamente o painel adjustments e configure o Hue/Saturation da imagem para torná-la sépia e
configure como mostrado a seguir. Coloque a opacidade da camada de ajuste em 70%.
Vamos fazer a vinheta, muito comum em fotos antigas. Crie um nova camada preta. Com uma borracha
esfumaçada tamanho 1700, delete o centro da layer preta.
120
Vá ao menu image > adjustments > hue/saturation e configure os valores como mostrado abaixo. Mude
o mode de mesclagem da camada para Darken e a opacidade para 70%.
Para finalizar escreva com uma fonte manuscrita o local e a data. Rasterize o texto clicando em cima
da layer com o botão direito do mouse e selecione a opção rasterize layer. Adicione um pouco de noise
(menu filter > noise > add > noise) como fizemos anteriormente neste exercício e mude a opacidade da
camada para 90%.
121
Adobe Photoshop CS6
Links
122
Adobe Photoshop CS6
MÓDULO
06
Ferramentas de texto
1 – Horizontal
2- Vertical Type
No Photoshop, existem três maneiras de se criar textos:
Artistic Text: com a ferramenta texto, damos um clique seco e começamos a digitar, o texto segue na
linha horizontal até que se dê ENTER para passar para a linha de baixo.
Paragraph Text: com a ferramenta de texto clicamos e arrastamos abrindo assim uma caixa delimitadora de texto. Quando o texto chega na borda direita da caixa, ele passa automaticamente para a linha
de baixo.
Path Text: o texto pode fluir/contornar um demarcador de forma livre.
123
3- Horizontal Type Mask Tool
4-Vertical Type Mask Tool
A ferramenta type mask tool mescla princípios da ferramenta “marquee” com a ferramenta “texto”e, ao
digitar o texto, você automaticamentecria uma máscara de seleção.
Paletas de formatação e edição de texto
Para uma formatação mais precisa: Menu Window > Paragraph
Menu Window > Character
124
Na barra de propriedades da ferramenta texto, clique em Create Warped Text. Abrirá uma caixa de diálogo, onde poderemos mexer nas configurações apresentadas para personalizar um texto distorcido.
Convertendo o texto para imagem
Enquanto não converter o texto para imagem, não será possível aplicar efeitos de camadas, pintar o texto
com pincéis e aplicar filtros. Para converter o texto em imagem: Menu Layer >Rasterize > Type.
Criação e Edição de texto em um demarcador:
É possível inserir texto em torno de arestas de um demarcador, ou de trabalho, ou Path criado por uma
ferramenta como Pen ou Shape.
A inserção de texto horizontal em um demarcador resulta em linhas perpendiculares à linha de base. A
inserção de texto vertical resulta em uma orientação paralela à linha de base.
À medida que você move um demarcador ou altera sua forma, o texto se adapta à nova localização ou
forma do demarcador.
Siga um destes procedimentos:
1. Crie um marcador com a ferramenta Pen ou a ferramenta shape.
2. Selecione a ferramenta Horizontal Type ou a ferramenta Vertical Type, ou selecione a ferramenta
Horizontal Type Mask ou Veetical Type Mask;
3. Posicione o ponteiro do mouse e certifique-se de que o indicador de linha base da ferramenta de
texto esteja no demarcador e clique. Depois de clicar, um ponto de inserção será exibido no demarcador.
4. Insira o texto. O texto horizontal é exibido ao longo do demarcador, perpendicular à linha de base. O
125
texto vertical é exibido ao longo do demarcador, paralelo à linha de base;
5. Para um maior controle do alinhamento vertical do texto em um demarcador utilize a opção Deslocamento de Linha de Base na paleta charater. Por exemplo, digite um valor negativo na caixa de texto
Deslocamento de Linha de Base para diminuir o texto.
Como mover ou virar o texto em um demarcador:
1. Selecione a ferramenta Path Selection ou Direct Select e posicione-a sobre o texto.
2. Para mover o texto, clique e arraste o texto ao longo do Path. Cuidado para não ultrapassar o demarcador.
3. Para virar o texto para o outro lado do
demarcador, clique no texto e ultrapasse o
demarcador.
4. Para mover o texto ultrapassando um demarcador sem alterar a direção do texto, utilize a opção Des-
126
locamento de Linha de Base na paleta Charater. Por exemplo, se você criou um texto que é executado da
esquerda para direita na parte superior de um círculo, poderá inserir um número negativo na caixa de
texto. Deslocamento de Linha de Base para soltar o texto que ele flua na parte superior do círculo.
Conversão de texto em Shape
Quando você converte um texto em formas, a camada de texto é substituída por uma camada com uma
máscara de vetor. É possível editar a máscara de vetor e aplicar estilos à camada. Entretanto, não é possível
editar caracteres na camada de texto.
Selecione uma camada de texto e escolha menu layer > type > convert to shape.
127
Adobe Photoshop CS6
Exercícios
Exercício - Texto com partículas
Vamos utilizar estilos de camadas aplicadas ao texto para criar um belo efeito de brilho.
Pressione Ctrl+N para criar um novo documento, defina o valor 1024x768 pixels, 72 dpi´s e modo
de cor em RGB, pressione Ok.
Crie uma nova layer, dê o nome de Gradient para a nova layer, defina a cor de Foreground como
#724242 e de Background como #3c1a1a, pressione a letra G do teclado para selecionar a Gradient Tool,
escolha um gradiente no modo Radial clique no centro do documento e arraste pra criar um gradiente
como o da foto abaixo.
128
Vá em Layer> Layer Style> Gradient Overlay, defina os valores mostrados a seguir e pressione Ok.
Defina as cores do gradiente #dc4800 para o lado esquerdo e #430401 para o lado direito.
Agora vá em Filter> Sketch> Water Paper e defina os valores abaixo.
Vá em Filter> Brush Strokes> Sprayed Strokes e defina os valores abaixo.
Agora pressione Ctrl+U para abrir o ajuste Hue/Saturation e defina os valores como os da imagem
mostrada a seguir.
129
Pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer,
no caso deste tutorial a fonte usada foi a Aardvark Cafe com tamanho de 251pt.
Vá em Layer> Layer Style> Outer Glow e defina os valores abaixo. Defina o Fill da layer para 0%.
130
Clique com o botão direito do mouse sobre a layer de texto e escolha a opção Create Work Path.
Agora abra o painel de Brushes Preset e carregue o brush Diamond Sparkle. Com os brushes instalados
pressione a letra B do teclado para selecionar a Brush Tool, vá em Window> Brushes e escolha o brush
indicado abaixo.
131
Configure o brush como indicado abaixo.
Crienova layer, dê o nome de Sparkles, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione a letra A do teclado para
selecionar a Direct Selection Tool.
132
Defina os valores abaixo e pressione Ok. Pressione Enter para eliminar o Path.
Seu arquivo deverá ficar como na imagem a seguir.
133
Clique duas vezes na camada para ativar o painel Layer Style, selecione as opções Outer Glow e Inner
Glow e configure-as como mostrado a seguir:
134
Defina o Fill da layer Sparkles em 0%.
Pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves, vá em
Window> Brushes, clique na opção Brush Tip Shape e defina os valores abaixo.
Clique sobre a layer de texto com o botão direito do mouse e escolha a opção Create Work Path, pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer no topo da paleta de layers, dê o nome
de Glow, defina a cor de Foreground como #f8ff99, clique com o botão direito do mouse sobre o Path e
escolha a opção Stroke Path, pressione Ok, pressione Enter para eliminar o Path.
Clique duas vezes na camada para ativar o painel Layer Style, selecione as opções Outer Glow e Inner
Glow e configure-as como mostrado a seguir:
135
136
Mude o modo de blend da layer para Overlay.
Pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves, vá em
Window> Brushes, clique em Brush Tip Shape e defina os valores abaixo.
137
Clique sobre a layer de texto com o botão direito do mouse e escolha a opção Create Work Path, pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer no topo da paleta de layers, dê o nome
de Color, defina a cor de Foreground como #a7a400, clique com o botão direito do mouse sobre o Path e
escolha a opção Stroke Path, pressione Ok, pressione Enter para eliminar o Path.
Coloque a layer no modo Overlay.
Crie uma nova layer, dê o nome de Snow Glow. Vá em Layer> Layer Style> Outer Glow e defina os
valores abaixo.
138
139
Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco,
pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground
deve ser a branca, pressione a letra B do teclado para selecionar a Brush Tool, aplique alguns detalhes
como na foto abaixo.
Veja o resultado final do exercício.
140
Adobe Photoshop CS6
Exercícios
Exercício - Criando anúncia de página dupla
Vamos criar mais um anúncio para a revista que será desenvolvida no InDesign. O formato
fechado da revista é 21x27,5cm e é necessário criá-lo com uma sangria, área de reverva, de 0,5 cm.
Abra o arquivo base.psd. Perceba que essa base tem o formato de 42x27,5, pois trata-se de um anúncia
de página dupla e o espaço da sangria foi demarcado por quatro linhas guias. A linha central indica o meio
da revista.
Vamos comerçar fazendo o background. Faca um gradiente radial de cinza (10% de preto) para branco
e aplique em seu arquivo da esquerda para direita.
Para reforçar esse degradê crie uma nova camada, utilize um pincel cinza (40% de preto) bem grande e
esfumaçado nas bordas do seu arquivo.
141
Coloque a layer com 10% de opacidade.
Abra uma nova layer e aplique novamente esse pincel sobre o fundo, só que agora ainda mais rente as
bordas.
Coloque a layer com 30% de opacidade.
Em seguida abra o arquivo de Illustrator chamado fundo.ai copie e cole o fundo de triângulos no seu
arquivo base.psd. Quando você faz isso abre uma caixa de diálogo, habilite a opção smart objects e dê OK.
142
Redimencione o fundo para que ele cubra todo o
documento. Na janela de vizualição da layer no painel
camada clique com o botão direito do mouse e selecione a opção rasterize layer.
Pressione ctrl + shift + U para tirar a saturação dessa
layer e mude a opacidade dela para 5%.
Abra a imagem computador.jpg no photoshop e passe a iamgem para o arquivo base que estamos trabalhando. Posicione-a como na imagem e coloque a layer no modo de mesclagem Multiply.
143
Agora vamos decorar nosso computador. Para isso, abra o arquivo elementos.ai, selecione os elementos
individualmente e cole em seu arquivo base posicionando-os como na imagem que exemplificamos a
seguir.
Crie uma mascara para as camadas de elementos para apagar a borda reta dos triângulos suavizando,
assim, a transição do elemento para o computador.
144
Agora faremos a fumaça atrás dos elementos e em cima do computador. Então, abra a imagem nuvem.
jpg e cole-a em seu arquivo base. Redimensione a imagem e apague seu fundo azul com uma borracha
esfumaçada (hardness 0).
Converta a imagem para preto e branco (ctrl + shift + U) coloque-a em modo Multiply com opacidade
45%. Posicione-as como na imagem abaixo e se achar necessidade duplique as camadas para que a nuvem
fique mais saturada.
Vamo iluminar um pouco mais nossa composição com raios e brilhos.
Para fazer os raios crie uma nova camada, faça um seleção retângular e aplique um gradiente do branco
opaco para branco transparente.
145
Retire a seleção (ctrl + D) e utilizando a ferramenta borracha de pincel esfumaçado e grande e retire as
bordas da linha.
146
Redimensione, rotacione e duplique os raios para que fique como na imagem abaixo, lembrando que
para ter um efeito mais forte basta duplicar uma layer por cima da outra.
Para fazer os pontos de brilho basta usar um pincel esfumaçado na cor que desejar, lembrando que esta
cor deve ser luminosa e saturada como azul ciano e magenta, por exemplo.
Crie uma nova layer e faça apenas um clique com o brush esfumaçado na cor que desejar. Depois em
uma nova layer diminua um pouco seu pincel e faça um outro clique na cor branca em cima do brilho
colorido feito anteriormente.
147
Você pode deixá-lo como está fazer o brilho como se fosse uma estrela, basta achatar o ponto branco
com a ferramenta transform duplicar esse raio criado e rotacioná-lo 90o, coloque a camada do brilho no
modo de mesclagem Color Dodge e seu novo brilho estará pronto.
Agora é só posicioná-lo próximo aos raios na composição criada.
Vamos agora colocar pontos de cor na composição. Crie uma nova camada. Com um pincel esfumaçado pinte de várias cores acompanhando o formato dor raios. Veja o exemplo abaixo:
148
Coloque a camada com o modo de mesclagem Color Burn e opacidade em 50%.
Agora é só inserir a marca da Mídia e o texto publicitário do anúncio.
No exemplo abaixo utilizamos a fontes, Prestige Elite Std para o título e subtítulo e a Frutiger para a
assinatura.
149
Adobe Photoshop CS6
Exercícios
Exercício - Criando base para matéria do InDesign
Hoje vamos trabalhar criando uma ilustração no photoshop para uma matéria que será diagramada na Revista MídiaMag ao longo do módulo de InDesign. O tema da matéria é portfolio, então
vamos explorar imagens que permeiam o universo criativo de designers, publicitários e arquitetos
por exemplo.
Abra o arquivo base, ele já contém as dimensões certas da revista.
Agora abra a imagem disco.jpg. Vamos ensinar um recurso na imagem disco que se repetirá nas demais
imagens do exercício.
Efeito Halftone
Arraste o disco para o arquivo base retire o fundo branco com a ferramenta magic wand.
Vá ao menu filter > pixelate > color halftone e configure conforme mostrado na imagem a seguir.
150
Pressione ctrl + shift + U para tirar a saturação da imagem e transformá-la em preto e branco.
Para melhorar o contraste selecione menu image > adjustments > curves e configure como mostrado
a seguir.
O seu disco deverá ficar como na imagem abaixo.
151
Repita o mesmo procedimento nas imagens lomo.jpg, camera.jpg e computador, lembramdo de redimensionar para o tamanho aproximado do disco antes de aplicar o efeito halftone.
Efeito de texto
Escreva a palavra “portfolio” com a fonte pimp, troque as letras R, T, I, F e L para a fonte Plastic Pill. Aumente as letras O e P para que fiquem no mesmo tamanho das demais. Mude a cor do texto para #4f53d3.
Abra a imagem aquarela2.jpg, reduza a imagem para o tamanho do texto e posicione-a acima do texto.
Agora selecione o texto clicando com o ctrl pressionado em cima da visualizaçnao da camada de texto. E
com a camada da aquarela selecionada dê ctrl+J para duplicar a camada.
152
Delete a textura original e coloque a nova camada de texto no modo de mesclagem Screen. Pressione
ctrl + U para abrir o ajuste de imagem Hue/Saturation. Configure-o como mostrado a seguir.
Organize seus objetos e o texto como mostrado na composição abaixo.
153
Agora escureca as partes de baixo de cada objeto com um brush suave e preto em uma nova camada.
Para isso basta selecionar cada objetos com ctrl +click em cima da camada de um determinado objeto e
pintar de preto com a ferramenta brush.
Agora, com a pen tool no modo shape layer, faça desenho de tinta respingando em cima dos objetos.
154
Agora vamos estilizar mais um pouco nosso texto. raterize a layer de texto
clicando com o botão direito do mouse em cima da layer e selecione a opção
rasterize layer.
Com a ferramenta rectangle tool, crie linhas finas e paralelas como na imagem ao lado:
Mescle todas as camadas dos retângulos, para isso basta selecioná-las e pressionar ctrl + E no teclado.
Redimensione essa nova camada para encaixar na letra o, faça uma seleção a partir desse objeto, tire a
visualização dele e delete as duas camadas de texto, a sem textura e a chapada.
Volte a visualização da camada de linhas, duplique-a e repita o mesmo procedimento para outra letra O,
veja como fizemos.
AgoAdobe Photoshop Professional CS6
155
ra posicione uma das camdas de linha atrás do computador como feito na imagem abaixo. Delete as camadas que não foram utilizadas.
Para finalizar nosso exercício desenhe alguns triângulos com a próprio ferramenta rectangle tool, basta
deletar um dos pontos com a caneta. Duplique até criar uma composição como a mostrada a seguir.
Mescle todos os triângulos, para isso basta selecionar todas as camadas de shapes e dar ctrl + E. Posicione
abaixo da palavra portfolio. Duplique a camada e coleque a primeira com modo de mesclagem Divide. E a
de baixo normal, mas apague as partes que se encontram com os objetos utilizando uma borracha suave.
Veja a seguir o resultado do nosso exercício.
156
157
Adobe Photoshop CS6
Links
158
Adobe Photoshop CS6
MÓDULO
07
Preparando o Photoshop para impressão
Muitas pessoas que trabalham com impressos preferem outro programa na hora de diagramar seu impresso, como por exemplo, o Indesign, e seus vetores no Illustrator. Porém existem também pessoas que
usam somente técnicas no Photoshop, e é isso que nos interessa no momento. Vale lembrar que para
trabalhar com Photoshop, precisamos tomar cuidado em como trabalhar com as fontes, já que é comum
saírem serrilhadas.
RGB x CMYK
O sistema de cores para impressos gráficos é CMYK. RGB é para monitor e TV. Você cria todo seu
trabalho em RBG com preview para CMYK (View > Prof Setup > CMYK) e quando terminar, basta
converter seu trabalho para CMYK (Image > Mode > CMYK).
Resolução
A resolução para impressos em off-set deve ser de 300 dpi, mas não adianta fazer tudo em 100 dpi e
depois aumentar a quantidade de dpi do arquivo pronto. Tem que ser criado um arquivo novo com 300
dpi e trabalhar com ele até o fim, mesmo que fique pesado. Finalizado tudo, aprovado e conferido, achate
para que tudo vire uma layer só, indo em: Layer > Flaten Image.
Imprimindo o documento:
Para acessar a caixa Print, vá ao menu File>Print ou utilize o atalho CTRL+P.
159
Assim que selecionada a opção, abrirá a caixa de diálogo Print com as seguintes configurações que podem ser alteradas:
Caixa de diálogo Print:
A. Visualize a impressão.
B. Posicione e dimensione a imagem.
C. Defina a impressora e as opções do trabalho de impressão.
D. Defina a orientação do papel.
E. Opções Output e Color Management.
F. Especifique as opções de saída de pré-impressão.
G. Especifique as opções de gerenciamento de cores e de prova.
160
Modos de salvar
Salvando a imagem em JPEG
File > Save as. Em formato, escolha JPEG > Save.
Aparecerá uma janela de configuração de JPEG, onde especificamos a qualidade da compressão da imagem.
161
Salvando em PNG
File > Save as em formato, escolha PNG > Save.
Salvando em TIFF
File > Save as. Em formato, escolha TIFF > Save.
Aparecerá uma janela de configuração de TIFF em que escolheremos o tipo de compactação da ima-
162
gem, se haverá ou não fundo transparente, dentre outras.
Gerando arquivo no formato PDF
O arquivo foi editado no Photoshop com modelo de cores CMYK. Vamos gerar um arquivo PDF a
partir deste, clicando em File > Save As ou simplesmente pressionando o atalho Shift +Ctrl+S.
Uma nova janela se abrirá e, nela, altere em Format qual o formato deseja salvar seu arquivo. Neste caso,
no formato PDF. Após a opção: Photoshop PDF(*.PDF, *.PDP), estiver selecionada, clique em salvar e
uma nova janela será aberta, para configurar as opções de seu arquivo PDF.
Menu General
Adobe PDF Preset: mostra alguns padrões pré-definidos de pdf pelo programa.
Compatibility: escolhe a compatibilidade do seu arquivo pdf com a versão do acrobat
Options:
Preserva os recursos de edição do photoshop.
Miniaturas embutidas na página.
Otimiza para visualização rápida na web.
Visualizar o PDF depois de salvo.
Menu Compression
163
Configurações de tamanho e resolução do arquivo.
Menu Output
Converte as cores de seu arquivo para alguma selecionada no menu color.
164
Menu Security
Este menu é utilizado para colocar uma senha no seu arquivo PDF e algumas
permissões.
Menu Summary
Faça uma checagem das opções marcadas e clique em Save PDF. Adobe Photoshop Professional CS6
165
Adobe Photoshop CS6
Exercícios
Exercício - Criando base para matéria do InDesign
Vamos aprender a fazer um tratamento muito utilizado na área de moda que pode ser aplicado
em qualquer imagem do gênero.
Comece abrindo o arquivo modelobase.psd. Dê ctrl+J para duplicar a camada.
Nessa nova camada vamos corrigir as principais imperfeições de pele usando a Spot Healing Brush
Tool, Healing Brush Tool e Clone Stamp Tool.
166
Quando terminar de corrigir as pequenas imperfeições da pele. Selecione, no painel de ferramentas a
quick mask e pinte o rosto de vermelho. Saia do modo quick mask e inverta a seleção (ctrl+shift+I)
Duplique a camada dom a seleção duas vezes (ctrl+J). Tire a
visibilidade da primeira camada de pele.
E na camada de baixo que restou vísivel, vá em filter > blur >
surface blur. Configure os valores como mostrado abaixo.
167
Coloque 90% de opacidade para a camada. Habilite agora, a visualização da última camada. Com ela
selecionada vá ao menu filter > other > high pass e configure os valores como mostrado abaixo.
168
Coloque o modo de mesclagem dessa camada como Soft Light. O tratamento High Pass serve para
adicionar mais textura a pele, combinado com o blur ele dirfarça um pouco a pele plástificada que deixa
o Surface Blur.
Selecione as camada e duplique-as clicando com o botão direito em cima das layers e selecione a opção
Duplicate Layers, mescle as camada (ctrl + E). Agrupe (ctrl+G) as camadas restantes, com exceção da
original que está trancada, renomeio o grupo para tratamento de pele.
Agora aplique os seguintes ajustes de imagem. Se esse painel não estiver habilitado vá ao menu window
> adjustments
Crie uma nova camada e renomeie como sombra nos olho. Com um brush suave e amarelo faça o contorno da sombra nos olhos. Coloque a camada no modo de mesclagem Darken.
169
Crie agora uma nova camada e renimeie como batom. Com um brush suave e rosado faça o contorno
da sombra nos olhos. Coloque a camada no modo de mesclagem Soft Light e opacidade 80%.
Veja como ficou o tratamento.
170
Adobe Photoshop CS6
Exercícios
Exercício - Montagem Dançarina
Vamos criar uma montagem simulando um cartaz da Nike, essa montagem tem uma dificuldade alta e exigirá todos os conhecimentos aprendidos durante todo o curso de Photoshop.
Começaremos abrindo a imagem modelo.jpg. Recorte a imagem usando a pen tool, pule as áreas com
cabelo.
171
Para recortar o cabelo vamos usar a
técnica de recorte com channel. Crie
um novo channel e escolha o canal
com maior contraste entre o fundo e
o cabelo.
Ajuste os levels (ctrl + L) da camada para aumentar ainda mais o contraste entre o fundo e o cabelo. Se
necessário use a ferramenta burn, no modo highlights, para escurecer áreas que ainda não ficaram marcadas de preto.
172
Agora, em um novo documento formato A3 e com 300 dpi’s de resolução vamos fazer o background
do cartaz.
Abra a imagem nebulosa.jpg e arraste-a
para o seu arquivo A3. Em seguida abra
a imagem canvas.jpg e arrastam, também
para seu arquivo base. Certifique-se que
a mesmo encontra-se em uma camada
acima da camada da nebuloso. Mude o
modo de mesclagem da textura para Linear Ligh com 93% de opacidade.
173
Vá ao painel Adjustments e selecione a opção
Gradient Map e faça uma gradiente do preto
para o branco
Mude a opacidade dessa camada de ajuste para
28%.
Crie uma nova camada acima de todas as outras e pinte de verde (#2f6f00). Coloque essa camada no
modo de mesclagem Color Burn com 20% de opacidade. Seu fundo deverá ficar como na imagem.
174
Agora vamos trabalhar a dançarina recortada colocando fumaça em algumas partes de
seu corpo. E, antes posicione a mulher como
na imagem abaixo e use os seguintes adjustmens layers:
- Vibrance: 36
- Gradiente Map preto e branco no modo
Multiply com 62% de opacidade.
175
Com um brush esfumaçado vamos simular uma iluminação na dançarina em uma nova camada no
modo Hard Light, com 85% de Opacidade. Isso para que os efeitos de fumaça fiquem mais realistas.
Para finalizar esta etapa certifique-se que a camada está acima da layer da dançarina e clique sobre a
camada com o botão direto e selecione a opção: Create a Clipping Mask.
Carregue o brush disponível na pasta de materiais como ensinado nas aulas. Não se esqueça de aplicá-los sempre em camadas separadas.
Escolha cores próximas as cores da modelo onde o brush for aplicado, por exemplo, no cabelo escolha
um tom laranjado, nos pés tons azulados. E aplique os brush de fumaça. Na área do tênis foi utilizado
também um brsh splatter que já existe no pacote de brush do Photoshop.
Veja o exemplo criado passo a passo.
176
3
4
5
6
177
Agora crie dois triângulos equiláteros com a cor #133229, posicione-os como na imagem a seguir e
mude o modo de mesclagem para Soft Light.
Faça, também, algumas linhas passando pela
modelo de tonalidades de verde variadas e mude
o modo de mesclagem de cada linha para Color
Burn.
Para finalizar o exercício coloque a marca da
Nike e o slogan “Just do it no canto inferior direito.
178
Veja como ficou o exercício finalizado.
179
Adobe Photoshop CS6
Links
180

Adobe PhotoshoP Cs6

Transcrição

Documentos relacionados

CONFIGURAÇÃO DO MOZILLA FIREFOX PARA ABRIR

duds saldanha - Pode chamar de Duds

Administração e Negócios

Photoshop CS6

do Índice dos artigos em CD

Aulas de agosto na Casa Canela!

Joaps_MAJR 20 15 49_Ficha_Tec

Perguntas Frequentes – PDF/A

Lista Zoomcds - Inforzoom Informática

Brillantante Ácido(1)