在之前的文章中,为大家介绍了《Procreate》这款神级绘画 App 的基础功能和一些简单的运用,即使是零基础小白,只要跟着动手就能画出自己喜欢的小贴纸小装饰。基础功能已经掌握,今天来进行一个进阶玩法,用《Procreate》画动画,听起来好像很难,不过看完这篇详解之后,相信你会觉得超简单,只要有手就能画,跟着步骤来就能轻松做出简单有趣又独特的小动画。用《Procreate》做动画有两种方法,一种是通过工具栏→小扳手(操作)→画布→动画协助来制作,另一种是通过添加图层来制作,两种方法都可以尝试,觉得哪种方便用哪个。动画协助首先我们用动画协助功能来制作一个动态文字。新建画布,这里为了方便直接创建「屏幕尺寸」,根据个人喜好修改背景色,我选择填充黑色,用白色画笔来写字。打开「操作」将「动画协助」功能开启,屏幕下方就会出现动画协助功能栏,各项功能稍后在实际运用中讲,现在就可以开始创作了。写出想要的文字,调整位置,添加一点点装饰就不会太单调。点击「添加帧」,在新一帧上描一遍文字和装饰,可以换另外的颜色,描完后再次「添加帧」描文字,重复 3 帧效果就基本出来了;这里说的「帧」相当于图层,让不同的效果作用在不同帧(图层)中。为什么不直接复制而是选择描图,因为需要制作的是动态的图片,直接复制的话每一帧(图层)都是一样的,不能展现动态效果,描图的时候因为每一次笔触都不可能完全相同,所以几帧叠加后动态效果就会非常明显。播放可以预览动画效果;文字内容制作好之后,点击「设置」,第一项是调整帧速,动态文字在 5~8 之间抖动范围会比较合适;洋葱皮层数和洋葱皮不透明度我用小球运动的动画来说明比较直观,新建一个小球运动的动画,在这个 7 帧的动画中,现在画面展示出小球的运动轨迹;洋葱皮层数越多,展示出的图层轨迹就越多;洋葱皮不透明度可以调节每一个展示图层的透明度,一般调节为 60% 左右是最直观的。循环方式可以让小球的运动轨迹发生变化,展示一下每一个方式的运动轨迹,根据实际制作的动画来选择合适的即可。回到刚刚制作的动态文字,我将循环方式设置为「循环」,文字部分仍然稍显单调,这里我用彩色点点笔刷再加一层装饰;点击添加帧,用渐变点点笔刷添加装饰,笔刷来自@月书YYao,我做了一些微调,这里分享给大家可以直接使用。

这一帧上面没有描文字部分,预览一下发现,这一帧文字是空白的,只有装饰。可以将它设置为背景来让文字浮在上面,这一帧就不会随着动画切换了。到这里一个动态文字就已经做好了,背景可以根据喜欢换成其它颜色,导出保存为动态 GIF 可以作为表情包使用,如果想在 VLOG 中使用的话可以导出为动画 MP4 格式。图层叠加图层叠加同样能够制作动画效果,先来看效果图,创意来自 B 站橘子栗栗的视频。首先画出背景图,用到的笔刷有:干油墨、6B 铅笔、软色蜡笔、单线、中等硬气笔;小 Tip:每画一个部分记得添加图层进行方便修改。背景制作完成后,画出小汽车,用到笔刷有:单线、软色蜡笔。准备工作已经完成,想要做出汽车驶过公路的效果,将小汽车图层复制,摆放出运动轨迹,每一个图层就是一帧。最后将背景图层复制一个放到最上面,一个小汽车驶过公路的路径就完成了;选择操作→分享→动画 GIF,看看效果如何,不满意的可以在图层中调整,再次导出调整帧速就完成了。接下来做一个完整的动画示范熟悉一下制作流程,先看看成品效果,创意来自 B 站 @十四同学呀的视频。首先创建画布,尺寸自定,我选择屏幕尺寸;接下来画背景,背景是由两个正圆和一个长方形组成,利用图形工具画出,擦除多余部分,填充黑色背景,合并图层作为背景帧。再画一个正圆,填充白色作为按钮。打开动画协助,将第一帧设置为背景,复制白色按钮小球图层,复制的每一层代表着动画中的一帧,可以在动画协助区域和图层区域看到。基础动画我一共复制了 13 帧,想要更流畅可以多复制几个按钮图层。动画部分完成,开始绘制背景,需要两个部分,白天和黑夜。取消设置第一帧为背景帧,进行绘画,新建空白图层,打开剪辑模板功能,开始绘图,这里绘制的内容没有限制,发挥自己创意即可。绘图完成后,将绘画部分的图层分组或合并,推荐分组并复制一份,方便之后进行一些小修改。将复制的另一组平展,背景图层就制作好了。最后是将按钮与背景融合,复制背景图层到每一个按钮下,按钮在上图层在下,位置摆放要正确,接着捏合按钮图层和背景图层进行合并。

下面要提取两端的按钮帧进行停顿设置用来展示背景插画,点击帧将保持时长拖到 20,预览看一下效果,可以通过复制图层来微调流畅度。完成了,去掉背景色,导出即可。总结相较于动画协助能够即时看到运动轨迹,图层叠加就不那么直观了,所以大家在用《Procreate》制作动画的时候推荐开启动画协助,既可以对单独帧进行修改又能看到整体的运动轨迹,实时预览也非常方便。《Procreate》这个动画功能可以说有趣又方便,发挥你的创意可以做出属于自己的独一无二的表情包和各种小动画,快动手试试吧。  由于微信公众号近期改变了推送规则,如果你想如常看到我们的文章,可以时常点击文末右下角的「在看」;或者按下图将 AppSo 星标。
这样操作后,我们每次新的推送才能第一时间出现在你的订阅列表中~

