PS教程-GIF动画篇

很实用 ps教程新春大礼包——18章巨献 作者:薛欣姚辉 12.2 GIF动画 对于web页较大的图片我们在浏览时,下载速度是很慢的。因此许多网站会使用颜色较少,图片较小,带有简单动画效果的GIF格式的图片,那么这种图片好处呢在于它比较小,容易下载,很容易传播。所以在ps中

[IR动图教程] Photoshop ImageReady打造遮隐效果

Photoshop ImageReady打造遮隐效果本文由 国教程网 myjunbb 原创,(http://bbs.16xx8.com) 1.打开要处理的文件,新建一个层(快捷键Ctrl Shift N),然后用矩形选框工具在画布上画出一个圆~~随便填充一种颜色 取消选

很实用PS教程-GIF动画篇插图

ps教程新春大礼包——18章巨献

12.2 GIF动画

对于web页较大的图片我们在浏览时,下载速度是很慢的。因此许多网站会使用颜色较少,图片较小,带有简单动画效果的GIF格式的图片,那么这种图片好处呢在于它比较小,容易下载,很容易传播。所以在ps中,我们可以使用GIF动画文件从单个图像制作动画。动画GIF是一系列图像或帧,其中的每个帧都与前一帧稍有不同。这样,快速显示这些帧时,将产生运动的假象。使用【动画】调板创建动画帧。每个帧表示一个图层配置。动画面板如图122所示。

PS教程-GIF动画篇插图(1)

图12-2

12.2.1制作GIF动画(逐帧)

我们启动ps后,选择【文件】>【打开】,打开几个图像,如图12-2-1所示。

PS教程-GIF动画篇插图(2)

图12-2-1

接下来将这三张图像分为三个图层合在一个图像里。如图12-2-2所示。

PS教程-GIF动画篇插图(3)

图12-2-2

下面我们通过动画面板新建两个帧。如图12-2-3所示。

PS教程-GIF动画篇插图(4)

图12-2-3

我们选中一帧,然后在图层面板中将上面的图层1、图层2隐藏。如图12-2-4所示。

PS教程-GIF动画篇插图(5)

图12-2-4

以下两帧操作也是一样。设置完成后动画面板如图12-2-5所示。

PS教程-GIF动画篇插图(6)

图12-2-5

创建好了动画帧之后,我们对动画帧的时间进行设置,我们单击图像下0秒右侧的黑色小三角,这时就出现了延迟时间下拉列表,在这里我们可以设置它的延迟时间。如图12-2-6所示。

PS教程-GIF动画篇插图(7)

图12-2-6

最后我们可以设置播放的次数,通过动画面板左下角的PS教程-GIF动画篇插图(8)按钮,选择播放的次数。单击黑色三角后,出现下拉列表,如图12-2-7所示。

PS教程-GIF动画篇插图(9)

图12-2-7

一次表示我们创建的动画只能播放一次。

永远表示我们创建的动画可以不断的进行反复的播放。

其它可供我们对播放次数进行自定义。单击后,会出现对话框,如图12-2-8所示。我们可以任意进行设置。

PS教程-GIF动画篇插图(10)

图12-2-8

设置完成后,我们可以单击PS教程-GIF动画篇插图(11)按钮进行预览,这样,我们GIF的帧动画就创建完成了。

 

12.2.2过渡动画

【过渡】命令大大减少了创建动画效果(如渐现、渐隐或在帧之间移动图素)所需的时间。创建过渡帧之后,可以分别对它们进行编辑。

可以使用【过渡】命令自动添加或修改两个现有帧之间的一系列帧:均匀地改变新帧之间的图层属性(位置、不透明度或效果参数)以创建运动显示效果。例如,如果要渐隐一个图层,则可将起始帧的图层不透明度设置为100%,然后将结束帧的同一图层的不透明度设置为16%。在这两个帧之间过渡时,该图层的不透明度在整个新帧上均匀减小。如图12-2-9所示。

PS教程-GIF动画篇插图(12)

图12-2-9

执行下列操作之一,弹出如图12-2-10所示对话框:

单击【动画】调板中的【过渡】按钮PS教程-GIF动画篇插图(13)

从【动画】调板菜单中选择【过渡】。

PS教程-GIF动画篇插图(14)

图12-2-10

所有图层改变所选帧中的全部图层。

选中的图层只改变所选帧中当前选中的图层。

位置在起始帧和结束帧之间均匀地改变图层内容在新帧中的位置。

不透明度在起始帧和结束帧之间均匀地改变新帧的不透明度。

效果均匀改变起始帧和结束帧之间的图层效果的参数设置。

下一帧在所选的帧和下一帧之间添加帧。当在【动画】调板中选择最后一帧时,该选项不可用。

上一帧在所选的帧和上一帧之间添加帧。当在【动画】调板中选择第一帧时,该选项不可用。

12.2.3用GIF格式存储文件

对于GIF的图像我们可以通过【文件】>【存储为web和设备所用格式】进行存储。单击后,弹出如图12-2-11所示。

PS教程-GIF动画篇插图(15)

图12-2-11

通过上面的【原稿】、【优化】、【双联】以及【四联】我们可以对图片进行对比的设置。如图12-2-12所示。

PS教程-GIF动画篇插图(16)PS教程-GIF动画篇插图(17)

双联四联

图12-2-12

对话框的右侧是预设的一些选项,通过这些选项,我们可以设置图像的一些参数,比如:颜色,仿色等等。如图12-2-13所示。

PS教程-GIF动画篇插图(18)

图12-2-13

下面还有颜色表以及图像大小。我们可以通过图像大小来调整图像的尺寸。如图12-2-14所示。

PS教程-GIF动画篇插图(19)PS教程-GIF动画篇插图(20)

图12-2-14

再往下我们同样可以设置它的播放次数。各项参数设置完之后,我们点存储进行文件的保存。

很实用PS教程-GIF动画篇插图

ps教程新春大礼包——18章巨献

12.2 GIF动画

对于web页较大的图片我们在浏览时,下载速度是很慢的。因此许多网站会使用颜色较少,图片较小,带有简单动画效果的GIF格式的图片,那么这种图片好处呢在于它比较小,容易下载,很容易传播。所以在ps中,我们可以使用GIF动画文件从单个图像制作动画。动画GIF是一系列图像或帧,其中的每个帧都与前一帧稍有不同。这样,快速显示这些帧时,将产生运动的假象。使用【动画】调板创建动画帧。每个帧表示一个图层配置。动画面板如图12-2所示。

PS教程-GIF动画篇插图(1)

图12-2

12.2.1制作GIF动画(逐帧)

我们启动ps后,选择【文件】>【打开】,打开几个图像,如图12-2-1所示。

PS教程-GIF动画篇插图(2)

图12-2-1

接下来将这三张图像分为三个图层合在一个图像里。如图12-2-2所示。

PS教程-GIF动画篇插图(3)

图12-2-2

下面我们通过动画面板新建两个帧。如图12-2-3所示。

PS教程-GIF动画篇插图(4)

图12-2-3

我们选中第一帧,然后在图层面板中将上面的图层1、图层2隐藏。如图12-2-4所示。

PS教程-GIF动画篇插图(5)

图12-2-4

以下两帧操作也是一样。设置完成后动画面板如图12-2-5所示。

PS教程-GIF动画篇插图(6)

图12-2-5

创建好了动画帧之后,我们对动画帧的时间进行设置,我们单击图像下0秒右侧的黑色小三角,这时就出现了延迟时间下拉列表,在这里我们可以设置它的延迟时间。如图12-2-6所示。

PS教程-GIF动画篇插图(7)

图12-2-6

最后我们可以设置播放的次数,通过动画面板左下角的PS教程-GIF动画篇插图(8)按钮,选择播放的次数。单击黑色三角后,出现下拉列表,如图12-2-7所示。

PS教程-GIF动画篇插图(9)

图12-2-7

一次表示我们创建的动画只能播放一次。

永远表示我们创建的动画可以不断的进行反复的播放。

其它可供我们对播放次数进行自定义。单击后,会出现对话框,如图12-2-8所示。我们可以任意进行设置。

PS教程-GIF动画篇插图(10)

图12-2-8

设置完成后,我们可以单击PS教程-GIF动画篇插图(11)按钮进行预览,这样,我们GIF的帧动画就创建完成了。

 

12.2.2过渡动画

【过渡】命令大大减少了创建动画效果(如渐现、渐隐或在帧之间移动图素)所需的时间。创建过渡帧之后,可以分别对它们进行编辑。

可以使用【过渡】命令自动添加或修改两个现有帧之间的一系列帧:均匀地改变新帧之间的图层属性(位置、不透明度或效果参数)以创建运动显示效果。例如,如果要渐隐一个图层,则可将起始帧的图层不透明度设置为100%,然后将结束帧的同一图层的不透明度设置为16%。在这两个帧之间过渡时,该图层的不透明度在整个新帧上均匀减小。如图12-2-9所示。

PS教程-GIF动画篇插图(12)

图12-2-9

执行下列操作之一,弹出如图12-2-10所示对话框:

单击【动画】调板中的【过渡】按钮PS教程-GIF动画篇插图(13)

从【动画】调板菜单中选择【过渡】。

PS教程-GIF动画篇插图(14)

图12-2-10

所有图层改变所选帧中的全部图层。

选中的图层只改变所选帧中当前选中的图层。

位置在起始帧和结束帧之间均匀地改变图层内容在新帧中的位置。

不透明度在起始帧和结束帧之间均匀地改变新帧的不透明度。

效果均匀改变起始帧和结束帧之间的图层效果的参数设置。

下一帧在所选的帧和下一帧之间添加帧。当在【动画】调板中选择最后一帧时,该选项不可用。

上一帧在所选的帧和上一帧之间添加帧。当在【动画】调板中选择第一帧时,该选项不可用。

12.2.3用GIF格式存储文件

对于GIF的图像我们可以通过【文件】>【存储为web和设备所用格式】进行存储。单击后,弹出如图12-2-11所示。

PS教程-GIF动画篇插图(15)

图12-2-11

通过上面的【原稿】、【优化】、【双联】以及【四联】我们可以对图片进行对比的设置。如图12-2-12所示。

PS教程-GIF动画篇插图(16)PS教程-GIF动画篇插图(17)

双联四联

图12-2-12

对话框的右侧是预设的一些选项,通过这些选项,我们可以设置图像的一些参数,比如:颜色,仿色等等。如图12-2-13所示。

PS教程-GIF动画篇插图(18)

图12-2-13

下面还有颜色表以及图像大小。我们可以通过图像大小来调整图像的尺寸。如图12-2-14所示。

PS教程-GIF动画篇插图(19)PS教程-GIF动画篇插图(20)

图12-2-14

再往下我们同样可以设置它的播放次数。各项参数设置完之后,我们点存储进行文件的保存。

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部