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

Photoshop
Photoshop设计制作笔记本类电脑公司网站
Photoshop创建婚礼类网站模板
Photoshop设计制作华丽立体游戏网站模板
Photoshop制作视频分享类网站首页模板
Photoshop教程:这样制作网络美女
Photoshop入门实例:绘制星光水晶桃心
Photoshop设计具有现代艺术风味视觉优美广告
Photoshop教程:真人照片转唯美仿手绘效果
photoshop教程:切割大楼
Photoshop照片合成:梦幻可比(KOBE)
Photoshop背景橡皮擦轻松为美女抠图
Photoshop教程:梦幻化风景照片
Photoshop教程:制作清爽阳光靓丽美女
Photoshop设计制作汽车类网站头部效果图
Photoshop制作商务类公司网站BANNER
PS教程:数码生活照片人物和背景美化
Photoshop调色:暗黄怀旧照片特效
PS教程:制作未来主义的汽车类网站模板
Photoshop制作web2.0风格软件开发公司网站模版
PS教程:摇滚乐团(rock band)音乐网站模板

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


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