这些平板高价低配,却有一群人直呼比 iPad 还香点击查看有望取代 iPhone 的苹果新品,明年可能就要来了点击查看18 元不亏!这是我今年的 Apple Watch 最佳 App点击查看

喜欢你就点个  

gif透明背景动画_iPad 手绘进阶指南!这份Procreate保姆级教程,自制动画只要 3 分钟...相关推荐

  1. uniapp - 超详细实现播放 svg / svga 格式动画组件插件,用于直播间赠送礼物特效动画或项目动画特效较多的应用(新手小白保姆级教程,提供插件+详细运行示例+使用文档+注意事项+格式说明)

    前言 网上关于 uniapp 播放 svg / svga 格式动画的教程很乱,基本上全是 BUG 和各种不兼容,很难复制过来自己用. 本文实现了 在 uniapp 项目中(完美兼容 H5 / App ...

  2. Python爬虫进阶之字体反扒保姆级教程!

    1.网页查看 可见无论是小说文字数量还是推荐数,在我们本来页面中是好好的,可在网页源码中是一对我们看不懂的字体,这其实就是字体加密,所以我想做到字体反扒,就要破解字体加密,接下来我会为大家一一概述. ...

  3. 边缘检测生成(伪)手绘线稿风格的视频简易版教程

    边缘检测生成(伪)手绘线稿风格的视频简易版教程 效果视频演示 准备工作 提取视频帧 边缘检测并保存 图像合成视频 音频提取 视频和音频整合 结尾 效果视频演示 用边缘检测制作的原神(伪)线稿风格PV ...

  4. 短视频必备小动画效果——手绘涂鸦社交媒体竖屏pr短视频模板

    PR短视频模板 手绘涂鸦社交媒体竖屏pr视频模板 这是一个可爱的Premiere Pro模板.这个令人敬畏的集合包含了3个纵横比的6个精美动画模板 (共18个模板).他们是如此容易使用-只需放下你的照 ...

  5. App复杂动画实现——Rive保姆级教程 | 京东云技术团队

    作者:京东物流 沈明亮 在App开发过程中,如果想实现动画效果,可以粗略分为两种方式.一种是直接用代码编写,像平移.旋转等简单的动画效果,都可以这么干,如果稍微复杂点,就会对开发工程师的数学功底.图形 ...

  6. 快速去除GIF动图的背景(让背景变透明),保姆级教程

    很多小伙伴在看到好看的动图效果时,想用在自己的页面上,可是常常会碰到一些动图背景颜色不符合自己的需求,所以会产生修改动图背景的想法,但是GIF动图终究是GIF动图,不像静态图片那样子处理起来快捷. 在 ...

  7. 手绘线条图画机器人_机器人插画绘制教程

    机器人插画 原作者:Justas Galaburda 分析:机器人整体几乎对称,所以接下来的教程中对称功能会运用的会比较多. 绘制遇到的困难点可能是: 1.头型的布尔运算制作: 2.明暗色彩分割: 3 ...

  8. 2 模版_你还只会套PPT模版吗? | 大学生PPT进阶指南(附免费资源amp;教程)

    只要你是个大学生,难免就需要做课堂展示,而最烦的就是PPT制作.你可能会说:套PPT模版啊,这有什么难的?是的,但是现实一般是:1.存了一堆模板,到用的时候不知道用哪个,然后随便选一个.甚至就是知道网 ...

  9. Vue——10 - webpack打包保姆级教程01——打包js、json、css、less、html、背景图片以及图片、字体(Font)文件,devsever,生产环境配置以及css的兼容写法

    目录 一.webpack打包JS文件 1.新建入口文件index.js和mathUtils.js,index.js是依赖于mathUtils.js 2.然后使用webpack命令打包js文件 二.打包 ...

最新文章

  1. linux 远程访问
  2. LED的电流与光强之间的关系
  3. Java和HTML有什么区别?哪个更重要?
  4. Codeforce_732
  5. 黑客攻防技术宝典Web实战篇第2版—第9章 攻击数据存储区
  6. Kafka笔记--常用指令(新建、删除topic)
  7. Intel 80286工作模式
  8. 美通社企业新闻汇总 | 2019.2.20 | 华为云新加坡大区开服;默克就提高CRISPR基因组编辑方法获首个美国专利...
  9. JAVA失物招领系统毕业设计 开题报告
  10. 2021.08.29_Android_各系统间换行符不同引起的无法执行shell脚本,提示no such file or directory
  11. Pytho中list去除重复项
  12. 学习跃动小球小游戏(cocos creator)
  13. 微信支付 postman_微信收款商业版有什么功能?微信智慧经营2.0原来可以这么玩!...
  14. python 费马检测
  15. JAVA 开发中常用的工具有哪些?
  16. 什么是Email Bounced(被退回)
  17. fabric2.0安装时github-production-release-asset-2e65be.s3.amazonaws.com连接失败
  18. 【半导体物理】笔记 柴常春 西安电子科技大学 更新ing...
  19. 视频剪辑混剪教程,AI智剪所有视频素材
  20. 怎么开始学一门计算机语言有哪些,如何学习(自学)一门编程语言

热门文章

  1. vue props使用typescript自定义类型
  2. 这种盘中孔的设计方式你是否做过
  3. Excel导出XML和CS脚本
  4. mysql 临时表 会话级_会话级临时表
  5. 数据库应用技术实验五
  6. B站,正在变成下一个“公众号”?
  7. 准程序员的创意(一)
  8. 拆机四次,换来更换小米2S屏幕的经验
  9. [附源码]计算机毕业设计基于Springboot的中点游戏分享网站
  10. Java实现第十届蓝桥杯等差数列