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

相关文章