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

发表评论

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