ps动态图片教程:爱我跳动的心

先看效果图 其实制作方法非常简单,新手都可以学得会的,下面就一步一步教你做吧,保证你能学得会。 1、新建文档,大小随意。 新建一个图层,设置前景色为#FD7FA3,选择一个可爱的文字画笔刷上去。 画笔下载地址: http://webdesign.5d6d.com/thread-705-1-1.html 2、选

PS制作可爱的卡通表情签名图的详细教程

作者:吴潇雨 出处: 详细教程 最终效果 副标题

先看效果图

ps动态图片教程:爱我跳动的心插图

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

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

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

ps动态图片教程:爱我跳动的心插图(1)

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

ps动态图片教程:爱我跳动的心插图(2)

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

投影:

ps动态图片教程:爱我跳动的心插图(3)

内阴影和外发光:

ps动态图片教程:爱我跳动的心插图(4)

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

ps动态图片教程:爱我跳动的心插图(5)

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

ps动态图片教程:爱我跳动的心插图(6)

副本2改为90%。

ps动态图片教程:爱我跳动的心插图(7)

副本3改为85%。

ps动态图片教程:爱我跳动的心插图(8)

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

新建六个帧。

ps动态图片教程:爱我跳动的心插图(9)

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

ps动态图片教程:爱我跳动的心插图(10)

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

ps动态图片教程:爱我跳动的心插图(11)

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

ps动态图片教程:爱我跳动的心插图(12)

第四帧,设置时间为0.1秒

ps动态图片教程:爱我跳动的心插图(13)

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

ps动态图片教程:爱我跳动的心插图(14)

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

ps动态图片教程:爱我跳动的心插图(15)

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

ps动态图片教程:爱我跳动的心插图(16)

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

ps动态图片教程:爱我跳动的心插图(17)

来看一下最终效果

ps动态图片教程:爱我跳动的心插图

来个大的

ps动态图片教程:爱我跳动的心插图(19)

先看效果图

ps动态图片教程:爱我跳动的心插图

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

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

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

ps动态图片教程:爱我跳动的心插图(1)

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

ps动态图片教程:爱我跳动的心插图(2)

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

投影:

ps动态图片教程:爱我跳动的心插图(3)

内阴影和外发光:

ps动态图片教程:爱我跳动的心插图(4)

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

ps动态图片教程:爱我跳动的心插图(5)

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

ps动态图片教程:爱我跳动的心插图(6)

副本2改为90%。

ps动态图片教程:爱我跳动的心插图(7)

副本3改为85%。

ps动态图片教程:爱我跳动的心插图(8)

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

新建六个帧。

ps动态图片教程:爱我跳动的心插图(9)

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

ps动态图片教程:爱我跳动的心插图(10)

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

ps动态图片教程:爱我跳动的心插图(11)

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

ps动态图片教程:爱我跳动的心插图(12)

第四帧,设置时间为0.1秒

ps动态图片教程:爱我跳动的心插图(13)

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

ps动态图片教程:爱我跳动的心插图(14)

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

ps动态图片教程:爱我跳动的心插图(15)

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

ps动态图片教程:爱我跳动的心插图(16)

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

ps动态图片教程:爱我跳动的心插图(17)

来看一下最终效果

ps动态图片教程:爱我跳动的心插图

来个大的

ps动态图片教程:爱我跳动的心插图(19)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部