APOSTILA DE FERRAMENTAS GRÁFICAS - 17-9-12.docx

8/13/2019 APOSTILA DE FERRAMENTAS GRFICAS - 17-9-12.docx

1/16

APOSTILA DE FERRAMENTAS GRFICAS

Professor: Lucas Grassano Lattari

[email protected]


2/16

INSTITUTO FEDERAL DE EDUCAO, CINCIA E TECNOLOGIADO SUDESTE DE MINAS GERAIS CAMPUS RIO POMBACURSO TCNICO EM INFORMTICA (INTEGRADO)DISCIPLINA: FERRAMENTAS GRFICASPROFESSOR: LUCAS LATTARI

2

SumrioConceitos Bsicos de Computao Grfica ................................................................................... 3

Introduo ao Photoshop CS5 ....................................................................................................... 5

Primeiras impresses do Photoshop CS5 .................................................................................. 7

Espao de Trabalho ................................................................................................................... 8

Customizando Espaos de Trabalho .................................................................................... 11

Abrindo um arquivo no Photoshop ......................................................................................... 12

Criando um novo arquivo no Photoshop ............................................................................ 13

Exerccios ..................................................................................................................................... 15


3/16


3

Conceitos Bsicos de Computao Grfica

A Computao Grfica rea da computao ou informtica destinada gerao de

imagens digitais. Toda imagem digital uma representao computacional de uma cena do

mundo real ou de um grupo de dados. As cores das imagens digitais podem ser binrias

(apenas cores preto-e-branco), monocromticas (tons de cinza) ou coloridas. Exemplos dessas

categorias so apresentados em Figura 1.

Imagem Binria Imagem Monocromtica Imagem ColoridaFigura 1Imagens com conjuntos de cores distintos.

As imagens digitais, quanto ao seu formato de descrio, podem ser classificadas como

vetoriais ou matriciais. As imagens matriciais, muito conhecidas como imagens bitmap, so

definidas por um conjunto de quadrados chamadospixel(picture element), que juntos formam

toda a imagem. Cada pixel possui uma nica cor bem definida. Um exemplo desse tipo de

imagem com zoom visvel na Figura 2.

Figura 2Imagem matricial com uma regio em destaque.


4/16


4

As imagens vetoriais so geradas a partir de descries geomtricas de formas.

Normalmente so compostas por curvas, elipses, polgonos, texto entre outros elementos.

Figura 3Exemplo de duas imagens descritas pelo formato matricial e vetorial.

As principais diferenas entre as imagens matriciais e vetoriais so apresentadas em

Tabela 1.

Tabela 1Principais diferenas entre imagens matriciais e vetoriais.

Imagem Matricial Imagem Vetorial

Baseada em mapeamento de coresdiretamente em cada pixel.

Baseada em descries geomtricas.

Geralmente mais pesadas paraarmazenamento.

Geralmente mais leves para armazenamento.

Qualidade pode ser distorcida quandoampliada.

No perdem qualidade ao serem ampliadas.

possvel construir uma imagem pela composio de elementos vetoriais e matriciais.

Um exemplo visvel em Figura 4.


5/16


5

Figura 4Composio de elementos vetoriais e matriciais em uma mesma imagem.

Os formatos de arquivo mais comuns para as imagens matriciais so: JPG, GIF, PSD,

PNG, TIFF, BMP etc. Os programas mais conhecidos que manipulam arquivos do gnero so:

Adobe Photoshop, Corel Photopaint, Corel Painter, Paint Shop Pro dentre outros. Nessa

apostila sero focados esses formatos de arquivos utilizando o Photoshop CS5.

Introduo ao Photoshop CS5

O Adobe Photoshop um programa para edio e criao de imagens digitais com

recursos para tratamento, retoque, pintura e efeitos de imagens matriciais. considerado o

lder no mercado dos editores de imagens profissionais para design e fotografia. Ele est

disponvel para os sistemas operacionais Windows e Mac OSX.

Muitos recursos foram acrescentados nessa verso. Um deles o filtro Content-Aware,

