How Was This Effect Done?
I really like the effect on the following site where there is a vertical line of text, which when moused over, ripples as the text size of each word increases in size in relative proportion to the proximity of the cursor.
http://tenbyten.org/10x10.html
Does anyone have any ideas how this was done, or know of any open-source code which achieves a similar result?
Thanks
Jim
SitePoint > Design Your Site > Flash and Actionscript
Posted on: May 19, 2006, 15:23
View Complete Forum Thread with Replies
See Related Forum Messages: Follow the Links Below to View Complete Thread
Moving Clouds/Object Outline Effect/Buttons Effect - Please Help Me Help My Friend
I've neglected flash for years, mainly because it seems extremely confusing. I've tried to get into it, but it's confusing with 50 different objects in the flash project going on at once, how do you work with all that?
Anyway, I'm doing a website for a friend of mine, and I had this really cool idea that I've seen around and would like to add on to this and give him a nice surprise.
Basically I would like to add a moving clouds loop in the background, similar to this: http://www.templatemonster.com/websi...ates/9630.html
then have an outline effect of the house like this: http://www.templatemonster.com/websi...ates/5488.html
and finally add an effect to the buttons like this: http://www.templatemonster.com/websi...ates/6361.html
(actually I'd be fine with any button effect )
And I'd be happy with just the cloud effect lol. I looked around for tutorials but none of them seem to be what I'm looking for.
This is the header I'm working with, it is layered in Photoshop: http://tecmosuperbowl.net/header.jpg
I would like the clouds to blend in with the blue background gradient, but I don't know how to do this, in Photoshop it's Overlay. I've tried Alpha in flash, but all that does is change the opacity.
I'm not sure where to start, I doubt I could get this in for him in time, but it'd be great. (Sunday is when the site goes live ) Thanks for helping!
How Do I Change The TextArea Component OnFocus Green Outline Effect? I Can See The Same Effect On This Text Input Box
Hi All,
I have a textArea. When I click on the tab key, the focus shifts to the textArea. And along with this a green outline comes around the textArea. How can I avoid the textArea outline color? IS there any way I can modify this?
I had once modified the checkBox component styles by editing a swf. Later I loaded this swf to the flash library. Can i do it something like that?
Will I have to use some AS code for this?
Can anyone help me out.
Thanks in advance:
Roshan
Timeline Effect Same Effect Multiple Images Layout
I'm trying to use the timeline effect on some transparent .png or gif file's...
All I want to do is create say a 100 frame effect... have it fade in at the beginning and out at the end for .png 1.
Then be able to re-use the effect without having to step back through the timeline effects creator dialogue for .png 2 and so on...
In other words I want to create multiple movie clips all w/ the same animation timeline... and then have them easy to edit on the main timeline maybe overlapping a little etc.
Also the client will probably want to tinker w/ adding new images and suggesting which one's should go first in the fade in and out string of animation's which take place simply one at a time on the stage.
Here's a basic link for what I've got.... the machine images should be easily changed maybe even loaded as a seperate .swf or something:
MLS Machines flash intro
The main priority being the main movie timeline should be easy to edit w/ the movieclips... this is prolly a newbie question, but I'm having trouble keeping this simple, for editing in the long run...
Help please.
Thanks.
Sparkle Image Effect And Button Sound Effect
Im trying to figure out how to make sparkle effects to images. Im new to this let me say first off but im not new to web design and htmls.
I also wanna know the button sound effect code. On 50 cent.com everytime you move over a link there is a gun cocking sound and then when you click the link it makes a gun shot noise. How was this achieved?
Ripple Effect Or Browser Shake Effect (?HOW?)
Hi all,
Once again I'm stumped !!
I have a movieclip, that contains information about a clients web site(to be used on our company site in the portfolio).
I built a timer to fade the movie clip in.
As it fades in I would like to create a ripple effect.
I've looked at the java applet "Lake" and found I didn't want to use it.
Is there anyway I can build it in flash with AS ?
Also, if it looks awful, How do I create the browser shake effect, but only put it on a specific movie clip ?
Many Thanks,
vglcrew
P.S. Cheers Lucifer_morning_star for all your help last time.
Starlight Effect And Zoom Into Jpeg Effect
Greetings!
I am interested in creating two effects:
One is the starlight that runs across the top of text or objects like what you see for Dolby Surround Sound, the Alliance (film) logo also ends with a similar effect.
Two, is I'd like a movie where the viewer "goes into a jpeg" al la zoom on a gradual basis then fade out. The effect of course would be as if the viewer was entering a scene (but of course the pixelation would obviously obscure the closer you got in).
Thanks!
Blur Effect? And Mouse Trail Effect?
does anyone know how to do similar effect as on this website: http://ladyinthewater.warnerbros.com/ ??? if u go to cast and crew part of the website and move cursor over the picture it looks like someone was touching the screen. any ideas plz?
[CS3] Please Help Lightbox Effect+Trunami Effect=trouble [CS3]
Hello, I've been working on this for awhile and just can't figure this out. On my old portfolio site I, on the portfolio page, I have a column on links using the tsunami effect to project the selected project JPG into the space beside it, then clicks the JPG to display a SWF via a lightbox effect. The problem is that if anyone using it doesn't click the close button to close the lightbox effect and simply clicks another project from the list the dimensions of the SWFs get messed up. I have tried to figure this out for a long time and just am not able to do this. An example of my problem is at http://www.pwmulder.com/index-old.html and I would greatly appreciate ANY help with the matter. I have brought my concern to other flash developers and they're as stumped as I am, and I'm starting to think that there is no way to resolve this. Another minor concern is the changing framerates of the flash shell versus the individual SWFs but that is secondary. Can anyone please help me?
Special Effect Tutorial (Magic Effect)
So this is my first ever tutorial, I think.... It definatly is my first video tutorial. Hope it helps somone. I REALLY plan on the next one being alot better.
http://www.youtube.com/watch?v=IqxV8j86wMc
http://www.youtube.com/watch?v=SkvlMvrLEoQ
The second part is without audio sorry. But it is also the part that shows the code that makes it work.
Flag Effect Or Cloths Effect
does anyone here how to make a flag effect or a cloth effect?
what i mean is an animation effect of a cloth or a flag being blown by a wind. I am a newbie in flash MX and actionscript. hope you could help me with this.
and also it would be much better if you could give a link for actionscript tutorials for flash.
thanks
Can't Figure Out This Effect...corner Lay Down Effect
The top flash area
I can't figure out how to accomplish the effect used when the images come in. It appears to be something with either the alpha of the image or alpha gradient overlay...but I just can't figure it out.
Any ideas?
HELP About Alpha Effect/ Tint Effect
please go to this link to download my file first:
http://www.geocities.com/linhm01/help.fla
I am doing on a project by doing a flash and now I am having a big big problem that I have no idea how to deal with. I hope someone here can help me.
Let me tell you what do I expect to see in my flash first.
I seperated some objects (ie. trees, recycle bin, light) by turning them into buttons. For each botton, later I would like to have some descriptions nearby.
I would like when people "mouseover" a button, everything (except the button) will be alpha or tint. That is to let people concentrate on the object that their mouses are over on.
I have made three buttons with the same alpha/tint effect in the .swf file attached. They are (trees), (light), and the (recycle bins).
Here are the procedures:
1: I made the trees into one button, and add effect
2: I made the light into one button, and add effect
3: I made the recycle bins into one button and add effect
but the outcome is that:
when i mouseover the tree: (i made this button 1st)
it turns out that all the buttons (3 buttons) can be seen clearly, while i expect that only TREE can be seen clearly and all others (including the buttons= recycle bins and the light) should be covered with "alpha" effect.
when i mouseover the light: (i made this button 2nd)
it turns out that 2 buttons can be seen clearly (while the 1st button i made, tree, is with alpha effect)
when i mouseover the recycle bin: (i made this button the last)
it is what i expected. that all buttons and everything are with alpha effect, except the recycle bin
i hope someone here can tell me the solution to solve it, thank you very much.
Text Effect - Masking Effect
Hello; I was on the site when I spotted a tutorial on a text effect, here.
I followed the tutorial and I got the desired effect and it worked perfectly! I then used the same effect on a project as it was perfect for what I wanted... I then tried to publish the flash (.swf) file and load it (just for a quick test) and to my surprise instead of having nice faded text, instead I got a huge white block that was used in the layer below the text for the masking. I couldn't see the scrolling text at all! It works perfectly fine if I go "Control -> Play".
Is there a publish setting I've got to enable? Another observation is that I get the same incorrect display when asking "Test Movie".
Please help!
Thanks in advance.
Cursor Effect To Object Effect
Hi
in a nut shell I have found this wicked piece of open source actionscript.
It responds to the cursor and was wondering if it is posible to modify the x_position and y_position actions and make the action respond to a moving object???? (a movieclip with a variable name)
is this to complicated to attempt or is it doable??
THANKS FOR ANY COMMENTS
ACTIONSCRIPT
Code:
//
var rows, colm:Number;
//
function setQuality(thisSpeed:Number):Void {
if (thisSpeed == 1) {
rows = 9;
colm = 18;
} else if (thisSpeed == 2) {
rows = 13;
colm = 22;
} else {
rows = 17;
colm = 28;
}
}
setQuality(_global.speed);
//
// p = point :: t = target :: d = distance :: c = constant :: v = velocity :: f = friction
function flex(p:Number, t:Number, d:Number, c:Number, v:Number, f:Number):Object {
var obj:Object = {d:(((t-p)/c)*v)+(d*f), p:p+d};
return (obj);
}
//
function createBackground():Void {
// start depth
var dep:Number = 1;
// create a background
this.createEmptyMovieClip("bk", dep++);
var bk:MovieClip = this["bk"];
var colors:Array = [0x297396, 0x0B1F28];
var alphas:Array = [100, 100];
var ratios:Array = [0, 255];
var matrix:Object = {matrixType:"box", x:left, y:top-90, w:right-left, h:bottom-top, r:Math.PI/2};
bk.beginGradientFill("linear", colors, alphas, ratios, matrix);
bk.moveTo(left, top);
bk.lineTo(right, top);
bk.lineTo(right, bottom);
bk.lineTo(left, bottom);
bk.lineTo(left, top);
bk.endFill();
// create mask for background
this.createEmptyMovieClip("ele", dep++);
var ele:MovieClip = this["ele"];
this.createEmptyMovieClip("mask", dep++);
var mask:MovieClip = this["mask"];
mask.beginFill(0x000000, 100);
mask.moveTo(left, top);
mask.lineTo(right, top);
mask.lineTo(right, bottom);
mask.lineTo(left, bottom);
mask.lineTo(left, top);
mask.endFill();
ele.setMask(mask);
ele.createEmptyMovieClip("dot", 10000);
}
//
function clearAll():Void {
removeMovieClip("ele");
removeMovieClip("bk");
removeMovieClip("mask");
}
//
function createForce(rws:Number, clms:Number):Void {
createBackground();
var ele:MovieClip = this["ele"];
ele.obj_array = new Array();
var maxn:Number = rws*clms;
var cnt:Number = 0;
// find the distance between the objects
var tween_w:Number = (right-left-100)/clms;
var tween_h:Number = (bottom-top-100)/rws;
// set the starting position for the first object
var start_x:Number = left+(tween_w/2)+50;
var start_y:Number = top+(tween_h/2)+50;
var pos_x:Number = start_x;
var pos_y:Number = start_y;
for (var i:Number = 0; i<rws; i++) {
for (var j:Number = 0; j<clms; j++) {
var obj:Object = {x:pos_x, y:pos_y, baseX:pos_x, baseY:pos_y, speedX:1, speedY:1};
ele.obj_array.push(obj);
/////////////////////////// increment x
pos_x += tween_w;
cnt++;
}
/////////////////////////// increment y
pos_x = start_x;
pos_y += tween_h;
}
///////////////////////////////////////set up force
// motion variables
ele.maxD = 100;
ele.power = 7;
ele.friction = .8;
ele.ratio = .25;
ele.maxD2 = ele.maxD*ele.maxD;
ele.a = ele.power/ele.maxD2;
ele.targx = _xmouse;
ele.targy = _ymouse;
ele.dx = 0;
ele.dy = 0;
////////////////////////////////////// extra forces
ele.onMouseDown = function():Void {
this.power = this.power*3;
this.maxD = this.maxD*1.5;
this.maxD2 = this.maxD*this.maxD;
this.a = this.power/this.maxD2;
};
ele.onMouseUp = function():Void {
this.power = this.power/3;
this.maxD = this.maxD/1.5;
this.maxD2 = this.maxD*this.maxD;
this.a = this.power/this.maxD2;
};
////////////////////////////////////////
ele.onEnterFrame = function():Void {
this.clear();
var objx:Object = flex(this.targx, _xmouse, this.dx, 9, 0.8, 0.85);
this.targx = objx.p;
this.dx = objx.d;
var objy:Object = flex(this.targy, _ymouse, this.dy, 12, 0.8, 0.85);
this.targy = objy.p;
this.dy = objy.d;
// force field
for (var i:Number = 0; i<maxn; i++) {
var obj:MovieClip = this.obj_array[i];
var disX:Number = this.targx-obj.x;
var disY:Number = this.targy-obj.y;
if (disX>0) {
var signX:Number = -1;
} else {
var signX:Number = 1;
}
if (disY>0) {
var signY:Number = -1;
} else {
var signY:Number = 1;
}
var forceX:Number = 0;
var forceY:Number = 0;
var dis:Number = (disX*disX)+(disY*disY);
if (dis<this.maxD2) {
var force:Number = (-1*this.a*dis)+this.power;
forceX = (disX*disX)/dis*signX*force;
forceY = (disY*disY)/dis*signY*force;
}
obj.speedX = (obj.speedX*this.friction)+((obj.baseX-obj.x)*this.ratio)-forceX;
obj.speedY = (obj.speedY*this.friction)+((obj.baseY-obj.y)*this.ratio)-forceY;
var nx:Number = obj.x+obj.speedX;
var ny:Number = obj.y+obj.speedY;
if (nx<left) {
obj.x = left;
} else if (nx>right) {
obj.x = right;
} else {
obj.x = nx;
}
if (ny<top) {
obj.y = top;
} else if (ny>bottom) {
obj.y = bottom;
} else {
obj.y = ny;
}
this.lineStyle(0, 0xCCFFFF, 40);
this.moveTo(obj.baseX, obj.baseY);
this.lineTo(obj.x, obj.y);
}
};
}
//
createForce(rows, colm);
//
stop();
Yugop Effect(no Text Effect)
sorry by my english its very poor , i am spanish
hi to all. firstly i would like to say that I am charmed with this forum.i have learned greatly with. My question is the following one:
you know how to make the effect of the initial page of the last version of yugop? I refer to the effect in which there fall down balls of different sizes that hit between(among) them elastically and are disappearing random.
i will be very grateful if you could help me
Thank you very much
Regards
Smoke Effect, Hmm, More Like Dust Effect
well, I'm trying to make a shape feels like it's drops down on the floor in Flash MX, and want some dust flying out when the shape drops on the floor, I don't want to do it by animaiton,
I know there's some way to make the smoke(dust) effect by coding,
like radomly moving thin lines in circle or duplicate mc to make it liiks like smoke coming out, is there any code examples?...
thank you for your time...
Text Effect - Masking Effect
I've followed a tutorial on a nice text effect that caught my eye, that I found here.
It works fine if I go "Control -> Play"; but if I try to publish it, instead of nice faded text effect, I just see the huge white block with the alpha linar gradient top and no text scrolling whatsoever! It's not only when I publish it, but also when I ask it to "Test Movie"... The only time it works is when I ask Flash 8 to Play the animation. I'm guessing I've missed something simple like a publish setting... But I'm a real n00b and need some help!
Thanks in advance.
HOW? >> Scroll Menu With Proximity Effect And Fluid Scroll Effect...
Hi all,
I'm a rookie action scripter who needs the help from someone who knows it backwards.
I want to create a thin horizontal menu for a simple site.
I need this bullet shape to follow the mouse movement along the X axis - simple enough.
When you click on one of the menu options the bullet will then smoothly scroll to that option and sit behind it. It must seem to click into a position so it is centre aligned behind the menu option.
As soon as you start moving the mouse again, no movement will happen until you get outside the shape the bullet then it will start following the position of the mouse again...
Do you know of any examples out there that may put me on the right path. Or any quickly lines of script you could pass along.
Thanks.
Text Effect Effect
hi
im wondering if anyone knows how to run a shiny effect (this guy on this site has it running on all the cars )......its kinda hard to explain it so best thing would be to post the link and seeeeee if anyone knows.......which u guys all do.....would really appreciate if anyone can fwd me fla file or any thing on flashkit so i can download or tell me how this is done............
here's the link any help be appreciated
http://www.xs-engineering.com/
please email me at
infamous144@hotmail.com
Tamara
thankyou
Help On Effect Used Here...
I'm looking to find out how the "the pixel" effect was done in this intro (on the words "Cheval Theatre" and on the quotes right after):
http://www.chevaltheatre.com/html/intro_en.html
Could anyone help me out please?
Cheers,
Logan
8-Bit Effect
I am trying to make a Megaman parody, but whenever I break apart the graphics (to get rid of the stuff around the character), it goes from blocky to smooth. I want a blocky effect without backgruond material in the way.
<PRE>
EG:
I have this as a BMP:
.......
...O...
..|/..
...|...
../...
.......
I would like this:
0
|/
|
/
but when I break it apart, I get this:
(O)
\|//
|||
// \
</PRE>
This is probably kinda distorted becuase of the post.
E-Mail me at Floatingpoint001@hotmail.com
<A HREF="http://www.theinfinitive.com">www.theinfinitive.com</A>
Effect
FK had a cool header/footer (whatever you wanna call it) and it had an effect that had verticle lines that would go at an angle sometimes and it would be at random spots jumping from one spot to the next and it made it look like an old fashioned movie. If anyone knows what I'm talking about and knows how to do it, could you PLEASE help me, it would be greatly appreciated. Thanks
How To Do This Effect?
Pls download an swf file at http://xzxz.hypermart.net/drag.swf (maybe your browser will open the swf file directly in IE).
When you open the file, you'll see a circle. It's draggable. That's not surprising. But wait, you try dragging the circle, and then suddenly release mouse button. It will move by itself and gradually decelerates. The speed of the movement depends on how fast you drag it. I know how to make the deceleration effect, and I also know how to make the circle bounce off the 4 sides. But how to make the circle move by itself when the mouse button is released while still dragging?
For anyone who wishes to help poor little me , I hope you won't refer me to any tutorials, because it's no use if I don't understand the code (I'm not that good in Maths or Physics). So if you wanna display the source code here, would you mind adding as many comments as possible (so that I understand what every line of code is doing)? Thanks!
How To Effect?
I am looking for a way to create an effect that sorta has a "RIPPLE" or "SHIMMER" effect.
Example: Like Text/Logo fading in and having that "RIPPLE" effect like it is fading in under water sorta..
Anywas..Thast the best I can explain it...Hope ya'll can help!
Well,,I have another how to effect...
http://www.faultlinerecords.net/
How do they use an image to MASK like that?..Like a regular mask?..I dont understand how to do that?..I can do moving masks...but not ones that are images..revealing images underneath them..and in the middle of the image
Thanks.
-whispers-
[Edited by whispers on 11-08-2001 at 02:47 AM]
How To Get This Effect
Anybody can tell me how to make the "Liquid Slide" effect which is on the http://www.five100.com.
How Is This Effect Done?
On this site, http://depulso.com, he has the computer screen have a glint effect to it. I know that there is a image placed under the comp screen graphic but what goes on after that Im not so sure of. I just want to know how things like this are done, could someone please help. Thanks.
Help On Doing This Effect
http://www.barneys.com/enter.html
and
http://www.fastspot.com/index_flash.html
I know it has to do with setProperty and Targeting the movie clip, But I still can't get it right.
Any tutes out there ?
One Effect After Another
OK now im cooking with the .fla text effects ..
My Next ? is how can i go about making one effect appear right after another in other words:
i want cascadence to say "welcome to my little corner of the world" then affter it fades away i want to use another effect to say "enjoy your stay"
is there a way to combine the two effects or paste one right after the other? or maybe another tutorial that explains how to do this? ive looked but being the newbie i am i thought i would ask you folks.........
Thanx
Help With This Effect
Show me the way how the code must look.
I wanna make a movie in which the tip of the mouse must mark the trail by a continuous line. Can you give me some insight. Thanks a lot.
Txt Effect Help
on my front page i want a txt box where the visitor type their name and then presses submit. Then on the main page, their name turn up!
How do i do this?
How Is This Effect Done?
Hey Everyone,
If you goto this website.
http://www.geocities.com/southshoregraphics/
How is that ripple effect done on the menu? can anyone tell me?
Cheers
Blue Dragon
Effect
Where can i find the "effect" panel in MX? I can find it in Flash 5 but not in MX... It´s because i want to make a text fade out...
Lalle
I Can't Get What's Behind This Effect - Please Help
Hi ;-)
If you want to make a little research with me: look at this site:
http://www.crossover-productions.de
and there at the navbar
how did they make this nice moving, it's a script, but i can't handle it ...
- the only thing i managed was the color and shape changing (the first nav-button is smaller than the others)
- there's a mouse follow script for x but WHAT ELSE
... so be invited to help me understand ... THANX ...
(i'm only between newbie and intermediate - and german, so excuse my english ;-)
cu, aurin
PS: doing this for training!
Help With MO Effect?
Can anyone give me an idea how to get started on making the mouse over effect on this site??
Thanks
http://www.rolandireland.com
mbt
Effect Help.
okay heres the deal i want to make a little thingy aka light looking thing go across a line every now and then i need to know what makes it look cool cause mine looks like hell. My ball that is i tried using FW but it looks poohy. So i just need a push in the right direction as to what kind of shape or design doesent look like a stupid blurred ball but more like energy floating across the line.
How Can I Get The GSK Effect?
hi, ive been trying to make a flash menu very very similar to the one on http://www.gsk.com
i cant get the menu to actually scroll on mouseover, it just stays there
i have it set up so i use global variables that are set on the button rollovers and that tell the actual scrolling part how far and how fast to move, it still wont move
can anyone help me? im not that great at actionscripting but i really like the gsk.com effect and id like to use it
thanks
How To Get This Effect?
Hi Friends
I found this page flip-flop effect in the following site... http://www.superhere.net/.
I think its done using masking effect. But what should be the shape of the mask to get this page rolling effect? I tried all shapes I could, still not as good as the above one. Something is missing in my work. Can somebody please tell me how to do this or can somebody send me the shape of the mask ?
Thanks.
Does Anyone Know How To Do This Effect?
Hi, if you go to http://www.airforce.com/index_fr.htm
and click on the Middle button called standing still & moving forward there is this kewl circular moving thngy on the left..
Does anyone know the action scripting for this?
Thx In Advance
How These Effect Are Done?
http://bventertainment.go.com/movies/royal/index2.html
anyone knows how the outlining and the mouseover effects
are done in Flash MX?
How To Do This Effect
Can somebody help me with the rollover effect on this site...in the bottom right hand corner where it says businesscard.cdrs. When you mouse over the image you get a little 'coming soon' pop up message. Can somebody show me how to do that?
Thanks
Help With This Effect?
I would like to make the slidding effect that is seen at this web site, under the main image window. Where you mouse over the arrows and the slidder moves.
Can anybody help me out or point me to a tutorial that will show me how to do that?
Thanks in advance!
Effect
Im looking to learn a particular kind of effect where the words vibrate rapidly and and at brief interval burst with light.. as
seen in some movie intros/music videos
can anyone help or do you need me to try to explain further?
thanks
How Do You Do That Pop Up Effect?
Ive been wondering how they do those flash pop ups that do not have a window around them. Its not a chromless effect that im looking to learn about. Its a flash animation that does not have a border. Ive seen it on a bunch of websites. it pops up over the main website and then it goes away by itself or closed by the user. Anybody have any ideas? Its not a chromeless effect! Its much better!!
please help
Want Same Effect
Hi,
I want same effect like site www.clccustomleathercraft.com (left menu)
can anyone help me
thanx
mail me on
urmilasa@yahoo.com
|
TRACKER
