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

品味人生博客

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

 
 
 

日志

 
 

PS制作坠子常作的那种光点流动效果的教程  

2014-07-22 09:11:43|  分类: ps动画教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

经常看到有朋友问如何制作“像素刷光”(嘿嘿,不知这个词用的是否准确),也就是做坠子常作的那种光点流动效果。虽然看过好多相关教程,但,个人感觉教程都有些复杂繁琐;比如,像素图案如果不规则的话,你要做一个相同大小的圆点,然后根据像素的走向,通过移动圆点逐个覆盖像素才能完成,非常麻烦,假如像素太多,那就更是费时费力,效率可想而知。

下面,兄弟给童鞋们提供一种制作思路,或许不是最佳方法,但相对于之前的方法,这个应该还算简单快捷。不足之处请指教。

1.用13像素笔刷画出一个心形图案。

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

2.新建图层,用大于13像素笔刷划一短线(这里是15像素,目的是能够完全覆盖图中圆点但还不能太大,以免影响相邻圆点)。

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

3.根据观察心形图案的构成以及圆点走向和角度,我们编辑一个包含了四种不同角度的线条。图中线条由水平、垂直、正负45度共4跟线条组成。

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

4.打开动画(时间轴)调板;时间和帧数原则上是根据图中圆点的数量设定的,比如,心形是由41个圆点组成,如果我们设定时间为4秒,帧数应该是每秒10帧,但是,4秒有点太长,所以设为3秒,每秒应该大于13帧,这里设为15帧是为了留些余量以利编辑。

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

5.在时间轴调板里,设置好光线的初始位置并覆盖圆点,然后单击箭头所指处按钮——创建光线层的初始帧

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

6.下来,右移时间指示器至第五帧位置,精确的方法可通过下方箭头所指按钮点击五次(每次一帧)。这样,对于等距的对象就避免了移动五次来覆盖五个圆点的麻烦。从初始帧之后开始,每帧对应一个圆点,第一帧就是第一个圆点、、、、、第十帧就是第十个圆点,以此类推。

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

     

7.这步需要注意了,虽然此方法可提高效率,可当圆点的走向发生变化的时候,我们还得需要采取逐帧覆盖来编辑。这时,垂直线不能满足编辑要求了,时间指示器右移一格>新建帧,然后改用水平直线部分覆盖下一圆点。

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

8.观察当前光线下面圆点形成的角度,感觉向下移动四个圆点位置就可以了(即第十帧)——时间指示器右移至第十帧处>光线下移至第四个圆点。

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

9.又遇到角度的问题了,时间指示器右移一格>新建帧,然后继续选择适合圆点走向的光线部分,这个角度适合用斜线,移动斜线覆盖下一圆点。

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

10.下来我们可清楚看到圆点已呈斜直线走向,所以,这步可将距离移动多点,时间指示器右移至第十九帧处>光线下移八个圆点

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

11.根据圆点之间的距离以及位置和方向,选择合适角度的光线来覆盖;时间指示器右移一格>新建帧,用垂直光线顶端覆盖该圆点

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

12.右侧编辑完了,下来是左侧。时间指示器右移一格>新建帧,换角度合适的光线覆盖(方法同上)。

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

       

13.圆点走向越直,光线可移动的距离越大。大家可以想象一下,圆点如果是排列在直线三角形上,那么我们只需三步就可完成

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

14.根据走向选择角度合适的光线

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

15.记住,每次变换光线前首先要做的是:时间指示器右移一格>新建帧>变换并移动光线至下一圆点

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

16.在编辑的过程中,可以通过播放来实时检测某一步骤。

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

17.这是最后一帧,从它右侧开始至当前位置结束,共41帧,前面说了,圆点是41个,我们设置的时间和播放频率是每秒15帧,注意看时间轴调板左上方的时间显示信息,它的计算方法是15进制,尾数1,代表第一帧,尾数15的时候不显示15而是向前进一位,即秒数变为1.比如,当显示为0:00:01:14,也就是15帧加14帧等于29帧。现在我们看到的信息是0:00:2:10,就是30帧加10帧等于40帧,顺便说下,创建的初始帧不包含在内,所以,我们虽然编辑了40帧,但实际上是41帧

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

18.这是编辑完成后的效果演示,可清楚的看到光线的运行动作

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

19.以上操作还没使光线“嵌入”到圆点里面,我们现在的任务就是让它变成点而不是线。我知道大家都会想到使用剪贴蒙版,哈哈,没错,不过,先别急,上图我们看到当光线覆盖圆点的时候,它的其它部位也不可避免的遮挡住了另一些圆点,这时我们还需要采取一些消除此影响的手段。是的,用蒙版——先将时间指示器放回第一帧,然后用矩形选区工具在图中位置画出一选区

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

       

20.添加蒙版,并去掉图层和蒙版的链接,同时单击时间轴调板下方箭头所指按钮创建蒙版位置的初始帧。去掉链接是为了在移动蒙版时不影响图层

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

21.由于蒙版的位置可以任意移动,所以,可参照光线的编辑位置灵活移动蒙版,从而达到显示或隐藏光点的目的

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

22.当然,你也可以大范围移动蒙版,然后通过观察来细微调整,总之,一定要将多余光点消除掉

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

23.图示供参考

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

24.好了完成,现在可以按住alt键,鼠标单击光线层和心形层交界处——创建剪贴蒙版

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

25.最后储存,单击菜单栏:文件>存储为web和设备所用格式>(参考图示)>完成

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

26.效果

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

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

历史上的今天

评论

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

页脚

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