PS教程:做GIF原来可以这么简单
人类总喜欢直观简单的事物。从信息的发展就可以看出来,以前是纯文字的信息,后来有了插画,然后有了图片,然后是动画,最后是视频。那今天我们来说说……动画吧。
先看看效果图
http://p1.qhimgs4.com/t01347dcaebbcd0fb7f.gif
具体的制作步骤
01、打开PS,新建画布,画布大小根据自己来定
http://p0.qhimgs4.com/t011a6d2d4755ce6385.jpg
02、选择渐变填充。选择一个自己喜欢的渐变色,做个径向渐变。颜色仅供参考。(这一步最要制作GIF的背景,可以根据自己喜爱来调节,也可以直接拖拽一张图片进来做背景)
http://p1.qhimgs4.com/t013494af82c240ea6e.jpg
http://p2.qhimgs4.com/t01d2cf411f65db25da.jpg
http://p1.qhimgs4.com/t0128d15ad312fda0e8.jpg
http://p0.qhimgs4.com/t018b8dba2e40538e0a.jpg
03、新建一个图层,并填充为黑色。(是新建一个空图层,并不是在背景层上填充哦)
http://p2.qhimgs4.com/t01222b079e442d3083.jpg
04、新建一个150*150px的白色圆,并且调整羽化值为30像素。(羽化值在属性栏里面调整)
http://p0.qhimgs4.com/t01fb61878d46fb7583.jpg
http://p1.qhimgs4.com/t01bc630ddf8a0fd5e8.jpg
http://p2.qhimgs4.com/t01ba178b2d95f21ef3.jpg
05、拷贝一层椭圆1。观察图层,两个圆是分图层存在的。
http://p2.qhimgs4.com/t01e60af74739bbacea.jpg
06、单击图层最底下的第四个小图标。选择色阶。并把最上面的四个图层编组放一起。
http://p0.qhimgs4.com/t013be5b63f37a57d72.jpg
http://p2.qhimgs4.com/t0106169ce4b08df217.jpg
07、双击色阶,调整色阶属性。把左右两个色标往中间移动,目的是为了两个羽化的圆调整硬边缘的圆,调整时注意观察圆的变化。
http://p1.qhimgs4.com/t01977a5f32e28ea475.jpg
http://p2.qhimgs4.com/t014847cc7f5e3bd3c8.jpg
http://p1.qhimgs4.com/t01ceda34100076d205.jpg
08、到这里水溶效果就出来了,大家可以移动两个圆其中的一个,往另一个旁边靠,当靠的比较近时,它两就会有融合效果。效果出现就可以删除一个圆,
http://p2.qhimgs4.com/t01220b6a34a2a6e19b.jpg
http://p2.qhimgs4.com/t01795157d1b045c9fd.jpg
09、去掉黑色背景。双击组1,调出图层样式。调节本图层的黑色色标,把黑色图标往右边移动,目的是为了去除改组里面的黑色,调整时注意观察圆的变化。(反之,把白色图标往移动就会把改组内所有白色渐渐去除)
http://p2.qhimgs4.com/t01147c74b30441d5bd.jpg
http://p1.qhimgs4.com/t017163d7f122ed5b4f.jpg
http://p1.qhimgs4.com/t010a12ca170e0264e5.jpg
10、把圆转成智能对象,并且复制一层。(因为我们该案例是让物体移动,所以我们要把物体转成智能对象,才能制作移动的动画)
在窗口菜单调出时间轴
http://p2.qhimgs4.com/t012b94e809fca71804.jpg
创建视频帧动画
http://p1.qhimgs4.com/t01308b2193b611c6df.jpg
11、点击时间轴内组1前面的小三角,使组1展开,并找到椭圆1
http://p0.qhimgs4.com/t01cef5901d2532fc24.jpg
http://p1.qhimgs4.com/t01564659b63cf5ab5a.jpg
12、当前工作区域结束是在05:00f处(也就是5秒)把工作区域结束移动到01:00f处
http://p1.qhimgs4.com/t01e703383fdd034bf1.jpg
http://p1.qhimgs4.com/t01c8bdd51e050a36a0.jpg
13、点击组1内椭圆1前面的小三角,使椭圆1展开
http://p0.qhimgs4.com/t0100057891fdd784b0.jpg
并找到椭圆1的变换,点击椭圆1的变换前面的小闹钟图标(启动秒表)
http://p2.qhimgs4.com/t01ba5ae823c762129e.jpg
秒表启动后右边自动生成一帧变换帧
http://p2.qhimgs4.com/t01d0dd0a3b3d501cee.jpg
14、将时间轴线移动到00和01:00f的中间位置
http://p2.qhimgs4.com/t01d0dd0a3b3d501cee.jpg
执行ctrl+t变换,把椭圆1移动到画布右侧
http://p1.qhimgs4.com/t0132d5aecd336b5973.jpg
15、将时间轴线移动到01:00f位置
http://p0.qhimgs4.com/t01beeab0c376d98b8c.jpg
执行ctrl+t变换,把椭圆1移动到原始位置
http://p0.qhimgs4.com/t01065cd157a0efcc66.jpg
16、单击时间轴右上角的小图标,找到循环播放,单击循环播放,(将循环播放前面打上"√",如果已经有"√"就没必要点击)
http://p1.qhimgs4.com/t0107fbcae30c2b5e18.jpg
17、这时单击时间轴左上角的播放图标,就可以预览到效果了
http://p2.qhimgs4.com/t01a65f3f9954e4d5a8.jpg
18、最后就剩导出了,ctrl+shift+alt+s导出为web所用格式,格式选择GIF,循环次数选择永远
http://p1.qhimgs4.com/t010c1fda916579bb39.jpg
以下是用类似方法做出来的效果。
http://p1.qhimgs4.com/t01347dcaebbcd0fb7f.gif
一个简单有趣的小动图就做出来啦,是不是很有趣呢?赶快拓展拓展练习吧~
页:
[1]