Imageready制作刀切西红柿动画效果图

作者:网络 来源:佚名 更新时间:2008-11-15 20:05:00 点击:

这个小实例结合photoshop和imageready的制作了一个刀切西红柿的有趣效果,先看下完成图吧:

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理

制作步骤:1、打开一张素材图片,里面有一个完整的西红柿和一个切开的西红柿。

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理

2、用磁性套索工具勾选出完整的西红柿,ctrl+j复制一层,命名为番茄1。

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理

3、同样方法勾选出切开的西红柿,ctrl+j复制一层,命名为番茄2后将背景填充白色。

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理

|||

4、选择番茄2,ctrl+j复制一个,命名为番茄3,执行菜单/编辑/变换/水平翻转,形成两瓣切开的番茄效果。

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理


5、选择番茄1,ctrl+t调整到如下角度和位置,使它把儿朝上。

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理

6.1、选择番茄2,ctrl+t调整到如下角度和位置。

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理

6.2、打开一张水果刀图片。

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理

|||

7、用魔棒工具选中白色背景,ctrl+shift+i反选得到刀子选区。

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理


8、用移动工具将水果刀拖入番茄图片中。执行菜单/编辑/变换/水平翻转,再ctrl+t调整到如下角度和位置。

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理

9、选择番茄1图层,用椭圆工具选出它的一部分。

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理

|||

10、ctrl+j复制出这部分,命名为番茄4,置于刀子图层之上。调整图层顺序如下。

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理

11、按shift+ctrl+m导入imageready做动态。在动画窗口中选择第一帧,显示时间设为0.1秒,点红圈内复制按钮复制出另外2帧。选择第一桢,隐藏番茄2和番茄3。

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理

12、选择第2帧,将刀子垂直移动到与番茄底部齐平。

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理

13、选择第3帧,只显示番茄2和番茄3。

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理

|||

14、按住shift键同时选中前2帧,点红圈内过渡按钮设置如下过渡。

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理

15、同时选中后2帧,设置同样过渡。

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理

|||

14、设第1帧和最后1帧显示时间为1秒,执行菜单/文件/将优化结果存储为,保存,完工!

imageready制作刀切西红柿动画效果图_网页设计webjx.com整理

最终效果如前所示。