How did they create this?

I have a fla file that I got off monster template. It is their sample site. The flash animation has some graphics and a white “laser” thing outlines the image. Looks kinda like eletricity or something.

I cant really explain it. It looks like layer 23 is what is making it, but I cant see how they did it?

Can someone take a look and let me know? You can download the zip file here

http://www.rockenbach.net/sample.zip

its just a mask, if you open layers 23 and 24 and unlock them you can see how they did it its fairly simple :wink:

i opened them up and unlocked them and now i can see. its also used on some other layers. what do they use to trace the image? looks like its traced and then this rectangle moves across it

I have done the same thing with a site that I’m working on. I used Photoshop. I put the original image down and on another layer, I took up the brush tool and drew around the image. You can see it here:
http://www.freddythunder.com/ucs/ucs.html
This site isn’t close to done, but it’s the same thing that was done there.

Thank you! I got it to work. I made an outline of the computer and then I also added a “soft” spot toward the top. Here is what I came up with.

http://www.rockenbach.net/flash/

that is a nice effect…
could you give me a tip on how you did it?

Thanks
Kenny

jrock - good work, I like it!!

kmax, this post should explain it…right?

no… not for me anyway…

thats why i was asking him…

I opend up Photoshop and made a stroke around around the computer on its own layer. Then I zoomed in and used a brush with low flow for the upper corner.

I saved this as a ping with a transparent background. Then I imported both files into flash.

I converted the stroked image to a symbol. I created a new layer and drew a rectangle with flash. The rectangle was about 10 pixels wide and long enough to go over the computer.

Then right click on that rectangle layer and select mask. Then add a motion tween.

Hope that helps!

Thanks for your help!

Is it possible to have that effect only go off like every 30 secs?
The movie loads and it does that effect…then rests for 30 secs and does it again…make sense?

yeah… thanks.

I did not know that you did some in photoshop…

i thought flash had the ability to do more graphics than it does…

i was reading another post where someone had to use photoshop to make blurred text…

that helps a lot… i have been trying to do some of this stuff in flash only.

hehe… btw… is there an easy way to make that grid effect in flash? or was that made in photoshop also?

i just thought a lot of this was done through flash to keep the file size low… and because they are vector graphics and can be resized well etc etc…

thanks again

Thats what I thought too…that you should use flash for all that stuff. All of that was done in photoshop and then I just used flash to make the motion.

The grid was created in photoshop. Infact, that whole image was done in photoshop.

To create the grid, do this.

  1. Create a new document with a transparent background 5 pixel by 5 pixels.

  2. Zoom in to like 400% or better.

  3. Use the pencil tool with black, make sure its at 1 pixel size.

  4. Create an “L” shape all the way to left create a line, and do the same at the bottom.

  5. Then press “control” and “a” to select all

  6. Then Edit—>Define pattern

7.Then open a picture you want to apply the affect and create a new layer.

  1. Edit—>Fill—>Pattern and select the pattern you just made

  2. Drop the opacity down.

  3. Done deal!

Kmax - Sorry about that post before, after reading it, I did sound a little ****y - I didn’t mean to. It was the Newcastle talking :stuck_out_tongue:

jrock - There is a couple ways that I know of (and one way that I don’t know (setIntreval)) to put in delays like that. The easy way is to add blank frames at the end of the animation for that movieClip. IE: if your FPS is 20, you would put in 600 blank frames behind the tween. Flash will cycle through those (and nothing will happen) and then loop again.

The other way is to createEmptyMovieClip with a getTimer(); loop to call up that movieClip when you want it to happen. This post had both setIntreval and getTimer() in it. I learned how to use getTimer() and posted how I did it:
http://www.kirupaforum.com/forums/showthread.php?s=&threadid=24289&highlight=getTimer

FreddyThunder,

Thanks! I will give that a try. Got another question for ya!
Kinda like the first trick with the layer mask. I have seen some flash that has a computer monitor and it looks like it has code scrolling down the entire time…any ideas for that?

like the matrix effect right?

yeah something like that

If you want a matrix like effect, simple ones can be found on FlashKit. However, I don’t like any of them, I’ve been working on one that uses more AS. It’s not done yet, but if that’s what you want to see, it will give me an excuse to finish it. (-:

If you want just scrolling text like you were scrolling down a neverending webpage, that would be pretty easily done, if that’s what you want I could whip up a fla to show you how to loop a movieClip beneath a mask.

Let me know!!

Thanks for the reply. Go to http://rockenbach.net/flash/ so you can see what I mean.

I tried on my own, but it doesnt look too real.

I want the “code” on the screen to look continous…make sense?

Yeah, that’s what I had in mind. That angle would be hard for me to match by eye, so if you want me to make a fla for you, post that pic, or that fla for me to work with.

If you just want a pointer, I would make the movieClip that had the code on it about three times longer (so it’s three times higher than the monitor’s viewing area), then, using the same basis as the infinate menu, I would have the movieClip loop over and over again to infinity (…and beyond!! - Buzz Lightyear…sorry). That tut is here:
http://www.kirupa.com/developer/mx/infinite.htm

…You know, I’m gonna make a fla to explain what I mean. I’ll be right back…

There- I finished some other work and it took a little bit longer than I though, but here you go: