Aula de Photoshop 1 - Computação Gráfica

Prévia do material em texto

Introdução ao software Adobe Photoshop 
 
O Photoshop é o software mundialmente conhecido como referência em tratamento 
de imagens. Com este aplicativo, podemos criar imagens para ambientes eletrônicos, 
corrigir e aprimorar fotografias, preparar artes para outros aplicativos, seleções, 
textos, trabalhar com cores, camadas etc. 
Ao logo do curso, estaremos abordando recursos do aplicativo Adobe Photoshop 
que permitirão ao aluno de editoração gráfica, a edição de imagens com um aspecto 
e qualidade profissional. 
Para iniciarmos, vamos abordar alguns termos técnicos que são usados por 
profissionais da área de edição digital de imagens, que ajudarão o usuário, 
compreender melhor o universo do tratamento de imagens e reconhecer as 
características da ferramenta. 
 
Termos técnicos 
 
Existem dois tipos de arquivos fundamentais na computação gráfica: bitmap e 
vetorial. 
O Adobe Photoshop é um software para manipulação de imagens digitais, isso quer 
dizer que sua aplicação é baseada em imagens conhecidas como bitmaps(ou raster), 
como veremos a seguir. Embora possua ferramentas para desenho de formas 
vetoriais básicas, o Photoshop não é um software indicado para esta aplicação. 
Existem programas específicos para se trabalhar com ilustração vetorial. Os mais 
utilizados são o software Adobe Illustrator e o software Corel Draw. 
 
Pixel 
 
Pixel é como denominamos a menor unidade de uma imagem. O termo vem da 
expressão pictureelement ("elemento da imagem", em inglês). Os pixels são os 
pontos que compõem a imagem que é exibida na tela do monitor. 
 
Pixel
 
 
 
 
 
 
Resolução 
 
Resolução de imagem 
 
As imagens que criamos e editamos no Photoshop são formadas por pontos (pixels). 
A quantidade e o tamanho desses pontos são determinados pela resolução, que é 
medida em pontos por polegada ou DPI (dots per inch). Quanto maior a resolução de 
uma imagem, maior será o número e menor o tamanho dos pontos. A qualidade da 
imagem refere-se à quantidade de pixels que ela contém. Quanto maior a resolução, 
mais pontos estão sendo utilizados para determinar a riqueza de detalhes e cores 
desta imagem. 
Ao iniciarmos um novo documento no Photoshop, devemos configurar a resolução 
da imagem. Normalmente, utiliza-se a resolução de 72 DPI para Internet e 300 DPI 
(no mínimo), para trabalhos profissionais, onde o objetivo de saída, seja a 
impressão. 
 
Resolução de monitor 
 
As imagens digitais são exibidas em monitores de vídeo, por meio de pontos de luzes 
coloridas (pixels). A resolução do monitor também é medida em pontos por 
polegada ou DPI (dots per inch). Em um monitor com resolução1024 × 768, são 
exibidos 1024 pontos de largura e 768 pontos de altura. 
 
Resolução de Impressão 
 
Por último, definimos a resolução de impressão, associada à quantidade de pixels 
que uma impressora pode reproduzir por polegada quadrada, sendo medida 
também em DPI´s. Isso significa que as imagens editadas devem estar compatíveis 
com o seu objetivo final. Caso o objetivo da imagem seja a visualização na tela do 
monitor, em casos de ambientes eletrônicos, a resolução da imagem deve estar 
compatível com a resolução do monitor. Já quando o objetivo da imagem for a saída 
para impressão, a resolução da imagem deve estar compatível com a resolução da 
impressora, para obtermos melhores resultados. 
 
 
Imagens Bitmap 
 
As imagens bitmap (mapa de bits) ou também conhecidas como imagens de raster, 
são formadas de uma coleção de bits que compõem uma determinada imagem. A 
imagem consiste numa matriz de pontos individuais chamados de pixels, em que 
cada um tem a sua própria cor. 
Este tipo de imagem é utilizado para fotos ou artes com degradês complexos como 
pinturas digitais, renderizações 3D, etc. 
Os arquivos Bitmaps por serem formados dispondo a imagem pixel a pixel, se 
tiverem seu tamanho aumentado sofrerão distorções consideráveis, por que 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. 
No caso de imagens com 16 milhões de bits elas produzem desfoque e áreas 
quadriculadas, uma pixelização bem suave, mas de qualquer forma, há perda de 
qualidade. 
 
Os tipos mais comuns de formatos de imagens digitais utilizadas são: 
 
JPEG – Criado em 1983 por Eric Hamilton, “Joint Photographic Expert Group” é a 
principal compressão bitmap para câmeras fotográficas e pode possuir as seguintes 
extensões: ‘.jpeg’, ‘.jpe’, ‘.jpg’, ‘.jfif’ ou ‘.jfi’; 
 
BMP ou DIB – Criado pela Microsoft, é chamado de “DeviceIndependent Bitmap 
(DIB)” ou simplesmente “Windows Bitmap (BMP)” e pode possuir as seguintes 
extensões: ‘.bmp’ ou ‘.dib’; 
 
PNG - Criado em 1996 pela W3C, o “Portable Network Graphics” possui o canal 
alpha, podendo possuir fundo transparente. Usa a extensão ‘.png’; 
 
GIF – Criado em 1987 pela CompuServe, o “GraphicsInterchangeFormat” pode 
possuir animação e fundo transparente, possuindo a extensão ‘.gif’; 
 
TIFF – Criado pela Aldus (hoje chamada de Adobe), o “TaggedImage File Format” é 
utilizado para intercâmbio entre plataformas como Windows, Mac e Linux e 
transformou-se no formato padrão dos arquivos gráficos (32-bits) com elevada 
definição e pode possuir as extensões ‘.tif’ ou ‘.tiff’. 
 
EPS – Criado pela Adobe, o “EncapsulatedPostScript” pode conter imagens e vetores. 
Um EPS não pode ser editado diretamente e quando algum programa abre um EPS, 
ele requer a especificação da resolução desejada e em seguida ele é transformado 
em bitmap. Foi muito usado antigamente, mas hoje é usado o formato PDF por ser 
de qualidade muito superior. As extensões usadas são ‘.eps’, ‘.epsf’ ou ‘.epsfi’ 
 
 
Imagens Vetoriais 
 
São imagens geradas a partir do cálculo matemático de formas geométricas, e é 
composta por curvas, elipses, polígonos, textos, etc. e por isso podem ser ampliadas 
infinitamente sem perda de qualidade. É geralmente utilizada para confecção de 
logotipos ou ilustrações em alta definição. 
Uma característica importante de uma imagem vetorial é em relação ao tamanho do 
arquivo, pois enquanto um bitmap tem que guardar as informações de cor para cada 
pixel ocasionando um tamanho enorme de arquivo final, o vetor apenas repete a 
incidência da mesma cor várias vezes com base em um cálculo, ficando bem menor o 
tamanho do arquivo. 
 
 
 
 
 
 
 
Bitmap Vetor
 
 
Veja no quadro comparativo algumas características de imagens vetoriais e 
bitmaps: 
 
Bitmap Imagem vetorial 
Ideal para imagens que têm variações de 
tom e detalhes que não podem ser 
desenhados a partir de formas 
geométricas simples, como fotografias. 
Ideal para imagens que podem ser 
desenhadas a partir de formas 
geométricas simples. 
Ao ser ampliado, perde qualidade, pois 
começam a ficar visíveis os pontos que 
formam a imagem. 
Pode ser ampliada ou reduzida à vontade, 
sem alteração da qualidade. 
Em geral, ocupa bastante espaço em 
disco. 
Em geral, ocupa pouco espaço em disco, 
se comparada com bitmaps similares. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Apresentação do ambiente de trabalho 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Na imagem exibida acima podemos observar a área de trabalho padrão do software 
referente à versão CS5. É importante observar a interface para tornar mais fácil a 
localização das ações desejadas dentro do aplicativo. 
A área de trabalho do Photoshop, é principalmente formada pelos seguintes 
componentes: 
 
Barra de menu: onde se localizam menus para a execução de tarefas. Os menus se 
organizam por tópicos, que ao serem selecionados, exibirão subitens dentro da 
opção escolhida. Quando houver uma seta apontando para a direita, existem ainda 
subcomandos relacionados à este tópico. 
 
Barra de opções: oferece as opções para uso da ferramenta que está sendo 
utilizada. A barra de opções é sensível ao contexto, sendo modificada à medida que, 
diferentes ferramentas são selecionadas. 
 
Caixa de ferramentas: contém as ferramentasprincipais e mais utilizadas para criar 
e editar imagens. Algumas delas possuem indicação de uma seta apontando para a 
direita, significando que existem outros subcomandos dentro daquela opção. Ao 
clicar com o botão da direita do mouse sobre ele ou pressionado o botão do mouse 
e arrastando para a direita, as opções aparecerão. 
 
Paletas: São como janelas suspensas, que servem para acessar recursos de diversas 
ferramentas. Essas paletas ficam abertas de acordo com a necessidade do usuário 
podem ser recolhidas, ocupando menos espaço na área de trabalho. As paletas 
aparecem sob a forma de pastas e que podem ser visualizadas apenas ao clicar na 
aba da pasta.