Ferramentas Visuais

WEB AULA 1
Unidade 1 Ferramentas Visuais

ADOBE PHOTOSHOP CS5 ORIENTADO WEB

1) APRESENTAO DO PROGRAMA

Bem sabemos que a tecnologia est a e

sempre disposio do homem e de seus interesses. Conhecer sobre
novas tecnologias ter a noo de que poderemos estar sempre um
passo adiante em relao a nossos prprios conhecimentos, nos
destacando assim da concorrncia, sobretudo no mundo do trabalho.
A informtica - mais especificamente o design grfico e o web design
- um campo onde o conhecimento de novos processos e ferramentas
determinante. E o Photoshop faz parte deste mundo, e voc, ao
conhec-lo um pouquinho, se surpreender com suas possibilidades.

O Photoshop um programa que tem

como finalidade bsica o tratamento de imagens digitais. Estas se
formam atravs de uma combinao de bits e bytes (zeros e uns

sistematicamente agrupados) que o computador l, interpreta e atribui

a esta a formao de um ponto e a este um valor de cor e uma posio
definida.

Em outras palavras, se pegarmos como

exemplo uma fotografia impressa (qumica fixa sobre papel) e seu
processamento em um scanner (digitalizador), veremos que este
aparelho converte, atravs de uma leitura tica, as informaes
pictricas da imagem impressa em dados. Estes dados so
interpretados pelo computador e seus valores geram pontos dispostos
em um dispositivo de sada (um monitor de vdeo, por exemplo),
recompondo a imagem. Portanto ela ganhou uma verso virtual, ou
seja, extrapolou de uma origem fsica computadorizada atravs do
processo de scanning.
O Photoshop justamente entra em processos onde exige-se algo para
alm do que a imagem real trouxe estampada fisicamente. Muito til
em composies grficas como cartazes, capas de livros, agendas,
calendrios, enfim, numa infinidade de aplicaes em que faz-se
necessria a interveno ou supresso de elementos visuais ou ainda
correes na imagem a fim de se enriquecer uma mensagem. Veja uma
breve demonstrao em:
< https://www.youtube.com/watch?v=iWxsXqHsROE >.
Vale lembrar que neste mdulo trataremos de alguns comandos tidos
como fundamentais do Photoshop para seu trabalho com imagens na
web. Porm, como todo programa, voc tambm poder procurar
maior aprofundamento sobre ele em outras fontes, necessitando
dedicar muitas horas de incessantes estudos, o que ser muito
divertido, garanto. Alm de se conhecer bem os comandos do
Photoshop, faz-se importante procurar obter tambm conhecimentos
perifricos relacionados s imagens e luz, como fsica, tica,
cromtica, teoria das cores, composio, tcnicas de artes plsticas e
fotografia, entre outros, para que seus trabalhos ganhem a qualidade
e os diferencias que voc procura. Vamos comear?

a) COMENTANDO A INTERFACE

Como a maioria dos softwares de edio, o Adobe Photoshop possui

uma interface que aproveita o cognitivo dos usurios, ou seja, distribui
itens de menu e sua caixa de ferramentas como que seguindo um certo
padro j conhecido, ficando assim mais fcil de se encontrar os
comandos que se queira aplicar pois voc j vem sendo
historicamente treinado para isto. E em relao s verses anteriores
CS5 a sua interface aparentemente no apresentou mudanas
estruturais significativas, e lembramos que esta verso j trabalha
(assim como desde a verso CS3) otimizaes e integraes com
outros softwares da prpria Adobe, como o Illustrator, o Fireworks e o
InDesign, por exemplo.

 esquerda, encontra-se o painel Ferramentas (ou caixa de

ferramentas). Estas so utilizadas para operar a imagens. Esto
dispostas em grupos e subgrupos (para v-los basta clicar e segurar

um pouquinho o mouse). Na parte superior temos a Barra de

Aplicativos que contm os menus de opes de reas de trabalho e
outros aplicativos.

Logo abaixo desta encontra-se a Barra de

Opes, cuja funo especificar as aes das ferramentas acionadas.
direita encontra-se a rea de Painis, onde sero ajustadas todas as
funes complementares e informativas da imagem tratada. Tambm
trar controles importantes como o Histrico de aes, os Layers
(camadas), entre outros.
A rea central destinada ao trabalho em si, ou seja, ali que sua
imagem ser exibida e editada. Alguns tcnicos a chamam de rea de
trabalho ou ainda de Palco. Percebe-se que a ergonomia (modo com
que os elementos da interface esto compostos e distribudos) ajuda
bastante, pois o espao para se trabalhar com as imagens bem
amplo. E se voc tiver um monitor de vdeo de grande formato, melhor
ainda. Na parte inferior temos a Barra de Status que informa dados
genricos como o nome do nosso arquivo a quantidade de zoom
(ampliao da visualizao da imagem) e sua taxa de resoluo
(tamanho da imagem em pixels).
Conhea um pouco mais do visual da interface em:
< https://www.youtube.com/watch?v=9M-5JEqfhFc >.
IMAGENS DE BITMAP TIPOS MAIS UTILIZADOS NA WEB
Imagens raster (ou bitmap - que significa mapa de bits em ingls) so
imagens formadas por pixels, ou seja, por pontos quadrticos com
qualidades como tamanho e cores e que se encontram organizados em
um grande diagrama. Elas diferem das imagens em vetores. As

imagens vetoriais no so compostas por pixels e sim por infinitos

pontos organizados em coordenadas e frutos de clculos matemticos.
A grande vantagem das imagens vetoriais que pode ser ampliadas e
reduzidas praticamente sem perdas de qualidade grfica, o que no
ocorre com as imagens raster, pois so compostas por um nmero
definido de pixels por rea (geralmente polegadas).

Um bitmap pode ser

monocromtico, em escala de cinza ou colorido. Na web, os pixels
possuem por padro o sistema de cores RGB (Red, Green, Blue)
conhecidas como cores-luz e que, combinadas, formam as 16 milhes
de cores possveis para representar o mundo real. Quando a imagem
possuir alm das trs cores matrizes uma transparncia ele ser RGBA
(sendo A o nvel de alfa de cada pixel). Para mdias impressas (livros,
cartazes, revistas, por exemplo) utiliza-se o modo de cor CMYK (Ciano,
Magenta, Amarelo e Preto), pois so as quatro cores primrias para
pigmentos em impresses (na prtica as tintas para offset podem
exemplific-las).
Um pouco desta teoria voc pode conhecer melhor
<http://www.criarweb.com/artigos/teoria-da-cor-modelos-decor.html>

em:

A maioria das imagens requer um nmero muito grande de pixels para

ser representada completa e integralmente, e isso implica diretamente

no tamanho de seus arquivos em unidades de memria (bits, bytes,

kilobytes, etc.). Quando se fala em um grande nmero de imagens
armazenadas em discos magnticos ou transmitidas via rede, surge a
necessidade de compactao destas para reduzir espao em memria
e aumentar a velocidade de transmisso entre mquinas. Esta
compactao pode ser com ou sem perdas.
Os principais formatos adotados com possibilidade de compactao e
exibio de imagens na internet so: GIF (mximo 256 cores, indicado
para desenhos como cones, carttons, entre outros), o JPEG (ou JPGs,
do P&B at 16 milhes de cores) prioritariamente indicado para
fotografias e com alto poder de compresso e o mais recente, o PNG
(tambm at 16 milhes de cores) suportando tambm transparncias
e excelentes para cores uniformes. Os JPEGs podem se apresentar
tambm no sistema CMYK, mas este formato de 24 milhes de cores
recomendvel apenas para impresses, como dito anteriormente. O
Photoshop totalmente compatvel com estes tipos de arquivos e
consegue trabalhar no apenas com estes, mas com outros formatos
como o BMP (bitmap da Microsoft), o TIFF (alta resoluo para
impresses), o PDF (formato para distribuio), os EPSs
(encapsulados), entre tantos outros.
Veja
a
origem
destes
arquivos
em
<http://www.infowester.com/imagens.php>.

detalhes

em:

2) EDIO DE IMAGEM FUNES INICIAIS

Editar imagem significa trabalhar uma imagem, ou seja, alterar suas
caractersticas visuais procurando os resultados desejados para ela.
Pode ser um desenho mo livre posteriormente digitalizado, uma
fotografia digital, um grfico de natureza vetorial, enfim, qualquer tipo
de imagem passvel de edio e o Photoshop o software mais
indicado, sobretudo para imagens de natureza raster (bitmaps). Como
dito nos permite concluir que, ao operarmos com o Photoshop,
trabalharemos prioritariamente com pixels.

ABRIR ARQUIVO
Para trabalharmos com o Photoshop vamos partir do princpio de que
voc tenha uma verso do CS5 em portugus. Mas como muitos
termos so genricos do ingls, vamos mistur-los um pouquinho para
voc j ir adquirindo o jargo do software.
Inicialmente, abra o programa clicando no cone respectivo dentro do
meu iniciar de seu sistema operacional (Windows, MacOS, etc.).
Aparecer de pronto a tela de Splash indicando que o programa est
sendo carregado. Ao trmino do carregamento voc ver a interface
do programa como apresentada no item 1/a desta web-aula. No menu
(superior) localize Abrir. Uma caixa de dilogo aparecer e voc poder
escolher, navegando em suas pastas qual imagem gostaria de abrir.
Lembrando que ele est habilitado abrir inmeras extenses (tipos) de
imagens, como por exemplo, jpegs, bmps, gifs, pngs e claro, os
psds, que so os arquivos de edio nativos do Photoshop. Escolha e
marque um arquivo de imagem e, em seguida, clique em abrir (open).
L estar a imagem ao centro do programa, pronta para ser editada.
A ferramenta inicial mais utilizada a de Seleo. Com ela voc
poder editar as posies de linhas-guias, arrastar imagens, marcar
layers, entre outras funes. a primeira da Barra de Ferramentas.

O LAYER (CAMADA)

Assim como uma revista possui vrias pginas sobrepostas, o

