ps怎么制作动态图（ps怎么制作gif动画）

很多时候我们在网站上看到很多炫酷的动态界面效果，他们呈现着立体的效果，不仅是界面有着动画，并且在侧面我们也能清晰的看到随着页面动画也在发生变化。这么炫酷的效果到底是如何制作出来的呢？今天我们就一起来学习吧。

效果图：

1、导入GIF转为智能对象

首先把GIF动画图丢入到PS中，在【窗口】里面的打开【时间轴】面板。

点击时间轴面板里左下角点击【转为时间轴】按钮，将帧动画显示调整到时间轴的显示效果。

选中所有的图层，右击图层【转换为智能对象】

2、制作展示透视图

新建一个800x600像素，分别率为72的画布。

选择一个合适的前景色，Alt Delete将前景色填充到画布中。

使用路径工具中的【矩形工具】绘制一个正方形，大小改成和之前GIF图的同样大小。

双击路径图层可以将路径形状改为白色。

右击形状图层将图层【转为智能对象】

【Ctrl T】对矩形图层进行自由变换，按住【Alt】键对智能对象的四个边角进行定位，调整到合适的透视效果。

调整好透视后，【Ctrl J】复制矩形图层。

双击图层类别后半区域，调出【图层样式面板】，勾选【斜面和浮雕】在样式上选择内斜面，调整效果为

(方法：平滑，深度：00%，大小：1像素。阴影的角度：45°，阴影模式：黑色正片叠底，不透明度10%。)

【ALT J】对图层进行复制位移，重复操作，厚度就会越来越厚。

3、将GIF智能对象置入到透视展示图中

厚度制作好后把最初的无图层样式的矩形图层放在最上面，对齐顶部的面。

“双击”图层中的【智能对象】，打开智能对象后，将之前的GIF图的智能对象拖拽到画板中。

点击时间轴面板进行创建时间轴。然后【Ctrl S】对文件进行保存。

保存完毕后我们回到之前的透视展示的画布中，可以看到所有的智能对象都进行同步了，

再次在时间面板中点击创建时间轴，这时候GIF动画就置入到透视的效果中了。

4、调整展示细节，加强页面效果

为了让界面的透视感更为真实我们可以对所有的智能对象Ctrl G进行编组，编组好后，双击编组添加图层样式【投影】

在丰富一下背景光源的颜色，让整体变得更为完整。

最后在时间面板上调整动画【工作区域】的开始结束，从而保证动画的开始和结束是循环的。【空格键】可以进行动画预览。

制作完毕后【Ctrl shift Alt S】对动画进行保存，选择GIF格式，在面板下方的循环选项中【选择永远】，这样导出的GIF才是循环播放的。

操作完成！

随手收藏用是更方便~点一个关注更新更多精彩内容！

赞 (0)

相关推荐

  • 怎么在PS软件中将动态图变成矢量图

    怎么在PS软件中将动态图变成矢量图

    今天给大家介绍一下怎么在PS软件中将动态图变成矢量图的具体操作步骤.1. 首先打开电脑,找到想要编辑的原始图片,选择使用PS软件打开,然后进行扣图并清理背景,再将图片的模式设置为索引颜色模式.2. 在 ...

  • 学会Excel：[8]数据表制作动态图

    基于数据表制作动态图 操作方法 01 图中,上表为基础数据表,下面的图依据中间表的选择而变. 比如选择"李四"时 02 选择 "王五"时 03 选择为" ...

  • 简单的动态GIF图如何制作?美图秀秀制作动态图?

    现在涌入了很多的动态搞笑图片,尤其现在表情君越来越火了,小编最近玩美图秀秀的时候就发现了一个小技巧,在美图秀秀里面也可以自己动手制作简单的动态GIF图,小编和大家说下:简单的动态GIF图如何制作?美图 ...

  • 如何利用ppt制作动态图效果

    如何利用ppt制作动态图效果?下面就让小编来教你吧. 操作方法 01 打开ppt2010-插入-图片-插入一张图片,点击动画-添加动画,淡出持续时间为0.75,延迟为0.5. 02 插入第二张图片,点 ...

  • Algodoo物理沙盘如何制作动态小车?Algodoo简单制作小车教程

    使用Algodoo物理沙盘如何制作一辆动态小车?Algodoo物理沙盘是一款物理仿真实验室软件,特别有助于学习一些物理现象及知识,我们可以在其中制作任何想要的东西,那么如何制作一辆小车呢?接下来小编就 ...

  • PS怎么去掉动态图中的文字及创建和使用动作

    动态图中的文字分两种,一是纯背景色的文字.二是复杂背景的文字,相对来说纯背景的文字去掉比较简单,这里说的是固定类的文字,不是闪烁或放大放小等等的,下面我们先介绍纯背景的文字怎么去掉和创建动作使用动作. ...

  • 如何制作表情包动态图，gif制作工具哪个好

    看着网上飞天盖地的表情包动态图,我一直在想,他们是如何制作的,其实制作这个表情包非常简单,下面小编就来教大家如何制作. 操作方法 01 首先制作表情包动态图要有视频或图片素材,我们先打开我们的素材,小 ...

  • 怎么做gif动态图，gif制作软件哪个好

    在和别人的网络聊天中我们常常用到gif动态图,来烘托聊天时的气氛,那么这么这些gif动态图是怎么做的呢,小编只想说一句,其实制作gif动态图真的很简单,有一款好用的gif软件就行了.本篇小编就来推荐一 ...

  • 下雪的gif动态图 教你制作照片下雪特效的动图

    在现实生活中并没有见过下雨,多么渴望能够看见下雪,然后眼前的景色的白茫茫一片雪白的风景,如今,已经可以在照片上添加下雪的特效了,可以在照片上说下雨就下雨,说下雪就下雪,下雪还能制作小雪还是暴雪,竟然没 ...

  • 微信app怎么制作长图? 微信收藏制作长图的方法

    微信中的收藏可以保存为图片,之前我们介绍过(详情请点击查看),我们可以利用这个功能制作长图,比如看中几张图片想要按顺序合并成长图的话我们就可以添加到收藏中然后保存为图片,不用修图软件就可以将图片保存为 ...