当前位置: 主页 > 平面设计 > PS教程 > 制作实例 > 动画制作 > Photoshop制作秋风吹落树上的叶子动画

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

  • 2022-04-09
  • 来源/作者: Ps.Onegreen.Org    / 佚名    
  • 10 次浏览

教程主要是介绍使用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>