GABRIEL SPORCH (53 pts)

LEANDRO AMANO (83 pts)

JOTA LAGO (40 pts)

MARLOS ALVES CARMO (90 pts)

MAURO ROCHA TAVARES (40 pts)

PEDRO CLAUDIO (50 pts)

DAAFY (55 pts)

ALEXANDRE PORTO (1281 pts)

ZECA BALA (45 pts)

DEMIS BUCCI (50 pts)

ÉMERSON ROCHA (85 pts)

DANIELA PIRES (86 pts)
Treinamento PontoFlash de Flash e ActionScript

Como fazer um formulário no FlashMX com ASP?

Como eu faço pra quando publicar não ficar um quadrado preto ao redor?

Como eu faço para: se a palavra digitada for qualquer então vá para frame 20 senão, vá para frame 30.

Um movie que está no _level0 pode ler uma variável que está no _level1 repetidamente?

Botões em _levels inferiores continuam clicáveis.

Preciso converter elementos de uma string separada por vírgulas em um Array!

Como armazenar dados em uma base de dados para só depois serem importadas para o Access?

Gostaria de saber se o Flash 5 importa aquivos do Photoshop com extensão .psd?

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

Como arrastar um objeto que está dentro de um componente para fora dele?

Como poderia colocar um bitmap no MX via load e posiciona-lo no palco?

Estou criando um combo works ou o famoso jogo de palavras.

Como faço para definir a cor de um objeto digitando um código hexadecimal num campo de texto?

Quero montar uma eleição com fotos dos candidatos e armazenando os votos.
Site da banda os Titãs - Avaliação de sites

Variáveis do servidor ASP em ambiente flash

GuestBook usando integração Flash e PHP.

Rotacionar objetos 3D no Flash.

Desenvolvendo um Tocador de Vídeo em Flash

Como criar um site totalmente dinâmico em Flash MX

Gravidade no Flash.

Uma enquete usando ASP e Flash.

Scroll dinâmico no Flash 5.

Objeto Array: métodos sort() e reverse().

Conceitos de Design - Apresentação.

Botões estilo Apple.com feito no PhotoShop
Overscroll

Mapa do Brasil e da América do Sul

Calculadora simples

Load image

Chinese dragoon

Wormspyder

F5 loading scene

Um por vez

Carro com Tweening

Rolagem dinâmica

Texto com fade

Rolltext com mask
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