看完你就会做动图了,如果还不会那一定是你的问题
出来混自媒体,早晚要学会做动图的...
▼
后台经常收到这两类问题
动图从哪里找?
动图要怎么做?
▼
关于第一个问题请看这一篇
《网上有图千千万,你却找不到合适的那一张?》
▲ 点图片可跳转
至于第二个问题
今儿我就来写个简单的入门教程
怎么用Photoshop让图动起来?
网上的GIF生成器千千万
为什么要用Photoshop呢?
因为简单又好用
而且能让你显得跟个设计师似的
虽然这好像也不是多光彩的职业
还可能导致亲戚朋友们产生误会
要你帮忙免费设计个logo做张海报啥的
实际上
专业人士们就算是用其他软件制作的动画
最后也大都是通过Ps来倒成.gif格式的
比如下面这种
当然
如果你是Ps都不会的小白
或者是自己动多年的老司机
就不用继续往下看了
因为这是一个Photoshop的入门教程
▼
先来说说什么是
动图 | GIF
准确地说GIF是一种文件格式“.gif””,原理是将若干张静态图像,按照设定的顺序和播放速率压缩成一个命名为“xxx.gif”的文件,文件会在加载完成后自动对整组图片进行循环播放,画面就动了起来,俗称动图,专业一点的说法叫微动画。
——GIF博物馆(微信号:gifmuseum)
举个栗子
▼
像上面这张图
看上去很忙
实际上只有两张静态图交替出现而已
当然我也可以做得更细腻
让汗水飞得更高更远更辽阔
但我懒得做
说回主题
具体用Photoshop怎么做动图呢?
非常简单
只需三步
▼
第① 步:打开你的Photoshop啊魂淡
第② 步:用力做你的图啊魂淡
第③ 步:把你的文件存成.gif啊魂淡
▲
这就欧了
超简约的有没有?
什么什么什么什么什么什么
什么什么什么什么什么什么
什么什么什么什么什么什么
什么什么什么什么什么什么
上面教程太简洁没看明白?
那下面给你慢动作重播一下
好不好啊魂淡
▼
▼
▼
①
首先你要了解
Photoshop之所以能做动图
都是因为有 时间轴 这个功能
所以你要先把它找出来
就在顶部导航的 窗口 里面
▼
然后就能开动了
②
老话说的好
世上本没有动图,直到新建了个文档
所以你得
▼
大小差不多就行了
不过圈出来那几项
分辨率:72像素/英寸
颜色模式:RGB颜色
位深度:8位通道
是Photoshop的官方建议
除非有特殊原因否则就不需要更改
反正我是看不出你有什么特殊原因
③
把你这个GIF里需要的每一帧画面
(也就是各个静态画面)
都放进这个新建的文档里
(当然你也可以直接在这个文档里做各帧画面)
(这个过程略过)
接着点击创建视频时间轴
▼
④
设定每一帧的顺序和持续时间
考验你节奏感的时候到了
我的并没有多好所以也没什么可教的
▼
▲ 各帧顺序按左右排列;越靠左,播放时越早出现。▲ 每一帧的长短,代表这一帧的持续时间(好像有点污污的感觉);也就是说模样越长,持续时间就越长(我并不是故意污的)。
▲ 点击左边的小箭头,还可以用插入关键帧的方式,实现淡入淡出、简单位移这两三样五毛钱特效。不过这就比较进阶了,你可以先不管这些。
⑤
最后就是选择存储为web所用格式
准备输出成GIF
▼
▲这是有组合快捷键的;mac是shift+option+command+s;window系统也是差不多那几个键。
▼
▼
喏
一张最简单的动图
就这么做好了
那么今天就到这里
下次有机会再来介绍一下
怎么用Photoshop爆改GIF
做出
这种
东东
▼
以及
这种
东东
▼
特别鸣谢
用柠檬当画布的天才灵魂画手
大吨
虽然这名字看起来很像一枚重量级美术大汉
但其实人家只是七岁的小女森
我把文章底部的广告位,临租给了公路商店旗下的“黑市”。如果你是和我一样心中喜欢自己动的神经病,想必也会喜欢那里。扫码或点击“阅读原文”都可以进去看看。
关注 小小侠
微信扫一扫关注公众号