12 3 下一页

版主

Rank: 7 Rank: 7 Rank: 7

帖子: 1348
积分: 197
技术分: 54
来自: 青岛
在线时间: 145 小时
注册时间: 2004-3-22

1^#

打印

字体大小: tT

发表于 2006-12-30 09:55 | 只看该作者

一个用遮照做的FLASH效果[多图教程，附FLA]

突然想到了物体在管道中下落的动画效果，于是就做了非常简单的，模拟一下了。
全部是用遮照效果完成的。
望能和高手交流一下！

运动.swf (3.35 KB)

运动.fla (48 KB)

多图教程在13楼！

[ 本帖最后由闪客太子于 2006-12-31 15:12 编辑 ]

收藏分享评分

回复引用

订阅 TOP

8765004

版主

Rank: 7 Rank: 7 Rank: 7

帖子: 6075
积分: 1023
技术分: 63
在线时间: 3335 小时
注册时间: 2005-6-17

2^#

发表于 2006-12-30 10:03 | 只看该作者

很有立体感,流畅

http://8765004.flash8.net

回复引用

TOP

八卦荣

注册会员

Rank: 2

帖子: 301
积分: 45
技术分: 4
在线时间: 77 小时
注册时间: 2006-9-5

3^#

发表于 2006-12-30 10:10 | 只看该作者

很有三维的感觉！

回复引用

TOP

北方义

注册会员

Rank: 2

帖子: 6
积分: 1
技术分: 0
在线时间: 0 小时
注册时间: 2006-12-23

4^#

发表于 2006-12-30 10:13 | 只看该作者

不错

回复引用

TOP

steamlin

闪吧成员

Rank: 8 Rank: 8

帖子: 1811
积分: 286
技术分: 69
来自: 广东-揭阳-揭西(莫其空间)
在线时间: 631 小时
注册时间: 2005-5-2

5^#

发表于 2006-12-30 10:37 | 只看该作者

哇...好棒耶...

强...

http://shop35400594.taobao.com
http://www.shuyi88.com

回复引用

TOP

漫步在夕阳下

注册会员

Rank: 2

帖子: 185
积分: 42
技术分: 1
在线时间: 184 小时
注册时间: 2006-10-4

6^#

发表于 2006-12-30 10:51 | 只看该作者

好！

回复引用

TOP

xueman_1984

注册会员

Rank: 2

帖子: 63
积分: 15
技术分: 5
在线时间: 25 小时
注册时间: 2006-12-24

7^#

发表于 2006-12-30 11:01 | 只看该作者

楼主，有点意思，可是这个可以用遮照做出来么？我怎么想不到呢，可以附上源代码，让偶研究一下么

回复引用

TOP

四两酸菜

注册会员

Rank: 2

帖子: 3
积分: 1
技术分: 0
在线时间: 5 小时
注册时间: 2006-9-27

8^#

发表于 2006-12-30 14:21 | 只看该作者

有意思很好玩呢！

回复引用

TOP

cindylou-wang

注册会员

Rank: 2

帖子: 3
积分: 1
技术分: 1
在线时间: 0 小时
注册时间: 2006-12-30

9^#

发表于 2006-12-30 20:30 | 只看该作者

很有立体感,第一次看到,真是用遮照做出来的?怎样做出来的?回去躺床上好好想想,实在想不出来还请楼主告之大概思路.

回复引用

TOP

闪客太子

版主

Rank: 7 Rank: 7 Rank: 7

帖子: 1348
积分: 197
技术分: 54
来自: 青岛
在线时间: 145 小时
注册时间: 2004-3-22

10^#

发表于 2006-12-31 10:22 | 只看该作者

呵呵，等回家后就帖个教程啊。
其实原理很简单的。就是新建一个遮照效果，然后复制到自己想要的数量为止，并用变形工具同时调整一下内容，就可以了。

回复引用

TOP

ycsyxx

注册会员

Rank: 2

帖子: 76
积分: 11
技术分: 1
在线时间: 18 小时
注册时间: 2006-12-25

11^#

发表于 2006-12-31 10:47 | 只看该作者

昨天我也想过了，但实在做不出和楼主一样的效果，期待楼主的教程。

回复引用

TOP

闪电人

游客

帖子: 3
积分: 0
技术分: 0
来自: 北京
在线时间: 0 小时
注册时间: 2006-12-31

12^#

发表于 2006-12-31 12:11 | 只看该作者

呵呵不懂....

回复引用

TOP

闪客太子

版主

Rank: 7 Rank: 7 Rank: 7

帖子: 1348
积分: 197
技术分: 54
来自: 青岛
在线时间: 145 小时
注册时间: 2004-3-22

13^#

发表于 2006-12-31 15:00 | 只看该作者

教程来了，和大家分享一下了。

闲话少说，进入正题。。。。。

1、新建一个MC，并想好物体运动的轨迹。我这里提前用直线简单的勾画了一条线路，（这条线路的缔造者，就是你！）注意，要明了你的

