COMPUTAÇÃO GRÁFICA
Photoshop
Dannyel Pontes | João Victor Xavier Autor | Revisor
Resumo Este será o material de apoio para as aulas. O aluno poderá se guiar sobre as funcionalidades e ferramentas através do entendimento da área de trabalho.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
1
Sumário Área de trabalho ................................................................................................... 2
Barra de tarefas ................................................................................................. 5
Menu ajuda .................................................................................................... 6
Menu janela ................................................................................................... 7
Menu visualizar................................................................................................ 8
Menu filtros .................................................................................................... 9
Menu selecionar ............................................................................................. 10
Menu tipo .................................................................................................... 11
Menu camada ................................................................................................ 12
Menu imagem ............................................................................................... 13
Menu editar .................................................................................................. 14
Menu arquivo ................................................................................................ 15
Barra de propriedades ........................................................................................ 25
Opções de layout ........................................................................................... 26
Exemplos de propriedades ................................................................................ 27
Barra de ferramentas ......................................................................................... 28
Categorias de ferramentas ................................................................................ 29
Painéis laterais ................................................................................................ 38
Painel cor .................................................................................................... 39
Painel Estilos ................................................................................................ 40
Painel camadas ............................................................................................. 41
Referências ....................................................................................................... 43
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
2
CONHECENDO O PHOTOSHOP
Área de trabalho
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
3
Esta é a primeira tela apresentada ao se abrir o Photoshop, é aqui que serão realizadas todas
as atividades criativas do usuário. Neste ponto, a maioria das funcionalidades do programa
estão inativas pois a sessão ainda não foi iniciada.
Para começar qualquer atividade no Photoshop é preciso antes criar um novo documento ou
abrir um já existente. Entenderemos isso mais adiante.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
4
Antes de começar a criar ou editar qualquer trabalho no software, é necessário, logicamente,
entender os componentes da área de trabalho, os quais serão utilizados para executar essas
atividades.
Logo acima está ilustrada uma separação dos componentes da área de trabalho. São eles:
Estudando estas divisões e seus recursos, o usuário pode compreender o funcionamento do
programa e definir diversas maneiras de utilizá-lo.
1 - Barra de Tarefas
2 - Barra de Propriedades
3 - Barra de Ferramentas
4 - Painéis
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
5
Barra de tarefas
O primeiro item da nossa lista é bastante familiar para qualquer usuário do Windows ou Mac
pois está presente em diversos softwares.
Abaixo está destacada a imagem da barra de tarefas e seus menus.
Para começar qualquer atividade no Photoshop é preciso antes criar um novo documento ou abrir
um já existente. Entenderemos isso mais adiante.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
6
Menu ajuda
Este é um menu padrão em muitos softwares. Aqui estão presentes informações sobre o
programa, seus componentes, seus criadores e opções de suporte on-line.
Não existem funcionalidades relacionadas com a criação no Photoshop, este menu se privará a dar suporte para informações. Alguns dos botões do menu direcionam o usuário ao site da Adobe.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
7
Menu janela
Este menu ativará e desativará os painéis localizados à direita da área de trabalho.
Na primeira parte do menu na imagem acima podemos perceber que as opções "camadas", "cor" e "estilo" estão marcadas. Estes são os painéis que
estão visíveis desde que se inicia o Photoshop.
Quando ativados, os outros painés serão alocados na barra de atalho que fica ao lado dos painés
ativos (mencionados anteriormente).
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
8
Menu visualizar
Funciona de maneira parecida com o menu janela. É o menu responsável por controlar a
visualização de certos recursos.
"Réguas" é algo que será bantante utilizado. Esta ferramenta permite demarcar medidas no documento.
Junto com elas estão as "guias" que são as linhas utlizidas para demarcar sem interferir nas camadas.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
9
Menu filtros
Talvez este seja o menu mais famoso entre os usuários e entusiastas do Photoshop. É aqui
onde estão reunidos os efeitos mais utilizados no software.
A primeira opção que aparece neste menu possibilita reaplicar o último efeito
utilizado. Seu atalho é "Ctrl+F"
"Converter para Filtros Inteligentes" permite aplicar filtros não destrutíveis, o que significa dizer que podem
ser excluídos a qualquer momento, preservando a camada a que foi aplicado.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
10
Menu selecionar
Este é o menu que age em conjunto com as ferramentas de seleção. Uma vez selecionada
uma área de uma camada, as funcionalidades deste menu serão ativadas.
Este menu está relacionado a todo o tipo de seleção, desde máscaras até seleção de cores.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
11
Menu tipo
Aqui estarão muitas das configurações de texto. É possível também acessar os painéis
relacionados aos caracteres e parágrafos.
Muitas destas opções só estão presentes neste menu, as distorções de texto e as opções de idioma são exemplos.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
12
Menu camada
Aqui estão as diretrizes para controlar todas as camadas. Algumas destas opções podem ser
encontradas no próprio painel “camadas”, um dos painéis iniciais.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
13
Menu imagem
Tão utilizado quanto o menu de filtros, o menu imagem possui uma coleção de recursos
voltados para imagens no geral mas que são utilizados, em sua maioria, para ajustes
fotográficos.
Na opção "modo" encontram-se as configurações de cor e profundidade de cor. Isso possibilita
alterar essas diretrizes a qualquer hora.
Logo abaixo encontra-se a opção "ajustes"que possibilita realizar melhorassignificantes em imagens.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
14
Menu editar
Também presente em alguns programas (de criação e edição principalmente), este menu
comporta algumas opções de controle do arquivos e das ações executadas.
Logicamente, algumas destas opções são exclusivas do Photoshop.
Neste menu é possivel ter acesso a todos os atalhos do Photoshop, na opção "atalhos de teclado". Além de visualizar,
o usuário poderá alterar os já existentes ou atribuir novos atalhos.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
15
Menu arquivo
Assim como o menu ajuda, o menu arquivos é bastante comum em outros softwares, de
qualquer tipo.
Seguindo o padrão, o menu arquivo possibilita criar um novo documento, salva-lo, salvar em
um formato diferente, abrir o arquivo salvo ou algum outro que possua formato compatível,
inserir diretamente outros arquivos no documento aberto, importar e exportar propriedades
para outros softwares, etc.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
16
Criando um novo documento
Para isso, precisamos acessar a barra de tarefas > menu arquivo > opção novo. A imagem a seguir
pode ilustrar o que ocorre:
Ao clicar na opção "novo", uma janela é aberta e existem várias propriedades para se configurar. A seguir, vamos
entender o que acontece em cada uma delas...
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
17
Nome: O usuário pode nomear o arquivo assim que for cria-lo. É um campo opcional.
Predefinição: As predefinições são guias para se iniciar um documento com tamanho, resolução e
modo de cor já definidos. A predefinição vai depender da necessidade do usuário pois as opções se
destinam à impressos, web, vídeo, etc.
Tamanho: O tamanho vem junto com a predefinição. Temos no exemplo acima a predefinição de
papel internacional, mas os tamanhos pode ser vários como A3, A5, A6, etc.
Largura e altura: Caso seja usada uma predefinição, o tamanho do documento será mostrado.
Caso o usuário utilize um tamanho definido por ele, deve-se colocar as medidas desejadas. Nos dois
casos pode-se alterar as unidades que variam entre milímetros, pixels, pontos, etc.
Resolução: Esta é a propriedade que controla a densidade de pixels. Pode ser medida em pixels
por centímetro ou pixels por polegada. O tamanho (em bytes) do documento aumenta de acordo
com o aumento do número de pixels.
Modo de cor: Aqui serão definidos o modo de cor e a profundidade de cor do documento. O usuário
irá escolher, de acordo com a necessidade, entre tons de cinza, CMYK, RGB, etc. A profundidade de
cor determinará a quantidade de cores produzidas por aquele sistema.
Plano de fundo: Definirá a cor do plano de fundo do documento a ser criado.
Vamos explorar
Criado
Documento
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
18
Documento criado
Após criar um novo documento, o usuário terá novos elementos na interface.
O principal, ao centro, é o plano de fundo do documento. Será onde todas as camadas estão
dispostas.
Faça um pequeno exercício deobservação e tente descobrir quaissão os itens novos que apareceram!
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
19
Propriedades...
Quando um documento é criado (ou mesmo quando um arquivo é aberto) a ferramneta "mover" torna-se ativa,
mostrando suas propriedades na barra de propriedades. Todas as ferramentas quando são selecionadas tem suas
propriedades expostas nesta barra.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
20
Abas dos documentos...
Todos os documentos possuem uma aba em uma barrinha localizada abaixo da barra de propriedades. O sistema de abas
ajuda na hora de trabalhar com mais de um documento aberto, evitando que janelas inteiras sejam abertas e
possibilitando uma interação mais rápida entre documentos.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
21
Camada Plano de Fundo...
Todo "novo documento" possui uma camada de plano de fundo. Esta camada será a base, o "pepel em branco" para se iniciar qualquer
atividade no software.
A camada de plano de fundo, por convenção, vem com algumas funcionalidades restritas.
Percebe-se isto quando temos o ícone do cadeado no lado direito da camada.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
22
Informações do documento...
Este é um detalhe que passa despercebido por muitos. Não tem um papel fundamental mas ajuda a mediar o tamanho
(em bytes) do arquivo, a pocentagem de zoom e também pode expor informações como modo de cor, profundidade de cor,
resolução, etc.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
23
Salvando um documento
Os documentos criados ou editados no Photoshop podem ser salvos por duas opções
diferentes: Salvar e Salvar como.
Quando se salva um documento pela primeira vez não existe diferença entre estas duas
opções porém, quando se edita um documento no formato nativo do Photoshop (PSD) e vai
se optar pelo comando “salvar”, é apenas registrada as alterações neste documento.
Acima está a janela de "salvar como". Esta mesma janela aparece quando salvamos um arquivo pela primeira vez. Com ela é possível salvar o arquivo em diversas extensões, como
mostrará a próxima imagem.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
24
Formatos de arquivos...
Estas são as opções disponíveis quando abrimos a caixa de formatos no momento
em que salvamos um documento.
Há uma variedade de formatos de imagem, formato de PDF, GIF, TIFF e outros
mais específicos.
As funções de “abrir”, abrir como” e “inserir” funcionam de maneira semelhante,
exibindo a mesma janela porém, com as seguintes divergências:
Abre um arquivo em seu formato original (se suportado). O arquivo é aberto separadamente.
O usuário escolhe o formato que o arquivo será aberto, possibilitando abrir um PSD como JPG.
Ao contrário dos comandos acima, “inserir” abre o arquivo no documento que está aberto.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
25
Barra de propriedades
Abaixo temos a imagem da barra de propriedades com seus componentes nativos. Vamos
entender o que acontece com as propriedades disposta nesta região...
As propriedades que aparecem neste local são referentes as ferramentas quando estas estão em atividade. Originalmente, o que pertence a barra de propriedades é apenas a caixa que
contém as opções de layout da área de trabalho.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
26
Opções de layout
A imagem acima mostra as opções de layout da área de trabalho.
Utilizaremos a configuração “essenciais”.
A configuração "essenciais" dispões os painéis mais básicos, ideais para as primeiras experiências no Photoshop.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
27
Exemplos de propriedades
Quando a ferramenta “mover” está ativa temos a seguinte visão da barra de propriedades.
Esta mudança ocorre sempre que uma ferramenta é selecionada. As propriedades podem ser configurações da
ferramenta ou novas funcionalidades como é o caso da função "alinhar" da ferramenta mover, demonstrada acima.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
28
Barra de ferramentas
Abaixo Está a visão completa da barra de ferramenta. Neste material, as ferramenta serão
estudadas na ordem em que se encontram na barra.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
29
Categorias de ferramentas
Dentro da barra, pode-se organizar as ferramentas baseadas em algumas características em
comum que ela possuam. Será utilizada uma categorização um pouco diferente do que
sugere o Photoshop.
Temos as seguintes categorias:
Categorizar ajuda a entender o funcionamento da ferramentano começo das atividades sem que seja preciso decorar. Sendoassim, é possível reconhecer mais facilmente as ferramentasquando forem mensionadas.
Navegação
Seleção/corte
Baseadas em pincel
Demarcador/texto
Colorização
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
30
Ferramentas de navegação
São ferramentas responsáveis pelas operações básicas do documento como movimentação
das camadas, aproximar visualização, movimentar o documento, etc.
Ferramenta mover (v): Responsável por movimentar as camadas no documento. Com
esta ferramenta é possível também selecionar automaticamente as camadas ao clicar; basta segurar
a tecla “Crtl” ao clicar sobre o objeto no documento.
A ferramenta mover está diretamente ligada à função “alinhar” que aparece na barra de
propriedades.
Algo importante para se saber é a utilização do SHIFT e do ALT durante a movimentação. O primeiro permite que a
camada seja movida alinhada a um eixo. O segundo possibilita realizar uma cópia da camada ao mesmo tempo
que a move de lugar.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
31
Ferramenta zoom (z): Permite a aproximação e afastamento do documento na tela.
Ctrl + “+” é o atalho para aproximar.
Ctrl + “-” é o atalho para afastar.
Ferramenta mão (h): Diferente da ferramenta mover, a ferramenta mão movimenta o
documento. É muito útil quando se está trabalhando com um zoom muito próximo.
Junto com esta ferramenta está a “girar visualização” que rotacional todo o documento.
Quando temos esta pequena seta branca no canto inferir direito do ícone da ferramenta
quer dizer que esta pertence a um grupo de ferramentas.
Para acessar as outras ferramentas do grupo basta clicar sobre com o botão direito do mouse
sobre o ícone da ferramenta. Isto serve para qualquer ferramenta.
Ferramenta telas (f): Com ela pode-se alternar a visualização do documento entre:
Tela padrão.
Tela cheia com menus.
Tela cheia.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
32
Ferramentas de seleção/corte
Categoria de ferramentas direcionadas a identificação de pixels por cor e por coordenada.
Ferramentas letreiro (m): Também é um grupo de ferramentas. Seus componentes são
responsáveis por realizar seleções nos formatos de retângulo, elipse e linha.
Importante observar as opções mostradas na barra de propriedades pois é possível adicionar ou subtrair de uma seleção
já feita ou realizar intersecções. Outro fator importante é a difusão, propriedade que permite dar suavidade à seleção.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
33
Ferramentas laço (l): Outro grupo de ferramentas direcionadas a seleção. Diferente das
ferramentas letreiro, estas permitem uma seleção mais livre. Pertencem ao grupo:
Laço: Permite seleção a mão livre, desenhando a área a ser selecionada
Laço poligonal: Seleciona uma área através do encontro de retas, formando polígonos
Laço magnético: Seleciona um área identificando as bordas da imagem. As bordas são
identificadas através da transição dos pixels.
Ferramentas de seleção rápida (w): Este grupo possui duas ferramentas que
proporcionam praticidade ao usuário na hora de realizar seleções em áreas de tonalidades
semelhantes.
Ferramentas de corte (c): Deste grupo será estudada apenas a ferramenta “corte
demarcado” pois todas as outras fogem do nosso objetivo de estudo.
A corte demarcado tem a função de redimensionar o documento baseando-se em
áreas específicas da imagem.
Ferramentas seleção de cor (i): Apenas “Conta gotas” e “classificador de cores” serão
estudadas pelos mesmos motivos das ferramentas anteriores.
O conta gotas seleciona uma cor ao clicar e a envia para as predefinições de cor (que
estudaremos mais adiante). Uma vez armazenada, aquelas cor capturada pode ser
usada.
O classificador de cores mostra as informações sobre uma determinada cor. Está
relacionada com o painel “informações” que está nos atalhos ao lado dos painéis
principais.
Máscara rápida (q): Permite criar ou desfazer seleções utilizando uma espécie de pincel.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
34
Ferramentas baseadas em pincel
Estas ferramentas realizam tarefas bastante diferentes entre si, mas são utilizadas de
maneira semelhante. A mais fundamental delas é o pincel, que serve de base para as
funcionalidades das demais.
Ferramentas de recuperação (j): Este grupo é bastante complexo e realiza funções
específicas de correção de imagens.
Ferramenta Pincel (b): Esta é uma das ferramentas mais básicas do Photoshop. O pincel
gera, a partir de uma forma inicial, um rastro, preenchendo a camada que estiver ativa.
As opções expostas na barra de propriedades são fundamentais para utilizar o pincel de
maneira completa, pois lá estão boa parte das configurações.
Outro complemento da ferramenta é o painel de predefinição de pincel, que permite
configurar o espaçamento, dispersão, transição de cor, etc.
Junto com o pincel, será estudado a ferramenta lápis.
Ferramenta carimbo (s): É uma ferramenta fiel ao nome, funciona retirando pixels de
uma localidade e aplicando em outras. Sua configuração na barra de propriedades é bastante fiel à
ferramenta pincel.
Junto com esta ferramenta está o carimbo padrão de padrão que registra um determinado
carimbo para ser aplicado em outro documento pro exemplo.
Ferramenta pincéis de histórico (y): Esta é uma ferramenta bem interessante. Seu
funcionamento é bem simples, quase idêntico ao do pincel porém, aplica o “desfazer” ao pintar,
revelando as áreas do histórico.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
35
Ferramenta borracha (e): Funciona de maneia igual porém, oposta ao pincel, pois
elimina os pixels presentes nas camadas.
Ferramenta desfoque: A primeira do grupo, tem a função de desfocar as camadas
selecionadas utilizando um pincel como base.
A ferramenta nitidez também faz parte deste grupo. É responsável por realçar rapidamente
a definição de nitidez das imagens.
Por último, a ferramenta borrar. Move uma certa quantidade de pixels dentro da área do
pincel selecionado.
Ferramentas de exposição (o): Grupo de ferramentas que controlam os níveis de
luminosidade, sombra e saturação baseados em pincel.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
36
Ferramentas de demarcador/texto
Categoria de ferramentas baseadas em demarcadores, com a exceção das ferramentas de
texto.
Demarcadores são linhas que permitem alterações mesmo depois que são criadas as
formas. É possível também criar seleções a partir de demarcadores. Temos nesta
categoria:
Ferramenta “caneta”
Ferramenta “selecionar demarcador”
Ferramenta “formas”
Ferramenta “texto”
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
37
Ferramentas de colorização
Esta categoria é responsável por manipular, configurar e definir toda colorização utilizada
no Photoshop.
Predefinição de cor: Aqui serão guardados dois registros de cor (primária e secundária)
para serem utilizadas pelas ferramentas do software.
Ao clicar duas vezes sobre os ícones maiores, uma janela contendo todas as cores possíveis
do documento irá aparecer.
“D” é o atalho que redefine o padrão de preto e branco para as predefinições e “X” fará
com que as cores alternem de posição.
Ferramenta lata de tinta (G): Funcionamento simples. Tendo uma cor selecionada, basta
clicar na área desejada e todos os pixels semelhantes serão coloridos. As configurações de tolerância
estão dispostas na barra de propriedades.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
38
Painéis laterais
Acima temos destacado o conjunto dos painéis laterais. Dentre estes painéis está o de
camadas que é o eixo das atividades do Photoshop. Entenderemos...
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
39
Painel cor
Aqui temos os controladores de cor do Photoshop. Está diretamente ligado a predefinição de cor
pois decompõe a cor que está sendo mostrada nos valores RGB. Consequentemente, está ligada
também ao conta gotas e todas as outras ferramentas que utilizam cor.
As alterações nos ponteiros de cor afetarão a predefinição de cor ao mesmo tempo.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
40
Painel Estilos
O painel estilo concede alguns efeitos nas camadas (também de objetos).
Embora já venham predefinições, é possível criar estilos dentro do Photoshop com a opção
de “estilos de camadas”, que está localizada no menu camadas da barra de tarefas.
É possível também baixar alguns estilos de camadas em sites especializados na internet. Muitas vezes estes site também
oferecem opções de pincéis (brush).
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
41
Painel camadas
Este é o eixo do Photoshop. As camadas distinguem os objetos presentes no documento.
Cada camada deve corresponder a um objeto designado a ser independente, ou seja, para
ter dois quadrados que possam ser alterados separadamente é preciso deixá-los em camadas
separadas
O painel camada está relacionado diretamente com o menu camadas. Muitas das funções se encontram em
ambos porém, algumas como os filtros de camadas (no topo do painel) não está presente no menu.
Computação Gráfica – Photoshop
PROLINFO – Programa de Línguas e Informática
42
Atalhos de painéis
Temos sempre disposto ao lado esquerdo dos painéis principais, os
atalhos para outros painéis importantes.
Essa configuração auxilia bastante nas atividades do usuário pois
proporciona praticidade ao acessar os painéis.
Outra boa característica deste atalhos é que são totalmente
customizáveis, podendo acrescentar ou retirar os painéis.
Não só os atalho são customizáveis, os painéis principais também podem ser alterados, tornando-se sempre
amigável ao usuário.
Todos os painéis podem ser acessados através do menu janela, onde estarão marcados com um símbolo de
afirmativo ao lado.
Top Related