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
中之技艺实现感兴趣,欢迎和我们交流,谢谢!

相关文章