ｐｓ怎么做这个动态图

唯爱一 · 发表于 2015-7-26 22:17:51

教程缩略图：

有疑问的教程：《动画教程:融合动图，做图形融合效果动态图》
我的疑问：（在这里详细描述你的问题）其实我一点也没看懂步骤，怎么做上面这个动态的效果。
软件截图：（尽量提供整个ps软件界面截图，特别是图层）

zhouxunchuan621 · 发表于 2015-7-27 18:22:21

新建2个空白图层分别在每个图层上画个圆然后给这2个圆高斯模糊下模糊大小和融合过渡效果有关，然后把这2个图层放进一个组里，在组的上面添加个色阶的调整图层打开后把左右2个滑块往中间调当这2个圆虚化的边缘变成实边就可以了，然后自己移动其中一个圆向另一个圆靠近就会有融合效果了

维维心 · 发表于 2015-7-30 14:22:45

我们在制作之前要先好好观察这个动态图,先分清楚步骤和自己要做的事情

通过动态图可以看出,动态图包含2个环,从视觉上中间的圆环要比上房往下掉落的圆环要大一点点(但实际上是一样大小),所以将上面的环就叫做小环,中间的大环就叫做大环好了.

这个动态图可以大致分为5个部分,第一部分,大小环,还没有相交,小环在最上方,大环在中间,

第二部分,大小环相交出现凸出的部分,这个凸出的不规则图形可以用椭圆工具中的添加到选区来制作

第三部分,两个环融合在一起,和中间的大环重合,

第四部分,大小环分开相交在下方凸出,这个图形可以利用上方凸出的图形进行复制,垂直翻转,移动位置就可以了

第5部分,大小环彻底分开,没有交叉点,大环还在中间,小环则移动到了最下方,最下方的小环用最上方的小环复制移动就可以制作出来了

1/现在我们开始制作,因为观察可以发现这个动态图是在一条垂直方向的水平线上移动,,为了等下更好的操作,我们作出几条参考线,在约束我们的作图

2/第三步,然后我们开始制作，通过观察可以发现上往下掉落的圆环要比中间的小一点，为了方便，我们称为小环，中间的为大环。我们先来制作小环在最高点的图层。选择椭圆工具，并且在样式中选择固定大小，尺寸为140*140，然后画出圆，并填充白色，然后在选择工具中选择修改-收缩工具，收缩10阁像素，然后按delete键，小环制作成功

3

这样小圆环就出来了,然后取消选择,再点击图层,将圆环载入选区,拉一个自己喜欢的渐变,并且将图层改为小环上,

4/这样就可以了,再用同样的方式制作大环

5/大环制作好后,就可以来进行第二部分的制作,第二部分是大小环相交,凸出的不规则图形. 新建图层,先在大环的位置拉一个大的椭圆(150*150的),然后选择椭圆属性-添加到选区 ,并且修改椭圆的大小为(140*140),拉一个140*140 的椭圆跟150的椭圆相交,就做出了凸出图形的选区,然后跟制作大小环的方法一样了,填充,收缩,删除,再拉渐变,将这个凸出图形的图层改为不规则上.可以将大小环的图层隐藏,观察一下,这个不规则上图层做的可满意,不满意度的话就修改一下

6/第3部分是大小环融合在一起和中间的大环重合,那就不需要再重新制作了,大环已经制作过了

7、第四部分是大小环分开前的相交，向下方凸出，可以自己重新制作，也可以直接复制不规则上图层，并且Ctrl+t键，再右击鼠标选择垂直翻转，改变不规则图形的凸出方向，再移动，是不规则向下凸出图形的上方和中间大环的下方重合

8、现在来做最后一部分的小圆在最下方和大环在中间的部分，直接复制小环上这个图层，并且移动到最下方，就可以了，将小环上副本图层改为小环下就可以了

9、这样需要制作的环就基本完成了，我做的环非常简单粗糙，需要精致点的可以在图层样式中慢慢修改

10、然后开始动画部分的完成。在菜单栏中点击-窗口-动画，动画框就会出现在下方。不同的版本的动画的位置好像不同，自己可以慢慢找一下，不过从ps6以后的版本中动画都是在窗口栏下方的

11，我们已经分析过了，这个动态图分为5个部分，那我们就建5个动画帧。每一帧要出现的图案就让它显现，不应该出现的就隐藏图层。隐藏图层就点击图层左侧的眼睛，让它消失就行了，让图层显现就同样点眼睛，让眼睛出现就可以了

12、这样就制作好了，然后点击播放，先看一下可有需要修改的，。我这个设置的0.2帧就太快了，那需要修改一下延迟时间等。修改好后就保存。不要直接存储为，选择一个路径就可以了。我们制作的是动态的，所以选择菜单栏的-文件-存储为web和移动设备，然后保存，选择路径。保存好后，找到这个文件点击打开就可以看到这个动态图了

好了完成了。但是我这个图做的太大，而且圆环也不精致，时间也快了，但是步骤都是一样的，一些细节自己可以慢慢调节

如果觉得还可以的话，别忘了学费哦

我的支付宝账号：15155190736 *欣谢啦

维维心 · 发表于 2015-7-31 09:28:46