Photoshop tambm possui um sistema muito interessante e funcional
para lidar com as imagens composto por layers (camadas). Dominar
os layers assegurar-se de que voc far muita coisa no Photoshop
com absoluto sucesso. Voc pode criar, apagar, combinar e at apagar
layers. Por enquanto, basta dizer que toda a ao que voc aplicar
incidir apenas no layer trabalhado, ou seja, na camada que voc

marcar como ativa no painel Camadas. possvel, tambm esconder

ou visualizar um layer. clicando no cone olho neste painel. Mas, se a
sua imagem est colocada no Plano de Fundo (background) e no em
um layer especfico, no lhe ser possvel, por exemplo, contar com
seu fundo em transparncia.

Para criar um novo layer basta

clicar com o mouse em um cone que se assemelha a uma folha de
papel com canto dobrado na base do painel Camadas. Caso queira,
voc tambm pode duplicar o plano de fundo que aparecer como novo
layer, clicando como lado direito do mouse sobre ele no painel e
clicando em duplicar camada nas opes que surgem. Tambm
possvel selecionar toda a imagem menu Seleo > Tudo, ir em menu
Editar > Copiar (ou simplesmente teclar Control C) e, em seguida clicar
em Editar > Colar (ou teclar Control V). Pronto! Uma nova camada
aparecer.
Voc poder criar tambm um novo layer atravs de uma seleo. Da
somente a rea selecionada ser transportada como um novo layer.
Para isso faa a seleo, clique com o lado direito do mouse sobre ela
e escola a opo Camada por cpia (ou, em ingls, Layer via copy).
Tambm possvel alterar o nvel de transparncia de layers criados.
Falaremos sobre selees mais adiante.

CANVAS (TELA DE PINTURA) E TAMANHO DA IMAGEM

muito comum as pessoas fazerem certa confuso a respeito de
tamanho de imagem x tamanho da tela de pintura (canvas). Toda
imagem pode ser mensurada em rea, tendo em sua largura e altura
tanto uma quantidade limitada de pixels como suas dimenses em
milmetros. Estas dimenses podem ser alteradas no Menu > Imagem,
pela janela Tamanho da tela de pintura, onde ajustamos o tamanho
da imagem tendo como valores altura e largura. Uma reduo do
tamanho do canvas implica diretamente em uma mutilao (corte) da
imagem (esta ser cortada em funo das novas dimenses, porm
preservando-se ainda a sua taxa de pixels por polegada - DPIs) como
a original.

Diferentemente o comando tamanho da imagem onde teremos

tambm uma diminuio das dimenses da imagem, porm sem
mutilaes e com possibilidades de alterao na sua taxa de pixels por
polegada (DPIs). no tamanho da imagem que podemos reduzir ou
ampliar as dimenses em milmetros das imagens, bem como sua taxa
de pixels por polegadas. Lembrando que aumentar o tamanho fsico
das imagens de bitmaps implica em se reduzir a taxa de pixels por
polegada, pois aumentaremos o tamanho destes. Como resultado
teremos imagens serrilhadas e de difcil aplicao, sobretudo nos meios
impressos. Ainda no Canvas podemos ter a opo de rotacion-lo ou
espelh-lo vertical ou horizontalmente e estas opes valero para
todas as camadas e imagens nele contidas.
TAMANHO DA IMAGEM PARA WEB

Este
tipo de ajuste interfere tanto no tamanho da imagem quanto no
tamanho de seu canvas (rea da imagem) simultaneamente. Portanto
um comando importante porque alm de alterar o tamanho fsico da
imagem permite-nos tambm propor uma taxa de pixels por polegadas
(DPIs) para aplicaes em websites. Basta clicar no menu Imagem >
Tamanho da imagem e na caixa de dilogo especificar as novas
dimenses desejadas.
Lembrando que possvel reduzir a taxa de pixels por polegada atual
da imagem trabalhada e isso o recomendvel para arquivos de
internet (at 96 DPIs no mximo), mas no recomenda-se aumentar
esta taxa a partir de um arquivo pequeno, ou seja se temos um arquivo
com 72 DPIs de internet e precisamos de um com 300 DPIs para
impresso, o Photoshop at consegue converter, mas a qualidade
grfica da imagem continuar a de 72 DPIs. Tome cuidado com isso,
principalmente na hora de usar imagens de internet em impressos, o
que no recomendado, pois como dito, elas no tem taxa de pixels
suficiente para este fim.
Este vdeo explica com mais detalhes e passo a passo a questo de
tamanhos de imagem e telas de pintura. Confira:
< https://www.youtube.com/watch?v=6LyNVCVn7kg >.

RGUAS E LINHAS GUIA

Com
sua imagem aberta, perceba que, por conveno, existe s bordas da
mesma uma estrutura escalonada. Trata-se de rguas, cuja funo
auxiliar em operaes como alinhamentos, selees e recortes mais
precisos de elementos. Para exibir a rgua v em Visualizar e habilite
Rguas. Para se obter as linhas guias basta posicionar o mouse sobre
a rgua (horizontal ou vertical) e com o mouse pressionado arrastar a
mesma onde se queira. Para remover a linha, basta arrast-la com a
ferramenta Seleo at rgua novamente. Voc pode apenas ocultar
as linhas desabilitando em Visualizar > Extras (ou control H).

Uma explicao bem bacana sobre linhas guias voc v em:

< https://www.youtube.com/watch?v=AeUTD-cyA4U >.

HISTORY (HISTRICO)

O
recurso Histrico muito importante, pois permite que voc
experimente aes e comandos com toda tranquilidade e caso
necessrio for o refaa de acordo com o ponto que achar conveniente.
Ele atua em praticamente todos os seus movimentos no programa em
relao imagem trabalhada. Assim como a grande maioria dos
programas conhecidos permite que se desfaa as operaes no
desejadas, o Photoshop tambm o faz. Todos os passos que voc der
podem ser desfeitos acoinando-se Control Z. Porm este comando, no
Photoshop reverte apenas o ltimo passo. Para retroceder mais passos,
acione Control Alt Z. Mas o Photoshop tem um painel especfico para

voc monitorar seus passos realizados, um a um e voc pode regressar

passos quantos quiser. Por padro ele registra os ltimos vinte passos,
mas voc pode alterar esta quantidade de memorizao clicando em
Editar > Preferncias. L voc encontrar a opo nveis de histrico.
Altere de acordo com sua necessidade.

AJUSTES BSICOS
Neste momento vamos trabalhar com o que chamo de ajustes bsicos.
So retoques simples que no implicam em intervenes mais
complexas nas imagens mas que sempre so necessrios quando
queremos melhorar a qualidade geral de uma imagem. Estas opes
voc as encontrar sempre no Menu > Imagens > Ajustes. Alm das
funes que cito aqui, existem vrias outras que voc pode
experimentar livremente, como a de ajuste de cor seletiva, a de curva
de tons, a de ajustes por canais de cor, etc. As funes que especifico,
a seguir, so como que essenciais para o seu trabalho com imagens
para web.

BRILHO E CONTRASTE

No menu Imagens > Ajustes procure a opo Brilho e Contraste (1 a.

opo). Comece a deslizar os controles da caixa de dilogo que aparece
de maneira a perceber, j na imagem as variaes de claro a escuro
(brilho) de meio tons saturao luminosa (contraste). Se voc estiver
em um layer, ou em uma seleo, assim como todos os demais
comandos, este tambm vai atuar somente neles. Clique ok para
concluir a operao.

MATIZ, SATURAO E INTENSIDADE DE CORES

Este comando, tambm acessvel no submenu Ajustes, diferentemente
do brilho e contraste atua mais diretamente na qualidade das cores
(tons e matizes). Como se sabe, os tons so variaes dentro de uma
mesma cor (ex. tons de azul, de verde, etc). J as matizes so as cores
puras, propriamente ditas (ex.: amarelo, vermelho, etc.). Quando voc

atuar na Matiz, ver que h uma mudana ntida no valor essencial das
cores.

Um exemplo que, atuando com este comando, voc poder criar uma
tulipa roxa. Mas cuidado, porque se sua tulipa - que antes era amarela
e agora tornou-se roxa devido ao seu ajuste de Matiz estiver
acompanhada de algum elemento de outra cor, este se alterar
tambm. Se quiser alterar apenas o amarelo, utilize a opo Cor
Seletiva. Em Menu > Imagem > Cor seletiva, selecione e clique em
Amarelos, habilite a caixinha Absoluto e proceda o ajuste (no caso:
Ciano 10, Magenta 15, Amarelo -100, Preto 30). Perceba que s o que
estava em amarelo tornou-se roxo. Voc pode tambm selecionar
manualmente uma determinada rea colorida (com a varinha mgica
ou lao poligonal) e aplicar o ajuste de Matiz.

Em relao saturao, esta se refere ao passeio entre o no

cromtico tons de cinza e o cromtico saturao da cor. Ideal
para ajustar fotos em que as cores esto muito fortes, intensas e se
faz necessrio um ajuste para diminuir este excesso.
A luminosidade altera a posio da cor em relao ao claro (tendendo
ao branco) e ao escuro (tendendo ao negro). Seu efeito, na prtica
muito parecido com o ajuste de brilho e contraste.

MESCLAGEM DE CAMADA

Outro recurso para se aplicar um

efeito de cores o chamado Mesclagem de camada. Ele funciona de
vrias formas, mas vamos demostrar o processo mais simples. Com
sua imagem aberta, observe a caixa Camadas. Voc ver uma
miniatura de sua imagem na camada Plano de Fundo (background).
Crie uma nova camada como j explicado (cone ao p a caixa
Camadas). Agora na Barra de Ferramentas, clique e pressione o cone
Degrad. Mude a opo para Lata de tinta. Em seguida, clique no
quadradinho de cores que se encontra em primeiro plano logo abaixo
da Caixa de Ferramentas. Abrir uma caixa de dilogo de cores (Seletor
de cores). Escolha uma cor que quiser clicando sobre ela (neste
exemplo um tom de laranja) e d ok.

Ainda com a ferramenta Lata de

