注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

品味人生博客

网页及博客素材,软件教程,网赚教程,技术知识总汇

 
 
 

日志

 
 

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

2014-07-26 11:15:36|  分类: ps动画教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

先看效果图

ps教程-品味人生-品味人生博客

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

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

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


ps教程-品味人生-品味人生博客

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

ps教程-品味人生-品味人生博客

 

          

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

投影:

ps教程-品味人生-品味人生博客

内阴影和外发光:

ps教程-品味人生-品味人生博客

 

            

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

ps教程-品味人生-品味人生博客

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

ps教程-品味人生-品味人生博客

 

            

副本2改为90%。

ps教程-品味人生-品味人生博客

副本3改为85%。

ps教程-品味人生-品味人生博客

 

            

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

新建六个帧。

ps教程-品味人生-品味人生博客

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

ps教程-品味人生-品味人生博客

 

            

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

ps教程-品味人生-品味人生博客

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

ps教程-品味人生-品味人生博客

 

            

第四帧,设置时间为0.1秒

ps教程-品味人生-品味人生博客

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

ps教程-品味人生-品味人生博客

 

            

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

ps教程-品味人生-品味人生博客

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

ps教程-品味人生-品味人生博客

 

            

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

ps教程-品味人生-品味人生博客

来看一下最终效果

ps教程-品味人生-品味人生博客

来个大的

ps教程-品味人生-品味人生博客

 

           
  Flash教程  U5教程  html技巧  Ps教程
2014年05月17日 - 品味人生 -        品味人生的博客
  电脑技巧  现代人物  古韵人物  gif图片
  flash动画  png免抠图  动植物图  背景素材  顶栏图片  博客制作  模块代码  音画边框
  评论这张
 
阅读(180)| 评论(1)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017