分享

PS CS5用时间轴做逼真流水动画(超详细)

 清泉m 2016-03-03

PS CS5用时间轴做逼真流水动画(超详细)  

图  PS CS5用时间轴做逼真潺潺流水动画    制作:树木

先看看一幅静态风景图变成逼真的流水动态图:

PS CS5用时间轴做逼真潺潺流水动画(超详细) - 树木 - shum的博客

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

 

制作方法与步骤 :

1、新建一个400*400、分辨率为72像素、RGB颜色、8位、背景为透明的画布。见下图

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

把前景色设为黑色,选择矩形选框工具,在属性栏把样式设置为固定大小,把宽度设置为400像素、高度设置为8像素,在画布上方点一下,按Alt +删除键填充。见下图

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

 不要取消选区,按住Ctrl + Alt 键不放点一下T 键。见下图

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

 再用方向键向下移动一段距离。见下图

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

 2、回车确认。再次按住Shift + Ctrl + Alt  键不放连续点击 T 键,直至把画布铺满。取消选择。选择矩形选框工具,把属性栏中的样式设置为正常,把画布中的矩形框全部框选,(注意:在画布中上面和下面露出的空白高度要和两个小矩形之间的空白高度相一致)。见下图

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

 3、打开“编辑-定义图案”在弹出来的菜单中出现“图案名称”对话框,图案名称为“横线纹理”再点“确定”保存。删除这个文件。见下图

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

4、打开一张图片,并点击Ctrl + j 复制一层,点选工具栏中的以快速蒙版模式编辑的图标,进入快速蒙版编辑,再选择画笔工具,用画笔在副本层上涂抹有水的部分见下两图

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

5、涂抹好后,再次点选以快速蒙版模式编辑的图标,退出快速蒙版。将选区反选 按Ctrl + shift +i  。再按 Ctrl + j 把带水的部分复制一层。这时图层的显示如下:

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

 6、选择图层2,复制一层,为图层2副本。将图层2副本改名为河水2;图层2改名为河水1见下图

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

 
       7、打开图层面板,点击下方“添加矢量蒙版”。 给河水2、河水1添加矢量蒙版”。见下图

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

 8、先后点击河水2、河水1的“图层面板缩览图”, 填充纹理图案。选择编辑、填充,在弹出的菜单中使用栏选择图案,找到横线纹理图案,点确定。见下图

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

9、分别点击二个图层蒙版旁边的“铁链”使断开连接。选择河水1中的“图层面板缩览图”,使该蒙版处于被选中的状态,选择编辑、变换、在弹出的菜单中选择旋转90度(顺、逆均可),点Ctrl + T 自由变换,使之变换框的上下、两端与图片的水面宽度及水平面一致。选择河水2中的“图层面板缩览图”,点Ctrl + T 自由变换,两端与图片的水面宽度及水平面一致点回车确认。见下两图

                       PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客       PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

                                         

10、分别选取河水1、2图层,点按方向键2—3次。将河水1图层向左(或向右)移动;点按方向键2—3次;将河水2图层向下(或向上)移动2—3次。

 11、选择窗口、动画,调出动画面板,并使之转换为时间轴模式的面板上。点击时间轴动画面板上右上角的倒三角,在弹出来的菜单中选择文档设置。见下图

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

12、在弹出的时间轴设置中把时间改为0:00:01:00, 帧数率改为自定、15帧。见下图

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

 13、在时间轴动画面板上点开河水2左侧、方向向右的小三角图标,然后把时间轴拖向左侧,再点击图层蒙版位置左面的秒表图标为纹理,这时在零秒的位置上就有一个关键帧。把时间轴拖向最右侧,在图层面板上选中该图层的蒙版,选择移动工具,按住Shift 键不放向上移动2次,这时在时间轴动画面板的最右侧就自动增加了一个关键帧。见下图

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

然后把时间轴拖向左侧,再点击点开河水1左侧、方向向右的小三角图标,再点图层蒙版位置左面的秒表图标,新建一个关键帧。把时间轴拖向最右侧,选择该图层的蒙版,按住Shift 键不放向右移动2次。这时在时间轴动画面板的最右侧就自动又新建一个关键帧。(注:河水1向左移动;河水2向下移动。)测试一下效果。 见下图

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

 

14、选择文件、储存为Web和设备所用格式,在弹出来的菜单中把它设置为GIF格式的,并在右下角把循环选项设置为永远。

PS CS5用时间轴做逼真流水动画 - 树木 - shum的博客

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多