UWP 手绘视频创作工具技术分享系列 – 全新的 UWP 来画视频

打2017年11月始于,我们开规划暨付出全新的来作画Pro,在12月23日的近视频峰会上生产了预览版供参会者体验,得到了好高的评介及关注度。吸取反馈建议后,终于于2018年1月11日业内推出了新版本的
UWP
App,定名为“来画视频”。(根据微软应用商店的命名规则,大家可以持续找“来打Pro”)

新版本的 UWP
来画视频,适配了来画平台的手绘视频模板,对创作工具做了崭新的改版。

适配来写平台手绘视频模板

来打起两年差不多的时光里,一直在累积手绘视频模板,目前来写平台的模板来上千个,覆盖了各种风格和用途。利用模板,用户可很方便的编写手绘视频,应用至十分多之情景。而写作的过程,只待依据模板,简单的开编辑、添加和替换就好了。所以于来画Pro
发布的新,适配平台模板一直都是用户意见甚高之需求。但是出于来画平台以及 UWP
创作工具的功用和式样差异,这无异于急需一直顶者版本才获得实现。在来写平台、UWP
和 Mobile App
模板可以互通后,用户对模板的运用就换得更灵活,模板的使用度也会转移大,对于模板设计师来讲,不只可以为此平台来创作模板,使用功能再强的
UWP App 和重新灵活的 Mobile App 都是生好之挑。

预先来看望时 UWP 来画视频中模板的表现方式:

图片 1 图片 2

在首页显示模板缩略图列表,选择模板后,进入模板详情页面,展示模板的根底信息、生成视频及血脉相通项目的推介模板。点击“立即下载”按钮后,开始下载模板信息与文书。

阳台的沙盘存储形式也一个 json
配置文件,存储了模版名、模板尺寸、时长、分组信息、素材信息、音乐信息相当字段,每个涉及到文件之字段,都是一个
URL。所以 UWP
在下载模板时做的行事,就是下充斥是布局文件,解析文件里富有的
URL,下载对承诺资源并蕴藏到某某固定文件夹下。把岗位信息、动画信息相当易成
UWP 创作工具得以使的格式,完成后用户就是可以撰写工具中使用这个模板了。

崭新的著作工具

1. 家伙分组

图片 3

眼看是新版的编著工具界面,相比叫原始本子的界面,最酷的变迁就是是“分组”。原有的视频写方式,是盖资料也单位,添加若干资料后,顺序播放。这种办法遇到的一个难题,就是当材料数量过多,比如跨越60-80个时,素材中的遮盖就见面换得重,想选中和编素材就变得较不方便。另外对于群手绘视频创作者来说,心里对视频会发出分镜头的定义,一个视频由几个分叉镜头组合,而每个分镜头又由多独素材的动画组成。这样就是来了新版的家伙分组。

经分组的编工具,用户以每个分镜头被特待加入少量底素材,就得成功一个分开镜头动画。而透过添加多单分组,让大多只分叉镜头组合一个手绘视频。每个分镜头可以独立开展动画设置、预览和资料调整等操作。再配合我们达成平等首(UWP
手绘视频创作工具技术分享系列 – 有 AI
的手绘视频)提到的来画和科大讯飞的智能配音,用户可以对每个分镜头,选择不同的声音进行配音,并当每个分镜头间根据转场动画时累加来开配音停顿,这样配音的同台转移得更简约,而且每个视频被得起又响,更加灵活。

于术实现地方,原有引擎中因为 Sprite item 为操作单位,而分组后,加入了
Group 这等同重叠的操作,Group 同 Sprite 间发生起属于涉,Group
有友好之目、动画设置及画布位置、缩放等信息。Group
间无了多的关系,所以 Group 可以自由的拖拽顺序,添加和去。

或者而吧注意到了,新本子的家伙界面重新定义了 Title Bar。我们认为系统默认的
Title Bar
我们的利用度于逊色,为了更充分限度的扩张用户之可操作区域,让整工具又产生浸入感,我们将原来右侧的元素类型菜单,放到了
Title Bar 上。如果大家对之实现感兴趣,可以参照:Windows Dev Center –
Title bar
customization,也欢迎和我们交流。

2. 全新的写功能

在分组功能以外,我们吧抱 Windows 10 的换代方向,不断的拓绘画功能。

图片 4

原有版本我们还多的凡一直下了网的
InkToolbar,包括画笔选择,画笔颜料及粗细等之操作。而新本子我们又定义了打菜单。

而达到图左上较量的圈菜单,最外层是常用之推荐颜色和推荐的画笔粗细,里层是殊的画笔、橡皮、调色板和画笔粗细。其中推荐颜色控件,是一个自定义的旋列表控件。

挑选调色板后,出现如下的界面,以 RGB、HSB
数值选择,和颜色选择的角度,去装画笔的颜料。

图片 5 图片 6 图片 7

3. 新的图形编辑功能

过去咱们呢称过,SVG 相比于 PNG,在手绘视频中的表现形式更增长,因为 SVG
有路子信息,而 PNG 没有。所以我们于新版的开销进程遭到,也当不断考虑 PNG
更多之见方式。

图片 8

一旦上面的图编辑界面,我们对此图片,做了滤镜、编辑、描图和调整之效用。下面四摆放图依次展示了立四个功能点。

图片 9 图片 10

图片 11 图片 12

里滤镜、编辑和调整职能还死正规,主要说一下描图功能。

描图功能的目的,是受用户对 PNG 做打定义之写操作,从而充分成一摆放
SVG,这张 SVG 的底图是随即张
PNG,而路(也就是视频被的描绘过程)是用户自己写的线。绘画过程,是一个底图根据路径为频频显示下的花样。如下图所示,对比上面的描图界面,这张
PNG 生成的 SVG,描绘过程是用户描图的门路。通常用户想做是操作,需要事先以
PS 里对图片做编辑操作,然后倒入到 AI 中,描绘路径后保存也 SVG
文件,再导入到画视频中。而现在于来画视频中就是可整体整个的操作过程。

图片 13

 

吓了,全新的 UWP 来画视频就介绍到这里,欢迎大家在 Microsoft Store
搜索“来写”下充斥使,如果大家对 UWP
中之技术实现感兴趣,欢迎和咱们交流,谢谢!

发表评论

电子邮件地址不会被公开。 必填项已用*标注