Jump to content


Photo

Tuto Fireworks - Tween Instances


  • Faça o login para participar
24 replies to this topic

#1 PenDragon

PenDragon

    Super Veterano

  • Ex-Admins
  • 2192 posts
  • Sexo:Masculino
  • Localidade:Brasília - DF

Posted 30/09/2003, 10:22

E ae...

Como havia prometido, aí vai um tuto de um recurso interessante no Fireworks.

Tween instances, algo como "intâncias gêmeas". É bem simples de fazer.

Vamos lá então:

1- Crie um arquivo de 500 x 500.

2- Faça uma linha com a ferramenta Line(linha) como na imagem 1.
3- Vá no menu, Modify(modificar)>Symbol(símbolo)>Convert to symbol(converter para símbolo)>grafic(gráfico)>dê ok

4- Depois em Edit(editar)>Clone(clonar) (ou arraste a linha com a tecla alt pressionada), para duplicar o objeto.

5- Vá na ferramenta transform e rode-a, tirando-a do lugar tbem, como imagem 2.

6- Em seguida selecione os dois objetos (usando a tecla shift), e vá no menu Modify(modificar)>Symbol(símbolo)>Tween instances> imagem 3, ponha 20 em steps (qto mais alto o número mais linhas são adicionadas (sem marcar distribute to frames) e dê ok.

7- Pronto! Só esperar a "mágica" . imagem 4.
Varie fazendo linhas curvas tbem imagem 5

É possível fazer com mais de dois objetos selecionados.


Animando as linhas:

Chegando no ítem 6 marcar distribute to frames, dar ok, e dar play no pé do documento. o Fire faz a animação de uma linha para a outra.

Lembrando q no pé da paleta frames, temos as opções de looping, animar 1 vez, etc.

Espero q tenham gostado desse tuto, Pode ser muito útil dependendo da criatividade de quem está fazendo.

Abraços

Attached Files



#2 x-games

x-games

    Upgrade

  • Usuários
  • 1228 posts
  • Sexo:Não informado
  • Localidade:São Paulo
  • Interesses:Informática, internet, games, musicas, filmes, esportes, sexo

Posted 30/09/2003, 12:05

Chapado esse tuto hein .. muito bom ... (y)
A vida é dura pra quem é mole

#3 PenDragon

PenDragon

    Super Veterano

  • Ex-Admins
  • 2192 posts
  • Sexo:Masculino
  • Localidade:Brasília - DF

Posted 30/09/2003, 14:12

Valeu x-games!

Ver o resultado é muito legal qdo se faz esse "exercício".

falow

#4 knight

knight

    :: Marijuana4ever ::

  • Usuários
  • 6 posts
  • Sexo:Não informado
  • Localidade:Porto Alegre

Posted 30/09/2003, 16:26

legal mesmo pen, eu tinha visto essas linhas ae no seu layout e nem sabia que tinha feito no fire, valew pela dica! =)

FALOWS!
## Trabalhando na: DSN Brasil ##
# Soluções para a Web #
ICQ: 153448484
E-MAIL: mateus@marijuana.com
Designer - DSN BRASIL
LastWork - CINETOTAL

#@#@# Frase do Mês: #@#@#

''Mulher gostosa é igual a melancia, ninguem consegue comer sozinho''

#5 PenDragon

PenDragon

    Super Veterano

  • Ex-Admins
  • 2192 posts
  • Sexo:Masculino
  • Localidade:Brasília - DF

Posted 30/09/2003, 16:50

Falow knight!

Informação é para ser passada adiante, e para todos!

Valeu! (y) :D

#6 ::..Douglas..::

::..Douglas..::

    Novato no fórum

  • Usuários
  • 6 posts
  • Sexo:Não informado
  • Localidade:Carapicuiba/SP

Posted 01/10/2003, 11:11

Muito bom! :)

#7 PenDragon

PenDragon

    Super Veterano

  • Ex-Admins
  • 2192 posts
  • Sexo:Masculino
  • Localidade:Brasília - DF

Posted 02/10/2003, 12:16

Fácil demais né não?

Pra animar então... é brincadeira!

#8 4r4r0x

4r4r0x

    .: [4r4design!] :. - Breve

  • Usuários
  • 33 posts
  • Sexo:Não informado
  • Localidade:Franca
  • Interesses:webdesign, internet

Posted 03/10/2003, 15:15

MTO bom msm... eu tinha pensado q vc tinha feito no 3dsmax hehehe

#9 PenDragon

PenDragon

    Super Veterano

  • Ex-Admins
  • 2192 posts
  • Sexo:Masculino
  • Localidade:Brasília - DF

Posted 03/10/2003, 15:18

hehe, ae 4r4r0x, fios azuis, fundo branco... dá até pra enganar né? hehe

Valeu! (y) :D

#10 SlimShady

SlimShady

    OBS: Reflita

  • Usuários
  • 233 posts
  • Sexo:Não informado
  • Interesses:Edição de imagens, layouts e sites...

Posted 03/10/2003, 16:30

heheh! mt bom pen!
vou usar no meu proximo trabaio hehe...

flwz, slim... (y)
Caio Mora ( (e)studios AQUA )
www.estudios-aqua.com

#11 Peri

Peri

    Consultor SAP

  • Usuários
  • 565 posts
  • Sexo:Não informado
  • Localidade:São Paulo - SP

Posted 03/10/2003, 21:47

Vc ate aplicou no lay que mandou para o contest hehehe , muito bom , da pra fazer efeitos otimos
[]s
t+
+-----------------------------------------------------------------------------------------------------------
UH Terêrê ... Voltei!

#12 advanced

advanced

    ...

  • Usuários
  • 603 posts
  • Sexo:Masculino
  • Localidade:Brasil
  • Interesses:Muitos

Posted 03/10/2003, 22:01

Isso é otimo para dar uma vida para um abstrato.
quando eu fazer abstratos eu vou colocar isso...
vlw pelo tuto!
flw's

#13 PenDragon

PenDragon

    Super Veterano

  • Ex-Admins
  • 2192 posts
  • Sexo:Masculino
  • Localidade:Brasília - DF

Posted 03/10/2003, 22:17

Quem tem o Fire em português pra dizer como traduziram "tween instances"?

Como ficou?

#14 advanced

advanced

    ...

  • Usuários
  • 603 posts
  • Sexo:Masculino
  • Localidade:Brasil
  • Interesses:Muitos

Posted 03/10/2003, 22:23

Eu tenho o fire MX em portugues...
por acaso eu abrir ele e vi, ja to usando o 2004
fica Interpolar ocorrencias...
flw's

#15 PenDragon

PenDragon

    Super Veterano

  • Ex-Admins
  • 2192 posts
  • Sexo:Masculino
  • Localidade:Brasília - DF

Posted 03/10/2003, 22:36

Interpolar ocorrências? huahauaha

Nunca imaginei... hehehe

Valeu! (y) :D




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq