您的位置:澳门威利斯人赌场 > 集团团建 > Photoshop制作动态界面展示GIF动画效果

Photoshop制作动态界面展示GIF动画效果

发布时间:2019-10-12 13:09编辑:集团团建浏览(176)

    澳门威利斯人赌场 1

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

    Photoshop制作随着页面变化的GIF动画效果

    澳门威利斯人赌场 2

    澳门威利斯人赌场 3

    澳门威利斯人赌场 4

    澳门威利斯人赌场 5

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

    澳门威利斯人赌场 6

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

    澳门威利斯人赌场 7

    澳门威利斯人赌场 8

    澳门威利斯人赌场,选中所有的图层,右击图层

    调整展示细节,加强页面效果

    首先吧GIF动画图丢入到ps中,在里面的打开面板。

    澳门威利斯人赌场 9

    最终效果!

    效果图:

    澳门威利斯人赌场 10

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

    澳门威利斯人赌场 11

    澳门威利斯人赌场 12

    澳门威利斯人赌场 13

    澳门威利斯人赌场 14

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

    澳门威利斯人赌场 15

    澳门威利斯人赌场 16

    最终效果!

    澳门威利斯人赌场 17

    澳门威利斯人赌场 18

    澳门威利斯人赌场 19

    澳门威利斯人赌场 20

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

    澳门威利斯人赌场 21

    效果图:

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

    澳门威利斯人赌场 22

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

    澳门威利斯人赌场 23

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

    澳门威利斯人赌场 24

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

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

    3

    澳门威利斯人赌场 25

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

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

    澳门威利斯人赌场 26

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

    澳门威利斯人赌场 27

    1、导入GIF转为智能对象

    澳门威利斯人赌场 28

    双击图层类别后半区域,调出,勾选在样式上选择内斜面,调整效果为

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

    新建一个800×600像素,分别率为72的画布。

    澳门威利斯人赌场 29

    对图层进行复制位移,重复操作,厚度就会越来越厚。

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

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

    4

    本文由澳门威利斯人赌场发布于集团团建,转载请注明出处:Photoshop制作动态界面展示GIF动画效果

    关键词:

上一篇:用PS制作电影胶片效果

下一篇:没有了