这条路径拐了几个弯。这样也就确定了你后来要复制的遮照次数。（呵呵，复制遮照？接下来就明白了）

2、路径确定好了，然后就是做第一路段的运动遮照。（也就是物体拐第一个弯之前的运动遮照）会FLASH的朋友，我想都比较清楚的，呵

呵

3、接下来，就是根据路径的“弯”数，来复制相应的遮照。下面以复制第一个拐弯点的遮照为例。

这样，复制的第一个运动遮照已经完成。但是接着，你还要对应一下物体的运动连贯性。就是在拐弯点处，物体该如何显示得连贯一些。

到这里，前2段的运动遮照效果就完成了。

以后需要复制的那些运动遮照，位置的调整依次类推就可以了。。。。^_^

4、等根据路径复制完所需的遮照效果后，把这个MC拖入到主场景中。并根据MC的贞数，来确定主场景中的运动贞数。在本例中，MC里有1

90贞。所以主场景中也用到了190贞。

具体的大家可以看下源文件的。

补充：运动的连贯性，需要多调试几次。要根据你的路径长短，来确定运动速度和所需贞数。

哇。。。好久没写教程了，感觉还蛮亲切的，嘿嘿。

[ 本帖最后由闪客太子于 2006-12-31 15:09 编辑 ]

回复引用

TOP

ycsyxx

注册会员

Rank: 2

帖子: 76
积分: 11
技术分: 1
在线时间: 18 小时
注册时间: 2006-12-25

14^#

发表于 2006-12-31 15:21 | 只看该作者

呵呵，不错，强烈顶，、！！！！！！！！！！！！！

回复引用

TOP

721217081

注册会员

Rank: 2

帖子: 13
积分: 3
技术分: 1
在线时间: 7 小时
注册时间: 2006-12-31

15^#

发表于 2006-12-31 22:34 | 只看该作者

昨晚看了你的作品,今早我也做了一个,但和你的有些不同,请指教.....

第二个为更新版..

模仿人家的不好意思!第三个还是不如人意,,,,,哈哈哈!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[ 本帖最后由 721217081 于 2007-1-9 23:34 编辑 ]

遮罩动画.swf (4.65 KB)

遮罩动画.swf (6.38 KB)

运动的箭头.swf (7.71 KB)

回复引用

TOP

8765004

版主

Rank: 7 Rank: 7 Rank: 7

帖子: 6075
积分: 1023
技术分: 63
在线时间: 3335 小时
注册时间: 2005-6-17

16^#

发表于 2006-12-31 22:36 | 只看该作者

复制遮照,有创意

http://8765004.flash8.net

回复引用

TOP

闪客太子

版主

Rank: 7 Rank: 7 Rank: 7

帖子: 1348
积分: 197
技术分: 54
来自: 青岛
在线时间: 145 小时
注册时间: 2004-3-22

17^#

发表于 2007-1-1 15:24 | 只看该作者

原帖由 721217081 于 2006-12-31 22:34 发表
昨晚看了你的作品,今早我也做了一个,但和你的有些不同,请指教.....

整体的过程，差不多。
不过在动画的节奏上还有待完善。。。

回复引用

TOP

721217081

注册会员

Rank: 2

帖子: 13
积分: 3
技术分: 1
在线时间: 7 小时
注册时间: 2006-12-31

18^#

发表于 2007-1-1 18:26 | 只看该作者

你好!我做的速度太快,整体小了一点,不如你的流畅....
我也看了你的fla,我的箭头是图形,你的箭头是元件,所以你用了引导层,我发现你在两个箭头交接处有小小偏差,是不是应该设多一个关键帧,当然播放时看不出来

回复引用

TOP

闪客太子

版主

Rank: 7 Rank: 7 Rank: 7

帖子: 1348
积分: 197
技术分: 54
来自: 青岛
在线时间: 145 小时
注册时间: 2004-3-22

19^#

发表于 2007-1-1 22:32 | 只看该作者

引导层?我没有用吧,呵呵...
恩...楼上说的在偏差处加一个关键贞的建议不错！当然，在逐贞查看的时候，肯定会有地方没有做到完美的无缝接合（包括拐弯处的图形连贯性和整个运动过程中速率的一致性）但同时，少这一贞（单个拐弯处。。。）也是有点好处的，比如精简了制作的复杂程度，减少了文件体积（拐弯点甚多时。。），调整的时候相对容易一些。。。。
不过，最重要的一个判断标准，还是要保证测试的一致连贯顺畅性！
如果保证顺畅需要加5贞，甚至10贞的话，我们也要去做的，呵呵！可在这个效果中，我测试的时候并没有明显感觉到中间过度处的生硬感，所以就偷懒了一下。。。^_^

[ 本帖最后由闪客太子于 2007-1-1 22:35 编辑 ]

回复引用

TOP

小山子