ps怎么使用时间轴做一个闪烁文字的gif动画

ps怎么使用时间轴做一个闪烁文字的gif动画,第1张

cs6中做gif的 *** 作:
1
)打开cs6,点“窗口”--“时间轴”。
2
)“文件”--“打开”,打开第一张图。
3
)再打开第二张图。(简单动画制作,复杂的可打开多张图),将该图复制并粘贴在第一张图之上。(两图尺寸大小一样)
4
)点击“时间轴”“创建帧动画”,点击右上角小三角形,点“从图层建立帧”。
5
)点击每帧下边秒数,根据需要从新设置秒数。点击“一次”,选“永远”。
6

点击下面播放键,动画完成。
7
)保存,点击“文件”--“存储为web所用格式”。
将“循环选项”设为“永远”,点“存储”。
最简单的动画制作就完成了,复杂的可以类推。

PS软件里的时间轴是做动画用的工具,比如:打开PS软件,按ctrl+n新建一层,点图层下面新建图层打上字,点窗口、时间轴,把图层字前面的眼睛关点掉,点时间轴下面、复制、把图层字前面眼睛点上,时间轴下面播放看看效果。如果制作更好看、更难度的可以抠图过来制作。保存,按ctrl+AIt+shift+S保存,确定就可以了!

我想百度有很多教程的。

那我们先做最简单先文字动态图。

首先两张的尺寸要相同,位置摆放不一样,分别保存一下

先保存了“您”字,而“好”字是关闭了眼睛

看图层右侧,已保存了“您”字

两张图都保存了后,请新建一个图层,跟它们尺寸一样的空白图层。

把“您”跟“好”两张拉进去

除去这两个图层,最底下的那个图层是背景图,可以删除它。

接着我们点击窗口选择时间轴

点击后看下方

箭头指着的位置中选择从图层建立帧

再看左下角框框的位置,选择秒数和永远

最后的保存选择储存为Web所用格式

格式选择GIF


出来效果如下

1、首先打开ps,点击右上角的“动感选项”。

2、然后点击时间轴最右侧“+”号图标,在文件夹中选中自己要导入的素材。

3、接着点击时间轴图标设置时间。

4、然后在界面中找到文件选项点击,会出现菜单栏,找到存储为web所用格式,然后点击即可。

5、然后会跳转到格式设置的界面,最后将右上角的格式设置为“GIF”存储即可。

在平时工作项目中,多少会碰上要做简单gif动画的需求。以往做gif动画最麻烦的就是逐帧制作,一旦修改起来也很痛苦。随着Photoshop版本的不断升级,其功能的优化和增加,都是一次次的惊喜,发展到CC版本,时间轴已可以对视频简易剪辑,所以时间轴制作简单的gif动画足已。
1、如何调出视频时间轴面板
在窗口–>时间轴,调出时间轴面板后,选择创建视频时间轴。
选择了视频时间轴面板后,若想切换到帧动画面板,可以点击上图中红色内图标进行切换。
2、了解视频时间轴图层的基本面板参数
位置:单纯控制图层对象在画布的移动。(该参数动画对位图图层有效,矢量图层则需要启动矢量蒙版位置才会产生移动动画效果)
演示动画:
变换:包含对图层对象在画布的移动控制和变形控制,可以产生原地旋转,放大缩小,翻转动画效果。(参数只针对智能对象图层而言)
演示动画:
样式:控制图层对象样式效果。图层样式是可以产生很丰富的动画效果,除了简单的外发光、内发光、投影等基本动画效果,里面的图案样式更可以应付重复的背景场景,如飘雪,流星等效果。
演示动画;
不透明度:是控制图层对象的整体透明度。
演示动画:
蒙版:使用蒙版的时候蒙版位置与蒙版启用一起使用。图层蒙板位置具有控制动画效果范围的作用。矢量蒙板位置则控制矢量图层对象的移动。
演示动画:
3、视频时间轴的使用
根据要使用的参数,点击
启用关键帧动画,然后移动浮标到关键帧上,再根据对应的参数调整图层,时间轴就会自动创建关键帧。
4、看看桌面图标动画制作思路:
(1)在接到需求时,先在纸上勾勒自己想要的大致动画效果,再去网上找一些动画效果参考,觉得合适把他保存下来,方便后面与需求方沟通动画时,能表达更清楚。
(2)与需求方确认好动画效果后,接着再在纸上拆解动画的元素,分析这些动画的图层逻辑顺序,哪些动画效果可以借助图层混合样式实现,哪些需要把图层转换为智能对象等。这一步是为了让自己在使用视频时间轴做动画时,心里会有一个比较清晰的逻辑。
(3)接下来整理确认好的icon图层(先复制一份源文件备份)。主要做以下几方面:把图层标好颜色区分减少图层数,把可以合并的图层转换为智能对象(智能对象可以二次编辑,防止后面意外修改),并命好名称。
(4)导出动画:导出gif格式动画,直接Alt+Ctrl+Shift+S导出;导出序列帧,通过
文件–>导出–>渲染视频调出面板。
(5)最终动画效果
5、总结:
(1)在做之前先与需求方沟通好,了解动画尺寸、格式等信息。确认好动画效果再动手做。
(2)多用可编辑性图层(如智能对象、矢量图层),让图层变得可控性。
(3)保持图层顺序逻辑清晰明了,给图层加以颜色区分及命好名称,方便在时间轴上观看。
(4)用图层样式做动画效果。一个图层样式不能实现的效果,可以把他拆成多个样式来实现。同时,样式的混合模式尽量用正常的模式来做效果,这样可以保证在转换位智能对象的时候效果一致。
(5)善用图层蒙版。

注:更多精彩教程请关注三联photoshop教程栏目,三联PS群:182958314欢迎你的加入

刷微博的时候经常会看到一些 gif 图,预览图和点开的大图是不同的,并且 gif 图点开后也不会循环播放再次看到预览图。

就像这样:

(动图截自费启鸣微博)


那么这种图是怎么做出来的呢?


其实很简单,用 Photoshop 做一个只循环一次的 2 帧动画就可以了。


过程如下:


1、首先,你需要一部装有 Photoshop 的电脑。


2、准备 2 张,一张用做预览图、一张用做点开图。

建议两张形状一样,否则可能做出的成图效果不佳。


3、打开 PS,将两张拖到 PS 中。

这里建议大家更改一下图像大小,把宽高像素改为 1000 以下,不然文件太大的话 PS 做动图会非常卡。

我这里将宽高改为 500 像素。


更改像素步骤:点击菜单栏中的「图像」—「图像大小」。



4、打开时间轴,然后「创建视频时间轴」。

步骤:点击菜单栏中的「窗口」—「时间轴」—「创建视频时间轴」。



5、点击右下角 —「转化为帧动画」。



6、复制帧,点击「复制所选帧」。



7、设置帧

点击第一帧,将时间设为一秒以下,05 秒、02 秒均可。

然后鼠标放到右边「图层」板块,打开将要用做预览图的的的眼睛开关,关闭将要用做打开图的的眼睛开关。



点击二帧,将时间设为一秒以下,05 秒、02 秒均可。

然后鼠标放到右边「图层」板块,打开将要用做打开图的的的眼睛开关,关闭将要用做预览图图的的眼睛开关。

(方法和第一帧做法一样,只不过把两张图层的眼睛开关更换以下)



8、距离完工的最后一个步骤——导出。

步骤:点击菜单栏中的「文件」—「导出」—「储存为 Web 所用格式」。



注意:右下角的「循环选项」默认是「一次」,如果「循环选项」不是一次的话,一定要改成一次。

最后储存,大功告成!


把我刚刚做出的这个动图发微博试一下



注:刚刚用 PS 做出的那张动图,在微博中是不会再循环了。

但是如果发到别的地方,比如 qq、微信等,动图依然是循环播放的。

1、首先将字擦好之后得到一些副本图层,个人签图层前面的眼镜点开,让其显示,然后打开手的素材把手抠出来,用移动工具把它拖过来,然后用Ctrl+T调整手的大小,让给手加上阴影,新建图层,使用画笔工具,用硬度0的画笔沿着手的左边画出一块黑色阴影。

2、阴影是越内部那边越大,越外部那边越小。然后模糊,参数自己可以看着来设,这里楼楼设为5,把阴影层的不透明度降低,然后把阴影层拉到手那个层的下面,

3、按住Ctrl键同时选中图层2与图层3,然后按Ctlr+E合并两个层得来一个新的图层,名字叫图层2。

4、CS6显示的是时间轴,把窗口-时间轴前的勾打上调出时间轴工具条,点“创建帧动画”,点复制所选帧,得到帧2,然后把帧1,帧2两个帧里面的文字层前面的眼镜全部点掉,让其不显示,得到效果。

5、然后点过渡动画帧,出现菜单文字层是15个图层,再加上字与定间的过度,三个字2个过渡帧,所以楼楼这里要添加的帧数是17,当然如果不够用,后面还可以通过复制所选帧来增加帧数选中第1帧。

6、点开让其显示选中手所在的那个图层,用移动工具,把图层的笔尖拖到与第一个字的起笔点位置对齐,然把文字层关掉,把最后一层文字层前的眼睛点亮让其显示,然后用移动工具把图层2的笔尖对到文字擦掉的地方,把个人签副本14前的眼睛点亮,然后用移动工具把笔尖拖到第一笔的最尾端。

7、把个人签副本13前的眼睛点亮,然后用移动工具把笔尖拖到第2笔的最尾,之后的第5,6。以及后的的帧都是同理的去处理,做了18帧,效果图做了50多帧,第19帧做全字显示,把手隐藏掉,然后把时间调为1秒,最后就可以了。

PS中的时间轴是用来做GIF动画的工具,具体使用方法是:
1、打开多张要制作动画的,拖进同一个背景里;
2、ctrl+t调整大小、位置;
3、打开”窗口--时间轴“,设置动画帧,就是分别打开或关闭图层前面的小眼睛;
4、设置帧显示时间;
5、”文件--存储为web所用格式--预览--另存为“GIF,完成。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13049607.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-29
下一篇 2023-05-29

发表评论

登录后才能评论

评论列表(0条)

保存