当前位置:首页 > PS教程 > 设计教程

PS制作loading加载等待GIF动画教程

  • 2021-05-14 16:46:58
  • 来源/作者:互联网/佚名
  • 己被围观

浏览网页打开某一项的时候经常会碰到loading内容加载中的等待动画,本次我们利用PhotoShop来制作一个loading加载等待的GIF动画效果。

6.点图层面板下方FX添加图层样式,下拉,选渐变叠加。

Photoshop制作loading加载等待GIF动画教程

7.点红框处。

Photoshop制作loading加载等待GIF动画教程

8.渐变编辑器,看标识,上面调透明度,下面是颜色,在色标平行空白处点一下就可以增加一个色标,按住拖出去就可以删除,按下图配置好。

Photoshop制作loading加载等待GIF动画教程

9.下面来调整透明度,点一下上面的色标,下方就显示它的数值,我们主要调它的透明度,按下图分配好。

Photoshop制作loading加载等待GIF动画教程

10.一切设置好之后,把中间两个色标靠近一点,再近一点。。。完了点确定,返回图层样式。

Photoshop制作loading加载等待GIF动画教程

11.下面就按图设置就好了,然后点确定

Photoshop制作loading加载等待GIF动画教程

12.然后就这样变成这样子了

Photoshop制作loading加载等待GIF动画教程

13.点窗口--动画,调出动画面板,复制当前帧,再执行渐变叠加,更改它的参数

Photoshop制作loading加载等待GIF动画教程

14.把角度原来的90度改为-90度,确定。

Photoshop制作loading加载等待GIF动画教程

15.动画面板再一次复制当前帧,再一次执行渐变叠加。。。

Photoshop制作loading加载等待GIF动画教程
​​​​​​​

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?