tinta, clique sobre a imagem, certificando-se de que o layer marcado
o Layer 1 (novo) e no o Plano de fundo (imagem). Voc ver que toda
a rea da imagem foi pintada com a cor que escolheu (laranja). Pois
bem, no se assuste. Na parte superior direita da caixa de Camadas
existe um cone como o de um pequeno tringulo negro ao lado de um
indicador escrito Normal.

Clicando neste tringulo voc

selecionar os vrios efeitos de mesclagem. Teste, por exemplo, o
efeito Multiplicao. Veja que a imagem de plano de fundo ganhou
uma mistura alaranjada muito interessante. Pois bem este efeito
permitiu que a cor laranja fosse fundida como se fosse uma pelcula
sobre a imagem original. Voc pode alterar a intensidade, calibrando a
transparncia desta camada no controle deslizante que est na parte
superior da caixa Camada. Para concluir o efeito, clique com o lado
direito do mouse na camada 1 escolha a funo combinar abaixo para

mescl-las de maneira definitiva. Voc tambm pode mesclar imagens

diferentes gerando efeitos interessantes.

Um bom exemplo de mesclagem est em:

< https://www.youtube.com/watch?v=LkAn4gJwizI >.

ESCALAR, ESPELHAR,
PERSPECTIVA

GIRAR,

DISTORCER

ADICIONAR

Estas funes esto disponveis no menu Editar. Elas atuam em nvel

de camada e seleo e no em imagens ainda condio de Plano de
Fundo. A opo Redimensionar nos permite diminuir ou aumentar uma
imagem de acordo com sua preferncia, seja manualmente (pelos ns
da imagem via mouse) ou digitando-se valores de porcentagem ou
dimenses na Barra de Opes. Se preferir o ajuste manual, no se

esquea de manter a tecla Shift apertada ao arrastar os pontos com o

mouse para no haver distores na imagem (esticada ou achatada).
Tecle Enter para concluir. O mesmo princpio vale para as demais
opes: girar, inclinar, distorcer, etc. A imagem ser editada
livremente com o auxlio mouse ou especificando-se parmetros para
a imagem selecionada.

CORTE DEMARCADO
Na Barra de ferramentas voc encontrar um cone semelhante a
um pequeno quadrado com uma diagonal, logo abaixo das setas de
seleo. Tambm conhecido como crop este comando, ao arrastarse o mouse pela imagem permite com que esta, aps demarcada a
rea e devidamente ajustada, seja aparada (cortada), mantendo-se
apenas um trecho da mesma e descartando-se o restante.
Procedimento semelhante pode ser feito, por exemplo, especificandose um novo tamanho para o canvas.

CARIMBO
Uma das ferramentas mais curiosas e interessantes do Photoshop.
Localizada na Barra de ferramentas e identificada com um cone
representando um carimbo, ela capaz de copiar trechos da imagem

para outros campos da mesma. Basta voc clicar na ferramenta

Carimbo, escolher a forma e o tamanho de seu raio de ao (painel de
pincis na Barra de Opes) segurar a tecla Alt e com o mouse clicar
na rea desejada que se queira duplicar (matriz). Em seguida, solte a
tecla alt e com o mouse v clicando e/ou arrastando o cursor por sobre
a rea que deseja clonar a imagem. Voc ver que a parte da imagem
clicada com Alt ser duplicada fielmente no campo que voc est
passando e/ou clicando o carimbo. Experimente! Com um pouco de
treino e pacincia voc consegue!
Veja um exemplo em:
< https://www.youtube.com/watch?v=9v0pt6F6oZM >.

ZOOM
Esta ferramenta auxilia na visualizao e merece algumas
observaes. Com as teclas de atalho Control (+) e Control (-) voc
aproxima e afasta a imagem de maneira a se trabalhar de forma mais
geral ou em detalhes na mesma. Mas isto no implicar no seu
tamanho enquanto imagem a ser visualizada ou impressa aps ser
salva. O Zoom no altera o tamanho da imagem, apenas
visualizao. Outra dica procurar trabalhar os nveis de visualizao
nos mltiplos 6.25%, 12.5%, 25%, 50% e 100% pois estas taxas
permitem com que voc visualize sua imagem sem distores nos
pixels (serrilhados). Esta ferramenta caracteriza-se por uma pequena
lupa (cone) localizada na barra de ferramentas.

DESFOQUES

Falar de desfoques sempre muito interessante, pois bem aplicados

podem trazer um requinte bem interessante para as imagens. No menu
Filtro, escolha Desfoque. Voc vai encontrar vrias opes no sub menu
como desfocagem gaussiana (desfoque geral), desfoque radial ou de
movimento, cada um deles trazendo uma caracterstica distinta e
inmeras possibilidades de ajustes. Podem ser aplicados tanto em
imagens inteiras, selees ou textos.

3) CORES: MODOS E CANAIS

De maneira
bem sucinta, em relao teoria das cores aplicada na Computao
Grfica podemos classific-las em grupos, de acordo com suas
caractersticas visveis e internas. Existem as imagens em tom absoluto
(branco e preto), os tons de cinza (monocromtica) as RGB (cores luz)
e as CMYK que so cores de impresso. Como previamente explicado,
as cores luz (RGB) possuem 03 canais de cores e as cores pigmento
(CMYK) possuem 04 canais. Para internet no se usa o padro CMYK
assim como que para impresso no se usa o padro RGB. So dois
mundos distintos. Mas possvel converter CMYK em RGB e vice-versa.
Basta ir ao menu Imagem > Modo e fazer sua escolha. Lembrando que
nestas converses costuma haver alteraes nas cores (leves ou
severas). Preste ateno se estas so preponderantes para seu projeto
ou no. Se ocorrerem distores importantes nas cores, tente
minimizar tais efeitos em Imagens > Ajustes compensando as perdas
com os recursos ali disponveis. Para monitorar os canais de cores de
sua imagem, v em Janelas > Canais. possvel visualiz-los
individualmente e at excluir canais, mas cuidado isto no e um mero
ajuste e sim alterao no estrutural da imagem.
Lidando com canais, mscaras e recortes veja:
< https://www.youtube.com/watch?v=9Pki_TecvEk&feature=fvwrel
>.

4) SELEO
Uma seleo nada mais do que uma marcao de rea que o
Photoshop oferece de modo a se tratar especificamente um trecho da
sua imagem. Esta seleo pode ter sua forma pr-definida (demarcada
por retngulos e crculos) ou aleatria (ferramentas como lao
poligonal). Se voc quiser trabalhar pontualmente um trecho da sua
imagem, deve selecion-lo.
Recomenda-se aps a seleo copiar e colar ou seja, criar um novo
layer s com o trecho selecionado fim de se trabalhar com ele de
maneira mais particular. A seleo pode ser utilizada para se retirar o
fundo, ou seja, contorna-se a imagem com a ferramenta lao poligonal
e, em seguida copia-se e cola-se de modo que um novo layer aparea.
O layer primitivo (ou ainda o background) poder ser descartado. O
resultado ser um Layer com um trecho da imagem e destitudo do
restante (que agora se tornou transparente).

A seleo tambm pode escolher o trecho de uma imagem a fim de

apag-lo. Basta gerar a seleo como preferir e apertar a tecla Delete
ou (ainda usar a ferramenta borracha descrita mais adiante) dentro da
mesma. Lembramos que se fizer isso no plano de fundo (background)
o mesmo no se tornar transparente e sim obedecer a cor que est
indicada em um dos dois quadradinhos sobrepostos logo abaixo da
barra de ferramentas (o inferior). Como j explicado o quadradinho
superior indica as cores que o balde e os pincis portaro (pintura de
figuras) e o sobreposto a cor do fundo.

CRIANDO REAS COLORIDAS A PARTIR DAS SELEES

Voc
tambm pode criar reas de tons contnuos (chapados) a partir de
selees. Basta voc criar a rea de seleo (via formas geomtricas
ou pela ferramenta Lao poligonal) disponveis na Caixa de ferramentas
e com a ferramenta Lata de tinta ir preenchendo estas reas marcadas.
Procure fazer isso em um novo layer, pois fica mais fcil edit-lo.

FERRAMENTA MAGIC WAND (VARINHA MGICA)

To
importante
quanto
esta
ferramenta saber como e quando utiliz-la. A varinha mgica (magic
wand) uma maneira rpida e eficiente de selecionar reas de cores
em uma imagem (seu cone acionador est na barra de ferramentas).
Se voc tiver uma imagem que contenha uma informao colorida em
um fundo branco, por exemplo, e deseja extrair este fundo, comece
clicando com a varinha mgica nesta rea branca.

Voc vai notar que uma seleo marcou-a. Mas o raciocnio este:
marcamos a minha no-figura (fundo branco) mas eu quero apenas a
figura (no-branco). O que temos a fazer ir em: Menu > Selecionar
e clicar em Inverter (ou teclar Shift + Control + i). Pronto! Tudo o que
era no-selecionado agora selecionado. Basta agora voc teclar
Control C (ou Menu > Editar > Copiar) e Control V (ou Menu > Editar
> Colar). A figura selecionada foi sem o fundo branco para um novo
layer. Caso queira, apague o layer original para perceber que o fundo
no mais existe.
Veja um exemplo de sua aplicao em:
< https://www.youtube.com/watch?v=9v0pt6F6oZM >.

Voc pode
calibrar a intensidade da fora da varinha mgica na Barra de Opes
em Tolerncia. Porm, com muita tolerncia: ela corre o risco de
invadir reas que voc no queira selecionar. Pouca tolerncia: se tiver
reas de tonalidades muito prximas, elas no vo ser selecionadas.
Outro detalhe: cuidado, pois este tipo de seleo em recortes costuma
propiciar, principalmente em imagens de baixa resoluo um serrilhado
indesejado nas extremidades da imagem copiada em um novo layer.
Isso pode ser atenuado dando seleo (logo antes do Copiar e Colar)
um tratamento de difuso (Feather) de pouca intensidade. Est em
Selecionar > Modificar > Difuso ou digitando o atalho Control Alt D.
Mas pondere, veja qual o melhor meio de se selecionar um trecho de
uma imagem: lao poligonal, figuras geomtricas ou curvas em
seleo, como veremos melhor mais adiante. Em matria de seleo
rpida, nem tudo se resolve com a varinha mgica.

