PANDOGO (82 pts)

DANIELA PIRES (86 pts)

MANGOOST (80 pts)

MARCOS JOSÉ PINTO (44 pts)

JOTA LAGO (40 pts)

STICKMAN (155 pts)

NETO LEAL (116 pts)

MARCELO SIQUEIRA (96 pts)

RICARDO FIGUEIRA (33 pts)

MARLOS ALVES CARMO (90 pts)

DAAFY (55 pts)

RICARDO TEIXEIRA (40 pts)
Treinamento PontoFlash de Flash e ActionScript

Como faço para redimensionar dinamicamente (via AS) um campo de texto dinâmico?

Como fazer um banner rotativo no flash?

Como usar o Array.sort para achar o maior valor entre 11 variáveis?

Tem como passar uma variável de uma função javascript para o Flash 5?

Quero enviar um comando entre dois swfs separados em um HTML.

Há como usar o loadMovie para abrir os thumbs um ao lado do outro?

Como fazer para que um movieclip fique acima dos outros dinamicamente?

Como faço para um botão que já abriu um loadmovie, ficar nulo quando o mesmo já está na tela, para que ele não fique repetindo a mesma ação?

Como carrego os vários filmes que utilizarei no meu flash em apenas um preload?

Como fazer para que um filme carregue, por load movie, outro dependendo da hora do dia?

Quero fazer um movimento circular infinito sem quebras (truncados).

Eu não consigo entender como funciona o loop FOR para duplicar movieclips.

Dá pra fazer um menu popup usando a propriedade _currentFrame?

Como faço para carregar um movie clipe da cena 2 na cena1 do mesmo swf?
Enviando EMAIL com ASP, COLDFUSION E PHP

GuestBook usando integração Flash e PHP.

Betinhocarreiro e Dysney.

Tell Target e Linhas do tempo independentes

Um contador Flash + PHP

O desenho animado abrindo sites.

Gradiente variável

Utilização da class XMLConnector

Janelas tipo Windows com Swap Depth

Como fazer uma panorâmica 360º com Flash e CorelDraw

Criando texto neon.

Loop Mixer.
Menu popop de pastas 2

Barco no hit

Texto com pause

Nudemask2

Rotatearrow

Text fx1

Click drag and release

ComboBox duplo

Color

Typing

Translação

Color Pick
HOME | TUTORIAIS
Máscara com gradiente.
por Stickman

Vi essa pergunta inúmeras vezes em fóruns: "É possível fazer máscaras gradientes?" Ou seja: é possível ter uma máscara com a borda em fade, ao invés de ter uma borda definida? Na verdade, não é possível, mas podemos simular esse efeito. Em tempo: o círculo estático no exemplo é apenas para mostrar como seria uma máscara não gradiente.

Você não está sendo muito metido?

Para ser franco, não posso crer que essa idéia seja original, mas andei olhando por aí e não vi menção a isso em nenhum dos sites de tutoriais que conheço. Não posso dizer que procurei o suficiente, no entanto. Não é a mais elegante das soluções, nem de longe. Mas, ora, cumpre sua função, quem vai querer reclamar?

Então, qual é o segredo?

É bem fácil, na verdade. Para compreender como a máscara arrastável funciona, você deve ler o tutorial que fiz sobre esse assunto há algum tempo (linkar para ele). Uma vez compreendido aquilo, você está pronto para aprender tudo sobre a máscara gradiente. Prepare-se.

Você não pode fazer uma máscara gradiente, mas pode ter uma série de máscaras, cada uma um pouco mais transparente que a anterior. Nesse caso, há uma série de círculos concêntricos em torno do mouse e cada um mascara apenas uma estreita faixa da imagem. Quanto mais externo o círculo, mais transparente.

O truque é criar círculos concêntricos que se encaixem exatamente, sem fronteiras perceptíveis. Existem dois métodos para isso: o meu método "original" e um sugerido por Wooozle:

1) O método 'Stickman'

Primeiro são criados vários círculos concêntricos a partir de linhas, da grossura de um fio de cabelo (H). Isso está exemplificado no movie clip "Circle" do Source anexo. Então preencha os espaços entre as linhas com o balde de tinta e recorte e cole os círculos resultantes (um de cada vez, sem as linhas) em movie clips independentes - que aqui nomeamos "circle1" a "circle8" - numa camada de máscara.

2) O método 'Wooozle'

Numa discussão em We're Here, Wooozle sugeriu que seria muito mais fácil usar "Shape Tween" para gerar as máscaras, ao invés de criar uma de cada vez. Você pode ver essa técnica em ação nesse arquivo de exemplo. É inteligente a forma como foi usado apenas um movie clip (Circle (tweened mask)), com uma "shape tween" entre um círculo grande e um pequeno. Então criamos várias instâncias e mandamos cada uma para um "frame" diferente (você pode ver o código para isso no frame 1 da linha de tempo principal), o que dá a aparência de uma transição suave. O resultado não é tão preciso como o do primeiro método, mas funciona bem se você não fizer um "zoom" sobre ele. E é muito mais fácil de executar.

Quando você posiciona as máscaras na linha de tempo principal, você vai precisar determinar a transparência de cada uma. Assim, a mais central será opaca (100% Alpha), a seguinte um pouquinho transparente (por exemplo, 90% alpha), a seguinte um pouquinho mais (por exemplo, 80% Alpha) e assim por diante até a última, que é quase invisível (por exemplo, 10% Alpha). Faça um zoom no canto superior esquerdo da linha de tempo principal e você vai ver algo assim:

Ah. Grande coisa.

Tem razão. O movimento pode perder a continuidade em máquinas mais lentas (não testei) mas acho que é tão pouco complexo que talvez dê certo.

Boa sorte!
Stickman

Copyright de todos os arquivos e textos de ©Stickman 1998 - 2000. Sobre copyright, termos de uso e informações, por favor visite www.the-stickman.com/terms.

Baixe aqui o arquivo FLA desse tutorial.



Devido à reformulação implementada no site, pode ser que você encontre alguns links quebrados. Por favor, ajude-nos a corrigir eventuais problemas nos informando links quebrados
0 comentário