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

相关文章