美文网首页macOS资源技术其他
Mac屏幕录制与gif图片制作教程

Mac屏幕录制与gif图片制作教程

作者: zhq1992 | 来源:发表于2016-06-21 15:50 被阅读5503次

    gif图片是博客中展示项目效果的一种很好的方式,为我们的app制作一张gif图片并不复杂,录制屏幕采用系统自带的QuickTime Player,制作gif采用PicGIF软件。licecap软件更是将屏幕录制与gif制作合为一体。

    1. 电脑屏幕录制

    1.1 文件->新建屏幕录制


    1.2 点击红色按钮
    1.3 截取需要录制的屏幕部分,点击开始录制

    1.4 点击工具栏的停止按钮,停止录制

    1.5 然后会弹出预览界面,cmd+s保存视频,后缀为mov

    2. 手机屏幕录制

    2.1 首先连接你的iPhone到电脑,文件->新建影片录制

    屏幕快照 2016-06-21 15.11.54.png
    2.2 软件会自动显示出你的iPhone屏幕,然后点击红色按钮开始录制,再点击一下就停止录制,预览并保存文件即可。
    1.png

    3. 制作gif

    制作gif的软件很多,本人也使用过很多款,GifBrewery,PicGIF是比较好的软件。原本一直在用GifBrewery,但是制作出来的gif经常在简书里无法显示,这里以PicGIF为例子。软件下载地址在文末。

    3.1 打开PicGIF,点击添加视频,添加刚才录制的视频文件


    3.2 出现制作窗口,点击进度条可以查看当前选中的帧,点击进度条之后,按CMD+S设置片段起始点,CMD+E设置片段结束点,帧每秒可以设置播放速度

    3.3 点击右下角加载按钮,等待提取帧完成,然后点击右边菜单的尺寸,选择合适的gif尺寸,也可以自定义尺寸;帧延时选项也可以改变gif播放速度

    3.4 点击右上角创建GIF,gif图制作完成,点击右下角存储即可

    4. licecap使用教程

    licecap 是一款屏幕录制工具,支持导出 GIF 动画图片格式,轻量级、使用简单,录制过程中可以随意改变录屏范围。
    4.1 运行后会以窗口的方式显示在桌面,拖动选取一个合适的大小范围。


    4.2 点击 Record 选取保存路径就开始录屏了

    4.3 licecap 在录屏过程中可以随时拖动窗口改变录屏范围,Stop 过后自动保存为 GIF 格式。下图是licecap制作的一个例子。

    5. 总结

    点击此处下载licecap

    PicGIF

    相关文章

      网友评论

      • double_so3:楼主能再发一下下载地址么
      • 李国安:话说, 我用手机链接电脑之后, 点击 文件->新建影片录制 然后.... 出现的并不是手机画面, 而是坐在电脑面前的我.... 这是为什么 -.-!!! 吓我一跳 :joy:
        zhq1992:@CristianoRLong 录制按钮右边 往下的按钮点击看看。
      • 兰陵旧事:帅哥这个标点符号用的不太溜啊,还有这个文章太浅显了
        zhq1992:@兰陵旧事 :sob:
      • 9efe1db2c646:很方便的样子
      • Cocody:录制的时候有突出点击效果吗?
        zhq1992:@Cocody iPhone录制我也没找到。。
        Cocody:@周焕强 录制 iPhone 屏幕的时候也可以设置吗?我之前找了很久没找到
        zhq1992:@Cocody QuickTimePlayer 可以设置突出点击效果
      • Maginawin:棒棒哒
      • 昕昕学姐:今天刚做完一个录屏GIF,准备写个教程,打开简书首页就看到这篇...ˊ_>ˋ
        云之君兮鹏:@Yuxin1224 可以做个win的
        zhq1992:@Yuxin1224 再写一篇,我这篇很快就会下去了
        Maginawin:@Yuxin1224 23333333
      • 至皓君:谢谢分享,赞!!!!
      • HenryCheng:一直在用licecap
      • zl001:可以加手势吗?
        zl001:@周焕强 我指的是,iPhone上的手势
        zhq1992:@zl001 可以阿
      • 微小码:好东西:smile:
      • hrscy:推荐你使用 licecap
        zhq1992:@hrscy 好的!
      • Micro井:是不是没有Mac 就不能完成录屏gif了… 感觉大家都是说Mac的方法
        Micro井:@周焕强 依然感谢啦:smile:
        Micro井:@周焕强 所以iOS+win无解么…
        zhq1992:@Micro井 问了安卓同事,windows他用灵者gif

      本文标题:Mac屏幕录制与gif图片制作教程

      本文链接:https://www.haomeiwen.com/subject/fndgdttx.html