看完你就会做动图了,如果还不会那一定是你的问题

 

​出来混自媒体,早晚要学会做动图的...

 
后台经常收到这两类问题
动图从哪里找?
动图要怎么做?
 
 
关于第一个问题请看这一篇
《网上有图千千万,你却找不到合适的那一张?》
▲ 点图片可跳转
 
至于第二个问题
今儿我就来写个简单的入门教程
 
怎么用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
做出
这种
东东
 
以及
这种
东东
特别鸣谢
用柠檬当画布的天才灵魂画手
大吨
虽然这名字看起来很像一枚重量级美术大汉
但其实人家只是七岁的小女森


我把文章底部的广告位,临租给了公路商店旗下的“黑市”。如果你是和我一样心中喜欢自己动的神经病,想必也会喜欢那里。扫码或点击“阅读原文”都可以进去看看。


    关注 小小侠


微信扫一扫关注公众号

0 个评论

要回复文章请先登录注册