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

发表评论

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