em que possvel remover objetos facilmente. O Photoshop capaz de adivinhar qual seria

o fundo na regio onde se encontrava o objeto original e o adiciona automaticamente nessa

regio vazia. Veja o exemplo da Figura 5.


6/16


6

Figura 5Novo filtro Content-Awaredo Photoshop CS5.

Outro recurso interessante a ferramenta Puppet Warp. Ela bastante til para

mudar a posio de braos e pernas de pessoas. Esta cria uma malha sobre o objeto

selecionado, sendo possvel distorc-lo como se o objeto fosse uma borracha. Para

compreender melhor veja a Figura 6.

Figura 6Filtro Puppet Warp.

Esses e outros recursos sero apresentados ao longo desse curso.


7/16


7

Primeiras impresses do Photoshop CS5

Todos os elementos oriundos da interface grfica do Adobe Photoshop, como painis,

menus, barras e janelas, esto dispostos em uma rea de trabalho. A edio de imagens feita

ao manipular esses elementos. Uma caracterstica interessante sobre as reas de trabalho das

principais aplicaes Adobe o fato delas possurem aparncias parecidas. Com isso, o

aprendizado e a integrao entre as ferramentas se torna mais robusta. Alm disso, possvel

personalizar a rea de trabalho de acordo com as necessidades do usurio.

Para comear, posicione a seta do mouse no boto Iniciar do Windows 7 ( ) na barra

de tarefas, d um clique e selecione Todos os Programas > Adobe Design Premium > Adobe

Photoshop CS5. Se no encontrar, realize uma pesquisa por Photoshop na Barra de Tarefas do

Windows 7, como em Figura 7.

Figura 7Exemplo de como fazer uma pesquisa para localizar o Photoshop no

Windows 7.


8/16


8

Espao de Trabalho

Com j dito, o Photoshop tem como principal objetivo a manipulao de imagens

matriciais. No que no seja possvel manipular imagens vetoriais, mas no seu principal

forte. Tambm possvel criar arte original no Photoshop, assim como importar imagens

digitais de uma srie de locais, como:

Fotografia de cmeras digitais;

CDs comerciais de imagens digitais;

Fotografias, documentos, imagens escaneadas;

Videos capturados;

Desenhos construdos em softwares grficos diversos.

Para conhecer melhor os formatos de arquivos possveis de serem utilizados no

Photoshop CS5, pesquise por About file formats (Sobre formatos de arquivos) na opo

Help (Ajuda) do Photoshop.

O espao de trabalho do Photoshop CS5 permite que o usurio crie e altere as

imagens. composto de diversos elementos, entre eles menus, barras, ferramentas, paletas,

alm da janela do documento. Uma vez acionados, realizam operaes nas imagens. Voc

pode tambm adicionar elementos, como filtros, aos menus instalando softwares adicionais,

conhecidos como plug-ins.

Na primeira etapa desse guia, voc conhecer melhor como utilizar o Espao de

Trabalho do Photoshop, como criar espaos de trabalhos customizados, como abrir imagens,

criar novos documentos no Photoshop, alm de usar ferramentas bsicas.

Toda a interface grfica, assim como suas funcionalidades, determinam o Espao de

Trabalho usado. possvel editar ou escolher diferentes Espaos de Trabalho para certas

finalidades. Para isso, voc deve usar o Modificador de Espaos de Trabalho (Workspace

Switcher). Para isso, aps executar o Photoshop, procure pelo menu Modificador de Espaos

de Trabalho na parte superior da tela, como na Figura 8.


9/16


9

Figura 8Menu Modificador de Espao de Trabalho.

Ao localizar o menu da Figura 8, selecione a opo Essentials. Ao fazer isso, garantido

que o Espao de Trabalho usado ser o mais comum para iniciantes e o mesmo empregado

nessa etapa da apostila. Logo, os mesmos painis, menus e janelas estaro disponveis.

Selecione tambm a opo Reset Essentials, para garantir que a configurao desse Espao de

Trabalho, se tiver sido modificada anteriormente, retornar ao estado padro. Aps selecionar