RECORTES E TRATAMENTOS PONTUAIS EM SELEES

J lhe pediram para gerar uma imagem em fundo transparente? Pois
bem, isto feito no Photoshop. Tudo que voc tem a fazer selecionar
a rea desejada que se mantenha com as ferramentas de seleo,
copiar e colar gerando um novo layer e deletar o layer original.
Simples, no ? Pois bem, existe um ajuste que se chama Suavizador
(Feather) que pode melhorar a qualidade de seu recorte. Como visto,
ele se encontra em Selecionar > Modificar. Dependendo do desenho de
0,2 a 5 pixels de taxa ser suficiente para que seu recorte seja
suavizado e no fique com aspecto grosseiro (cheio de pixels
serrilhados nas extremidades), pois o suavizador implementa uma leve
e delicada transparncia gradual nas bordas da sua rea selecionada.
Voc o aplicar logo aps realizar a seleo e antes dos movimentos
de copiar e colar. Faa um teste de recorte com e sem suavizador e
compare a diferena.

MSCARAS
So muito teis para seleo e tratamento de imagens. Com as
mscaras voc pode trabalhar em nvel de profundidade e limites de
pixels. Veja algumas aplicaes em:

https://www.youtube.com/watch?v=_nv96jCQatA

https://www.youtube.com/

5) BALDE DE CORES, PINCIS, BORRACHA E BORRES

Estas ferramentas esto tambm no painel esquerda e destinam-se

aplicao de cores em reas definidas por selees ou pinturas livres
na tela. A Lata de tinta, como j brevemente descrita no item Mesclar
camadas tem a propriedade de aplicar massas de cores previamente
escolhidas em reas selecionadas ou por todo o canvas. A Borracha,
por sua vez, faz o papel inverso: ela retira tanto aplicao de cores
chapadas quanto remove reas de imagens, deixando o fundo com a
cor especificada l no quadradinho inferior da Barra de ferramentas (ou
ainda reas vazias, no caso de layers j com fundo em transparncia
no plano de fundo). A ferramenta Borrar (ilustrada com um dedinho)
consegue arrastar pixels nas imagens passando-nos a sensao de
borres, ou seja, como de estivssemos trabalhando com tintas frescas
e passssemos o dedo nas mesmas em uma tela de pintura leo.
Importante para leves retoques ou para acabamentos artsticos.
O mais bacana destas e de tantas outras ferramentas que voc pode
escolher o dimetro, a forma e a intensidade dos pincis que as
aplicaro para cada uma delas. Por exemplo, se quisssemos gastar as
extremidades de uma imagem dando-nos a sensao de bordas
envelhecidas, rasgadas, poderamos apag-las com a ferramenta
Borracha, escolhendo um pincel no formato Arranhado (Barra de
opes formato de pincis).

A ferramenta mo muito til neste momento, pois clicada e

arrastada consegue deslocar nossa visualizao por toda a extenso
da imagem.

6) TEXTOS
O Photoshop possui um interessante editor de texto, porm no
podemos nos esquecer de que ele no necessariamente um programa
especfico para diagramao de textos e sim um poderoso editor de
imagens. Clicando na letra T da barra de ferramentas, o cursor de seu
mouse automaticamente mudar de forma para que voc possa clicar
na imagem e, a partir deste clique comear a digitar. Tambm permite,
ao arrast-lo, abrir uma caixa de texto para que voc possa inserir
grandes massas de textos em pargrafos. Selecionando o texto
digitado (arrastando o mouse sobre ele como voc faz no MS Word,

por exemplo) possvel escolher e alterar a sua cor, o tipo de fonte

(letra), especificar alinhamentos, entrelinhas, etc.; tudo editvel na
Barra de opes.

7) ACTIONS
Este recurso muito til para quando voc tiver que executar as
mesmas aes (por exemplo, alterar o tamanho da imagem, ou
descolori-la, etc.) em diferentes arquivos. Voc no precisa fazer tudo
repetitivamente um por um. Supondo que voc pretenda aplicar em
duzentas imagens cinco procedimentos comuns. E fazer isso uma a
uma, fica bastante complicado, no ? Ento, pensando nisso o
Photoshop criou o comando Actions, que tem a capacidade de gravar
as suas aes e depois, apenas um clique, aplic-las instantaneamente
na sua sequncia de imagens. Vamos ver?
Abra todas as imagens que voc deseja tratar com os mesmo efeitos.
Agora, localize o painel Aes no menu Janelas. Se houver alguma
pasta l, apague-as. Na sua parte inferior voc ver o cone par criar
uma nova ao. Clique-o. Ao abrir uma janela d o nome para esta
ao e clique em Gravar. Volte ao painel Aes, l ter uma bolinha
vermelha ativa (tipo REC de gravadores). Escolha uma imagem, ela
ser a primeira e servir de referencial para as demais. Agora comece
a trabalhar a imagem como preferir: altere sua cor, recorte com Crop,
espelhe, etc. Neste momento o Photoshop j comeou a gravar seus
passos, e voc pode acompanh-los no painel Actions. Comandos como
Salvar e Fechar tambm podem ser gravados. Terminados os
procedimentos na primeira imagem, clique no quadradinho (stop) na
parte inferior do painel Aes para cessar a gravao. Para aplicar nas
demais basta apenas ir clicando no boto triangular PLAY que se
encontra tambm na parte inferior do painel Actions e observar que a
cada clique, as suas imagens vo sendo submetidas s aes gravadas
e, se voc gravou Arquivo > Fechar elas vo tambm se fechando.
Interessante, no ?
Mas veja na prtica em:

https://www.youtube.com/watc
h?v=4jG5iiBj0sA

8) PRINCIPAIS EFEITOS

https://www.youtube.com/watch?
v=mNXH5fU1G2s

O Photoshop possui uma infinidade de efeitos que podem ser aplicados

isoladamente ou combinados em suas imagens. Para especific-los
todos seriam necessrias muitas horas de extensa dedicao e
comentrios explicativos. Porm, como sugesto para o seu cotidiano
como webdesigners, foram selecionados alguns efeitos considerados
imprescindveis e que, de fato podem trazer bons diferenciais aos seus
trabalhos.

FILTROS
No menu Filtro encontramos uma srie de possibilidade que voc
poder explorar e que so bem interessantes. Podemos dividi-las em
grupos de acordo com as caractersticas de seus efeitos.

ACABAMENTO
Estes efeitos propiciam imitar situaes de spots de luz (como os de
estdios fotogrficos). Tambm nos permite criar reflexos de flash
apara acentuar pontos brilhantes em nossa imagem, como se fosse um
estouro de luz de flash fotogrfico na mesma.

CAMADAS
Em Camada > Estilo de camada encontram-se efeitos bastante comuns
por a em muitos materiais impressos ou digitais que conhecemos.
Porm recomenda-se serem usados com cautela e bom senso para no
tornar seu trabalho visualmente poludo. A aplicao destes efeitos
somente perceptvel quando a imagem que os receber estiver em
layer com fundo transparente e menor que o seu prprio Canvas, pois
so efeitos que trabalham, sobretudo nas bordas das imagens. Se voc
tiver uma foto, por exemplo, no perceber estes efeitos se suas 04
bordas estiverem coincidentes com os limites do canvas. O ideal seria
selecion-la toda, copiar e colar a fim de se criar um novo layer
(camada), com o comando do menu: Editar > Escala reduzi-la um
pouquinho com o Shift apertado para no distorcer suas propores e
assim, no menu Camada > Efeitos de Camadas escolher e aplicar o
desejado.

Damos como sugesto experimentar os trs mais trabalhados: Drop

shadow (sombra projetada), outer glow (brilho externo) e Bevel and
emboss (chanfro e entalhe). A sombra projetada, como o prprio nome
diz cria uma sombra por detrs da imagem e sua intensidade e
caracterstica pode ser controlada pelo painel referente. O efeito
como se a imagem estivesse levemente elevada e projetando uma
sombra sobre o que est no layer abaixo. O brilho externo, por sua
vez, pode ser trabalhado como se fosse um brilho uniforme e luminoso
ao redor da imagem. D-nos a impresso de que o objeto possui uma
aura, um esfumaado luminoso em seu contorno. Ambos os efeitos de
sombra podem ser trabalhados em seus valores de cores. Vai do efeito
que voc queira explorar. Os efeitos seguintes (chanfro / entalhe e
relevo) simulam alto e baixo relevo nas bordas das imagens e so
muito interessantes, principalmente para se criar botes para websites.
Eles rebaixam ou elevam as bordas da imagem e trabalham sombra e
luz nas mesmas a fim de se ter a sensao de um efeito tridimensional.

9) SMART OBJECT E CURVAS VETORIAIS

O Photoshop oferece a possibilidade de se trabalhar tambm com
vetores, alm dos bitmaps. Em outras palavras podemos fazer e tratar
desenhos com curvas vetoriais no mesmo arquivo em que estamos
editando, por exemplo, fotografias (rasters). possvel trabalhar em
camadas, objetos importados do illustrator, por exemplo, como
desenhos de marcas, grafismos e ilustraes diversas. Isso uma
possibilidade extremamente til porque bem sabemos que a qualidade
das imagens vetoriais infinitamente maior do que as de bitmap, pois
se baseiam em clculos matemticos que podem ser reorganizados
livremente. Na prtica, significa que podemos aumentar ou diminuir
livremente o tamanho dos desenhos vetoriais (que no programa
necessitam estar em layers separados) sem que sua qualidade grfica
seja alterada.

Porm, em relao s imagens de bitmap (raster) observamos que se

