小南瓜 发表于 2018-5-19 10:47:10

Photoshop教程:还记得那些年空间里的非主流动态闪图吗?辣眼睛


首先我们先从专业的角度解释一下所谓的闪图,实际上这个不属于视频动画,而是2张或者2张以上的图片不断进行快速的切换,专业上来讲叫做GIF动图。
http://p0.qhimgs4.com/t01dea49d6121cbba7c.gif
闪图
比如上面这个闪图,怎么做的呢,很简单 ,跟着我操作就行。
第一步:打开Photoshop,导入照片原图,然后把它Ctrl+J,复制两个
http://p1.qhimgs4.com/t014a43cc045fb99fca.webp
第二步:只显示动态1图层,选择滤镜——模糊——径向模糊,参数如图以及效果如图所示
http://p1.qhimgs4.com/t01a4774bb345694b67.webp
http://p2.qhimgs4.com/t01d56296145d21d155.webp
第三步:只显示动态2图层,选择滤镜——模糊——径向模糊,参数如图以及效果如图所示
http://p0.qhimgs4.com/t0116620bba8d88d141.webp
http://p0.qhimgs4.com/t0117afdbe3ab9449df.webp
第四步:关键步骤,选择窗口——时间轴,在出现的面板中选择创建帧动画
http://p2.qhimgs4.com/t01520156c92ba93040.webp
第五步:只显示原图图层,然后帧动画面板时间选择0.1秒,播放次数选择永远
http://p1.qhimgs4.com/t01f3dcb128081f72ff.webp
http://p1.qhimgs4.com/t01cd19409b835eaefa.webp
第六步:新建一个关键帧,然后只显示动态1图层
http://p2.qhimgs4.com/t01bf4131b5625a7e70.webp
http://p0.qhimgs4.com/t010a5bcc3aa64f9dad.webp
http://p1.qhimgs4.com/t013d395abbf7765cfd.webp
第七步:再次创建一个帧动画,然后只显示动态2图层,然后点播放按钮可以看看效果
http://p0.qhimgs4.com/t01430fde2b18f4f9b5.webp
第八步:导出GIF动画,选择文件——导出——储存为Web所用格式,记得选择GIF格式,储存就行(有的版本是直接选择文件——储存为Web所用格式)
http://p1.qhimgs4.com/t01074cfcabcd32619b.webp
OK,完成了,打开导出的图
http://p2.qhimgs4.com/t01dea49d6121cbba7c.gif
其实这个过程主要学习的是创建帧动画那个环节,学会之后任何的GIF动图都可以制作,比如下面这两种
http://p2.qhimgs4.com/t0165aa5d3023fbd796.gif
http://p2.qhimgs4.com/t0148adead881acf995.gif
只不过给了不同的滤镜形式而已,再比如下面这些常见的辣眼睛图片
http://p2.qhimgs4.com/t013cb550b5ce304f96.gif
http://p2.qhimgs4.com/t01d85aa2d4e7080fe7.gif
艾玛辣眼睛
好了,其实就是带着大家回忆一下那些年QQ空间中的非主流闪图,顺便学个制作GIF动画的知识。
谢谢大家的支持,帮忙点下关注不迷路,我会不断更新很多关于设计类技巧的文章和视频的,谢谢关注。
页: [1]
查看完整版本: Photoshop教程:还记得那些年空间里的非主流动态闪图吗?辣眼睛

请大家牢记南瓜园网址 www.nan2008.com