o Espao de Trabalho Essentials, a tela padro do Photoshop ser semelhante apresentada

abaixo:


10/16


10

Figura 9Espao de Trabalho Essentials.

O Espao de Trabalho Essentials do Photoshop (Figura 9) possui uma Barra de

Aplicao no topo da tela. Na Barra de Aplicao aparece o cone do Photoshop, o menu

principal (apenas Windows), controles de aplicao, controles de visualizao, o modificador

de espao de trabalho e o boto CS Live, que realiza o acesso online a sute de aplicativos

criativos da Adobe.

Logo abaixo, aparece a Barra de Opes, com o Painel de Ferramentas esquerda,

alguns painis, e uma ou mais janelas de documentos que so abertas separadamente.

O Menu Principalabaixo da Barra de Aplicao organiza algumas opes com menus

individuais. Sua funcionalidade diferente da Barra de Opes, que mostra apenas opes da

ferramenta selecionada no Painel de Ferramentas.

A Janela de Documento apresenta o arquivo de imagem digital que est sendo

trabalhado no momento.

O Painel de Ferramentas contm ferramentas para a criao e edio de imagens,

trabalhos de arte, elementos de pginas etc. Ferramentas que possuem alguma relao entre

si so agrupadas mutuamente.


11/16


11

Os Painisauxiliam no monitoramento e na edio de seu trabalho. O principal deles

o Painel de Camadas. Certos painis so apresentados por padro, mas voc pode adicionar

um painel qualquer e selecion-lo do menu Window do Menu Principal. Muitos painis

possuem menus com opes especficas. possvel separ-los, agrup-los, empilh-los de

diferentes maneiras em Espaos de Trabalho. Lembre-se que sempre possvel salvar Espaos

de Trabalho com painis alterados ou reset-los a qualquer momento.

Customizando Espaos de Trabalho

possvel salvar um Espao de Trabalho, armazenando a posio e tamanho de

diferentes painis. Com isso, mesmo que voc modifique toda a interface grfica do

Photoshop, sempre ser possvel recuperar um Espao de Trabalho salvo selecionando a opo

Window > Workspacedo Menu Principal.

Faa um teste. Adicione diversos painis, disponveis no menu Window, coloque eles

em diversas posies das telas, aumentando seus tamanhos, como no exemplo da Figura 10.

possvel customizar a localizao de painis, os atalhos de teclado e as configuraes de

menus.

Figura 10Espao de Trabalho customizado.

Agora, para salvar seu Espao de Trabalho, selecione a opo New Workspace, como

visvel na Figura 11. D o nome desejado e selecione as opes de seu interesse.


12/16


12

Figura 11Menu Modificador de Espao de Trabalho.

Aps salvar sua rea de trabalho, ela estar disponvel junto das outras que so

obtidas com o programa. Verifique se ela est no Menu Modificador de Espao de Trabalho.

Um aspecto interessante que voc pode alternar entre Espaos de Trabalho durante algumprojeto do Photoshop, sendo que todas as suas configuraes se mantero salvas. Tambm

possvel delet-la, clicando em Delete Workspace e selecionando qual rea de trabalho

dever ser eliminada do Photoshop CS5. Mesmo as reas de trabalho que so disponibilizadas

por padro podem ser deletadas.

Abrindo um arquivo no Photoshop

possvel abrir um arquivo a partir do comando Opendo Menu Principal ou por

meio do comando Open Recent. Para abrir uma foto a partir do Menu Principal, selecione a

opo File > Opene encontre o arquivo de imagem em seu computador. Feito isso, a

imagem dever abrir. Para fech-la, selecione File > Close. No necessrio fechar o

Photoshop para encerrar a edio de uma imagem especfica.

Tambm possvel abrir um arquivo usando o Adobe Bridge, que um navegador de

arquivos visual que auxilia a localizar imagens.

Para utilizar o Adobe Bridge, aperte seu cone na Barra de Aplicaes, como na Figura

14. Tambm possvel abrir esse navegador pelo Menu Principal, selecionando a opo File >