a diminuirmos suas dimenses no Photoshop, ela pode sofrer um leve
desfoque (suavizao de serrilhado) que pode interferir na sua
apresentao visual. E uma vez diminudo, no podemos mais
aumentar porque o inverso mais crtico ainda: ao redimensionarmos
para aumentar o tamanho de uma imagem (vide Editar > Escala), o
objeto selecionado, que composto por pixels, ter alterada sua taxa
de pixels por polegada em funo deste aumento e se aparentar
totalmente distorcida (serrilhada) com seus pixels aumentados e
evidenciados. Como resultado teremos imagens pixeladas e de
pssima qualidade grfica.

E
tambm
no
adiantar tentarmos diminu-la novamente no intento de "consertar",
pois a mesma j se converteu em uma imagem com uma nova taxa de
pixel. A sugesto ento , ao lidar com imagens raster (bitmap),
procurar trabalhar com o tamanho exato das mesmas, ou se for
reduzir, que esta reduo no seja to acentuada. E aumentar imagens
dentro dos layers, evite, pois pode serrilhar (estourar pixels)!
Retomando nosso raciocnio, para importar uma imagem vetorial do
Illustrator para o Photoshop proceda assim: No menu Arquivo, clique
em Abrir. Na sua Caixa de dilogos procure um arquivo do Illustrator
que contenha a imagem que deseja trazer para o Photoshop. Clique
em abrir e imediatamente um quadro de importar PDF aparecer (
desta forma que ocorre a converso / migrao).
Dimensione a imagem para o tamanho desejado (em rea e em pixels),
lembrando que uma imagem de boa qualidade para impresso
gerada com 300 DPIs de resoluo e dimensionada no tamanho ideal
para sua aplicao. Por exemplo, se tivermos uma imagem para uma
capa de CD criada no Illustrator, devemos abri-la no Photoshop como
descrito, colocando como valores 300 DPIs e tamanho de rea
aproximadamente 110 x 110 mm (11 x 11 cm) que o tamanho mdio
de um encarte de CD. E claro: escolhamos o modo de cor CMYK por se
tratar de imagem a ser impressa. Para arquivos de internet o raciocnio

 o mesmo, porm trabalhe com taxas de bitmap de no mximo 96

DPIs de resoluo (para que seus arquivos no fiquem muito pesados)
o, modo de cor ser RGB e suas dimenses tratadas em pixels e no
em milmetros, de acordo com a aplicao destinada. Depois destas
configuraes, basta clicar em ok e seu vetor j estar no Photoshop.
Agora, resta apenas voc clicar com o lado direito do mouse no layer
(painel camada) referente a ela e selecionar a opo Converter em
objeto inteligente. Deste modo, esta imagem poder ser
redimensionada livremente sem problemas de estourar pixels, pois
se tratar de uma referncia vetorial.
Veja um exemplo em:
< https://www.youtube.com/watch?v=PjZF0KpSGJs >.
Outro recurso muito til do Photoshop o de se poder desenhar com
curvas. Para tanto utilize a ferramenta Caneta, que se encontra na
sua Barra de ferramentas, esquerda da tela. Com ela voc pode
desenhar livremente formas como se fosse uma ferramenta de
ilustrao vetorial. Para desenhar curvas basta utilizar a ferramenta
caneta, aplicando-a no arquivo e, atravs da ferramenta Seleo
direta, ir inserindo ns (pontos de ancoragem) e mantendo o mouse
pressionado ir arrastando-os e modelando-os at atingir a forma ideal.
Utilize a tecla Alt do teclado para suaviz-las.
Uma utilizao muito comum para estie tipo de trabalho em recortes
pela possibilidade de convert-la em seleo. Voc pode ir desenhando
curvas em um layer acima da imagem que se queira extrair do fundo.
Contorne toda a imagem, faa os ajustes nos ns como preferir e
depois da imagem totalmente contornada, clique com o lado direito do
mouse na curva e clique na opo Criar seleo. Voc perceber o que
era curva se transformou em seleo. O que voc tem a fazer agora
deletar este layer (a seleo ficar flutuante), copiar e colar para ver
sua imagem duplicada e sem o fundo. A imagem selecionada foi para
um novo layer. Delete o layer de baixo (o da imagem original) para
voc ver que esta imagem estar perfeitamente recortada (sem
fundo). Este tipo de trabalho dar um refinamento bem melhor ao
recorte do que se voc utilizar, por exemplo, a ferramenta varinha
mgica ou o lao poligonal.
Confira outras informaes em:
< http://www.tecmundo.com.br/imagem/2554-photoshop-domine-apen-tool-e-faca-curvas-elaboradas-.htm > ou

< https://www.youtube.com/watch?v=yUDBFoQ8EI4 >.

10) FILTROS DIVERSOS

No Menu > Filtro, podero ser encontrados uma infinidade de efeitos
aplicveis em seus trabalhos. So efeitos das mais variadas naturezas.
Efeitos que imitam pinceladas artsticas, lpis de cor, texturizadores,
simuladores de materiais e volumes, etc. Tambm possvel distorcer
as imagens criando efeitos de lentes e espelhos muito interessantes.
Convm voc abrir uma imagem no Photoshop (de preferncia uma
foto da internet por ser mais leve) e ir experimentando livremente
estes efeitos a fim de se acostumar com eles. So efeitos que, se
aplicados com bom senso e imaginao, podem gerar trabalhos
incrveis e diferenciados.

1) SALVAR
ARQUIVOS DE IMAGEM
Ao terminar seu trabalho, voc pode salv-lo em seu computador no
formato de imagem que desejar, a partir das opes que o Photoshop
lhe propor. Lembrando que o formato. PSD o nativo e, uma vez
criado, tem a propriedade de conservar todas as propriedades do
mesmo, como layers criados, efeitos aplicados, entre outros e permite,
desta forma, que voc continue a edio de onde parou. Cada formato
a ser salvo depende de alguns parmetros que voc mesmo prope no
momento do salvamento. Para web os mais comuns so GIF, JPG e
PNG.
Um exemplo: se optar em salvar no formato JPG, o Photoshop pedir,
alm do local onde ser salvo, as especificaes de compactao.

DOIS MODOS PARA WEB

Supondo que voc criou uma imagem para web que ser aplicada em
um topo de um site, mas o webdeveloper (programador) solicitou a
voc que a enviasse toda recortada (fatiada) para que a mesma
pudesse ser carregada em etapas visando a acelerao do
carregamento do site. Pois bem, voc no precisa fazer isso
manualmente, selecionando, recortando e salvando pedao por
pedao. Existe um comando que se chama Fatiar (slicer) tambm na
barra de ferramentas, sendo um submenu do Corte demarcado. Para
aplic-lo basta ir arrastando o fatiador sobre a imagem criando reas
demarcadas por linhas que limitaro os campos de recortes.

Por fim, entre no Menu > Salvar para web, configure a extenso e a
qualidade da imagem e, ao salvar verifique se, na parte inferior da
caixa de dilogos estar a opo 'todas as fatias. Salve. Pelo
navegador de seu sistema operacional (Windows Explore, por exemplo)
localize a pasta em que voc salvou e ver que l estaro em arquivos
distintos todos os pedaos da sua imagem em uma pasta que o prprio
programa criou.

Alm desta forma, para se gerar uma imagem compatvel com uma
boa aplicao na internet, utilize a opo no Menu > Salvar para Web.
Isto faz com que os arquivos gerados tenham uma otimizao para
esta aplicao em especfico, otimizao, sobretudo, no que diz
respeito seu tamanho em KB e qualidade geral da imagem.

CONCLUSO
Embora seja um software bastante complexo, com uma infinidade de
possibilidades de aplicaes e comandos, o Photoshop um programa
muito bem resolvido tanto grfica quanto ergonomicamente. Seu
conceito de funcionalidade o torna bastante intuitivo. Isto permite com
que voc possa ir experimentando os filtros, investigue e estude a
natureza dos efeitos e dos ajustes e ir aplicando em seus projetos.
Enfim, que estes conhecimentos possam de fato irem se somando e
desta forma abrirem novos horizontes para seus trabalhos com

imagens. No prximo mdulo vamos conhecer um pouco do Adobe

Fireworks e procurar integr-lo com o Photoshop em um exemplo de
aplicao prtica para um projeto de interface de um website.

Unidade 2 Fireworks

1) APRESENTAO GERAL
O Adobe Fireworks alm de ser uma ferramenta interessante de se
trabalhar quando o assunto a integrao com o Photoshop, a sua
utilidade, est no somente no momento da criao do layout para
uma homepage, mas na possibilidade de j possuirmos os elementos
grficos (botes, teclas, bordas e testeiras de tabelas, etc.) j
praticamente prontos para o recorte. Tudo de maneira instantnea,
nas dimenses e propores exatas em relao aos outros elementos,
pgina como um todo, ao navegador web, etc.
E como a Adobe quem o produz, a interface grfica do Fireworks
aproveita muito do cognitivo dos cones e menus de seus outros
programas, como o Photoshop e o Illustrator por exemplo. Muitos
colegas designers at brincam dizendo que o Fireworks uma mistura
destes dois programas. Ele opera com grandes possibilidades de
interatividade tanto em nvel de criao (desenhos) quanto na
manipulao de imagens (fotografias).

De maneira similar ao Photoshop, o Fireworks apresenta as suas

opes de menus e cones com caractersticas ergonmicas, estticas
e visuais muito parecidas com os demais programas da sute de
aplicativos CS5. Alis, se voc observar de relance o Fireworks pode
ser confundido facilmente com o Photoshop. Porm, olhando para as
sutilezas das ferramentas que voc, aos poucos vai percebendo a
diferena e se fascinando com ele tambm.
Veja uma introduo muito interessante em:
< https://www.youtube.com/watch?v=w-ZNsXQzHn8 >.

2) MENUS HORIZONTAIS (BARRA SUPERIOR)

> Arquivo
Resumidamente falando, este menu traz as opes de trabalho com
arquivos (abrir, fechar, salvar, importar e exportar, entre outros), alm
de possibilidade de visualizao dos trabalho simulando HTML e
algumas opes de configuraes mais genricas. Como so comandos
relativamente bsicos, vamos tralhando com eles medida que as
demandas das outras aes e ferramentas iro exigindo.

