UWP 手绘视频创作工具技术分享系列 – 全新的 UWP 来画视频

从二零一七年1月起初,大家开始设计和支出全新的来画Pro,在18月23日的急功近利频峰会上盛产了预览版供参会者体验,得到了很高的评介和关注度。吸取反馈提议后,终于在二零一八年六月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
的手绘视频
)提到的来画和科大讯飞的智能配音,用户可以针对每个分镜头,选拔不同的响动举行配音,并在各样分镜头间依据转场动画时长来做配音停顿,这样配音的一块变得尤为简约,而且每个录像中可以出现多种音响,更加灵敏。

在技巧实现地点,原有引擎中以 Coca Cola item 为操作单位,而分组后,参与了
Group 这一层的操作,Group 和 Pepsi-Cola 间有从属关系,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
中的技术实现感兴趣,欢迎和大家交换,谢谢!

相关文章