Fireworks: Banners com digitação de textos

Nesta coluna iremos aplicar um efeito de digitação em textos bem interesante para ser utilizados em banners.

Por | @oficinadanet Softwares
Nesta aula iremos tratar sobre a criação de um efeito de digitação de textos no fireworks que é um ótimo efeito a ser utilizado em banners para sites,utilizando a configuração 468*60 conforme descrito abaixo:

Fireworks: Banners com digitação de textos
Figura01-Novo Documento


Onde usaremos a ferramenta Rectangle tool onde iremos fazer um retângulo com as mesmas propriedades do documento criado, resultando na tela abaixo:

Fireworks: Banners com digitação de textos
Figura02-Retângulo


Onde a principio iremos usar as seguintes cores:
#ffffff com gradiente Waves conforme vemos abaixo:

Fireworks: Banners com digitação de textos
Figura03-Cores


Agora iremos aplicar o efeito se utilizando do textoOFICINA DA NET” onde iremos escrever uma letra sucedida desse símbolo “_ (underline)” conforme vemos abaixo:

Fireworks: Banners com digitação de textos
Figura04-Texto


Agora basta selecionar o menu  “FRAMES” através do menu Window ou as teclas de atalho “SHIFT + F2” e criarmos a quantidade de frames conforme o número de letras da nossa palavra que em nosso caso são 12,assim descritos abaixo:

Fireworks: Banners com digitação de textos
Figura05-Frames


Agora é só passar pelos frames e ir completando a palavra onde podemos incrementar trocando a formatação do texto (cor, tamanho e fonte do texto) e o tempo de transição entre cada frame fica a seu dispor, abaixo vemos o resultado desse nosso exemplo onde ressalto que toda sua configuração fica a critério de seu desenvolvedor, qualquer dúvida, sugestões de tópicos ou outros assuntos postem nos comentários, obrigado por sua atenção e ate a próxima coluna.

Fireworks: Banners com digitação de textos

Mais sobre: fireworks tutoriais texto
Share Tweet
Recomendado
Comentários
Carregar comentários
Destaquesver tudo