如何使用Photoshop调整GIF动图

   相比静态图,GIF动态图更加能让你的设计作品吸引人们的眼光。本期国外精品翻译教程就跟大家一起学习三种在Photoshop调整GIF动态图的方法。

  用Photoshop CS5、CS6或创意云版本打开GIF动态图;在主菜单栏中选择“窗口>时间轴”或者“窗口>时间轴”;在主菜单栏中选择“窗口>图层”

  。

  一、调整图层

  在图层面板,选择顶端图层,然后点击调整图层按钮,添加调整图层。


  图01

  选择其中的调整图层,调整图层上的任何改变都会影响下面所以帧和图层的效果。


  图02

  通过尝试不同的调整图层,达到想要的调整效果。这会给整个动态图的色彩和对比度带来很大的改变。当调整完成后需要保存,选择“文件>存储为Web所用格式”。选择GIF格式和需要输出的颜色数量。确保透明色、杂边和动画选项都设置正确。点击存储,保存为新文件。


  图03

  原图


  图04

  调整效果


  图05

  二、混合选项

  点击时间轴窗口中全部的帧并点击删除按钮。


  图06

  在图层面板选择最低端的图层,然后点击“fx”按钮,选择混合选项。


  图07

  对刚才选择的图层应用想要的混合选项。下图所示的是颜色叠加混合选项,你可以根据需要选择投影、描边或者多种效果叠加。


  图08

  确定最底图层应用好图层样式后,右击缩略图选择“拷贝图层样式”,然后选择全部的图层,右击选择“粘贴图层样式”。这样全部图层都会应用到刚才设置的图层样式。


  图09

  在时间轴或者动画面板中,点击右上角,选择“从图层创建帧”,将每一个图层都转为独立帧。


  图10

  选择全部帧,对着小三角右击,选择“其它”,设置延迟0.03秒30 fps回放。


  图11

  完成后,前面的操作一样,存储为Web所用格式。

  原图


  图12

  调整效果


  图13

  三、逐帧制作

  逐帧地制作动画是一个费时的活,但是具有很大的灵活性。因为GIF动态图由一系列的图案组成,每个图案都可以做不同处理,创造出想要的效果。

  在动画或者时间轴面板中,选择全部的帧,点击垃圾桶图标,删除全部帧。在图层面板中,对每个图层应用色彩半调。


  图14

  在时间轴或者动画面板中,点击右上角,选择“从图层创建帧”,将每一个图层都转为独立帧。


  图15

  选择全部帧,对着小三角右击,选择“其它”,设置延迟0.03秒30 fps回放。

  完成后,前面的操作一样,存储为Web所用格式。


  图16

  原图


  图17

  调整效果


分类:

  • PS入门教程
时间: 2024-08-04 07:01:00

如何使用Photoshop调整GIF动图的相关文章

如何利用Photoshop调整GIF动图

  相比静态图,GIF动态图更加能让你的设计作品吸引人们的眼光.本期国外精品翻译教程就跟大家一起学习三种在Photoshop调整GIF动态图的方法. 用Photoshop CS5.CS6或创意云版本打开GIF动态图;在主菜单栏中选择"窗口>时间轴"或者"窗口>时间轴";在主菜单栏中选择"窗口>图层". 一.调整图层 在图层面板,选择顶端图层,然后点击调整图层按钮,添加调整图层. 图01 选择其中的调整图层,调整图层上的任何改变都

Photoshop三种调整GIF动图方法分享

给各位Photoshop软件的使用者们来详细的分享一下三种调整GIF动图的方法. 方法分享: 相比静态图,GIF动态图更加能让你的设计作品吸引人们的眼光.本期国外精品翻译教程就跟大家一起学习三种在Photoshop调整GIF动态图的方法. 用Photoshop CS5.CS6或创意云版本打开GIF动态图;在主菜单栏中选择"窗口>时间轴"或者"窗口>时间轴";在主菜单栏中选择"窗口>图层". 一.调整图层 在图层面板,选择顶端图层

