查查 发表于 2011-6-8 11:23:39

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



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

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

1.用13像素笔刷画出一个心形图案。
http://pic.16xx8.com/allimg/110608/104940C40-0.jpg
2.新建图层,用大于13像素笔刷划一短线(这里是15像素,目的是能够完全覆盖图中圆点但还不能太大,以免影响相邻圆点)。
http://pic.16xx8.com/allimg/110608/10494051a-1.jpg
3.根据观察心形图案的构成以及圆点走向和角度,我们编辑一个包含了四种不同角度的线条。图中线条由水平、垂直、正负45度共4跟线条组成。
http://pic.16xx8.com/allimg/110608/10494022U-2.jpg
4.打开动画(时间轴)调板;时间和帧数原则上是根据图中圆点的数量设定的,比如,心形是由41个圆点组成,如果我们设定时间为4秒,帧数应该是每秒10帧,但是,4秒有点太长,所以设为3秒,每秒应该大于13帧,这里设为15帧是为了留些余量以利编辑。
http://pic.16xx8.com/allimg/110608/10494031K-3.jpg
5.在时间轴调板里,设置好光线的初始位置并覆盖圆点,然后单击箭头所指处按钮——创建光线层的初始帧
http://pic.16xx8.com/allimg/110608/104940L59-4.jpg
6.下来,右移时间指示器至第五帧位置,精确的方法可通过下方箭头所指按钮点击五次(每次一帧)。这样,对于等距的对象就避免了移动五次来覆盖五个圆点的麻烦。从初始帧之后开始,每帧对应一个圆点,第一帧就是第一个圆点、、、、、第十帧就是第十个圆点,以此类推。
http://pic.16xx8.com/allimg/110608/1049406338-5.jpg

7.这步需要注意了,虽然此方法可提高效率,可当圆点的走向发生变化的时候,我们还得需要采取逐帧覆盖来编辑。这时,垂直线不能满足编辑要求了,时间指示器右移一格 > 新建帧,然后改用水平直线部分覆盖下一圆点。
http://pic.16xx8.com/allimg/110608/1049402J3-6.jpg
8.观察当前光线下面圆点形成的角度,感觉向下移动四个圆点位置就可以了(即第十帧)——时间指示器右移至第十帧处 > 光线下移至第四个圆点。
http://pic.16xx8.com/allimg/110608/10494055R-7.jpg
9.又遇到角度的问题了,时间指示器右移一格 > 新建帧,然后继续选择适合圆点走向的光线部分,这个角度适合用斜线,移动斜线覆盖下一圆点。
http://pic.16xx8.com/allimg/110608/1049402424-8.jpg
10.下来我们可清楚看到圆点已呈斜直线走向,所以,这步可将距离移动多点,时间指示器右移至第十九帧处 > 光线下移八个圆点
http://pic.16xx8.com/allimg/110608/1049402c6-9.jpg
11.根据圆点之间的距离以及位置和方向,选择合适角度的光线来覆盖;时间指示器右移一格 > 新建帧,用垂直光线顶端覆盖该圆点
http://pic.16xx8.com/allimg/110608/10494042G-10.jpg
12.右侧编辑完了,下来是左侧。时间指示器右移一格 > 新建帧,换角度合适的光线覆盖(方法同上)。
http://pic.16xx8.com/allimg/110608/10494012Q-11.jpg

13.圆点走向越直,光线可移动的距离越大。大家可以想象一下,圆点如果是排列在直线三角形上,那么我们只需三步就可完成
http://pic.16xx8.com/allimg/110608/104940DJ-12.jpg
14.根据走向选择角度合适的光线
http://pic.16xx8.com/allimg/110608/1049403142-13.jpg
15.记住,每次变换光线前首先要做的是:时间指示器右移一格 > 新建帧 > 变换并移动光线至下一圆点
http://pic.16xx8.com/allimg/110608/104940OT-14.jpg
16.在编辑的过程中,可以通过播放来实时检测某一步骤。
http://pic.16xx8.com/allimg/110608/1049405L9-15.jpg
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帧
http://pic.16xx8.com/allimg/110608/1049401G5-16.jpg
18.这是编辑完成后的效果演示,可清楚的看到光线的运行动作
http://pic.16xx8.com/allimg/110608/1049401400-17.gif
19.以上操作还没使光线“嵌入”到圆点里面,我们现在的任务就是让它变成点而不是线。我知道大家都会想到使用剪贴蒙版,哈哈,没错,不过,先别急,上图我们看到当光线覆盖圆点的时候,它的其它部位也不可避免的遮挡住了另一些圆点,这时我们还需要采取一些消除此影响的手段。是的,用蒙版——先将时间指示器放回第一帧,然后用矩形选区工具在图中位置画出一选区
http://pic.16xx8.com/allimg/110608/1049401648-18.jpg

20.添加蒙版,并去掉图层和蒙版的链接,同时单击时间轴调板下方箭头所指按钮创建蒙版位置的初始帧。去掉链接是为了在移动蒙版时不影响图层
http://pic.16xx8.com/allimg/110608/1049401435-19.jpg
21.由于蒙版的位置可以任意移动,所以,可参照光线的编辑位置灵活移动蒙版,从而达到显示或隐藏光点的目的
http://pic.16xx8.com/allimg/110608/1049401451-20.jpg
22.当然,你也可以大范围移动蒙版,然后通过观察来细微调整,总之,一定要将多余光点消除掉
http://pic.16xx8.com/allimg/110608/1049405444-21.jpg
23.图示供参考
http://pic.16xx8.com/allimg/110608/104940GZ-22.jpg
24.好了完成,现在可以按住alt键,鼠标单击光线层和心形层交界处——创建剪贴蒙版
http://pic.16xx8.com/allimg/110608/1049403459-23.jpg
25.最后储存,单击菜单栏:文件 > 存储为web和设备所用格式 > (参考图示) > 完成
http://pic.16xx8.com/allimg/110608/1049401R9-24.jpg
26.效果
http://pic.16xx8.com/allimg/110608/104940J37-25.gif

作者:林内 思缘论坛   出处:未知
页: [1]
查看完整版本: PS制作坠子常作的那种光点流动特效的教程