computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... ·...

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



2

CONHECENDO O PHOTOSHOP

Área de trabalho



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.



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



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.



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.



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



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.



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.



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.



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.



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.



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.



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.



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.



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



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



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!



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.



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.



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.



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.



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.



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.



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.



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.



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.



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.



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



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.



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.



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.



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.



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.



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.



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”



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.



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



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.



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



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.



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.



43

Referências

Manual do usuário Adobe Photoshop CS6, por Adobe, em:

http://helpx.adobe.com/br/pdf/photoshop_reference.pdf

computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... ·...

Documents