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

Photoshop
photoshop教程:路径完全精通手册之一体验
photoshop教程:路径完全精通手册之二概念
photoshop教程:路径完全精通手册之三节点定义
photoshop教程:路径完全精通手册之四路径控制面板
photoshop教程:路径完全精通手册之五快捷技巧
Photoshop教程:路径工具巧绘矢量卡通女孩与猫
Photoshop教程:巧用路径工具画皮鞋
Photoshop教程:路径工具绘制梦幻透明光影花叶
Photoshop打造超炫美的精灵之光
教你用Photoshop设计漂亮的包装袋
用Photoshop打造晶莹通透的玻璃杯
用Photoshop打造一只新鲜的桔子
Photoshop蒙板的初步理解
Photoshop基础教程:路径专辑
Photoshop绘制活泼灵动的梅花鹿
超级手绘教程:蜻蜓
Photoshop另类实用技巧:切网页
湿边画笔打造酷酷光效
制作酷酷宇宙光效
学PS基础:Photoshop 技能167个

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


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