5. Área de edição
Você seleciona suas Ferramentas, altera suas opções na Barra de Opções e com-
plementa com o uso dos Painéis, mas é na área de edição que você, efetivamente, cria e edita suas imagens, fazendo a mágica acontecer!
É justamente na área de edição que as imagens aparecem e é possível interagir
com elas, com a visualização dos resultados do trabalho em tempo real.
10
Casa do Código
Capítulo 2. Conhecendo o ambiente de trabalho
Figura 2.7: Área de edição em uso
2.2
Entenda o Seletor de Cores
Certamente uma das caixas de diálogo com que você mais vai trabalhar é o Seletor
de Cores. Por isso, é preciso que você conheça todos seus detalhes, benefícios e o que é possível fazer com ele.
Para começar, perceba que, na parte inferior da barra lateral onde se situam as
ferramentas principais do Photoshop, existem alguns controles relacionados a cores.
11
2.2. Entenda o Seletor de Cores
Casa do Código
Figura 2.8: Quadradinhos de cores, em Ferramentas
Há 2 quadradinhos com cores (por padrão, o primeiro com a cor preto e, o se-
gundo, com a cor branco). Isso quer dizer que, no Photoshop, é possível trabalhar
com 2 cores principais
simultaneamente: Cor do Primeiro Plano (foreground) e Cordo Plano de Fundo (background).
As cores de background e foreground presentes influenciam em muitas coisas
durante o trabalho. Por exemplo, ao criar um novo documento, você já pode escolher
que a camada principal já venha com a cor de fundo associada, ou ao trabalhar com
Formas Personalizadas, que veremos a fundo no capítulo 9 estas já assumem a
Cor do Primeiro Plano. Quando você clica em um dos 2 quadradinhos, a caixa de
diálogo Seletor de Cores aparece para se escolher a cor desejada.
O ícone que fica na parte superior esquerda (2 quadrados minúsculos) serve para
restaurar as cores padrão (preto e branco) e, à direita, o ícone com 2 setas de alter-nância, serve para trocar a cor do primeiro plano com a do segundo (o que também
pode ser feito usando a tecla X).
Figura 2.9: Restaurar cores e alternar entre cores
Veja uma análise de cada uma das partes desta caixa de diálogo para entender o
que é possível fazer.
12
Casa do Código
Capítulo 2. Conhecendo o ambiente de trabalho
Figura 2.10: Divisões do Seletor de Cores
Na verdade, a caixa de diálogo é única e integral, mas, para fins didáticos, pode
ser subdividida nestas 8 partes:
1) Seletor visual de cores;
2) Pré-visualização novo/atual;
3) Informações e alternância de sistema de cores;
4) Somente cores da web;
5) Informação hexadecimal;
6) Controles básicos;
7) Adicionar a amostras;
8) Bibliotecas de cores.
13
2.2. Entenda o Seletor de Cores
Casa do Código
1. Seletor Visual de Cores
O Seletor Visual de Cores não ocupa a maior parte da caixa de diálogo em vão.
Aqui é a maneira principal de selecionar cores através da caixa de diálogo Seletor
de Cores.
Na área maior, é possível movimentar livremente a bolinha para selecionar qual
cor se deseja. O slider à direita serve para passar pelas matizes de cores possíveis.
Na prática, o que acontece é que a tonalidade é escolhida através do slider e o
refinamento da cor é feito movimentando a bolinha pela área maior.
Figura 2.11: Exemplo de seleção de cor
2. Pré-visualização novo/atual
Ainda no exemplo da imagem acima, perceba que a área Pré-visualização
novo/atual agora tem duas cores: a cor que está selecionada naquele momento em
que você mexe com a bolinha, chamada de novo e a cor que já havia sido escolhida
anteriormente, chamada de atual.
Essa diferenciação de cores é interessante para que você tenha a noção da mu-
dança que está fazendo e, em casos não tão óbvios de alteração quanto preto/azul,
14
Casa do Código
Capítulo 2. Conhecendo o ambiente de trabalho
serve para comparar tons de cores mais próximos para uma tomada de decisão.
3. Informações e alternância de sistema de cores
Ainda com o exemplo da seleção daquele azul, veja que há informações numé-
ricas relacionadas a vários sistemas de cores, quais sejam: HSB, RGB, Lab e CMYK.
Dessa forma, você sabe que os valores RGB deste azul são 74, 136, 189.
Note que, no valor/proporção de cada sistema de cores, há um option button em
cada uma das letras das siglas, o que indica que é possível que sejam selecionados.
Ao selecionar algum destes, isso muda completamente a relação de
como as cores
são apresentadas no Seletor Visual de Cores seguindo a lógica de apre-
sentação do sistema de cores, em si, que pode parecer confusa no início, mas está
matematicamente adequada, não se preocupe.
O padrão para esta caixa de diálogo é que o H (Hue ou Matiz), do sistema HSB,
esteja marcado, mas veja como o Seletor Visual de Cores se altera ao marcar S e B: Figura 2.12: S (Saturação ou Saturation)
15
2.2. Entenda o Seletor de Cores
Casa do Código
Figura 2.13: B (Brilho ou Brightness)
Note que a cor selecionada é a mesma (e as indicações numéricas nas Informa-
ções e Alternância de Sistema de Cores), só o que se altera é a referência usada para a seleção, o que muda de maneira absoluta o seletor visual de cores.