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

ps怎么做这个动态图

教程缩略图:
http://pic.16xx8.com/allimg/150610/212242B58-0.gif
有疑问的教程:《动画教程:融合动图,做图形融合效果动态图》
我的疑问:(在这里详细描述你的问题)其实我一点也没看懂步骤,怎么做上面这个动态的效果。
软件截图:(尽量提供整个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

我们在制作之前要先好好观察这个动态图,先分清楚步骤和自己要做的事情通过动态图可以看出,动态图包含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*欣   谢啦

gally163 发表于 2015-7-31 19:40:58

好厉害啊

gally163 发表于 2015-7-31 19:45:29

好厉害啊
页: [1]
查看完整版本: ps怎么做这个动态图