Browse in Bridge.


13/16


13

Figura 14cone do Adobe Bridge.

Aps a abertura do Bridge, a partir do Painel de Favoritos (Favorites), busque a pasta a

qual esto armazenadas as suas imagens. Ao encontr-la, d um clique duplo com o boto

direito do mouse. Diversas pr-visualizaes das imagens estaro visveis, como na Figura 15.

Figura 15Exemplo do Adobe Bridge em funcionamento.

Aps encontrar a imagem desejada, basta dar um duplo-clique da mesma para abr-la

no Photoshop.

Criando um novo arquivo no Photoshop

Para comear, selecione File / New na barra de tarefas, como na Figura 14, ou clique,

no teclado, em CTRL + N. Uma nova janela abrir semelhante Figura 15.


14/16


14

Figura 14Criando um novo arquivo

Figura 15Janela para a criao de um novo arquivo.

No campo Name voc dever escrever o nome do seu trabalho. Em Preset, voc

dever selecionar o objetivo do seu trabalho, por exemplo: uma foto? um trabalho para a

web? um projeto para dispositivos mveis? Dependendo da sua escolha, algumas

informaes, como as dimenses da imagem, sua resoluo, modos de cores dentre outras j

so selecionadas previamente. Entretanto, voc poder ajustar essas propriedades de acordocom as suas necessidades. Para nossa tarefa, selecione Default Photoshop Size.


15/16


15

Outros atributos importantes so: largura da imagem (width), altura da imagem

(height), resoluo (resolution), que determina o nvel de detalhe em formato de pixels de

uma imagem por uma dada medida de comprimento. Deixe esses valores como esto.

Quanto ao modo de cor (color mode), este descreve qual ser o universo de cores do

trabalho a ser realizado. Selecione a opo RGB Color.

Finalmente, a cor de fundo do seu projeto (background contents). Selecione a cor

branca. Note que possvel salvar a configurao desse novo arquivo ao pressionar Save

Preset. O Photoshop j apresenta qual ser o tamanho ocupado em disco da imagem, em

Image Size.Tecle OK para continuar e a imagem estar criada.

Exerccios

1. Alm do Bridge, existe a opo Mini Bridge, no Menu Principal do Photoshop. Abra-oem File > Browse in Mini Bridgee selecione um arquivo de imagem qualquer por

ele.

2. Usando o Mini Bridge, selecione uma imagem qualquer, pressione e cliquetambm em outro arquivo. Os dois ficaro marcados. Clique na seleo com o botoesquerdo do mouse pressionado e o arraste para a rea de trabalho do Photoshop. O

que ocorreu? Isso vantajoso?

3. Voc saberia dizer quais so as principais vantagens do Adobe Bridge e do Mini Bridge,separadamente? Qual a diferena entre os dois? Pesquise na Internet para descobrir

mais informaes.

4. Esconda todos os painis. Dica: Tecle .5. Crie um Espao de Trabalho que mostre os painis Amostras e Informaes. Alm

disso, ele dever mostrar as barras de Opes e Ferramentas. Salve-a com um nome

de sua escolha.

6. Experimente o Espao de Trabalho de Fotografia. Para isso, busque no Menu Principala opo Window > Workspace > Photography.Qual o nome dos painis disponveis

nesse Espao de Trabalho?

7. Procure a opo da figura abaixo (denominada seletor) na Barra de Aplicativos doPhotoshop, com o Mini Bridge ativado. O que ocorre ao selecionar essas opes? Ela

vantajosa ao trabalhar com mltiplas imagens?


16/16


16

8. Coloque duas imagens distintas lado a lado usando o seletor do exerccio anterior.9. Usando o mesmo seletor do exerccio anterior, busque uma opo em que duas

imagens distintas fiquem em janelas diferentes sem abas.

APOSTILA DE FERRAMENTAS GRÁFICAS - 17-9-12.docx

Documents

Transcript of APOSTILA DE FERRAMENTAS GRÁFICAS - 17-9-12.docx