精品教程

时间:2015-05-04

魔兽世界石头人游戏动作

AAA最新开班信息

UI设计经典就业班

【开班时间】4-12
【人数限定】限招18人
预约试听
在线报名
X
姓名|NAME
手机|PHONE
城市|CITY
QQ邮箱|EMAIL
填写QQ邮箱即可订阅免费学习资料
*安全报名,个人信息不外泄

Photoshop教程| PS CC制作gif动态图效果

推荐: admin

Photoshop教程| PS CC制作gif动态图效果。之前,我们的教程为大家带来了不少平面设计、UI图标设计的制作合成方法,今天换张动态图来调剂调剂,为了让我们的设计动起来,一起用PS CC制作一张gif动态图吧。

首先看看最终效果图

这篇教程由UI资源库带来的,操作不难,适合同学们拿来练手,下面是具体制作步骤

首先介绍一下工具:

在窗口中先将时间轴面板调出

之后我们开始做啦~~~~~~

1.新建一个画布,(大小自定)

2.在画布上画一个圆

3.处理这个圆的颜色:渐变所用到的颜色是#ffe689、#fa8b00,在添加渐变叠加效果,数据如下图

4.开始为它做帧了

5.完成,就可以出现效果图了

6.如何保存:文件--存储为Web所用格式

 

7.打开所保存的文件查看效果:

8.题外话:

制作时根据所需灵活结合运用不透明度、样式

样式:控制图层对象样式效果。图层样式是可以产生很丰富的动画效果,除了简单的外发光、内发光、投影等基本动画效果,里面的图案样式更可以应付重复的背景场景,如飘雪,流星等效果

不透明度:是控制图层对象的整体透明度。
运用不透明度的一个效果:

 

你也可以按照你的想法做出奇妙的动态效果O(∩_∩)O

9.时间轴的启用


 

点击下最右边的小闹钟状的图标就可以启用时间轴,菱形变为黄色就是已经启用了,若要关闭,再次点击小闹钟就行