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

Photoshop
作品欣赏:简约而不失美感纯线条作品
佳作欣赏:50张绝对惊艳的像素画设计
分享国外设计师设计极乐的LOGO商标设计
Photoshop教程:绘制蓝色风格水晶小房子
PS图片调色教程:清爽色调的海滩照片
Photoshop签名教程:古典风格的传世唯美
PS图片调色实例:欧美风格亮红色调的图片
Photoshop制作粘贴翘边阴影照片装饰效果
佳作欣赏:35个时尚风格透明效果LOGO作品
广告设计欣赏:绚丽的手机宣传广告设计作品
Photoshop教程:炫彩的花纹文字特效
Photoshop教程:绘制金属质感的铝锅
PS文字特效教程:水晶边框炫彩的立体文字
Photoshop图片调色教程:褪色的记忆
Photoshop调色教程:黄昏下感觉的图片
设计师Barry Downard设计作品欣赏
作品欣赏:汽车创意广告设计平面作品
Photoshop调色教程:漂亮的橙黄色调图片
Photoshop绘制绚丽的感觉非常舒服的光束壁纸
作品欣赏:漂亮的外形的包装设计作品

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-17   浏览: 191 ::
收藏到网摘: 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>