制作Gif动态图片.docxVIP

使用 Photoshop 制作 Gif 动态图片详解 【 第一步】 打开 PS ， 我们看一下 PS CS6 的界面（ 好吧， 这句有点废话? ） 【第二步】打开事先做好或者收集好的素材 如何打开？ 方法一：左上角-文件-打开； 方法二：Ctrl+O； 方法三：双击界面中间黑色区域。 选择需要打开的图片 这里我们打开①全睁②半睁③闭合 ．，Ps 文件(F] 洼砬IEJ 图 像(I) 图层（L) 文字(V) 选择＠ 滤锐m 视匠(V) 克口 {W) 帮助回 ． ， b 士 ， 自动这择 钥 ； 旦示安换控1牛  - ol X : 1－茎本－功能 : : 1 ? ，  X 查拱顽郢 ） 1＊ g f VI O f l “ 西 了 在］  至R 必-－ 至  －， ° □..＿, 1三 ？, □ .. ＿ G 。 酝 酝 丘 酌= 8 气 气 ．． ，． .J!. ． J. . 夕 L主I [I今??ti.夕 [I 今 ?? ti. ．网洛 ． .... ::;, - 醴 · . r 类 型 : .， r , 正常 了诱氏烹： 扫 玉 ·:. -, ? ～， 女众 T 伈 疫 矗 -lit. 古九Q 古九 □＿！  文 件名()!) 仁上J Pg” “2 JPg” “3 ；J 了 文件类型Q) 泊币桔式  I 打 开 Q ) | 漫函 j·＆·· 忱 ，～飞 漫 打开之后如图所示 接下来我们将打开的三张图合并到同一个文件里 如图所示，我们把 2.jpg 和 3.jpg 都拖到 1.jpg 里~ l．合一一，一 拖动完毕如图所示 为了方便区分，我们把每个图层都来重新命名一下 千万要记得随时保存文件哦~我这里保存为 gif.psd 做完这些，我们就可以开始下一步了~ 【第三步】开始制作 gif 动态图片 点开最上面：窗口-时间轴（有些 PS 的版本“时间轴”可能叫“动画”或者其他，找不到的截图来跟楼猪一起找吧~） 点开时间轴后，下面会出现这样一个窗口，如图所示 下面这个复制所选帧，“帧”的意思就是指静止的画面，一帧代表一个静止画面~ 我们回忆一下一开始说的五个画面呢？是不是①②③②①、①②③②①、①②③②①?? 一帧代表一个静止画面，而我们这里一共有五个画面，所以我们复制一共五个“帧”出来~ 这个图里面每个帧的下面都有 0 秒，这个时间代表的是一个帧跳到下一个帧所需要的时间， 0 秒太快了，为了方便大家观察，我修改成 0.5 秒~（0 秒旁边有个小三角，点击就可以修改时间）然后点击播放动画试试看，会出现什么？ 是不是发现毫无变化？这就对了，接下来的重点来了，怎么才能有变化呢？ 我们选中时间轴的第 1 帧，第1 帧就是第①个静止画面，我们只需要展现【①全睁】，所以看看右边的图层，我们把【②半睁】和【③闭合】图层全都隐藏掉；（点击图层左边的眼睛，即可以把图层隐藏，要恢复的话再点击一下~） 同理： 第 2 帧是第②个静止画面，我们选中第 2 帧，隐藏掉【①全睁】【③闭合】 第 3 帧是第③个静止画面，我们选中第 3 帧，隐藏掉【①全睁】【②半睁】 第 4 帧是第②个静止画面，我们选中第 4 帧，隐藏掉【①全睁】【③闭合】 第 5 帧是第①个静止画面，我们选中第 5 帧，隐藏掉【②半睁】【③闭合】 好了，我们现在再来点击【播放动画】看看呢，是不是动起来啦~？嘿嘿 【第四步】调整 虽然动起来了，但是感觉不太对劲对吧？眨得比较慢是不是？这个是每帧之间的间隔时间问题，大家自行调整吧~就不慢慢说明了~ 【第五步】保存 这一步也很重要哦，这里的保存不是指Ctrl+S 哦，而是点开左上角的文件-存储为Web 所用格式? 如图所示存储即可 ? 9 . 9 . 气．＇ ，． ，． / ． .1. Z . ；  保存在II) gif 唱 近访问的仪 亘 将优化结果存储为 ． 存储为 Web 所用格式 (100%) ． 存储为 Web 所用格式 (100%) - ol X 没有与哼 艺名件匹配的现 f 碌 ［未命名 ］ GIF 可达择 v 颓色 I6 1 扩敬 仿色 110I J 卤明磨 杂边 1 ! 无透明度哮 嘘 L ;v R _. `G 8 ` 茎本功昵 : ` o [II．、今 ＇ [II ．、 今 ＇ ?. ? 朗 交错 , b 莘色巨：一 ．缸4呻 ．缸4呻 云l .,转换为 skG B 罕 预览豆示器颖色 芯 6 匕 芯 6 匕 U O J 图像大小 180 岱哀 ． 百分比 H 179 像空 品质两次立方 ] 动画 僮环选项 永远 3i; 玑