┆死┆ 发表于 2007-11-16 17:27:46

Imageready蝶恋花 动画制作教程

作者:Sweetwitch来源:eNet硅谷动力
今天让我们用Imageready来做一个蝴蝶飞过鲜花的动态图,先看下效果吧:

http://pic.16xx8.com/article/UploadPic/2007/11/16/2007111672528349.gif   
制作步骤:

1、打开一张荷花图片做背景。

http://pic.16xx8.com/article/UploadPic/2007/11/16/2007111672528888.jpg





2、打开一张蝴蝶图片,用魔棒工具在白色区域点一下选中背景,Ctrl+Shift+I反选,就选出了蝴蝶。

http://pic.16xx8.com/article/UploadPic/2007/11/16/2007111672529284.jpg
http://pic.16xx8.com/article/UploadPic/2007/11/16/2007111672529754.jpg   



3、用移动工具将蝴蝶拖入荷花图片中,Ctrl+T调整大小和角度到如下位置。

http://pic.16xx8.com/article/UploadPic/2007/11/16/2007111672529705.jpg4、按shift+ctrl+M导入Imageready做动态。在动画窗口中选择第一帧,将蝴蝶拖到右下角,显示时间设为0.1秒。点红圈内复制按钮复制出另外3帧。

http://pic.16xx8.com/article/UploadPic/2007/11/16/2007111672530910.jpg





5、选择第2帧,将蝴蝶拖到花心上。
http://pic.16xx8.com/article/UploadPic/2007/11/16/2007111672530144.jpg
6、选择第3帧,将蝴蝶拖到左上角。

http://pic.16xx8.com/article/UploadPic/2007/11/16/2007111672530307.jpg





7、选择第4帧,将蝴蝶隐藏,方法为在图层面板关掉蝴蝶图层前的眼睛图标。

http://pic.16xx8.com/article/UploadPic/2007/11/16/2007111672530126.jpg 8、选择第2帧,复制出一帧,在图层面板选择蝴蝶图层,Ctrl+J复制一层,命名为蝴蝶2。Ctrl+T自由变换蝴蝶2,按住Shif+Alt键将它等比例缩小一点,然后隐藏蝴蝶图层。

http://pic.16xx8.com/article/UploadPic/2007/11/16/2007111672531935.jpg



9、复制第2帧,拖到第3帧之后成为第4帧,此时的2、3、4帧用来模拟蝴蝶振翅的效果。
http://pic.16xx8.com/article/UploadPic/2007/11/16/2007111672531719.jpg

10、我想让它振翅2次,所以按住shift键同时选中2、3、4帧,点复制按钮再复制出三帧。
http://pic.16xx8.com/article/UploadPic/2007/11/16/2007111672531466.jpg





11、同时选中前2帧,点红圈内过渡按钮设置如下过渡,这样能使蝴蝶飞得更平稳。

http://pic.16xx8.com/article/UploadPic/2007/11/16/2007111672531716.jpg

12、同时选中7、8帧,设置同样过渡。
http://pic.16xx8.com/article/UploadPic/2007/11/16/2007111672532736.jpg



13、设第7帧显示时间为1秒,让蝴蝶振翅之后在花上停留一会儿,设最后一帧显示时间设为2秒,执行菜单/文件/将优化结果存储为,保存,完工!

http://pic.16xx8.com/article/UploadPic/2007/11/16/2007111672532171.jpg

最终效果:

http://pic.16xx8.com/article/UploadPic/2007/11/16/2007111672528349.gif

8498565 发表于 2007-11-24 19:54:27

好漂亮的图~支持下~

華麗尛醜、 发表于 2007-11-25 11:14:58

就是复杂了点,
可是做出来.
这么漂亮,

亓齐 发表于 2007-11-27 10:12:20

回复 板凳 的帖子

支持。偶要学习一下了

混世魔王 发表于 2007-11-27 14:18:16

我的怎么打不开Imageready这个东东啊?我那里是个灰色的选择项啊,要怎么做才有啊?

金色 发表于 2007-12-3 10:25:44

dddddddddddddddddddddddps:(qq

≮继续谈情≯ 发表于 2007-12-4 10:10:02

支持....我喜欢ps:Q
页: [1]
查看完整版本: Imageready蝶恋花 动画制作教程