Atualmente entrei no Kit.net, UOL, ScriptBrasil.com, e eles estão fazendo um efeito muito loko!!!!!
São flashs, que parecem que ficam sobre os textos, imagens, e são tranparentes, ou seja, você faz uma bolinha, essa bolinha, fica sobre a página, mas sem fundo, parece um gif, só fica o contorno da bolinha.
Não sei se o Kit.net já retirou, mas o efeito deles eram um numero 1, da UOL, é um efeito que aparece no canto da página e desenrola um tipo de papel.......
Se alguem souber como se faz isso, me avisa??????
Flash Transparente???
Started By X4ND4O/RP, 19/12/2002, 13:35
10 replies to this topic
#1
X4ND4O/RP
-
- Usuários
-
- 202 posts
12 Horas
- Sexo:Não informado
- Localidade:Ribeirão Preto / SP
Posted 19/12/2002, 13:35
// null...
#2
angelhell
angelhell
-
- Visitantes
Posted 19/12/2002, 14:28
Poe esta tag junto com as demais do teu filme flash na sua página:
<PARAM NAME=wmode VALUE=transparent>
mas se não me engano só funciona no IE
<PARAM NAME=wmode VALUE=transparent>
mas se não me engano só funciona no IE
#3
Alex Rocha
Alex Rocha
-
- Visitantes
Posted 19/12/2002, 14:35
Olá Amigo, sou designer gráfico e desenvolvi este efeito para o PORTAL TERRA!!!
O correto para se criar este efeito de publicidade é o seguinte:-
Vamos Lá:
Publicidade Flutuante - GIF
Para fazer a publicidade não usaremos nenhum tipo de programação. Usaremos apenas timeline.
Então, crie uma camada (chamada MASK) com a medida exata de todo o site.. em nosso exemplo, 778px X 733px. Coloque essa camada como máscara (Overflow = Hidden).
Agora, crie uma outra camada (chamada publicidade) dentro da camada "mask". Isso deve ser feito para evitar barras de rolagem caso sua animação precise passar do limite de rolagem.
Dentro da camada "publicidade", insira sua GIF. Esta gif poderá ser animada ou não e, claro, transparente. volto a dizer para uma atenção maior no Export da GIF transparente. Veja abaixo nossa GIF:
Com as camadas feitas e a gif inserida, vamos animar.
Adicione a camada "publicidade" à Timeline. Ao animar essa camada, teremos o movimento da publicidade em cima do site.
Em nosso exemplo, fizemos uma animação em forma de quadrado. Veja abaixo os dados da Timeline:
---------------------------------------------------------------
01 - 220 é o número de frames que temos na animação. Este número será definido de acordo com as necessidades de velocidade da sua publicidade.... Mais frames para uma animação mais lenta... Menos frames para uma animação mais rápida.
02 - FPS = 30. Quanto mais frames por segundo, mais suave fica o movimento da camada. Lembre-se da coluna "Timer", onde FPS=1, sendo animada de 1 em 1 segundo.
03 - Autoplay ativado. Ao carregar a página, a animação se iniciará automaticamente.
04 - Loop ativado. Ao término da animação, ela será jogada ao início, fazendo um ciclo infinito, até que a animação seja para com o click na propaganda.
---------------------------------------------------------------
Veja na figura abaixo como fica o movimento pré-definido para a camada:
---------------------------------------------------------------
01 - Veja que ao animar a camada, um "rastro" será deixado indicando a linha pela qual a camada seguirá.
---------------------------------------------------------------
Agora, com a animação pronta, vamos fazer a ação OnClick para abrir um eventual Link, para parar a animação e para esconder a camada.
Selecione a imagem da GIF. Aplique dois behaviors:
01 - Stop TimeLine, selecionando a timeline que anima a camada "publicidade".
02 - Show-Hide Layers, dando um HIDE para a camada "publicidade". Se desejar, atribua HIDE para a camada "MASK" também.
E para finalizar, atribua normalmente o link para a página que abrirá. Não esqueça de definir o Target. Em nosso exemplo, ele foi _blank para abrir numa nova janela.
Está pronto o exemplo com GIF. Vamos agora ver como fazer o mesmo com um Flash.
Publicidade Flutuante - FLASH
Para animar uma publicidade em Flash, usaremos o mesmo princípio da animação. Repita os processos até as animações da camada, substituindo a figura GIF pelo arquivo SWF do Flash. O que vamos mudar são as ações. O SWF pelo dreamweaver não aceita nenhum tipo de behavior como Show-hide Layers etc.. Por isso, TODAS as ações deverão ser feitas dentro do próprio SWF. Veja abaixo nosso arquivo SWF:
---------------------------------------------------------------
SOBRE O ARQUIVO SWF:
01 - Ele deve ser exportado Transparente.. para isso, você pode, no Macromedia Flash utilizar o "Publish Settings" e exportar um SWF + HTML, mudando a opção para transparente:
Depois, é só copiar para o HTM desejado.
Porém, você pode também atribuir no próprio Dreamweaver este parâmetro. Veja abaixo a TAG com as modificações:
<PARAM NAME=movie VALUE="flash.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=wmode VALUE=transparent>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED
src="flash.swf" quality=high wmode=transparent bgcolor=#FFFFFF WIDTH="400" HEIGHT="200" NAME="flash" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedi...etflashplayer">
</EMBED>
02 - Baixe AQUI o projeto do SWF. Veja as ações. Existe um botão transparente em cima animação. Neste botão, colocamos a ação para abrir o novo link e a ação para ir ao segundo frame, onde uma transparência de 100% é aplicada à todos os objetos, fazendo-os desaparecer.
---------------------------------------------------------------
Exportando então o SWF, modificando seus parâmetros, teremos uma animação com camadas + Flash.
Visto tudo, fica clara a superioridade do trabalho com o Flash.... veja que o recorte da imagem fica exato, sem qualquer erro (erros causados pelo Export em Gif Transparente). Além disso, os objetos meio transparentes, mantêm essa característica... veja isso na palavra "Viagens" do nosso SWF, e ainda temos a possibilidade das animações levíssimas do Flash. É, sem dúvida, a melhor opção, não tirando os méritos da GIF hehehe.
Mas, todo cuidado é pouco... as vezes, a apelação com publicidade irrita o visitante... quem já não ficou irritado com janelas pop-ups abrindo aos montes?? essa nova idéia em publicidade deve ser explorada mas, nunca apelada....
Abraços!!!
O correto para se criar este efeito de publicidade é o seguinte:-
Vamos Lá:
Publicidade Flutuante - GIF
Para fazer a publicidade não usaremos nenhum tipo de programação. Usaremos apenas timeline.
Então, crie uma camada (chamada MASK) com a medida exata de todo o site.. em nosso exemplo, 778px X 733px. Coloque essa camada como máscara (Overflow = Hidden).
Agora, crie uma outra camada (chamada publicidade) dentro da camada "mask". Isso deve ser feito para evitar barras de rolagem caso sua animação precise passar do limite de rolagem.
Dentro da camada "publicidade", insira sua GIF. Esta gif poderá ser animada ou não e, claro, transparente. volto a dizer para uma atenção maior no Export da GIF transparente. Veja abaixo nossa GIF:
Com as camadas feitas e a gif inserida, vamos animar.
Adicione a camada "publicidade" à Timeline. Ao animar essa camada, teremos o movimento da publicidade em cima do site.
Em nosso exemplo, fizemos uma animação em forma de quadrado. Veja abaixo os dados da Timeline:
---------------------------------------------------------------
01 - 220 é o número de frames que temos na animação. Este número será definido de acordo com as necessidades de velocidade da sua publicidade.... Mais frames para uma animação mais lenta... Menos frames para uma animação mais rápida.
02 - FPS = 30. Quanto mais frames por segundo, mais suave fica o movimento da camada. Lembre-se da coluna "Timer", onde FPS=1, sendo animada de 1 em 1 segundo.
03 - Autoplay ativado. Ao carregar a página, a animação se iniciará automaticamente.
04 - Loop ativado. Ao término da animação, ela será jogada ao início, fazendo um ciclo infinito, até que a animação seja para com o click na propaganda.
---------------------------------------------------------------
Veja na figura abaixo como fica o movimento pré-definido para a camada:
---------------------------------------------------------------
01 - Veja que ao animar a camada, um "rastro" será deixado indicando a linha pela qual a camada seguirá.
---------------------------------------------------------------
Agora, com a animação pronta, vamos fazer a ação OnClick para abrir um eventual Link, para parar a animação e para esconder a camada.
Selecione a imagem da GIF. Aplique dois behaviors:
01 - Stop TimeLine, selecionando a timeline que anima a camada "publicidade".
02 - Show-Hide Layers, dando um HIDE para a camada "publicidade". Se desejar, atribua HIDE para a camada "MASK" também.
E para finalizar, atribua normalmente o link para a página que abrirá. Não esqueça de definir o Target. Em nosso exemplo, ele foi _blank para abrir numa nova janela.
Está pronto o exemplo com GIF. Vamos agora ver como fazer o mesmo com um Flash.
Publicidade Flutuante - FLASH
Para animar uma publicidade em Flash, usaremos o mesmo princípio da animação. Repita os processos até as animações da camada, substituindo a figura GIF pelo arquivo SWF do Flash. O que vamos mudar são as ações. O SWF pelo dreamweaver não aceita nenhum tipo de behavior como Show-hide Layers etc.. Por isso, TODAS as ações deverão ser feitas dentro do próprio SWF. Veja abaixo nosso arquivo SWF:
---------------------------------------------------------------
SOBRE O ARQUIVO SWF:
01 - Ele deve ser exportado Transparente.. para isso, você pode, no Macromedia Flash utilizar o "Publish Settings" e exportar um SWF + HTML, mudando a opção para transparente:
Depois, é só copiar para o HTM desejado.
Porém, você pode também atribuir no próprio Dreamweaver este parâmetro. Veja abaixo a TAG com as modificações:
<PARAM NAME=movie VALUE="flash.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=wmode VALUE=transparent>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED
src="flash.swf" quality=high wmode=transparent bgcolor=#FFFFFF WIDTH="400" HEIGHT="200" NAME="flash" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedi...etflashplayer">
</EMBED>
02 - Baixe AQUI o projeto do SWF. Veja as ações. Existe um botão transparente em cima animação. Neste botão, colocamos a ação para abrir o novo link e a ação para ir ao segundo frame, onde uma transparência de 100% é aplicada à todos os objetos, fazendo-os desaparecer.
---------------------------------------------------------------
Exportando então o SWF, modificando seus parâmetros, teremos uma animação com camadas + Flash.
Visto tudo, fica clara a superioridade do trabalho com o Flash.... veja que o recorte da imagem fica exato, sem qualquer erro (erros causados pelo Export em Gif Transparente). Além disso, os objetos meio transparentes, mantêm essa característica... veja isso na palavra "Viagens" do nosso SWF, e ainda temos a possibilidade das animações levíssimas do Flash. É, sem dúvida, a melhor opção, não tirando os méritos da GIF hehehe.
Mas, todo cuidado é pouco... as vezes, a apelação com publicidade irrita o visitante... quem já não ficou irritado com janelas pop-ups abrindo aos montes?? essa nova idéia em publicidade deve ser explorada mas, nunca apelada....
Abraços!!!
#4
X4ND4O/RP
-
- Usuários
-
- 202 posts
12 Horas
- Sexo:Não informado
- Localidade:Ribeirão Preto / SP
Posted 22/12/2002, 21:08
Ow valew!!!
Tudo explicadinho! To criando a minha aqui!
Quando ficar pronto colocarei em uma página de Teste pra ver se ficou bom!
Muito Obrigado, angelhell e Alex Rocha!
Tudo explicadinho! To criando a minha aqui!
Quando ficar pronto colocarei em uma página de Teste pra ver se ficou bom!
Muito Obrigado, angelhell e Alex Rocha!
// null...
#5
X4ND4O/RP
-
- Usuários
-
- 202 posts
12 Horas
- Sexo:Não informado
- Localidade:Ribeirão Preto / SP
Posted 23/12/2002, 03:57
Pronto! Consegui deixá-lo tranparente!
Só tem um probleminha, como faço pra colocar ele flutuando sobre a página (como: http://www.kit.net )?
Só tem um probleminha, como faço pra colocar ele flutuando sobre a página (como: http://www.kit.net )?
// null...
#6
nick171
-
- Usuários
-
- 612 posts
<? if => erro ?>
- Sexo:Não informado
Posted 19/06/2003, 01:26
Se você utilizar o Dreamweaver basta vc utilizar as camadas ou layers
Se vc utilizar o front page, utiliza a ferramenta posição absoluta acho que é isso
Se vc utilizar o front page, utiliza a ferramenta posição absoluta acho que é isso
Nícolas Vieira Rossett
"O maior segredo da vida é que a mesma não é um processo de descoberta, mas sim de criação.
Você não está se descobrindo, mas se recriando.
Por isso não tente descobrir quem você é, mas busque determinar... "Quem você quer ser"!!!
"O maior segredo da vida é que a mesma não é um processo de descoberta, mas sim de criação.
Você não está se descobrindo, mas se recriando.
Por isso não tente descobrir quem você é, mas busque determinar... "Quem você quer ser"!!!
#7
Miguceamma
-
- Usuários
-
- 13201 posts
MiguPenjisse
Posted 26/09/2017, 04:02
Cialis 20mg Le Prix buy cialis Acheter Viagra Au Canada Propecia Capsulas 1 Mg Mebendazole Over The Counter Canada
#8
HaroNism
-
- Usuários
-
- 15385 posts
Super Veterano
- Sexo:Masculino
- Localidade:San Miguel de Tucuman
#9
Miguceamma
-
- Usuários
-
- 13201 posts
MiguPenjisse
Posted 10/10/2017, 14:24
Cialis 20mg Andorre online pharmacy Dove Comprare Cialis Yahoo
Kamagra Ireland Levitra Farmaco Impotenza cialis and levitra Cialis Tiene Efectos Secundarios Discount On Plavix Amoxicillin Acid
Zithromax Canada Lasix Mg viagra Isotretinoin Price
Kamagra Ireland Levitra Farmaco Impotenza cialis and levitra Cialis Tiene Efectos Secundarios Discount On Plavix Amoxicillin Acid
Zithromax Canada Lasix Mg viagra Isotretinoin Price
#10
Miguceamma
-
- Usuários
-
- 13201 posts
MiguPenjisse
Posted 08/11/2017, 02:06
Levitra Rezeptfrei Polen levitra on line Cialis viagra levitra kaufen rezeptfrei Cialis Laboratorio Lilly Bid
Viagra Puissant Pour Homme buy viagra online Amoxicillin 500mg For How Many Days
Purchase Nexium Canada Pharmacy Escrow Refills cialis Half Life Of Amoxicillin Viagra Mehrmals Taglich
Viagra Puissant Pour Homme buy viagra online Amoxicillin 500mg For How Many Days
Purchase Nexium Canada Pharmacy Escrow Refills cialis Half Life Of Amoxicillin Viagra Mehrmals Taglich
#11
LarPhozyHah
-
- Usuários
-
- 14515 posts
Super Veterano
- Sexo:Masculino
- Localidade:San Miguel de Tucuman
Posted 12/11/2017, 21:38
Viagra. Best Price online pharmacy Uk Propecia Finasteride Propecia Cheapest Secure Dizziness As Side Effect Of Amoxicillin
Cephalexin 500ng Cap Ranbaxy Buy Stromectol From India Nebenwirkungen Viagra Pfizer online pharmacy C20 Without Prescription Cialis Viagra Combo Pack Sinus Infection Amoxicillin
Cephalexin 500ng Cap Ranbaxy Buy Stromectol From India Nebenwirkungen Viagra Pfizer online pharmacy C20 Without Prescription Cialis Viagra Combo Pack Sinus Infection Amoxicillin
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
