Como colocar logo animada no top do site???

Por: Julio Cezar Ferreira  

Em: 21/11/2008 00:52

Dae pessoal blz? seguinte:Alguém sabe como faço pra colocar animação de uma logo girando assim como esse site aqui?tipo fiz ela e tals mas não sei o formato em que salvo e tambem como fazer pra colocar la no top do site,só que apenas a animação vai estar no formato de flash e o resto do lado direito do top vai ser feito no photoshop e colocado no dreamweaver,tem como fazer assim?? desde ja agradeço. falou galera!!!!!!!!!!!
Daê pessoal!!Quero agradecer pelos tutoriais,são muito bons!!!Falou
Você tem que utilizar o Flash, importe o video para ele, grave-o como swf, ai o Dreamweaver vai reconhecer, se precisar de mais detalhes, estou a disposição.
Julio: colega, todo aquele menu superior da 3d1 oi feito em flash, a parte do logo girando provavelmente o andré exportou para o flash uma sequencia de imagens e lá somente as uniu formando enão a animação
Entendo,mas no meu caso queria saber se dá pra tipo no dreamweaver fazer o top mas deixando o espaço reservado como tabela do lado esquerdo pra colocar no caso a animação em swf como o nosso amigo Fernando citou. abraço.
Daê pessoal!!Quero agradecer pelos tutoriais,são muito bons!!!Falou
Olá Júlio. Siga estes passos para criar o .swf e inseri-lo no Dreamweaver: 1 - Crie a animação e salve-a com a extensão .mov no 3dsMAX. 1.1 - Para salvar nesta extensão, será necessário ter instalado o QuickTime, cujo download pode ser efetuado aqui: http://appldnld.apple.com.edgesuite.net/content.info.apple.com/QuickTime/061-4710.20080909.bnh76/QuickTimeInstaller.exe 2 - Com o vídeo .mov pronto, vamos importá-lo no Flash. 2.2 - Abra o flash e clique em File -> Import -> Import Video... 2.3 - Na janela aberta, selecione a opção "On your computer:", clique em "Browse...", mostre ao Flash onde está o arquivo e clique em "Next >". Você pode ver essa etapa aqui: http://www.inplug.net/julio/1.JPG 2.4 - Na janela que abrirá, selecione a opção "Embed video in SWF and play in timeline". Clique em "Next >". 2.5 - Na janela que abrirá, deixe as opções como estão por padrão e clique em "Next >". Você pode ver essa etapa aqui: http://www.inplug.net/julio/2.JPG 2.6 - Na janela que abrirá, você selecionará as opções pessoais e de qualidade referente ao vídeo. Eu apenas modifiquei a aba Video, conforme mostra nesta foto: http://www.inplug.net/julio/3.JPG . Após, clique em "Next >" e em seguida, em "Finish". 2.7 - Aparecerá uma barra de progresso, convertendo e "encodando" seu vídeo. Esta tarefa costuma demorar menos de um minuto. No meu caso, demorou menos de 2 segundos. Meu vídeo de exemplo é curtinho, hehe. 2.8 - Seu vídeo aparecerá na tela do flash, bastando agora vc mexer nele conforme sua vontade. No caso de ser apenas o vídeo, sem animações flash, apenas modifique o tamanho de sua animação e posicione o video corretamente. 2.9 - Para modificar o tamanho da animação flash, clique duas vezes no local que eu circulei, e modifique conforme a janelinha que aparecerá: http://www.inplug.net/julio/4.JPG 2.10 - Salve seu vídeo, indo em Export -> Export Movie... e escolhendo suas preferências. 3 - Agora que já temos o vídeo criado em .swf, basta importar no dreamweaver. Eu utilizo programação (PHP, HTML, WebStandards..) e não tenho o DW instalado, já que uso direto no bloco de notas. Então essa parte é com vc. Mas é super fácil e rápido importar um .swf no DW. Para fazer a parada da tabela, entra numa área diferenciada da proposta pelo 3D1, mas posso te ajudar por msn se tu ainda encontrares problemas. Cara, se tu não tiver o flash aí, me manda a animação por msn ou MP, que eu exporto para vc. MSN: [email protected] (Administradores, editem-no se não for permitido divulgar, por favor.) Forte abraço e espero ter sanado suas dúvidas, Matheus Tavares
não tem problema divulgar seu msn... (só que todos podem ver hehe.... se não tiver problema de um monte de gente adicionar vc.. sem crise.. rssrs.. p/ evitar isso usa mp.. mas é seu critério.. rs) eu costumo desenhar o site (fazer o croquis) no photoshop.... e fatio..... mando salvar p/ web que ele já cria o index.html com uma tabela e em cada célula da tabela uma fatia da imagem que vc desenhou.. de forma que a imagem fica perfeita ao visualizar no browser.... aí no canto lá em cima... na fatia que é flash... eu digo p/ o dreanweaver que será um video em flash (fica o iconezinho do flah palyer)... aí vou no flah... faço a animação (pode fazer exatamente como nosso amigo explicou ai em cima).... volto lá no dreanweaver.. e na célula que eu tinha separado p/ o video em flash.. eu configuro esse fidio que acabei de fazer.... pronto... tá feito.. hehe abraço.
dae galera!!consegui fazer funfar isso aqui XD,o único problema é que o fundo não fica invisivel =\,ele fica o branco do flash,será que o fundo é tirado no flash mesmo?? abração.
Daê pessoal!!Quero agradecer pelos tutoriais,são muito bons!!!Falou
Olá Julio. O fundo é extremamente fácil de ser "retirado". Basta adicionar um parâmetro chamado transparency, do html. Conversei com você por msn e já resolvemos o problema, mas vou postar como ficou seu código, para quem esteja precisando de ajuda também... Aí vai: <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','120','height','100','src','../logo/LOGO3','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../logo/LOGO3','wmode','transparent'); </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="120" height="100"> <param name="movie" value="../logo/LOGO3.swf"> <param name="quality" value="high"> <param name="wmode" value="transparent"> <embed src="../logo/LOGO3.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="120" height="100"></embed> Observação: Esse código está semi-pronto, mas falta a inicialização do arquivo .JS gerado pelo DW. É apenas um exemplo de estudo para como inserir um flash com fundo transparente. Abraços, Matheus Tavares
eu fiz um site com topo em jpg, e o canto, animado era um gif :)
valeu pela colaboração galera!! consegui fazer funcionar essa pira aqui ^^ falouuuuu!!!!!!!!
Daê pessoal!!Quero agradecer pelos tutoriais,são muito bons!!!Falou

Faça o login para poder comentar

Informações da Comunidade

Total de mensagens publicadas pelos membros da comunidade: 717422.

Total de membros registrados: 143176

Últimos membros registrados: LifeGaugeBreeze56685, LifeGaugeBreeze3545, OsanixCapsules345, Kennetoot, BillcKittrick, rbes, GROYCE, alfredopaz.

Usuário(s) on-line na última hora: 453

Legenda: Administrador, Especial, Moderador, Parceiro .

3D1 © Três D1 © 1999-2026. Todos direitos reservados.