Photoshop CC制作一张Loading的gif动图

  Photoshop CC的帧动画和时间轴功能,让它在动画制作上也屡屡能展现奇迹.Loading小GIF图在ppt演示文档中,或者一些ui演示中都能被当做素材,很好的展示内容.接下来就跟大家分享一枚Loading动图设计小技巧. 方法如下 1.打开ps软件,新建400*300的文档,分辨率72就行,背景白色即可. 2.新建一个透明图层,选择椭圆选框工具,按住shift,拉出一个圆形. 3.设置好前景色ffe689和背景色fa8b00.选择渐变工具,选定角度渐变.在圆形选框中拉一个渐变出来.效果

Ubuntu16.04创建GIF动图教程

  其实并不难,只需一台安装 FFmpeg 的 Ubuntu 16.04 桌面端,再安装上 ImageMagick,工具就算备齐了(同样适用于其它 Linux 发行版). FFmpeg 是一款开源的音.视转换器,使用 FFmpeg 我们可以非常容易地转换和录制音视频文件,而 ImageMagick 是一款用于创建.编辑和合并位图图像的一款开源软件. 将视频转换为GIF 我们从简单的入手,先来看下如何将视频直接转换为 GIF 动图.如前如述,先安装 FFmpeg 和 ImageMagick(这两个

可牛影像怎么制作眨眼动图

  现在,聊天时各种斗图真是不亦乐乎.很多人想要制作眨眼动图来当做表情包,可是不知道要怎么制作.今天,小编就来跟大家分享可牛影像怎么制作眨眼动图,希望对大家有所帮助. 先看一下效果图: 第一步:运行可牛影像,点击"打开一张图片"按钮,打开一张正面照.牛牛建议大家,不要选用眼睛特别大的照片,否则不便于编辑.如图01所示: 第二步:要做出眨眼效果,牛牛首先要让美眉把美丽的眼睛闭上.执行"美容→眼睛变大".并调节"放大笔"的数值,但一定要注意将&quo

如何用photoshop制作紫色签名图效果

本文章来告诉你如何用photoshop制作紫色签名图效果哦,好了费话不说多了来看年过款签名的制作教程吧   1.打开原图素材.普通相机拍出的相片都偏灰,所以后期都需要人工干预,点击"图像/调整/自动对比"进行调整.       2.由于图片本身清晰度就不高,还有少量噪点,接下来的步骤当然是磨皮.用你擅长的方式磨皮(八仙过海各显神通),也可网上下载各种磨皮软件辅助磨皮.一般如果相片本身就很清晰,大可无需磨皮,直接用印章祛斑即可.     3.接下来抠图,把人物抠画出来.抠图方法也很多:抠

用Photoshop调整照片色调的技巧

今天我们介绍用Photoshop调整照片色调的一些高级技巧,例子是将摩托车女郎照片处理成蓝色调的酷照. 调整步骤作者写得比较简略,适合有一些Photoshop基础的朋友.其中设计到的一些工具和使用请参考文章下端的"相关文章",会有比较详细的介绍. 原图如下: 调整结果如下:

Photoshop调整文字间距技巧介绍

  用Photoshop输入文字,经常会有文字重叠在一起或者行距太大的情况.下面小编为大家分享Photoshop调整文字间距技巧,希望能对大家有所帮助! 方法/步骤 打开Photoshop,新建一个文档.使用左侧文字工具或使用快捷键"T",画出一个文本框 输入文字后,打开左侧工具栏里的文字调整工具. 如果没有文字调整的工具栏,可以在"窗口-字符"中将其调处. 在"设置行距"中调整文字的行距,比如我现在写的四个示例文字是36号字,则行距也设置为36

Photoshop抠图:一图五种抠法

  先贴原图 先用钢笔或套索工具勾出人物的主体部分,做的时候一定要注意,蚂蚁线不要太到边缘,更不能外出,否则扣出来的效果是不理想的. 然后进行羽化,羽化的作用是使边缘柔和,不会显得生硬. 羽化值根据图像的面积的大小和所选范围的大小而设定,我这里设定为1 然后ctrl+j自动生成 图层1 我将 图层1 改为人物主体,目的为后来的另外几种抠图备用,使大家能一目了然. 关闭人物主体前的眼睛,选中背景层,回到通道.大家注意看,蓝色通道的背景很干净,呈现单一的灰白.那么蓝通道就可以利用了. 将蓝通道拖到创