GÉRIO (93 pts)

RICARDO FIGUEIRA (33 pts)

SÁVIO PONTE (39 pts)

MAURO ROCHA TAVARES (40 pts)

IRAPUAN MARTINEZ (45 pts)

DEMIS BUCCI (50 pts)

GABRIEL SPORCH (53 pts)

ZECA BALA (45 pts)

EDUARDO PERROUD (52 pts)

STICKMAN (155 pts)

SASHA GUDEY (235 pts)

HELEN TRIOLO (444 pts)
Treinamento PontoFlash de Flash e ActionScript

Gostaria de arrastar um objeto em apenas uma área determinada da página.

Como duplicar um movieclip em três posições diferentes determinadas?

Porque o ponteiro do mouse trocado não acompanha o mouse perfeitamente como deveria?

Estou com um problema de variável e condicionais no Flash.

Como carrego os vários filmes que utilizarei no meu flash em apenas um preload?

Como fazer para mudar as cores da barra de rolagem lateral?

Classe para facilitar o uso dos SharedObjects.

Como simular uma animação de um círculo sendo criado dinamicamente?

Com load movie into target, tem como carregar um SWF dentro de outro SWF?

Preciso de um programa para criar fontes.

Quero que numa conta (divisão) apareçam, no resultado, somente 2 casas decimais.

Preciso enviar um formulário integrando Flash e ASP.

O que uso para movimentar e dar um efeito zoom num objeto?

Como alterar duas propriedades de um objeto num só evento de um botão?
Como usar o Flash com o FrontPage?

Conceitos de Design - Apresentação.

Componente Slideshow

Tornando movieclips arrastáveis (drag movieclip)

Como eliminar vozes de um arquivo Wav.

Envio de um arquivo SWF por e-mail

Atenuação (easing).

Shake - navegador tremendo.

MC se movimenta ao contrario do mouse (velocidade, distância)

Login e senha

Blend - Fireworks

Criando um objeto para sua paleta personalizada (NINJA)
TV static

Trilha

Random block

Wireframe

WDDGmask

Pond

Alphacolor

Calculadora simples

Spinner

Nudemask1

Random color

Spiral
HOME | TUTORIAIS
Logo com aparência 3D - Fireworks
por Amaury Bentes

Já vimos em dicas anteriores que a aplicação de dégradés (ou "gradientes" na terminologia do Fireworks) pode ser utilizada para criar a ilusão de profundidade em um objeto qualquer, inclusive em textos. Como sempre, a maior dificuldade é descobrir quais as tonalidades exatas para que a transição das cores se dê de maneira suave produzindo um dégradé agradável de ser visto.

   Neste tutorial vamos aprender como criar um logotipo usando como base um texto simples que pode ser trabalhado para produzir um belo efeito. A partir de hoje todas as dicas, tutoriais e exemplos usados aqui em nossas "Fireworks Tips" serão produzidas com a utilização do Fireworks MX. Portanto, mãos à obra.

01 - Abra um documento novo no Fireworks MX de 500 pixels de largura por 120 de altura.
02 - Vá para Modify>Canvas e defina a cor do plano de fundo em Hex #003366.
03 - Clique no ícone da ferramenta Text na Toolbar para selecioná-la.
04 - Digite a expressão "PONTO FLASH!". Use a fonte Arial Black ou alguma equivalente.

Caso disponha de um número reduzido de fontes no seu sistema, você pode usar Arial, aplicando negrito.

05 - Usando a barra de propriedades, defina para ela um tamanho de 53, cor preta.
06 - Defina o nível de suavização, também na barra Properties, para "Smooth Anti-Alias" .
07 - Clique no pequeno quadro de aplicação de cor na barra de propriedades.
08 - Clique no botão com a opção "Fill Options" para ter acesso às opções avançadas de preenchimento.
09 - Escolha "Linear" para a categoria do preenchimento. Não mexa nas outras opções e clique no botão "Edit".
10 - Clique no primeiro ponteiro de cor na extremidade esquerda e aplique a cor #99CCFF, pressionando "Enter".

A partir de agora, para facilitar a aplicação das demais tonalidades do gradiente, você deverá guiar-se pelas posições dos ponteiros mostradas na figura a seguir:

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.

11 - Clique no balde de tinta e gire o vetor do gradiente de modo que o dégradé fique horizontal como na figura abaixo:

12 - Agora adicione um contorno ("Traço" na terminologia do Fireworks MX) usando para isso as opções existentes na barra de propriedades. Clique no pequeno quadrado da cor do traço e defina a cor do mesmo em #CCFFFF.
13 - Clique na opção "Stroke Options" para definir o traço para Basic, Soft Rounded.
14 - Para a espessura ("Tip") use o valor 2.
15 - Clique no sinal de "+" ao lado da palavra "Effects" na mesma barra de propriedades.
16 - Selecione Shadow and Glow>Inner Glow usando os parâmetros a seguir:

Width 2
Softness 3
Opacity 65 %
Softness 6
Color #336699

17 - Aplique agora uma sombra com Shadow and Glow>Drop Shadow usando os valores abaixo:

Distance 7
Opacity 65 %
Softness 6
Color #336699
Angle 315º

18 - Se as curvas de algumas letras estiverem um pouco serrilhadas, aplique o efeito Blur para suavizar um pouco.
19 - Clique na ferramenta de corte e corte a imagem de forma que ela se encaixe em um retângulo sem espaços a mais.

.

20 - Exporte para o formato desejado clicando em File>Export Preview.
21 - Eis aqui o resultado final:



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