[教学]精美相架menu制作

JohnChronox

看了佳礼这么久， 没做一个教学，好像很对不起自己。。刚好今天没dota玩。。花了些时间，第一次作教学。。。希望大家指教！

注：照片可能太多了， 只希望大家能看得清楚些。。
scource file: http://johnchronox.110mb.com/Tutorials/framemenu/framemenu.fla
sample: http://johnchronox.110mb.com/Tutorials/framemenu/framemenu.swf

[ 本帖最后由 JohnChronox 于 20-10-2007 05:57 PM 编辑 ]

JohnChronox

教学：
1。先画一个方形，100x60
2.把方形变成movieclip(1_mc),在instance name中写menu1, 并调整位置， 如图：


3。进入1_mc, 把刚才那个方形，在变去movieclip(frame_mc), 如图：


4。在frame1， 把frame_mc set filter, 如图：




5。在frame25, 把filter 改成， 如图：


6。新增2个layer, 并在其一layer中，copy刚才那个方形，paste去frame_mc之上， 如图：






7。然后再另外一个layer里，画一个T字形的图案，并把它变成line_gp


8。在frame7, 把line_gp的位置调至如图：




9。在frame24, 把line_gp的位置调至如图，并set motion tween：




10。在frame34, 重复步骤8， 在frame40, 重复步骤9
11。用layer3 把 layer2 mask起来
12。新增一个layer4, 在frame26写你想要的menu, 放在这个位置，放text filter：






13。在frame34, 把text filter改成：


14。然后在frame1 & last frame里 ，按F9, 打开ActionScript, 放"stop();"
15。回去scene1, 新增2个layer, 在其一layer中， 复制方形， 放在1_mc的上面，并换去button(1_btn), 在1_btn中， 把frame drag去最后一个，如图：






16。在另外一个layer（layer4)里， 按F9，写下这一些
_root.menu1.onEnterFrame = function() {
        if(anime) {
                _root.menu1.nextFrame();
        } else {
                _root.menu1.prevFrame();
        }
};

17。 最后， 在1_btn打开AS window, 写这些：
on(rollOver) {
        _root.anime = true;
}

on(rollOut) {
        _root.anime = fstartelse;
}
18。重复所有步骤， 做多几个frame， 就。。。。。
大功告成！！！！

[ 本帖最后由 JohnChronox 于 20-10-2007 05:58 PM 编辑 ]

随便啦

基于楼主的要求，特地进来支持下。。
erm。。写的很不错下

yenyent

谢谢分享。 但不是很明白。可能我是IT idiot吧。

JohnChronox

有人看就好了。。
我还以为写教学可以加分。。。
版主怎还不来加分啊？？

super-tomato

原帖由 JohnChronox 于 17-11-2007 12:58 PM 发表
有人看就好了。。
我还以为写教学可以加分。。。
版主怎还不来加分啊？？

也要有人來管才有人加分, 這裡是被遺忘區, 也不知道開的原因是甚麼
可能就是要拼版區多吧

JohnChronox

原帖由 super-tomato 于 17-11-2007 02:59 PM 发表




也要有人來管才有人加分, 這裡是被遺忘區, 也不知道開的原因是甚麼
可能就是要拼版區多吧

也对。。
看super-tomato付出了那么多， 替人解难，创教学
得到的只不过是"谢谢"

super-tomato

原帖由 JohnChronox 于 17-11-2007 03:12 PM 发表


也对。。
看super-tomato付出了那么多， 替人解难，创教学
得到的只不过是"谢谢"

一句謝謝就好了啊, 我也沒幫他們做東西

無与倫比

哇......多谢多谢!!多学会一个效果了

jc93

謝謝你的分享哦！
你好用心。

JohnChronox

原帖由 jc93 于 29-11-2007 01:17 AM 发表
謝謝你的分享哦！
你好用心。

不客气。。
得空就写多一些教学。。
希望能吸引人吧？？？

生鱼片

为什么我找不到movieclip的不好意思我是初学者

JohnChronox

你right click -> convert to symbols -> 选择 movieclip

raynx

我在看

EasonChai

写得很不错哦。。。
多谢咯。。。

还有要加分就按报告告诉版主啊

JohnChronox

版主睡着了吧？？
很多年没看到他的踪影

粗线条

先谢谢楼主肯来教学了
来多一个电脑白痴
filter 哪里找得到 （第5项）
为什么我改不到line_gp（第七项）它给我properties-->frame

JohnChronox

首先，你用flash version几？
flash 8 或flash CS3, filter 在下面， 和properties, parameter在一起

7。画一个"T" 形,click "Convert to MovieClip", 选择 Graphic, naming line_gp