当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop制作秋风吹落树上的叶子动画

Photoshop
Photoshop绘制优秀的专业的网站首页布局
Photoshop轻松给雕塑创建炫光效果
Photoshop绘制俏皮可爱的Twitter图标
Photoshop简便快捷的方式绘制逼真的月亮
Photoshop文字特效:打造溶液字母
Photoshop简单绘制蓝色水晶网页按钮
Pototshop绘制逼真的漂亮的苹果 Ipad
Photoshop制作web2.0商业网站首页模板
Photoshop绘制简洁优雅的WordPress主题
Photoshop绘制整洁简约风格的WordPress网页模板
Photoshop调色教程:金黄色调的风景照片
PS签名教程:淡淡的水墨画背景古典人物
Photoshop绘制金属质感的卡通钥匙
Photoshop文字特效:反光镀铬塑料文字
Photoshop文字特效:快速制作果冻文字
Photoshop教程:柯达磨皮滤镜润色磨皮
Photoshop教程:唯美冷色调婚纱照片
Photoshop鼠绘教程:《枪兵》草图绘画
Photoshop教程:超炫的另类激光电流
Photoshop风景照片调色:色彩斑斓的花朵

Photoshop制作秋风吹落树上的叶子动画


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

教程主要是介绍使用PS制作Gif动画效果,制作的时候先在Photoshop里面作好动画的几贞图片,然后再用IR制作成连贯的动画效果。
原图
Photoshop制作秋风吹落树上的叶子动画
最终效果
Photoshop制作秋风吹落树上的叶子动画
1.选择多边形套索工具(shift L),套出一片枫叶(选区必须闭合)
Photoshop制作秋风吹落树上的叶子动画
<图1>
2.复制选区(ctrl J),按住ctrl 鼠标拖拽到原枫叶下方位置
Photoshop制作秋风吹落树上的叶子动画
<图2>


3.按住ctrl alt 鼠标拖拽,继续复制出枫叶的凋落走向
Photoshop制作秋风吹落树上的叶子动画
<图3>
4.完成整个枫叶凋落过程以后
CS2版本用户:shift 鼠标点击第一片枫叶和最后一片枫叶,将其选中,然后按ctrl G编组
CS2以下版本用户:点击图层缩略图前的链接按钮,将所有的枫叶图层链接起来,图层-新建-图层组来自链接图层
Photoshop制作秋风吹落树上的叶子动画
<图4>
5.同样的方法,作出另一片枫叶的凋落路线
Photoshop制作秋风吹落树上的叶子动画
<图6>
Photoshop制作秋风吹落树上的叶子动画
<图7>
6.点击“在ImageReady中编辑”(shift ctrl M)按钮,窗口-动画,点击图层前的小眼睛,隐藏所有图层
Photoshop制作秋风吹落树上的叶子动画
<图8>


7.点击动画面板中“复制帧”按钮,新建第二帧,依次点击所有图层组缩略图左边“展开”三角按钮,点开第一片枫叶的小眼睛
Photoshop制作秋风吹落树上的叶子动画
<图9>
8.然后同样的方法制作第三帧,然后隐藏每个图层组中第一片枫叶小眼睛,使得每个图层组在一帧中只有一片枫叶可见
Photoshop制作秋风吹落树上的叶子动画
<图10>
9.同样的方法将整个枫叶凋落的过程制作出来
Photoshop制作秋风吹落树上的叶子动画
<图11>
Photoshop制作秋风吹落树上的叶子动画
<图12>


10.到最后一片枫叶凋落
Photoshop制作秋风吹落树上的叶子动画
<图13>
Photoshop制作秋风吹落树上的叶子动画
<图14>
11.最后一帧中,将所有的枫叶隐去,只有背景图层可视
Photoshop制作秋风吹落树上的叶子动画
<图15>
12.图层-优化,选择256色,GIF格式,文件-将优化结果存储为
Photoshop制作秋风吹落树上的叶子动画
<图16>