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

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

PS制作很酷的旋转字效果的GIF动画教程

我这里先说出教程的主要思路: 1.首先你要明白如何在路径上输入文字,让文字随路径变化 2.这个就是两个圈圈的排列位置,这个位置上需要用到自由变换,你要对这个命令熟悉(包括透视) 3.接下来就是耐心大考验,我之前

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

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

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

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

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

PS制作坠子常作的那种光点流动特效的教程插图(1)

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

PS制作坠子常作的那种光点流动特效的教程插图(2)

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

PS制作坠子常作的那种光点流动特效的教程插图(3)

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

PS制作坠子常作的那种光点流动特效的教程插图(4)

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

PS制作坠子常作的那种光点流动特效的教程插图(5)

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

PS制作坠子常作的那种光点流动特效的教程插图(6)

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

PS制作坠子常作的那种光点流动特效的教程插图(7)

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

PS制作坠子常作的那种光点流动特效的教程插图(8)

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

PS制作坠子常作的那种光点流动特效的教程插图(9)

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

PS制作坠子常作的那种光点流动特效的教程插图(10)

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

PS制作坠子常作的那种光点流动特效的教程插图(11)

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

PS制作坠子常作的那种光点流动特效的教程插图(12)

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

PS制作坠子常作的那种光点流动特效的教程插图(13)

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

PS制作坠子常作的那种光点流动特效的教程插图(14)

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

PS制作坠子常作的那种光点流动特效的教程插图(15)

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制作坠子常作的那种光点流动特效的教程插图(16)

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

PS制作坠子常作的那种光点流动特效的教程插图(17)

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

PS制作坠子常作的那种光点流动特效的教程插图(18)

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

PS制作坠子常作的那种光点流动特效的教程插图(19)

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

PS制作坠子常作的那种光点流动特效的教程插图(20)

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

PS制作坠子常作的那种光点流动特效的教程插图(21)

23.图示供参考

PS制作坠子常作的那种光点流动特效的教程插图(22)

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

PS制作坠子常作的那种光点流动特效的教程插图(23)

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

PS制作坠子常作的那种光点流动特效的教程插图(24)

26.效果

PS制作坠子常作的那种光点流动特效的教程插图(25)

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

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

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

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

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

PS制作坠子常作的那种光点流动特效的教程插图(1)

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

PS制作坠子常作的那种光点流动特效的教程插图(2)

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

PS制作坠子常作的那种光点流动特效的教程插图(3)

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

PS制作坠子常作的那种光点流动特效的教程插图(4)

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

PS制作坠子常作的那种光点流动特效的教程插图(5)

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

PS制作坠子常作的那种光点流动特效的教程插图(6)

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

PS制作坠子常作的那种光点流动特效的教程插图(7)

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

PS制作坠子常作的那种光点流动特效的教程插图(8)

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

PS制作坠子常作的那种光点流动特效的教程插图(9)

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

PS制作坠子常作的那种光点流动特效的教程插图(10)

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

PS制作坠子常作的那种光点流动特效的教程插图(11)

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

PS制作坠子常作的那种光点流动特效的教程插图(12)

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

PS制作坠子常作的那种光点流动特效的教程插图(13)

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

PS制作坠子常作的那种光点流动特效的教程插图(14)

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

PS制作坠子常作的那种光点流动特效的教程插图(15)

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制作坠子常作的那种光点流动特效的教程插图(16)

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

PS制作坠子常作的那种光点流动特效的教程插图(17)

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

PS制作坠子常作的那种光点流动特效的教程插图(18)

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

PS制作坠子常作的那种光点流动特效的教程插图(19)

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

PS制作坠子常作的那种光点流动特效的教程插图(20)

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

PS制作坠子常作的那种光点流动特效的教程插图(21)

23.图示供参考

PS制作坠子常作的那种光点流动特效的教程插图(22)

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

PS制作坠子常作的那种光点流动特效的教程插图(23)

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

PS制作坠子常作的那种光点流动特效的教程插图(24)

26.效果

PS制作坠子常作的那种光点流动特效的教程插图(25)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部