当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Imageready蝶恋花 动画制作教程

Photoshop
Photoshop教程:超酷的炫彩光影字
Photoshop把普通照片变时尚杂志模特
Webjx推荐:好用的平面设计软件插件
PS教程:打造充满夏日阳光的美女照片
Photoshop入门理论知识:PS的用途
Photoshop英文教材:40个艺术背景制作教程
Photoshop CS4教程:双窗口编辑图片教程
Photoshop教程:漂亮的3D质感叶子
PS教程:为风景照片添加真实的阳光照射特效
Photoshop快速打造梦幻的透明方块特效
PS照片合成:经典的燃烧的飞弹战争场面
PS制作真实的带苔藓的破损的石头文字
PS教程:背对光影照片的单色调调整
PS调色教程:模糊天空风景照片变梦幻特效
PS手绘:卡通美女水灵灵的大眼睛
webjx收集:61个最好的视频效果制作教程
PS教程:超酷炫彩性感姐妹花海报特效
Webjx收集50个超酷的海报设计国外教程
Webjx收集14个Photoshop广告设计教程
Webjx收集:制作雨水特效和水滴特效的PS教程

Photoshop 中的 Imageready蝶恋花 动画制作教程


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 1307 ::
收藏到网摘: n/a

今天让我们用Imageready来做一个蝴蝶飞过鲜花的动态图,先看下效果吧:

Imageready蝶恋花 动画制作教程_软晨学习网ruanchen.com整理  
制作步骤:
1、打开一张荷花图片做背景。

Imageready蝶恋花 动画制作教程_软晨学习网ruanchen.com整理

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

Imageready蝶恋花 动画制作教程_软晨学习网ruanchen.com整理

Imageready蝶恋花 动画制作教程_软晨学习网ruanchen.com整理  

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

Imageready蝶恋花 动画制作教程_软晨学习网ruanchen.com整理
4、按shift ctrl M导入Imageready做动态。在动画窗口中选择第一帧,将蝴蝶拖到右下角,显示时间设为0.1秒。点红圈内复制按钮复制出另外3帧。

Imageready蝶恋花 动画制作教程_软晨学习网ruanchen.com整理

5、选择第2帧,将蝴蝶拖到花心上。

Imageready蝶恋花 动画制作教程_软晨学习网ruanchen.com整理
6、选择第3帧,将蝴蝶拖到左上角。

Imageready蝶恋花 动画制作教程_软晨学习网ruanchen.com整理

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

Imageready蝶恋花 动画制作教程_软晨学习网ruanchen.com整理
8、选择第2帧,复制出一帧,在图层面板选择蝴蝶图层,Ctrl J复制一层,命名为蝴蝶2。Ctrl T自由变换蝴蝶2,按住Shif Alt键将它等比例缩小一点,然后隐藏蝴蝶图层。

Imageready蝶恋花 动画制作教程_软晨学习网ruanchen.com整理

9、复制第2帧,拖到第3帧之后成为第4帧,此时的2、3、4帧用来模拟蝴蝶振翅的效果。

Imageready蝶恋花 动画制作教程_软晨学习网ruanchen.com整理
10、我想让它振翅2次,所以按住shift键同时选中2、3、4帧,点复制按钮再复制出三帧。

Imageready蝶恋花 动画制作教程_软晨学习网ruanchen.com整理

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

Imageready蝶恋花 动画制作教程_软晨学习网ruanchen.com整理
12、同时选中7、8帧,设置同样过渡。

Imageready蝶恋花 动画制作教程_软晨学习网ruanchen.com整理

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

Imageready蝶恋花 动画制作教程_软晨学习网ruanchen.com整理
最终效果:

Imageready蝶恋花 动画制作教程_软晨学习网ruanchen.com整理