KEN AWAMURA (130 pts)

SASHA GUDEY (235 pts)

MARLOS ALVES CARMO (90 pts)

AUTOR DESCONHECIDO (100 pts)

NETO LEAL (116 pts)

JOTA LAGO (40 pts)

GABRIEL SPORCH (53 pts)

NILTON BICALHO (61 pts)

DANIELA PIRES (86 pts)

DAAFY (55 pts)

RICARDO FIGUEIRA (33 pts)

FÁBIO DUARTE (79 pts)
Treinamento PontoFlash de Flash e ActionScript

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

Quero montar algo como um Céu cheio de estrelas piscando.

Como tirar o menu do FlasPlayer que se abre quando se clica com o botão direito do mouse?

É possível referenciar um botão sem ser dentro de um movieclip?

Como utilizar uma função para procurar valores dentro de uma variável?

Preciso formatar valores numéricos em moedas, com dois caracteres depois da vírgula.

Como deletar a última palavra de um campo de texto?

Como fazer que um botão em Flash pegue um link dinamicamente através do PHP?

Botões feitos no Fireworks não funcionam em um e-mail.

Quero colocar a data escrita por extenso em português no flash?

Para que serve o ONIO SKIN?

Como usar os métodos de desenho do Flash?

Algumas dicas de tipografia.

Problemas de envio de mensagem pelo Cdonts (ASP).
Controlando um swf que está em outro frame

MP3 player

Clique Direito

Executar funções de JavaScript (Flash+JavaScript).

Atenuação (easing).

Escrevendo e lendo arquivos TXT com o FlashMX.

Botão dinâmico via Action Script.

Sistema de newsletter utilizando Flash + ASP.

Objeto array - Classificar uma array (sorting) e e arrays multidimensionais

Criando um Editor HTML com o MM Flash

Frases randômicas

Jogo da Forca (segunda parte)
Type 2

Velocímetro

Caleidoscópio

Slide menu

Colision balls

Texto com scroll

Dottextsimple

Theba

Raio_x

Flash Banner

Multi text load

Dropzoom
HOME | TUTORIAIS
Degradé com tons metálicos - Fireworks
por Amaury Bentes

Às vezes desejamos aplicar dégradés com tons metálicos a um objeto qualquer. Objetos com tons metálicos possuem uma bela aparência e dão um ar profissional à página, principalmente quando simulam metais nobres como o ouro, a prata ou o bronze. Mas da mesma forma que o valor desses metais se deve a sua raridade, você também não deve abusar desse recurso que é usado principalmente para chamar a atenção para o objeto no qual é aplicado. Uma página com muitos objetos com dégradés metálicos não teria muito sentido.

   A maior dificuldade na criação dessa espécie de dégradé é definir as cores que irão formá-lo, já que não são tons comuns e devem ser buscados dentre as milhões de possibilidades existentes no conjunto de cores de 24 bits.

   Vamos aprender como aplicar alguns desses gradientes. Anote os valores RGB dos mesmos para quando tiver necessidade de aplicar um deles.

Criar um cilindro a partir de duas elipses e um retângulo

01 - Crie um objeto fechado qualquer que possa ser preenchido.
02 - Clique no objeto para selecioná-lo.
03 - Clique em Window>Fill para abrir o painel de mesmo nome

04 - Na caixa de seleção "Categoria de Preenchimento" escolha a opção "Linear"

   Por default o Fireworks preencherá o objeto com um dégradé linear do tipo White,Black, do branco para o preto. Você deverá editar esse dégradé para nele incluir as seqüências de cores que irão simular os tons metálicos.

05 - Clique no pequeno triângulo apontando para a direita que abre o menu pop-up do painel Fill.
06 - Clique na opção "Edit Gradient".
07 - Crie ponteiros que apliquem o dégradé com a transição de cores adequada para cada metal.

   É preciso escolher cuidadosamente as tonalidades usadas na transição das cores, já que a transição deve ser a mais suave possível e respeitando a direção de um suposto foco de luz que incide sobre o objeto, aliás, nós já utilizamos esse truque na tip nº2 para criar um cilindro metálico. Vamos usar a mesma seqüência de cores para criar uma textura de bronze e seqüências diferentes para simular outros metais.

BRONZE:

Seqüência das Cores:

#000000  #6A654D  #A8A480  #D0C4B0  #FFFFFF  #D0C4B0  #A8A480 #6A654D  #000000

   A cor de ambas as extremidades do painel de edição do gradiente é o preto. A cor do ponteiro central é o branco. Observe ainda que as cores são posicionadas simetricamente a partir do centro branco e que cinco foram utilizadas.

APARÊNCIA DO PAINEL:

OURO:

Seqüência das Cores:

#5C2E03  #835603  #CBA859  #FFE681  #FFFFCC  #FFFFFF  #FFFFCC #FFE681  #CBA859  #835603  #5C2E03

   Neste exemplo foi usada mais uma cor, num total de seis sendo #FFFF (branco), a cor central. Observe o posicionamento dos pequenos quadrados que definem a localização de cada cor no interior do objeto.

APARÊNCIA DO PAINEL:

COBRE:

Seqüência das Cores:

#804100  #FFC99  #FFFFFF  #FFC99  #804100

   No próximo exemplo, a seqüência de cores para os tons de cobre utiliza apenas três cores distintas.

APARÊNCIA DO PAINEL:

PRATA:

Seqüência das Cores:

#333300  #6A654D   #F2F2FFF  #FFFFFF  #F2F2FF  #6A654D  #333300

   Aqui foram usadas quatro cores. Observe que na linha acima, para facilitar a sua visualização, a cor aplicada ao código #FFFFFF, que representa o branco, não corresponde ao exibido na tela ao contrário do que ocorre com os outros valores.

APARÊNCIA DO PAINEL:


   Não basta utilizar a mesma seqüência de cores dos exemplos para criar a textura metálica. É muito importante respeitar também a posição dos pequenos retângulos referentes às cores do gradiente, que varia em cada um deles. Na ilustração final, podemos ver o resultado da aplicação das quatro texturas a uma forma, que além da aparência metálica, cria também uma ilusão tridimensional em cada uma das duplicatas.

 



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