EDUARDO CARREGA (150 pts)

FÁBIO DUARTE (79 pts)

LUIZ HERRERA (117 pts)

RICARDO TAKAHASHI (180 pts)

MARCELO SIQUEIRA (96 pts)

SASHA GUDEY (235 pts)

GUILHERME SCHEIBE (49 pts)

ZECA BALA (45 pts)

STICKMAN (155 pts)

EDUARDO PERROUD (52 pts)

LUI FERNANDO (151 pts)

ÉMERSON ROCHA (85 pts)
Treinamento PontoFlash de Flash e ActionScript

Script PHP para formulário em PHP + Flash.

Como fazer uma impressão (print) somente em um determinado frame no Flash?

O que é e para que serve o método getBounds()?

Biblioteca de fontes usadas em vários filmes (fontes compartilhadas).

Preciso de um timer que faça variar o valor de um campo dinâmico.

Como carrego e descarrego (load movie) um filme no mesmo botão?

Como defino uma pausa (delay) em meu filme?

Queria que minha página em HTML tivesse aquele script de data e hora.

Gostaria de saber pra que servem os levels?

Como faço para colocar efeito alpha em imagens gif, importadas para o flash?

Como inserir um flash numa pagina html de sem background ou transparente?

Quero fazer aquelas fumacinhas que cobrem o texto, como na MediaHaus?

Eu gostaria de saber o que é um IFrame.

Queria fazer um mouse trail com easing, mas que o movieclip ficasse sempre embaixo do mouse.
Efeito lente (máscara e zoom)

Grandene - Avaliação e sites

Movimento por meio de actionscript

Funções de actionscripts

Objeto Movieclip - Endereçamento (primeira parte)

Citroen, máscaras que simulam vídeo - Avaliação de sites

Efeito Blur - Actionscript

Flash no Espaço Geográfico

Editor de banco de dados (PHP-MySql) orientado a Objetos (OOP)

Como usar o Flash com o FrontPage?

Botão estilo Apple, feito no Flash.

Comunicação Flash-PHp-MySql - Objeto LoadVars
Theba

Dynamic

Trilha

Cubes2

3D cube

Menu vai e volta

Load dinâmico de fotos

Giratoria

Slide desk

Dots2a

Airos 2

Book of pages
HOME | TUTORIAIS
Jpeg, Gif, texto, gradientes X slices no Fireworks
por Eduardo Carrega

Leitores vem solicitando alguns assuntos já abordados nas colunas anteriores, mas como nossa profissão é uma análise constante do que podemos melhorar, e porque não!

Simplificando:
Os assuntos são:

1 - É possivel exportar partes do arquivo em jpg, outras em gif ou mais formatos simultaneamente?
2 - Qual é o melhor formato para cada tipo de imagem? (fotos, gradientes, textos... )

Resolvi falar novamente de 2 assuntos que já escrevi e que estão sendo muito solicitados, melhorei a forma de demonstrá-los e aprofundei um pouco mais, para isso, fiz somente um exercício demonstrando como se faz um fazendo o outro... complicou???

Veja o resultado do que vamos fazer:


Mãos à obra:

Criar esse trabalho acredito não ser trabalho para nenhum designer ou mesmo aventureiro, a finalidade do exercício não é aprender a fazer bolinhas ou escrever textos, e sim usar das propriedades válidas e interessantes de cada um dos objetos, distinguir no conjunto de pequenas configurações o que podem trazer de melhor para o resultado global de nossa criação.

   Texto sem Anti Alias simula perfeitamente a visualização html, podendo assim criar-se sites com mais precisão de visualização referente à um html. Se aliado à exportação como gif, essa fonte irá manter a exata aparência "seca" como foi criada.

   Abaixo fiz uma seleção múltipla de várias imagens que poderiam ser pontos importantes no documento e necessitam ter um slice, pois mais à frente iremos dar propriedades especiais à cada um destes.

   Após essa seleção, um clique com o botão direito sobre qualquer um dos elementos selecionados é suficiente para abrir o pop menu e optar pelo item "insert slices", que dispara essa janela perguntando que tipo de slice será aplicado sobre todos os elementos indicados.

   Optei em usar Multiple, pois isso facilita e muito o trabalho braçal de ter que ficar colocando um slice após o outro, assim o serviço é feito de uma só vez!

   Os slices foram "distribuídos" sobre os elementos, agora chegou a hora de indicar uma configuração "padrão" para todos eles, em alguns mais adiante serão novamente alterados. Optei em usar Gif 128 cores, pois se adequa perfeitamente a variações de cores básicas e supre perfeitamente a necessidade de variações de cores das fontes principalmente, que deverá ser mínima.

   Para o restante do documento, principalmente o fundo azul aplicado, posso escolher menos cores ainda, pois é mínima a necessidade perfeccionista nesse caso, já que vamos configurar o que "sobrou" das cores, prefiro utilizar o painel "Optimize" que fornece maior personalização de minhas configurações e aplicar apenas 16 cores para o azul do fundo.

   Para indicar que você está aplicando esta configuração ao que "sobrou" ou tecnicamente ao Background, basta clicar com o mouse numa região sem elementos para que nada fique selecionado no seu trabalho.

Agora vem realmente uma parte muito importante, é onde vamos definir quem deve usar configurações JPEG na hora da exportação.

   Todo tipo de fotos, imagens, montagens, feathers, gradientes, sombras e outros do gênero que possuam intensa graduação de cores, deve ser configurado como saída JPEG, e isso se faz através dos slices distribuídos anteriormente pelo trabalho.

   Fiz uma seleção múltipla dos slices que estão sobre os elementos que tem as características acima e até mudei estes slices de tonificação para podermos identificá-los com maior facilidade. Um slice a mais foi criado sobre "ABC jpeg" nesse processo.

   No properties optei em JPEG Better Quality, que poderia ser também selecionado no painel Optimize.

   Estamos quase no fim, antes de sair exportando, visualize seu arquivo dentro do próprio Fireworks, para isto pressione no tools o ícone que oculta os slices, que pode ser feito também no painel layers clicando-se sobre o olho que controla a exibição de todos os web layer ou ainda simplesmente pressionando o número "2" no teclado.

Em seguida clique na guia preview, e...

   Pronto, se tudo estiver correto, verá imagens comparativas com os 2 tipos de configurações e entenderá porque é necessário e importante as configurações.

Faça a comparação, olhe o mesmo elemento com saídas nos 2 formatos:

 

   Um dica interessante é que no topo de cada slice criado, fica estampado o nome dele e o tipo de configuração de cor utilizada.

e o resultado final:

Clique e baixe o "padroes.zip" contendo todos os arquivos utilizados nessa coluna.


Dicas:

Este tipo de conhecimento de configuração de slices X formato deve fazer parte de todos os trabalhos que você venha à executar, são indispensáveis para o sucesso de acabamento visual e controle absoluto sobre o que você mostra e publica na web.

Lembre-se, um profissional é sempre capaz de diagnosticar rapidamente um site com mau acabamento, e agora com certeza, você também.

Faça um bom trabalho, capriche, só temos a ganhar!



Devido à reformulação implementada no site, pode ser que você encontre alguns links quebrados. Por favor, ajude-nos a corrigir eventuais problemas nos informando links quebrados
0 comentário