O objetivo deste trabalho é definir e detalhar uma sequência de instruções para que o usuário possa gerar, tratar e disponibilizar imagens para a Internet, com qualidade, usando o PhotoShop, versão 4.0.bitstream/item/76075/1/CNPTIA-INST.TEC-2-00.pd

CARNEIRO, S. F. de A. G.

O objetivo deste trabalho é definir e detalhar uma sequência de instruções para que o usuário possa gerar, tratar e disponibilizar imagens para a Internet, com qualidade, usando o PhotoShop, versão 4.0

Infoteca-e

09291 CNPTTA 2000 FL-09291 &nprna BrasilSa de FWquísa Agropetuáde Embrepa lnfonndtica AgropacuMa Ministódo de Agriculturas do Abnt.ctnrnnto N° . 2, dezembro/2000 + ' Ministério da Agricultura e do Abastecimento Instruções Técnicas da Embrapa Informática Agropecuária DIGITALIZAÇÃO E TRATAMENTO DE IMAGENS PARA WEB USANDO O ADOBE PHOTOSHOP - VERSÃO 4.0 Suzilei Francisca de Almeida Gomes Carneiro' Termos para indexaço: Imagem; Digitalização; Tratamento; Internet; Web. Index terms: Irnage, Digitalization, ,Internet, web, 1. Introdução As imagens hoje são amplamente utilizadas na Internet. Porém, para disponibilizá-las, é necessário que passem por um tratamento adequado e que estejam num formato que qualquer browser (Nestcape, Internet Explorer) possa reconhecer. Na Embrapa Informática Agropecuária, o softwareutilizadopara o tratamento, retoque digital e exportação de imagens para a Internet éo Adobe PhotoShop. O objetivo deste trabalho é definir e detalhar uma sequência de instruções para que o usuário possa gerar, tratar e disponibilizar imagens para a Internet, com qualidade, usando o PhotoShop, versão 4.0. 2. Cuidados na pré e pós-digitalização Antes de se iniciar a digitalização, recomenda-se a observação de alguns cuidados a fim de obter uma imagem digital com boa qualidade: • verificar sempre o estado físico do documento original, pois, na maioria dos casos, o scannercaptura todos os detalhes da imagem, inclusive os arranhões e sujeiras. Por este motivo é recomendável que o documento original esteja livre de qualquer resíduo; • 	 limpar o vidro do scanner com um pano macio, ou uma flanela antes de iniciar o trabalho de digitalização, pois a poeira pode interferir no resultadoda imagem; • ligar o equipamento, sempre que possível, com 30 minutos de antecedência, para uma maior uniformidade na emissão da luz e consequentemente, melhor resultado; • observar sempre que possível, a indicação da melhor área de digitalização do scanner para colocação do documento original; • odocumento original deveráestar alinhado com as linhas guias do scanner, para evitar imagenstortas. Após a operação dedigitalização, fazer asseguintes considerações referenteàs imagens: • verificar se a qualidade da imagem é satisfatória secomparada com ooriginal; • verificar se a imagem obtida está adequada ao trabalho solicitado, pois na maioria dos casos, os resultados não possuem boa qualidade. 3. Digitalizando imagens Para iniciar a digitalização de uma imagem usando o Adobe PhotoShop versão 4,0, escolha o nome do scanner em filei 1 flAIA "1 7 rnnfnrmp n Fini. Digitalização e tratamento - 2000 FL09291 	 rmátrca Agropecuárla, Teenóloga em construção cvii, caixa Postal 6041, Barão Gereldo - 13083-970 - AI-SEDE- 36168-1 lnstnipôn Tétricas FIG. 1. Abertura do software do scanner no PhotoShop. Caso oscariner utilizado não tenha um driver compatível com o PhotoShop, utilize osoftware do fabricante para digitalizar as imagens e salve-as preferencialmente como arquivos TIFF (Tagged/mage File Format), GIF (Graphics Intercharige Format) ou JPEG (Jointphotogmphics ExpertGroup) e em seguida, abra os arquivos no PhotoShop. Para garantir uma digitalização de alta qualidade, determina-se, antes, a resolução e o padrão de cor da imagem a ser digitalizada. Estas medidas evitam distorções indesejadas de cor e de resolução. Os padrões coloridos usados para a Internet são o RGB (Red, Grem, Sitie), para o formato JPEG, e o padrão Cor Indexada para o formato GIE. É demonstrado na Fig. 2 a interface do software VistaScan32, aberta no momento da digitalização de urna imagem no PhotoShop, com parâmetros para digitalização. S,flnt mana trJnHt ir;ia_I 	 -1-r; .'s D ç- DA.40A4: O l.kJ.WaCtic11.S fi IclI Z1SI. 0 . H C Ø lSl.t 1.Kr'tIçÃ O Im.gsSke:3093Kflt AvaL Me.oq 1317 ME. eview IT $1m Ezk 1 FIG.2. Caixa de diálogo do software VistaScan (Twain) com parâmetros para digitalização de uma imagem no PhotoShop. 2 	 Embrapa Informática Agropecuá,ia Instnwôes Tácticas Finalizado o processo de digitalização, a imagem já pode sereditada no PhotoShop. 4. Os formatos GIF e JPEG São os formatos mais usados para exportaçãode imagem para Internet, ea principal diferença entreeles está na profundidade de cor e compactação do arquivo respectivamente. 4.1 OformatoGlF GIF significa Graphics /nterctiange Format, ou Formato de Intercâmbio Gráfico e é o mais fone formato de imagem utilizado na Internet. Este formato trata imagens indexadas de 8 bus (até 256 cores) e utiliza um modelo de compressão que é sem perdas, o que significa que a imagem descomprimida resultante tem a aparência bern próxima dooriginal. A versão do formato GIF mais usado na Internet é GIF89a, que permite o uso de transparência. Essa técnica permite selecionar uma ou mais cores para ser transformada em transparente, de forma que a imagem, nas cores selecionadas, possa assumir a cor de fundo da página, criandoum design mais harmonioso. Verifica-sequeapesar de suas qualidades para a publicação de imagens na Internet, este formato tem sido preterido quando a dimensão da figura é superior a 100 x 1 00 pixeis. A razão de tal fato deve-se ao seu módulo de compressão linear que, em alguns casos, toma-se lento para carregar em alguns browsers. 4.2 O formato JPEG Ao contrário do GIF, o formato JPEG - JointPhotographic Expert Group- retém toda a informação de cor em uma imagem RGB, além de usar um algoritmode compressão que reduz consideralve mente o tamanho do arquivo. Dependendo do nível de compressão escolhido, a imagem será mais ou menos próxima a original. Em algumas imagens, ao se usar um nível de compressão não muito alto, a perda de qualidade é quase imperceptível. A vantagem deste formato é que ele mostra a imagem gradualmente, conforme vai sendo carregada pelo browser, até estar totalmente carregada. JPEG é o melhor formato para comprimir imagens fotográficas. Porém, não funciona bem para imagens pequenas, sendo indicado para imagens com dimensões superiores a 100 x 100 pix eis. Uma imagem comprimida com JPEG, mesmo usando as configurações de maior qualidade, não será a mesma comparada com a versão RGB original, em função das perdas inerentesao processo de compressão. As taxas de compressão para o JPEG variam. Quanto maior a compressão, menor (e com mais perdas) será o arquivo. Geralmente, imagens mais nítidas produzem arquivos maiores e figuras embaçadas carregam com rapidez. Por este motivo, na Internet, é aconselhável usar JPEG de baixa qualidade, ou baixa resolução, por ter uma compressão satisfatória. S. Parâmetros para tratamento de imagens no Adobe PhotoShop Antes de disponibilizar as imagens para a Internet é necessário que a imagem sofra alguns tratamentos. A imagem, ao ser digitalizada através do Photoshop, será aberta com a extensão PSD, formato próprio do software. Com os parâmetros definidos na tela do scannerna Fig. 2 e imagens (fotos, slldes) com qualidade razoável, obtém-se uma imagem com boa resolução. O ajuste mais comum é a equalização automática queé o ajuste automático de cor, brilho, contraste e saturação da imagem, comodemonstrado na Fig. 3. Embrapa Infom,ática Agropecuária 	 3 rnnwções Técnicas .LLLLI.JrJ Lkkas*tSd Fe VwWrt# Heip = 1- Qtçc*. Od4A Atma Ccb&alame.. 	 0,1.8 ffue/Stn esahnle 	 SM.cbI4J Rot9 CsnVa4 •. eIecftve Cdm... bSOWSTL_ Inved 	 OM TI,edx1&. 1 v&'t-- : FIG. 3. Equalização automática da imagem. Caso o resultado não esteja de acordo corri o esperado, pode-se destazer esta operação através do menu edit/ Lindo smudge toof (editar/ voltar) e equalizá-la manualmente, como mestra a Fig. 4. — —.- ck !nage aye, S eled F4ei ?w Wit. Ha - — Qarviet 1 RGB  Irçul Lovob 	 ir r i- 	 Cr1 ir- pr. rewq FIG. 4. Equalização manual usando o canal RGB. 1 	 • e..- ai 	 1........j. 	jFA 100 t. 4 	 Embrapa Informática Agropecuá,ia Instn,çôes Téc,icas Outro item questionado é o brilhoe contraste de uma imagem. Quando o material a ser digitalizado é de boa qualidade, não há necessidade de se preocupar com brilho/contraste. Para a necessidade de ajustar brilho econtraste, seguiros passos: • clicar na barra de ferramentas inag&adjust'brightness-contraSt; • 	 na caixa de diálogobrightness/contMst; ativea opção preview, para visualizar as alteraçóes na imagem; • 	 vá inserindo valores para brilho econtraste atéchegar, visualmente, à qualidade desejada e dique em OK. s Ok - . jCancel- E Contrast.- -JO 'PPreew - FIG. S. 	 Caixa de dálogo de brilho e contraste para ajuste manual. É importante lembrar que antes de se começar a fazer o tratamento numa imagem, deve-se salvá-la inicialmente no formato .PSD, para não correr o risco de perdê-la. Com estes procedimentos, pode-se resolver facilmenteos problemas relacionados à cor e brilho de uma imagem. No caso da imagem adquirir um tamanho maior queo desejado, pode-se redefini-lo: • clicarno menuimage/fmagesize; • 	 deixar ativadooitan constrafnproportion(medidas proporcionais); • 	 digitar nos campos width ( largura) o tamanho desejado da figura e confirmar com OK. A altura será alterada automaticamente, conformeilustra aFig. 6. - t 	 CK fI « sim WftxI1O34 	 Jcni H .- j72 	 I'zi Jeiettic 	- FIG. 6. Definição do tamanho de imagem. Definido otamanho da imagem, a mesmajá pode sersalva no formato determinado. Sea opçãopeloforrnatoforoJPEG: • clicar em flle/saveas ousave a copy (arquivo/ salvar como ou salvar como cópia); • escolha o formato JPEG na lista de formatos; • 	 ao clicar no botão salvar, abrirá uma a caixa de diálogo JPEG options; • 	 escolha um valor de qualidade entre 1 e 3 e dique em OK, como ilustra a Fig. 7. Embrapa !nfonnd dc. Agropccuá ria 	 5 Instn,çôn Técdcn PIUtIIjtt,.11, xl lflâQt3tfl _____ 01<1 € 	4 ircrIt ---,i •:, 	 .,,.., •.-.- 	 — .. 	- —'-- t -- e-- r%rr'rr 	 rflTgi y F st 1 ' r 	 )BazeefStandèd)i k\ - Çzftowesswo__- FIO. 7. Opção de qualidade no formato JPEG. Se a opção para salvara imagem foro forrnatoGlF, então: • clicarem image/mode/index color (imagem/modo! cor indexada), como ilustra a Fig. 8; • abrirá uma janela com valores pré-definidos, comodemonstra a Fig. 8.1; • escolher a que melhor se adapta ao trabalho e confirmar com OK; • escolha oformato OlE na lista deformatos e confirmar com OK. Gra3scaIe.> D iotope DtpcaêJ 	 : AppIjImage. .#fiGBcobr aIcutahons HYK Golot 2: 	 2• ImageSize... Multichannel Canvasize - Cro2 	 .. 1. 8B&chnneI 16 Bits/ChaneI Rotat!Canvas H 	 ColbvTàbIe... .. Histogant.. Trap...  FIO. 8. Indexação de imagem para salvar em GIF. 	EàttJMaPtiYe 	 ..• ,.±JH CøbrDePtKJs/ 	Cancei H I . 	 0ui 	 21 FIO. 8.1. Caixa de diálogo de cor indexada com valores pré-definidos do software (defaulti. Para exportar essas imagens para a Internet com a técnica de transparência, como já mencionado anteriormente, o formato deverá ser o GIF89a. Nesteformato, a característica de transparência é obtida da seguinteforma: um browr que atenda ao GIF89, vai apresentar todos os pixeis da cor selecionada como transparente, permitindo que apareça o plano de fundo. Nesta opção, é preciso selecionar uma única cor na imagem para que esta se torne transparente, e que será substituída em todos os lugares da imagem. Assim, todos ospixe!s que estiverem muito próximo da corselecionada vão setomar transparentes. Para io: • converta a imagem aberta para modocores indexadas, no menuimage/mode4ndexedcofor, • 	 na janela indexed co/orescol her as opções: adaptive/8 bits-pixe112561none e confirmar com OK; • 	 clicarem flle/e.*port/gif89aexport; • 	 clicar na cor que quer transformar eri transparente, como ilustra a Fig. 9 e confirmar com OK. 6 	 Ernbrapa Fnfosrnãúca Agropecuáda lnstniçôes Téc,ácas iliBY, E,cpu,I Otitions '4T!ii _o Exemplo de cor selecionada para ficar transparente. !> 	 car r r 	t 	 Traacy PCda 	-- 	 Cdvuinpalottt 256 •LJLaflflflUU•••UnflflQDDflI 1 	 mim QQ•UDDUDDUDnBDDrJDEIDUUOCDD3ODCD UflDDIDDDUU••EUQDIIBDUQflDDODD oE8lNDDCDDDD•DDflWoEflzJoDCo•Da FIG. 9. Cor selecionada para transpar&cia na opção do G1F89a. Seguindo estes passos, a digitalização está completa e a imagem pronta para ser disponibilizada na Internet, através de documentos html ou aplicações dinâmicas. 6. Recomendações finais O tamanho do arquivo da imagem é muito importante em relação a velocidade que o navegador levará para carregar e mostrar a imagem natela. Para a visualização de uma imagem para Internet, o ideal é que ela tenha no máximo 50kb. Em relação a resolução dos monitores, a maior parte dos monitores permite resoluções como 800 x 600 píxeis (pícture elements) e 1024 x 768 pixeis. No entanto, a maioria dos usuários pode não ter uma placa de vídeo que possibilite ver imagens com qualidade de cor nestas resoluções, limitando-os a resolução de 640 x 480pixe/s. Além disso, deve-se considerar que as barras de menus e rolagem dos navegadores ocuparão uma parte da tela, diminuindo mais ainda a área visível para a imagem. Por este motivo, é recomendável que as imagens tenham, no máximo, até 625 pixeis na largura e 320 pix eis na altura, ou menor, para que possam ser vistas confortavelmente em todos os navegadores e plataformas. 7. Referências bibliográficas JARDIM, J. Consiga imagens digitais com qualidade. Design Gráfico, p. 41-43, [1999?]. MELO, G.C. de; VENDRUSCULO, L.G. Imagens para Web: descrição dos processos de seleção, digitalização, tratamento e disponibilização. Campinas: Embrapa Informática Agropecuária. no prelo. PEOPLE COMPUTAÇÃO. Centro deTreinamento em Informática. Adobe Photoshop 5.0: básico. Campinas, 1999. 95p. SIEGEL, D. Criando sites arrasadores na web: a arte da terceira geração em design de sites. São Paulo: Hayden BooksfQuark Editora, 1996. 296p. Embrapa Infomtá&a Agropecuária 	 7 IMPRESSO &na Empresa Rias/leira de Pesquisa Agropeccá ria Cenüo Nacional de lbsquise Tecnológica em Informática pare a Agricultura Ministério de Agricultura e do Abastecimento Rue Dr. André Toseilo, 5/a" Caixa Postal 6041 - Bano Gera/do 12083-970 - Campinas. SP Fone (19) 3289-9800 Fax (19) 3289-9 594 E-aja!!: sac@cnptla.embrspa.br  hitp;J/www.cnpti&embrape.br MINISTÉRIO DA AGRICULUJRA 	 GOVERNO EDO ABASTECIMENTO 	 FEDERAL Trab,asndo r1 toda a Bit! 

Digitalização e tratamento de imagens para web usando o Adobe Photoshop versão 4.0.

http://www.infoteca.cnptia.embrapa.br/infoteca/bitstream/doc/7869/1/CNPTIAINST.TEC200.pdf

Digitalização e tratamento de imagens para web usando o Adobe Photoshop versão 4.0.

Abstract

Similar works

Full text

Available Versions

Infoteca-e