> Editar
No Menu Editar, assim como na maioria dos programas conhecidos,
encontram-se atividades bsicas como Copiar, Colar, Recortar,
Duplicar, Clonar e o Preferncias, onde pode-se ajustar configuraes
de abertura de arquivos, parmetros iniciais, rguas, linhas guia, etc.

> Exibir
Este menu permite habilitar visualizao e ajustar intensidades de
componentes como Zoom, Seleo, Escala, enfim, toda ferramenta
submetida a este comando pode ter sua exibio definida pelo usurio
de acordo com suas necessidades.

> Menu Selecionar

No menu Selecionar esto os dispositivos que agem nos modos de
seleo, ou seja, na qualidade e intensidade das marcaes das reas
onde o comandos de outras ferramentas iro atuar. Ali, voc pode
definir, por exemplo, a rea de atuao da seleo, a forma com que
ela vai agir e alguns modos de converso das selees. Voc pode
converter selees em objetos vetoriais ou bitmaps.

> Menu Modificar

Neste menu encontramos alguns comandos mais especficos. No
submenu Tela de desenho, por exemplo, encontramos possibilidades
de alterao do tamanho e posio da imagem (como acontece no
Photoshop), onde se altera o tamanho dos objetos em pixels ou
milmetros, bem como o tamanho da tela de pintura. Neste mesmo
submenu podemos tambm alterar apenas o tamanho da tela de
pintura (como redimensionamos o Canvas size no Photoshop).
Podemos espelhar e girar a tela de pintura tambm.
O submenu Animao tem a funo de criar e editar pequenas
animaes, como a de um GIF, por exemplo. No submenu Smbolo
conseguimos editar algumas aplicaes Flash. E o submenu Pop-up
oferece uma possibilidade de se criar um simples, porm eficiente
menu pop-up para websites. Os submenus Mscara e Jpeg seletivo
trabalham com a possibilidade de se criar mscaras de transparncia
e efeitos em objetos. Veremos posteriormente cada um deles mais
adiante.
Ainda dentro do menu Modificar, encontramos possibilidade de edio
de objetos como transformar, organizar, alinhar, e tambm combinar
e converter caminhos. Podemos ainda agrupar e desagrupar objetos.

> Menu Texto

Assim como as imagens, os textos so tambm parte importante de
um projeto de websites. Como se sabe, a edio de textos demanda
de parmetros como Fonte (tipo de letra) tamanho (dimenses em
pontos do caracteres) estilo (se vai ser negrito, itlico ou sublinhado)
e alinhar ( esquerda, justificado, centralizado ou alinhado direita).
Tudo isso voc pode trabalhar tranquilamente em seus textos no
Fireworks, contando tambm com um bom revisor ortogrfico que
pode lhe ser til nas digitaes.

> Comandos
Neste menu encontramos muitas possibilidades de trabalho tanto na
questo de procedimentos do prprio Fireworks (na execuo de
histricos, registros de comandos, extenses e scripts) como
especificamente em objetos, com efeitos muito interessantes que
valem a pena serem testados em imagens que voc pode inserir ou
criar em seus estudos. D para executar comandos em lotes, que
alteram qualidades como nitidez, desfoques e giros de todo o conjunto
trabalhado. Neste menu existe tambm o comando que explora a
possibilidade de se criar apresentaes em slides. Basicamente elas
funcionam com base em um arquivo. SWF (flash) acondicionado em
um arquivo HTML operado por um script. Muito interessante e pode ser
bastante til em websites, como forma de apresentar fotografias de
produtos, lugares, servios, etc. Voc vai ver tambm um submenu
intitulado Criativo. Nele se possvel trabalhar objetos com algumas
pr-definies como, por exemplo, colocar pontas de setas em linhas,
criar sombras em objetos, multiplicar objetos, converso de cores,
entre outros. Neste mesmo menu voc encontra tambm outros
ajustes e implementaes interessantes vlidas para objetos exibidos
na web, formatao de textos, definies de avisos, entre outros;
Precisaramos de muitas horas de estudo para explorarmos a totalidade
destes recursos. Por hora, vamos conhecendo estas possibilidades e
aplicando-as conforme a demanda.

> Menu Filtros

Neste menu conseguimos fazer ajustes em bitmaps (rasters) como
cores, desfoques nitidez, adicionar rudos e outros como converso e
canal alfa e alterao de bordas. Isto ajuda muito porque no
precisamos necessariamente levar esta imagem ao Photoshop para
fazer correes neste nvel e retorn-las ao Fireworks. D para fazer
estes ajustes no prprio programa e com uma qualidade bem
satisfatria.

> Menu janela

De maneira simplificada, o menu Janela lhe permite habilitar e ocultar
itens como painis, caixas de ferramentas, comandos, entre outros.
Ele implica diretamente na personalizao de sua interface. Ao

trabalhar, voc pode exibir ou esconder painis e ferramentas de

acordo com sua necessidade. Um dos painis mais teis o Histrico,
pois voc pode controlar os nveis de aes aplicadas, regredindo de
um a vrios passos em um nico clique.
neste menu que voc vai encontrar painis importantes como o
Estado, que essencial para animaes gifs e o estilo, onde voc
poder pintar reas vetoriais com cores e acabamentos incrveis.

> Menu Ajuda

Ajuda, fruns, atualizaes, enfim, tudo o que se refere ao programa
Fireworks propriamente dito pode ser acessado no menu Ajuda. Como
todo programa da Adobe ele acaba se tornando um canal interativo no
sentido de se obter suporte, informaes e esclarecimentos sobre como
realizar atividades e manutenes no Fireworks.

Um timo resumo do menu superior est em:

< https://www.youtube.com/watch?v=2xqHJppObyU&feature=relmfu
>.

Barra de propriedades
Este painel muito importante. Atravs dele voc consegue visualizar,
alterar parmetros, dimenses, cores, aplicar efeitos, formatar textos,
enfim, com este painel que voc vai trabalhar com os elementos
visuais que compem seu projeto.
A seguir apresentamos duas das vrias instncias da Barra de
Propriedades. A primeira refere-se a um bitmap (foto) e a segunda a
um texto:

Vamos comentar agora um pouco sobre a Barra de

ferramentas. De imediato, voc vai perceber que ela
bem parecida com a do Photoshop. E de fato, isso
verdade porque muitas funes ali contidas aplicam-se s
imagens, como no Photoshop. So ferramentas
extremamente simples e funcionais. Vamos comentar,
assim como fizemos com os itens do Menu superior, de
maneira sinttica seus principais integrantes. Lembrando
que elas so divididas em seis grandes grupos: Selecionar,
Bitmap, Vetor, Web, Cores e Exibir. E a grande maioria das
ferramentas desta barra oferece outras tantas partindo de
seus cones primrios, bastando segurar o mouse apertado
com o cursor sobre estes e aguardar o seu
desdobramento.
Algumas ferramentas tambm permitem opes quando em trabalho
de edio voc clicar com o lado direito do mouse sobre o objeto.
Selecionar: As quatro primeiras ferramentas so consideradas de uso
geral: a primeira seta em negro a ferramenta ideal para selecionar
objetos. A seta em branco considerada uma seta de sub-seleo, pois
pode editar trechos de objetos como ns. A terceira ferramenta
consegue alterar o tamanho do objeto e a quarta o Cortar (como o
crop), que capaz de alterar o tamanho da tela de pintura realizando
recortes.

Bitmap: Traz algumas ferramentas de seleo como rea de seleo,

