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

从二〇一七年九月尾始,大家开端筹划和付出全新的来画Pro,在1三月23日的短视频峰会上生产了预览版供参会者体验,得到了很高的评头品足和关注度。吸取反馈指出后,终于在二〇一八年12月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
的手绘视频
)提到的来画和科大讯飞的智能配音,用户可以针对种种分镜头,选拔不一样的响动举行配音,并在种种分镜头间按照转场动画时长来做配音停顿,那样配音的协同变得越发简明,而且每个视频中得以现身种种动静,越发灵敏。

在技术已毕地点,原有引擎中以 七喜 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
中的技术已毕感兴趣,欢迎和我们交换,谢谢!

相关文章