Características gráficas de cada formato

Agora veremos as características gráficas de cada formato, isto é, como se comportam visualmente em ambientes de edição.

Por Luis Aceves


Publicado em: 26/3/09

Valorize este artigo:
Feche o Photoshop e abra o DreamWeaver:

1. No quadro de boas-vindas peça um arquivo novo clicando em HTML da coluna Create New.


2. Na barra de menu Modificar>Propriedades da página ( Modify> Page Properties). No quadro propriedades de página, clique no botão Examinar para buscar uma imagem de fundo.


3. No quadro selecionar origem da imagem (Select Image Source), busque fundo.gif na pasta do exercício que você copiou na área de trabalho. Clique em aceitar ao quadro de advertência e Aceitar (OK) ao quadro Propriedades da página.

A imagem deve abranger todo o fundo de sua página.


4. Na barra de menu Inserir>Imagem. Busque a pasta onde salvou os arquivos criados em Photoshop.


5. Selecione flatGIF e clique em Aceitar. No quadro de advertência clique em Aceitar.

A imagem aparece em sua página.

6. Insira da mesma forma cada uma das imagens que você exportou de Photoshop e cheque seu comportamento com respeito ao fundo. Pressione f12 para uma pré-visualização Web.

7. Você notará que a transparência de png 24 não é reconhecida por Dreamweaver enquanto que a de GIF e PNG8 sim é respeitada. A isto me refiro quando falo da compatibilidade dos formatos. Em geral os programas de edição de imagem ou vídeo reconhecem sem problemas os canais Alpha ou de transparência dos formatos que exportamos. Dreamweaver não é um editor de imagem por isso suas possibilidades se limitam à linguagem que maneja (HTML) e aos navegadores WEB onde se verá o produto final que nem todos reconhecem png24 sem a ajuda de outros linguagens aninhadas ou de dePlug-ins.

8. Abra Illustrator e peça um documento novo e em branco.

9. Desenhe alguns objetos na camada 1

10. Crie uma camada nova. Escolha File> Place.

11. Agora: importe uma imagem das que salvamos com Photoshop, esteja atento em seu formato ( gif, jpg, png…) e observe seu comportamento com respeito à camada 1 que faz de fundo.

Este programa sim que reconhece as transparências de PNG24, ou transparência Alfa, permitindo resultados gráficos muito variados, que a transparência total de GIF não permite. Conhecendo as características de cada formato e seu comportamento gráfico, você pode selecionar o formato que mais lhe convenha segundo as necessidades gráficas de seu projeto.






Usuários :    login / registro
Manuais relacionados
O autor

Home | Sobre nós | Copyright | Anuncie | Entrar em contato