Apostila de Ferramentas Gráficas - 17-9-12

APOSTILA DE FERRAMENTAS GRFICAS Professor: Lucas Grassano Lattari Lucas.lattari@ifsudestemg.edu.
br
INSTITUTO FEDERAL DE EDUCAO, CINCIA E TECNOLOGIA DO SUDESTE DE MINAS GERAIS CAMPUS RIO POMBA CURSO TCNICO EM INFORMTICA (INTEGRADO) DISCIPLINA: FERRAMENTAS GRFICAS PROFESSOR: LUCAS LATTARI
Sumrio
Conceitos 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
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 Colorida
Figura 1 Imagens 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 chamados pixel (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 2 Imagem matricial com uma regio em destaque.
As imagens vetoriais so geradas a partir de descries geomtricas de formas. Normalmente so compostas por curvas, elipses, polgonos, texto entre outros elementos.
Figura 3 Exemplo de duas imagens descritas pelo formato matricial e vetorial. As principais diferenas entre as imagens matriciais e vetoriais so apresentadas em Tabela 1. Tabela 1 Principais diferenas entre imagens matriciais e vetoriais. Imagem Matricial Baseada em mapeamento de cores diretamente em cada pixel. Geralmente mais pesadas para armazenamento. Qualidade pode ser distorcida quando ampliada. Imagem Vetorial Baseada em descries geomtricas. Geralmente mais leves para armazenamento. No perdem qualidade ao serem ampliadas.
possvel construir uma imagem pela composio de elementos vetoriais e matriciais. Um exemplo visvel em Figura 4.
Figura 4 Composio 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.
Figura 5 Novo filtro Content-Aware do 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 6 Filtro Puppet Warp. Esses e outros recursos sero apresentados ao longo desse curso.
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 7 Exemplo de como fazer uma pesquisa para localizar o Photoshop no Windows 7.
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.
Figura 8 Menu 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:
Figura 9 Espao 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 Principal abaixo 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.
10
Os Painis auxiliam 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 > Workspace do 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 10 Espao 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. 11
Figura 11 Menu 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 algum projeto 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 Open do Menu Principal ou por meio do comando Open Recent. Para abrir uma foto a partir do Menu Principal, selecione a opo File > Open e 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. 12
Figura 14 cone 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 15 Exemplo 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.
13
Figura 14 Criando um novo arquivo
Figura 15 Janela 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 acordo com as suas necessidades. Para nossa tarefa, selecione Default Photoshop Size. 14
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-o em File > Browse in Mini Bridge e selecione um arquivo de imagem qualquer por ele. 2. Usando o Mini Bridge, selecione uma imagem qualquer, pressione <Ctrl> e clique tambm em outro arquivo. Os dois ficaro marcados. Clique na seleo com o boto esquerdo 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 <Tab>. 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 Principal a 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 do Photoshop, com o Mini Bridge ativado. O que ocorre ao selecionar essas opes? Ela vantajosa ao trabalhar com mltiplas imagens?
15
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.
16

Apostila de Ferramentas Gráficas - 17-9-12

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Apostila de Ferramentas Gráficas - 17-9-12

Enviado por

Direitos autorais:

Formatos disponíveis

APOSTILA DE FERRAMENTAS GRFICAS Professor: Lucas Grassano Lattari Lucas.lattari@ifsudestemg.edu.

Conceitos Bsicos de Computao Grfica

Figura 2 Imagem matricial com uma regio em destaque.

Introduo ao Photoshop CS5

Primeiras impresses do Photoshop CS5

Figura 9 Espao de Trabalho Essentials.

Customizando Espaos de Trabalho

Abrindo um arquivo no Photoshop

Criando um novo arquivo no Photoshop

Figura 14 Criando um novo arquivo

Você também pode gostar