当前位置:站长之家学习教程图象图形Photoshop学习教程 → 文章内容

用PS + ImageReady做GIF动画

减小字体 增大字体 作者:佚名  来源:不详  发布时间:2006-1-24 18:37:18

昨天有GG要我做个GIF图片

相对PS而言,ImageReady是比较简单的东西

帮新手入门的东东。各位高手见笑哈

我的习惯还是在PS中开始:选一张图片


请添加描述

  

抠图:很简单哦

请添加描述

上一页  [1]   

设想一下需要的动作,平均分做几个步骤,最好在纸上简单勾勒下

复制图层,用转变工具、画笔和涂抹等工具变形作出每一个动作步骤:

请添加描述

上一页  [1] [2]   

继续 。。。

可以随时通过开闭图层来观察动作是否合理


请添加描述

上一页  [1] [2] [3]   

请添加描述

上一页  [1] [2] [3] [4]   

把男同志抠出来,不过他不需要动的


请添加描述

上一页  [1] [2] [3] [4] [5]   

拖入一个背景层,调整色彩和亮度

请添加描述

上一页  [1] [2] [3] [4] [5] [6]   

复制3个背景层,以2象素为单位对每层递进进行高斯模糊


请添加描述

上一页  [1] [2] [3] [4] [5] [6] [7]   

逐次检查各个图层的状态


请添加描述

上一页  [1] [2] [3] [4] [5] [6] [7] [8]   

点击工具栏最下方的图标

打开ImageReady

请添加描述

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9]   

先处理背景层

这样比较容易控制节奏和频率

请添加描述

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]   

注意:

每新建一个帧,与之无关的图层一定要关闭

请添加描述

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11]   

从第一帧开始,打开人物层


请添加描述

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12]   

根据动作,依次打开和关闭相应的图层

请添加描述

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13]   

继续 。。。

请添加描述

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14]   

注意:

由于GIF图片是动态循环的,所以第一祯与最后一祯绝对不能用同一层,否则会出现明显的停顿。

一般采用:1>>2>>3>>4>>3>>2>> 的图层布局


请添加描述

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15]   

在动画预览窗口,选择播放,测试效果

根据背景变化,对人物进行处理,这里是以0.5象素差,对人物进行模糊处理的


请添加描述

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16]   

按SHIFT,选择动画预览窗口中的所有帧

请添加描述

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17]   

鼠标移动到播放时间记号位置

点击右键,在时间列表中选择合适的时间规定

一般1/12秒一祯(近似0.1)比较流畅,由于文件用途的不同,我选择0.2秒/祯

点击,播放看一下效果


请添加描述

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18]   

保存:

选择文件菜单中的“将优化结果储存为。。。”

请添加描述

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20]