หนัาแรก

เว็บใหม่ล่าสุด

The Two Tales
เกี่บยวกับเว็บไซท์ | Archive

แนวิเกชั่นหลัก

หนัาแรก
ลิ้งค์มาใหม่
คะแนนสุดสุด
นิยมที่สุด
เลือกโดยบรรณาธิการ
ค้นหา

บทเรียนแฟลช
แหล่งข้อมูลแฟลช
ข่าว Flash
แฟลชเทมเพลท
แฟลชเทมเพลทอินโทร
Website Templates
แฟลชเกมส์
หนังสือแฟลช
FlashVista โพลส์
Sitemap

Free Google PageRank image for your site!

สุ่มลิงก์

Xenao
เกี่บยวกับเว็บไซท์ | Get another

FlashVista

เข้าสู่ระบบ
สมัครเป็นสมาชิก
สมัครรับจดหมายข่าว

เพิ่มลิ้งค์
แก้ไขลิ้งค์
รายการโปรด
แนะนำหมวด

โฆษณากับเรา
สนับสนุนเรา
Credits / Thanks
ติดต่อกับเรา

Flash Templates:

More Templates ...

รับจดหมายข่าว

Partner websites

iPhone cases and accessories
Free Seo Tools
Free Tutorials
Free Video Tutorials
Best Free Scripts
Wii Fit
Wii Fit News
Other Resources

แนะนำ

รับจดหมายข่าว

Thai

	ค้นหา	ไม่ได้เข้าสู่ระบบ

คำค้น:

สิ่งที่ค้นหา:

ค้นหาแบบกำหนดเงื่อนไข

Cool Flash mask effect

NEW Flash Tutorials in Video Format - Powered by LearnFlash.com: 45 minutes of flash tutorials now available in streaming format or download. Topics Include flash for beginners, text effects, actionscripting, audio/video, flash 8 and more.

Download the source file for this tutorial

Printer version

By Aeon Tan
www.aendirect.com

In this tutorial, we are going to add a nice effect like the one below. This effect works particularly well industrial and robotic images as well as objects with curves and fluid lines.

Setting up the Movie

Open up Flash and set up your document properties. Set the dimensions to the exact dimensions of the image you are going to use and use a frame rate of around 20-30 fps. I find that a higher number of frames over a higher frame rate results in smoother animations.

Timeline Setup

Create 2 layers "image" and "fx" in your timeline. Import your image into the "image" layer. Set the image position to x: 0, y: 0, that is aligned to the top left corner. Lock the layer so it will not get in the way later.

* Note: Do not resize or do anything in Flash to the imported image as that will distort the image. Do any editing in Photoshop or any other external editor. Go to the Library (F11) and double-click the image/bitmap symbol and uncheck the "Allow smoothing" option. This disables any extra and unnecessary anti-aliasing in Flash which will slow down the movie and possibly distort the image.

Drawing the Mask

Using Flash's drawing tools, create outlines of shapes around areas of highlight (brighter colors). Example: metallic parts, shiny surfaces, cables and tubes. I have used just the Line and Oval tool. Fill in the outlines and you will end up with the correct shapes (see below).

Select the Eraser tool and set the Eraser Options to "Erase Lines". Erase the lines from the shapes so that you are left with only the fills.

Select everything on the "fx" layer but clicking the layer in the timeline. Group (CTRL+G) the shapes and convert the grouped shapes into a Movieclip symbol (F8) as shown below. Name it "mc_fx" and set the registration point to top-left.

Making the Effect

Double-click the "mc_fx" instance on the stage to go into Symbol Editing Mode. You should see a layer called "Layer 1" containing the shapes you have created. Rename the layer to "mask" and create another layer below it and name it "light".

While you are still on the "light" layer, create a strokeless reactangle which is 135pixels by 120pixels in dimension. Select the fill and turn it into a Liner Gradient using the Color Mixer (Shift + F9) with the following settings. Both ends have an alpha value of 0% and for the middle 100%. Use the Fill Transform tool to rotate the fill so it looks like the picture below.

Group the gradient and turn it into a Graphic symbol (F8). Name it "g_light". Now set the position of "g_light" to x: 0, y: 265. Create a keyframe (F6) on "light" layer at frame 50 and on that keyframe, set the position of "g_light" to x: 0, y: -120. Insert frames (F5) at frame 50 for "mask" layer. See below.

Right-click the first keyframe on "light" layer and Create Motion Tween. Select frame 25, the middle frame and convert it into a keyframe by pressing F6. Set the Easing value of frame 1 to -100 and frame 25 to 100.

Select the "mask" layer, right-click on it and select "Mask" from the context menu to convert it into a layer mask.

Test Movie (CTRL + Enter) to see the completed effect.

(เพิ่มไปแล้ว: 02-12-2005, ฮิต: 1, คะแนน: 4.21, โหวด: 610, คำวิจารณ์: 38)

เพิ่มในรายการโปรด

แนะนำให้เพื่อน

	คำวิจารณ์: (10)

i like this mask effcts. this effcts is very good and thanks for guide this effcts
(เพิ่มไปแล้ว: 03-01-2007 ผู้ใช้: Guest)

wow its exellent
(เพิ่มไปแล้ว: 11-18-2006 ผู้ใช้: Guest)

"Select the fill and turn it into a Liner Gradient using the Color Mixer (Shift + F9) with the following settings."

It says the "following settings but I cannot see the following settings". By the way, it is a great turtorial but I guess the trick here is these "following settings"... So I -and also other people I think- cannot complete this great tute.. Thanx
(เพิ่มไปแล้ว: 10-31-2006 ผู้ใช้: Guest)

Great effect and excellent tutorial. I found that you can also control mask movement using ActionScript - in effect, the mask follows your mouse movement or anything you want which looks quite cool. Thanks for the tut!
(เพิ่มไปแล้ว: 10-19-2006 ผู้ใช้: Guest)

THANKS FOR YOUR INSTRUCTIONS....THEY ARE REALLY SIMPLE....AND THE EFFECT IS SO GREAT...
(เพิ่มไปแล้ว: 10-11-2006 ผู้ใช้: Guest)

amazing, thsnks
(เพิ่มไปแล้ว: 10-09-2006 ผู้ใช้: Guest)

This is like flash 3 stuff.
(เพิ่มไปแล้ว: 10-09-2006 ผู้ใช้: Guest)

Its very easy to understand.. very usful.. i understand about the mask now.. Thank you for your tutorials
(เพิ่มไปแล้ว: 09-05-2006 ผู้ใช้: Guest)

The first time i tried it didn't work, but the second time, I read your tutorial more carefully and it is great, it works!
(เพิ่มไปแล้ว: 08-10-2006 ผู้ใช้: Guest)

very nice...excellent job ...devara, india
(เพิ่มไปแล้ว: 07-18-2006 ผู้ใช้: Guest)

	เขียนคำวิจารณ์

Please note:
We review EVERY comment before it appears on the site, so please dont waste your time by posting spam links :)
No URLs allowed, no HTML please.

If you register or login first, your review will contain your nickname

	ให้คะแนน

		ดีที่สุด
		ดีมาก
		ดี
		พอได้
		ไม่ดี,ไม่สมบูรณ์