lao poligonal, varinha mgica. Tambm traz a ferramenta Pincel, que
combinada com suas funes na Barra de Propriedades permite
desenhar-se com vrios tipos e espessuras de pincis. Tem tambm a
ferramenta Lpis que tambm um bom instrumento para desenho e
finalmente as ferramentas para nitidez, borrar, desfocar e Carimbo,
capaz de clonar, duplicar partes de um bitmap como se fosse no
Photoshop.
Vetor: Linha, caneta, retngulo, texto, forma livre e faca. A
ferramenta linha cria e modela linhas vetoriais. A caneta cria contornos
editveis que podem ser convertidos em selees, por exemplo. A
ferramenta retngulo, devido a seu cone, aparentemente parece
produzir apenas figuras quadrticas, mas no verdade. Ela vai mais
alm: ao mant-la pressionada este menu se desdobra numa grande
quantidade de figuras. Isso ajuda principalmente no momento de se
desenhar no Fireworks. A ferramenta Texto (T) utilizada para a
insero e dio de textos em seu trabalho e, ao clic-la habilita-se
automaticamente a Caixa de propriedades (texto). A ferramenta forma
livre edita com mais intensidade as curvas desenhadas pela ferramenta
linha. Funciona como se voc empurrasse com o dedo para model-la.
Mantendo-se o cone pressionado voc tem sub-opes de alterar a
forma de reas ou de caminhos realizados com pincis sensveis
presso.
Web: com as ferramentas Pontos de acesso (circular, retangular e
poligonal), ferramenta Fatia (capaz de particionar uma imagem em
vrios arquivos de imagens a fim de otimizar sua aplicao em websites
no que diz respeito ao seu carregamento (pois fracionando-a fica mais
leve). Um detalhe que ao ser construdo um ponto de acesso, ele
solicitar o link (endereo do URL) na barra de propriedades. E clicando
com o lado direito do mouse nesta rea voc ter a possibilidade de
inserir uma imagem alternativa (ou seja quando passar o mouse por
sobre ela chamar outra), bem como permitir menus pop-up e textos
alternativos (hint, ao se passar o mouse sobre). Tudo isso facilitado
por um comando que permite visualizao destes elementos assim
como torn-los ocultos.
Cores: ferramentas que nos permitem colorir reas e contornos de
formas e pincis criados. Tambm oferece a ferramenta Conta-gotas
que capaz de, ao ser clicada sobre uma rea colorida, extrair dela os
seus valores cromticos para novas pinturas. Por exemplo, se voc
clicar com ela em uma rea vermelha, ela vai carregar exatamente
esta cor para as ferramentas de pintura (lata de tinta e pincis, por
exemplo).
Exibir: Traz a tradicional ferramenta Zoom (ampliar e reduzir
visualizao), a ferramenta Mo (navegar sobre as reas de uma

imagem) e os modos de visualizao: normal, tela cheia, escondendo

barras e painis.
Um vdeo bem ilustrativo sobre as Ferramentas est em:
< https://www.youtube.com/watch?v=CVuv7QZU1HE >

Como dito, o Fireworks um programa que trabalha tanto com vetores

quanto bitmaps. capaz de atuar como uma poderosa ferramenta no
auxlio construo de homepages. Ele lhe permite at salvar j em
html e de modo bem simplificado. O exerccio a seguir uma
combinao de uma aplicao dos dois programas estudados:
Photoshop e Fireworks. Combinando teoria e prtica, cada passo que
dermos servir para voc enxergar como pode-se trabalhar
combinados com estes dois programas em alta produtividade e
eficincia.
O exerccio a seguir tambm lhe ajudar a entender como a dinmica
do Fireworks orientado web e como ele pode conversar com o
Photoshop em vrias situaes. Alm de ser um exerccio estaremos
mostrando algumas ferramentas em detalhes para que voc assimile
como tratar determinados objetos quando estiver construindo e
modelando interfaces.
Bem, vamos partir de um modelo. No caso vamos partir de alguns
parmetros que so considerados padres. O primeiro o seguinte:
toda interface de um website deve se apresentar-se navegvel, assim
como todo seu contedo acessvel dentro do que chamamos de janela
do navegador (browser). Como exemplo de navegadores podemos
citar o Internet Explorer, o Mozilla Firefox, o Google Chrome, o Opera,
o Apple Safari, entre outros.
Esta rea dimensionada no em milmetros, mas sim em pixels. Esta
taxa de pixels pode alterar-se de acordo com a taxa de resoluo dos
monitores de vdeo. Como a grande maioria ainda utiliza monitores
com resoluo de 1024 x 768 pixels, temos que descontar desta
totalidade as reas destinadas Barra de Tarefas do Windows, a janela
do navegador e a barra de rolagem vertical (na lateral direita).
Ficaremos ento com uma rea til para a exibio do site, dentro
desta resoluo de tela, de 990 x 590 pixels.
Ento vamos trabalhar nosso layout considerando uma rea de 990 x
590 pixels a uma taxa de 96 pixels por polegada (96 DPIs), uma vez
que a resoluo mnima para a exibio de arquivos na web de 72
DPIs. Primeiramente, ento vamos abrir nosso Fireworks e criar um

arquivo (em PNG) com estas dimenses (990 x 590), 96 DPIs e fundo
branco. Vamos tentar?

Abra o Photoshop e vamos criar primeiramente um topo para ele. No

Menu, v em Novo e especifique como largura 990 pixels e como altura
200 pixels a uma taxa de 96 DPIs em fundo branco. Clique ok e voc
ver uma faixa branca. Esta ser a sua rea do topo. Como tema,
vamos colocar uma imagem de fundo, trabalhar uma mescla de cor e
aplicar um texto com efeitos como exemplo. No menu abrir do
Photoshop, procure uma fotografia chamada Farol na pasta Imagem
do seu Windows. Caso no tenha, escolha outra qualquer de seu gosto
apenas como ttulo de exerccio. Abra esta imagem, em Selecionar
escolha Tudo, em Editar clique em Copiar. Feche este arquivo. No
arquivo Novo que criamos primeiro, v em Editar e clique em Colar.
Voc vai ver que a fotografia foi colada em uma nova camada por sobre
o background, mas teve parte de sua imagem ocultada, pois estamos

com uma rea de apenas 200 px de altura, lembra-se? Ento, com a

ferramenta Mover (a 1a da Barra de Ferramentas do Photoshop),
posicione a imagem de acordo com seu gosto, valorizando algum
trecho desta dentro da janela.

Vamos aplicar agora a Mescla. Crie uma nova camada no Painel

Camada, na Caixa de ferramentas procure no quadradinho das cores
(o superior) um tom de laranja, e com a ferramenta Lata de tinta clique
sobre a fotografia. Tudo ir ficar laranja.
No menu Camadas, onde h um campo escrito Normal clique e
procure Multiplicar. Voc ver que a imagem ficou toda alaranjada.

Agora vamos escrever uma informao texto sobre a imagem. Clique

na ferramenta Texto e escreva com a fonte Cambria tamanho 48 o
texto Photoshop CS5 em preto. No menu Camada, procure Estilo de
Camada, clique em Brilho Externo. Mexa livremente de modo a ter um
contorno com espessura e cor de acordo com o seu gosto. Clique ok.
Salve para web como imagem JPG de qualidade 70.

Voltando ao Fireworks, no menu importar, procure onde voc salvou o

JPG que ser seu topo e importe-o, posicionando-o na parte superior
da interface. Logo abaixo do topo j colocado, com a ferramenta
retngulo crie uma rea retangular de 990 x 30 pixels na cor negra.
Use a Barra de propriedades inferior do Fireworks para estas
definies. Esta ser nossa rea de menu principal. Vamos agora criar
botes para ela.

Faa um retngulo de 150 x 25 pixels. Na barra de propriedades, no

quadradinho de cor escolha ao lado a opo gradiente contorno. Edite
as cores de modo a ter o seu miolo vermelho e o contorno marrom
escuro. Com a ferramenta texto clique sobre o boto e digite com a
fonte Verdana em branco (aqui volte tecla Gradiente para Slido e
clique no quadradinho branco) Bold, corpo 14 o termo A EMPRESA.

Depois do boto pronto selecione-o (boto mais texto), tecle Control C

e Control V OU Contro Alt D para duplic-lo. Com as setinhas do teclado
+ Shift apertado fica mais fcil tir-lo do que est em baixo sem
danific-lo. Fazendo assim ns conseguimos criar os demais botes:
PRODUTOS SERVIOS SEDE FILIAIS PARCEIROS APOIO CONTATO.
Depois dos botes prontos, basta agrupar texto e boto (em cada um
deles separadamente) distribu-los na rea de menu (retngulo preto)
espalhando-os de maneira uniforme. Posteriormente poderemos
transform-los em botes clicveis. Vamos fazer um rodap em tons
diferentes de cor cinza em gradiente linear e escrever nele o crdito do
site (seu nome em Verdana, Branco, formato 12, Bold).

Agora faamos um retngulo em cinza de 230 px de altura por 300 px

de largura na rea central do site, porm um pouco mais deslocado em
direo ao topo. Novamente com a ferramenta Texto marque uma rea
dentro deste retngulo, de 195 px por 290 px. Nesta caixa de texto,
digite um pequeno texto que complete-a (em Verdana Regular, corpo
11 em cinza, alinhado esquerda). Dois pargrafos sero suficientes.
Veja a ilustrao a seguir como um exemplo. Todos os seus dados
construtivos podem ser vistos na sua barra de propriedades (parte
inferior do Fireworks).

Veja uma montagem simples de um layout em:

<
https://www.youtube.com/watch?feature=endscreen&v=FtP3o0Q3NC
s&NR=1 >.
Nota: Existe um site que se chama <www.lipsum.com>. Este site
contm textos meramente fictcios para voc aplicar em seus layouts
simulando contedos textuais. Bem melhor que ficar escrevendo
nonono ou asdfdsfn, pois embora esta l tudo em latim, as palavras
so reais e podem ajudar a simular melhor as manchas de texto no seu
layout. Pegue este texto que o exerccio pede de l, se preferir. Ao final
deste, ainda dentro do caixa cinza (fundo do texto) coloque Saiba
mais... (em cinza, bold, Verdana 11 e sublinhado).

Vamos transformar este Saiba mais... em um link. Para isso, selecioneo e tecle F8. Na caixa que abre marque a opo boto e d OK.
Automaticamente o Fireworks cria sobre ele um GIF transparente. Pois
bem, d dois cliques nesse GIF. Perceba que o painel propriedades
mudou. Na opo Estado (marcando Liberado) procure e habilite
Sobre. Perceba que ele desapareceu! Mas no se assuste, pois o
Fireworks entende que no h nada para ele alternar na hora de voc
passar o mouse em cima (rollover). Localiza clique o boto Copiar
grfico acima. Pronto ele apareceu novamente (foi copiado). Troque
a cor, por exemplo, para marrom. Para voltar clique na aba superior
do arquivo Pagina 1.

Para inserir um link (pode ser um arquivo local, um endereo URL, por
exemplo, como http://www.unopar.br) digite-o na Barra de
propriedades no campo link. Em texto alternativo digite um
comentrio para seu link e em Destino, habilite _self (para abrir na
mesma aba do navegador), D F12 e passe o mouse sobre. Clique e
teste seu link.
Vamos colocar uma imagem ao lado deste texto para ilustr-lo.
Importe alguma outra imagem da pasta Minhas Imagens do Windows:
qualquer uma, pois ser apenas como exemplo. Sua altura deve ser
igual ao do retngulo do fundo do texto que criamos (230 px). A largura
obviamente ser proporcional, uma vez que no devemos distorcer
nem fotografias e nem letras. Todas as ampliaes e redues devem
ser proporcionais!
Clique F12 para visualizar.
Para finalizar esta etapa, vamos criar um menu vertical com os
mesmos rtulos (ttulos) do menu horizontal. Faa cada palavra em
Verdana Regular 12, branco. O fundo deste menu ser um retngulo
em preto, alinhado esquerda e conforme o desenho a seguir.

Ento, parcialmente temos o seguinte desenho de interface:

Vamos programar o menu vertical? Faa como descrito quando voc

programou o Saiba mais..., lembra? Clique na palavra converta-a em
boto F8). D dois cliques e em Estado habilite Sobre e Copiar grfico
acima. Troque a cor do texto. Na aba superior volte para Pgina 1. D
F12 e teste-os. Por enquanto no tero ao nenhuma a no ser o
rollover. Posteriormente voc ir colocar os links, nomeados de acordo
com as outras pginas HTMLs a serem criadas.
Veja a construo simples de um menu em:
< https://www.youtube.com/watch?v=LsRZJkePYZE >.
Pgina

Abaixo da foto que voc importou ao centro da interface, crie, conforme

o exemplo uma caixinha com a indicao de um campo para pesquisas.

Este campo conter a indicao de uma rea para digitao e dois

botes: Limpar formulrio e OK.

Terminado o desenho, na parte de Web da Barra de ferramentas

encontre o cone Fatia. Faa um retngulo em volta do formulrio e na
caixa de propriedades habilite, ao invs de Imagem de Primeiro plano,
a opo HTML. Isto far que este campo seja reservado a um
formulrio programado em HTML em seu layout via programa de
edio HTML, como o Dreamweaver, por exemplo, que o ideal para
estes casos.

Vamos agora, para finalizar, criar um banner animado para colocar na

base esquerda (abaixo do menu de nossa interface). O meu roteiro foi
esse:
1) Criar arquivo novo - 635 x 60 px;
2) Em Otimizar, mudar para WebSnap 128 e GIF animado;
3) Desenhar retngulo cinza tambm de 635 x 60 px;
4) Pintar com Estilo > Painel estilo > Estilo Plstico;
5) Escrever uma palavra: Fireworks e posicion-la fora da rea;
6) Inserir uma pequena imagem tambm (importar);
7) Selecionar tudo (Control A);
8) No painel Estado, crie mais 16 estados no cone Novo (folha de
papel c/ canto dobrado). Copiados os elementos (marcados a partir do
Estado 1), v clicando nos demais estados (painel) e dando Control V
para colar;
9) Clique no texto com o lado direito do mouse, converta-o em
Caminho. Com o lado direito novamente, clique Animar seleo;
10) Coloque exatamente o nmero de estados como sendo a
quantidade de frames. Os demais parmetros ficam como esto;

11) Clique e arraste o primeiro n (ponto vermelho e espalhe a linha

que estar vinculada o texto at onde voc quer;
12) Com a fotografia faremos a mesma coisa, s que ao invs de
deslocamento, vamos esmaec-la [CA1] (fade in);
13) No estado 1 clique na Foto com o lado direito do mouse > Animar
> Animar Seleo.
14) Na caixa altere para 16 estados e no item Opacidade coloque de
0 a 100 (e no de 100 a 100). Apague nos demais estados a foto (deixe
s transparente no primeiro);
15) D F12 para conferir. Coloque o pontinho vermelho coincidindo
com o primeiro verde para no deslocar;
16) Para salvar: Export > Nomeie como Banner_01.

Tudo que temos a fazer importar o gif do banner para nossa interface
(no outro arquivo) via programa especfico para edio HTML, como o
Adobe Dreamweaver, por exemplo.
Exportamos ento toda nossa interface como HTML, aceitando
Exportar fatias desabilitando a caixa Somente fatias selecionadas e
habilitar Incluir reas sem fatias.
Na pasta que voc salvou d duplo clique no arquivo HTML criado e
veja o resultado.

Detalhes sobre gifs podem ser vistos em:

< www.youtube.com/watch?v=XB8JSlp_x1g >
< www.maujor.com/fw/gifanifw.php >

Questo 1
Nota: Excelente
A ferramenta Adobe PhotoShop CS5 consegue tratar arquivos de imagem em
formato raster (bitmap) e vetor. Ento leia atentamente as opes abaixo e
assinale a opo que corresponde uma diferena entre imagens bitmap e
imagens vetor.
Alternativas

1 - Imagens raster so compostas por bits e imagens vetor so

compostas por bytes
2 - Imagens raster perdem a resoluo ao aumentar ou diminuir a
imagem, j imagens vetor preservam a resoluo ao aumentar ou
diminuir a imagem.
3 - Imagens raster so mais coloridas do que imagens vetor, que s
trabalham com 16 cores
4 - Imagens raster podem ser compactadas e imagens vetor podem
granuladas
5 - Imagens raster no preservam a origem, ja imagens vetor preservam
inclusive os dados da lente de origem

Sua resposta
2 - Imagens raster perdem a resoluo ao aumentar ou diminuir a imagem, j
imagens vetor preservam a resoluo ao aumentar ou diminuir a imagem.
Resposta gabarito
Imagens raster perdem a resoluo ao aumentar ou diminuir a imagem, j
imagens vetor preservam a resoluo ao aumentar ou diminuir a imagem.
Comentrio do gabarito
As imagens raster ou bitmap so formadas por pixels, ou seja, pontos quadrticos
organizados em um diagrama. J as imagens vetor so formadas por pontos organizados
em coordenadas matemticas que podem ser expandidas ou comprimidas sem perda de
qualidade grfica.

Questo 2
Nota: Excelente
A ferramenta Adobe PhotoShop CS5 possui um recurso que permite trabalhar
uma imagem com diversos nveis, intercalando e tratando cada uma delas,
trazendo possibilidades ilimitadas de manuseio. Esta caracterstica recebe o
nome de:
Alternativas

1 - Canvas
2 - History
3 - Layer
4 - Mosaico
5 - Painel

Sua resposta
3 - Layer
Resposta gabarito

Layer
Comentrio do gabarito
Uma imagem pode ser tratada em diversas camadas, aplicando tratamentos individuais e
que ao final permitiro uma infinidade de possibilidades de manuseio, este recurso
denominado LAYER.

Questo 3
Nota: Insuficiente
Na ferramenta Adobe PhotoShop CS5, antes de iniciar o tratamento de uma
imagem, necessrio definirmos uma rea de trabalho, inclusive para que a
imagem fique devidamente ajustada. Esta propriedade conhecida como:
Alternativas

1 - Painel
2 - Mosaico
3 - Paleta
4 - Canvas
5 - Plano

Sua resposta
1 - Painel
Resposta gabarito
Canvas
Comentrio do gabarito
A rea de trabalho para receber uma imagem denominada CANVAS.

Questo 4
Nota: Excelente
A ferramenta Adobe PhotoShop CS5 possui um recurso que permite que todas
as aes realizadas em uma imagem fique registrada, desta forma, o usurio
pode refazer ou desfazer uma ao individualmente. Este recurso
denominado como:
Alternativas

1 - Log Action
2 - Register Action
3 - Recovery
4 - Do & Undo

5 - History

Sua resposta
5 - History
Resposta gabarito
History
Comentrio do gabarito
O recurso que permite registrar todas as aes realizadas em uma imagem e depois
desfazer ou refazer individualmente o HISTORY.

Questo 5
Nota: Insuficiente
A ferramenta Adobe PhotoShop CS5 possui um recurso interessante que
permite delimitar um trecho ou pedao de uma imagem e realizar diversas
cpias deste trecho na mesma imagem ou em outra imagem. Este recurso
denominado como:
Alternativas

1 - Carimbo
2 - Marcar & Colar
3 - Recortar e Colar
4 - Demarcar & Transportar
5 - Marcar & Transportar

Sua resposta
3 - Recortar e Colar
Resposta gabarito
Carimbo
Comentrio do gabarito
O recurso que permite copiar trechos de uma imagem denominado CARIMBO.

Questo 1
Nota: Excelente
A ferramenta Adobe Fireworks, no seu menu Modificar, submenu Tela, permite
ajustar uma srie de parmetros da imagem, dentre elas podemos destacar:

Alternativas

1 - alterar a densidade de gravao da imagem

2 - alterar a quantidade de pigmentos por Megabyte da imagem
3 - alterar o tamanho e posio da imagem
4 - alterar a validao do anti-vrus em tempo real de edio
5 - alterar o cdigo de validao de segurana de imagem.

Sua resposta
3 - alterar o tamanho e posio da imagem
Resposta gabarito
alterar o tamanho e posio da imagem
Comentrio do gabarito
Dentre as diversas possibilidades, podemos destacar a funo de alterar o tamanho e a
posio da imagem.

Questo 2
Nota: Excelente
A ferramenta Adobe Fireworks, no seu menu Texto, permite ajustar uma srie
de parmetros para o seu texto, dentre elas podemos destacar:
Alternativas

1 - Fonte, tamanho, densidade de gravao e cor

2 - Cor, estilo, quantidade de fontes
3 - Alinhamento, balanceamento e profundidade
4 - Estilo, moda, coleo e verso
5 - Fonte, tamanho, estilo, alinhamento e orientao

Sua resposta
5 - Fonte, tamanho, estilo, alinhamento e orientao
Resposta gabarito
Fonte, tamanho, estilo, alinhamento e orientao
Comentrio do gabarito
Fonte, Tamanho, Estilo, Alinhamento e Orientao

Questo 3

Nota: Excelente
A ferramenta Adobe Fireworks, no seu menu Filtros, permite ajustar uma srie
de parmetros para a imagem, dentre elas podemos destacar:
Alternativas

1 - Ajustar cor, desfocar, nitidez, outros e rudo

2 - Brilho, contraste, granulao
3 - Brilho, contraste, densidade
4 - Cor, tonalidade, intensidade
5 - Profundidade, suavidade, tonalidade

Sua resposta
1 - Ajustar cor, desfocar, nitidez, outros e rudo
Resposta gabarito
Ajustar cor, desfocar, nitidez, outros e rudo
Comentrio do gabarito
Ajustar cor, desfocar, nitidez, outros e rudo

Questo 4
Nota: Excelente
Na ferramenta Adobe Fireworks, qual menu permite ao usurio personalizar a
sua interface de trabalho?
Alternativas

1 - Menu Modificar
2 - Menu Janela
3 - Menu Texto
4 - Menu Filtros
5 - Menu Comandos

Sua resposta
2 - Menu Janela
Resposta gabarito
Menu Janela
Comentrio do gabarito
Menu Janela

Questo 5
Nota: Excelente
Na ferramenta Adobe Fireworks, a definio de um CANVAS pode ser feito por
qual menu?
Alternativas

1 - Menu Texto
2 - Menu Filtro
3 - Menu Comandos
4 - Menu Modificar
5 - Menu Janela

Sua resposta
4 - Menu Modificar
Resposta gabarito
Menu Modificar
Comentrio do gabarito
Menu Modificar