当前位置: 主页 > 平面设计 > PS教程 > 制作实例 > 动画制作 > 用PS制作心跳震动效果闪图的简单教程

用PS制作心跳震动效果闪图的简单教程

  • 2022-04-23
  • 来源/作者: OneGreen.Org    / jenny    
  • 9 次浏览

先看效果图

按此在新窗口浏览图片

其实制作方法非常简单,新手都可以学得会的,下面就一步一步教你做吧,保证你能学得会。

1、新建文档,大小随意。

新建一个图层,设置前景色为#FD7FA3,选择一个可爱的文字画笔刷上去。

画笔下载地址:http://www.86ps.com/Soft/ShowInfo.asp?InfoID=3706

按此在新窗口浏览图片

2、选择自定义形状工具,找到心形,按住Shif键同时在画布上拉出心形,右键―删格化图层。

按此在新窗口浏览图片

3、双击心形图层,给心形设置图层样式,各项参数如下:

投影:

按此在新窗口浏览图片

内阴影和外发光:

按此在新窗口浏览图片

内发光、光泽和渐变叠加:

按此在新窗口浏览图片

4、图层样式设置完后,将心形复制三个副本,选择副本1执行Ctrl+T,将属性栏的比例改为95%。

按此在新窗口浏览图片

副本2改为90%。

按此在新窗口浏览图片

副本3改为85%。

按此在新窗口浏览图片

5、好了,心形到这儿就做完了。接下来就是关键的步骤:做动画,打开动画编辑窗口(窗口―动画),按新建按钮六次,

新建六个帧。

按此在新窗口浏览图片

6、选择第一帧,然后在图层上将副本1、2、3的眼睛都隐藏掉,并设置帧延迟时间为0.05秒,具体如图:

按此在新窗口浏览图片

选择第二帧,将副本1的眼睛点开,其它三个心形图层的眼睛关掉,这一帧时间不用设置。

按此在新窗口浏览图片

同理,选择第三帧,如下:

按此在新窗口浏览图片

第四帧,设置时间为0.1秒

按此在新窗口浏览图片

第五帧,返回来选副本2,因为震荡依次是从大到小,然后再荡回来,所以这一帧要选倒数第二个。

按此在新窗口浏览图片

第六帧选择副本1。好了,点击播放按钮看一下吧,成了!

按此在新窗口浏览图片

7、做好后就保存下来,选择文件―存储为WEB所用格式。

按此在新窗口浏览图片

点存储,弹出对话框,为你的动画命一个名字,保存,确定,这样就完成了~!

按此在新窗口浏览图片

来看一下最终效果

按此在新窗口浏览图片

来个大的

按此在新窗口浏览图片