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

相关文章