MAURO ROCHA TAVARES (40 pts)

ÉMERSON ROCHA (85 pts)

SÁVIO PONTE (39 pts)

AMAURY BENTES (123 pts)

LUIZ HERRERA (117 pts)

DEMIS BUCCI (50 pts)

EDUARDO WALMOTT (226 pts)

JOTA LAGO (40 pts)

FLASHGURU (155 pts)

GABRIEL SPORCH (53 pts)

IRAPUAN MARTINEZ (45 pts)

NETO LEAL (116 pts)
Treinamento PontoFlash de Flash e ActionScript

Como posso randomizar um Go To para frames entre 4 e 10?

Como tornar palavras inseridas em um scroll em links clicáveis?

Quero montar um gráfico de barras que ao rodar o filme, fossem crescendo.

Tem como setar um level (nível) para um movieclip?

Como salvar uma variável do Flash dentro de um XML ou ASP?

Treinamento PontoFlash de Flash e ActionScript - AS2 e AS3

Como desabilitar os comandos Esc e Alt+F4 numa página do flash?

Função de um movie clip.

Como eu faço um relógio digital e com data junto?

Como colocar um Ícone na Barra de Endereços no IE?

Como alterar a cor de um movieclip no mouseOver via actionscript?

Quero colocar um som de fundo sem interrupções ou cortes.

Como faço um sistema de banners aleatórios?

Haveria um código javascript para fazer esse resize automático num HTML?
Separar mensagens das listas das pessoais, usando o Outlook

Relógio analógico

Download de arquivos com a classe File Reference

Objeto XML - xml viewer

Betinhocarreiro e Dysney.

Adicionar ao favoritos

Controlar movimento de uma máscara

Alterando Artistic Media no Corel Draw

Objeto Math.

GetMySQLData para Flash5 (segunda parte)

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

Janelas tipo Windows com Swap Depth
Texto matrix

Barco no hit

Plasma2D

Text fx1

Scroll Component

Bspline1

Starwars text

Move menu

Roll Image

Troca cor de fundo

Scrollbar easy

Lights many
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