人生是个不断学习的过程!一个简单的动画学会便可以自己制作,实实在在的省钱!
半个月前,有朋友请我帮忙设计微信动态关注的图片,由于这段时间工作繁忙,一直未得空闲。
在这里我要说一下,ps只能设计简单的动画,复杂的动画还是要利用flash等专业的软件制作。
下面,我将详细分享一下,使用ps制作动态(闪图)效果。
1、新建一个画布,尺寸定为宽640像素,高随意(手机端屏幕为640像素),文件 — 新建,或快捷键【Ctrl】+【N】也可,点击确定。如图:
2、执行文字工具,打上需要的文字,调整好字体、字号,按小键盘回车键,或者点击工具栏中的移动工具。如图:
3、文字输入好后,可以填充单色,或者渐变色,这里我用的是彩虹渐变色的效果。
在文字图层右击—删格化文字,之后便可以填充渐变色。如图:
4、按住【Ctrl】键点击文字图层,得到文字选区。
使用工具栏中的渐变工具,选择七彩效果,对文字进行渐变色填充。如图:
5、用渐变填充工具,在选区的左边往右边拉,此时,取消选区,快捷键【Ctrl】+【D】。
再执行工具栏中的自定义矩形工具,选择爱心,放置合适位置,填充前景色即可。如图:
6、双击背景图层,将其变成普通图层,将背景图层复制一个,与上方的3个图层进行合并,使其变成一个图层,快捷键【Ctrl】+【E】。如图:
7、执行新建图层,快捷键【Ctrl】+【Shift】+【Alt】+【N】,将设置好的图片,直接拖入图层中即可。(下图是设置好的图片,也是用1-6步制作出来的,这里省下操作步骤,我直接拖进来使用。)
8、执行【窗口】-【动画】,会出现图中所示的【动画(帧)】。如图:
9、执行动画(帧)的复制。将图层中形状副本5隐藏,将副本显示,将左下角的动画(帧)1点击复制按钮进行复制,得到动画(帧)2。如图:
10、将鼠标放在动画(帧)2上,将图层区的形状副本5小眼睛点亮,即显示(图层前的小眼睛,亮着是显示,空白是隐藏)。此时,动画(帧)2上就是的内容就是形状副本5图中的内容。
11、将动画(帧)1和动画(帧)2同时选中,点击小三角设置时间为0.5秒,再点击播放次数的小三角,将播放次数设置为永远。如图:
12、此时,可以点击动画(帧)上的播放按钮,观看播放效果了。
13、执行“文件”—“存储为Web和设备所用格式”,快捷键【Alt】+【Ctrl】+【Shift】+【S】。将动画存储,格式选择为GIF,点击存储即可,如图:
根据以上步骤,一个简单的动画就完成了。以上只是简单示例,伙伴们可以根据自己喜欢的图片来制作。
下图是微信公众号中的关注语示例,箭头可以闪动,当然文字也是可以闪动的。
皆是运用同样的步骤制作而成。
步骤解析:
1、将你需要的文字打好,调整好字体和大小及间距。
2、将小圈填充颜色,再复制得到多个圈。
3、将文字和圆圈位置调整好,合并图层,使其变成一个图层。
4、将网络中的箭头图片截图到画布中,调整好位置。
5、重复步骤中的8-13步,即可。
总结:动画都是由一帧一帧的图片,通过秒数时间的切换而形成的动态效果。
动画(帧)的执行原理:第一帧显示,将图层中其他的层进行隐藏。将第一帧复制之后,就将图层中对应的图层进行显示,以此类推。(如果看不懂,请多看几次8-13步即可。)
喜欢动态图片的伙伴可以尝试尝试,给自己公众号的二维码及关注,都可设置一个简单的动画!