• Olá Visitante, se gosta do forum e pretende contribuir com um donativo para auxiliar nos encargos financeiros inerentes ao alojamento desta plataforma, pode encontrar mais informações sobre os várias formas disponíveis para o fazer no seguinte tópico: leia mais... O seu contributo é importante! Obrigado.

[Tutorial]Rayoflight.

helldanger1

GForum VIP
Entrou
Ago 1, 2007
Mensagens
29,631
Gostos Recebidos
1
O efeito cria a ilusão de um spot de luz sobre cada uma das letras que forma uma palavra. Para isso é necessário ter cada letra como elemento gráfico separado, assim como também o efeito de cada letra. Os ângulos do efeito variam conforme a posição de cada letra no texto, isto é, na letra mais à esquerda o efeito deve vir da esquerda para o centro. As letras centrais devem sofrer o efeito dos dois lados, direito e esquerdo e em ângulos menores, enquanto o efeito da letra mais à direita deve se mover também para a direita.

Em nosso exemplo utilizaremos a palavra FLASH4. Para isso adicione à nossa biblioteca cada uma das letras e o número como elementos gráficos. Digite separadamente as letras F , L , A , S , H e o número 4 e pressione F8 uma vez para cada um.

rayoflight01.jpg
 

helldanger1

GForum VIP
Entrou
Ago 1, 2007
Mensagens
29,631
Gostos Recebidos
1
Começaremos por criar um trapézio como elemento gráfico e preenchê-lo com um degradé.

Para cada uma das letras criaremos um efeito que será outro elemento gráfico e vamos nomeá-los efeitoF, efeitoL e assim por diante.

Para construir o efeitoF digite novamente a letra "F" ou simplesmente arraste-a da biblioteca. Faça o mesmo com o elemento trapézio. Agora, com o efeito rotate, teremos de fazer com que o trapézio seja deformado e se encaixe na letra "F". Com o encaixe pronto você terá de fazer o grupamento dos elementos (MODIFY / GROUP ou pelo atalho CRTL + G). O efeito da letra "F" está pronto.

rayoflight02.jpg
 

helldanger1

GForum VIP
Entrou
Ago 1, 2007
Mensagens
29,631
Gostos Recebidos
1
De forma análoga, faremos o mesmo com cada uma das letras e com o número 4.

Com os elementos gráficos ¾ letras e respectivos efeitos ¾ vamos iniciar a construção do efeito em nossa cena. Ele funciona a partir de algumas interessantes propriedades do Flash4. A principal delas é que o layer que estiver posicionado mais abaixo na linha de tempo é sobreposto sobre o que esta acima e assim por diante. O truque consiste em primeiro colocar o efeito e depois sobrepor a letra num layer logo acima. Com o efeito de tweening aplicamos um "color alpha", fazendo com que o resultado vá aparecendo aos poucos. A letra se sobrepõe na sua posição e novamente com o efeito tweening + color alpha a luz desaparece da cena. A maior dificuldade agora é posicionar a letra corretamente sobre o efeito, assim como a seqüência de letras. É um pouco trabalhoso mas vale a pena, pois o resultado é fantástico.

A utilização do inspetor de objetos ajuda muito o posicionamento de cada um dos elementos. Neste exemplo o efeito da linha de tempo foi de 5 keyframes, para que o resultado seja bem percebido. Para publicar, utilize um número menor (3 keyframes), assim causará mais impacto. Diversas variantes e aperfeiçoamentos podem ser elaborados. Com certeza dará trabalho, mas se você estiver disposto, faça o efeito apenas com as letras e o trapézio. Utilize o efeito rotate separadamente para aumentar a ilusão da luz se movimentando, rotacionando também o trapézio ao aplicar o tweening.

Para incrementar o resultado final, vamos utilizar mais um truque: adicionar uma esfera de luz ao efeito da letra "H" , aumentando assim a perspectiva de movimento da iluminação.

rayoflight03.jpg
 
Topo