> 웹 프론트엔드 > PS 튜토리얼 > Imageready蝶恋花 动画制作教程

Imageready蝶恋花 动画制作教程

PHP中文网
풀어 주다: 2016-06-01 14:38:02
원래의
2292명이 탐색했습니다.

今天让我们用Imageready来做一个蝴蝶飞过鲜花的动态图,先看下效果吧:   制作步骤: 1、打开一张荷花图片做背景。 副标题 2、打开一张蝴蝶图片,用魔棒工具在白色区域点一下选中背景,Ctrl Shift I反选,就选出了蝴蝶。   # 今天让我们用Imageready来做一个蝴蝶飞过鲜花的动态图,先看下效果吧:

Imageready蝶恋花 动画制作教程_脚本之家jb51.net整理
制作步骤:
1、打开一张荷花图片做背景。

Imageready蝶恋花 动画制作教程_脚本之家jb51.net整理
2、打开一张蝴蝶图片,用魔棒工具在白色区域点一下选中背景,Ctrl Shift I反选,就选出了蝴蝶。

Imageready蝶恋花 动画制作教程_脚本之家jb51.net整理

Imageready蝶恋花 动画制作教程_脚本之家jb51.net整理
3、用移动工具将蝴蝶拖入荷花图片中,Ctrl T调整大小和角度到如下位置。

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

Imageready蝶恋花 动画制作教程_脚本之家jb51.net整理
5、选择第2帧,将蝴蝶拖到花心上。

Imageready蝶恋花 动画制作教程_脚本之家jb51.net整理
6、选择第3帧,将蝴蝶拖到左上角。

Imageready蝶恋花 动画制作教程_脚本之家jb51.net整理
7、选择第4帧,将蝴蝶隐藏,方法为在图层面板关掉蝴蝶图层前的眼睛图标。

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

Imageready蝶恋花 动画制作教程_脚本之家jb51.net整理
9、复制第2帧,拖到第3帧之后成为第4帧,此时的2、3、4帧用来模拟蝴蝶振翅的效果。

Imageready蝶恋花 动画制作教程_脚本之家jb51.net整理
10、我想让它振翅2次,所以按住shift键同时选中2、3、4帧,点复制按钮再复制出三帧。

Imageready蝶恋花 动画制作教程_脚本之家jb51.net整理
11、同时选中前2帧,点红圈内过渡按钮设置如下过渡,这样能使蝴蝶飞得更平稳。

Imageready蝶恋花 动画制作教程_脚本之家jb51.net整理
12、同时选中7、8帧,设置同样过渡。

Imageready蝶恋花 动画制作教程_脚本之家jb51.net整理
13、设第7帧显示时间为1秒,让蝴蝶振翅之后在花上停留一会儿,设最后一帧显示时间设为2秒,执行菜单/文件/将优化结果存储为,保存,完工!

Imageready蝶恋花 动画制作教程_脚本之家jb51.net整理
最终效果:


Imageready蝶恋花 动画制作教程_脚本之家jb51.net整理

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