首页 > 分享 > 如何规范制作和输出花字

如何规范制作和输出花字

短视频SDK提供了丰富的功能接⼝,产品级的交互,丰富的视频素材库(MV、贴纸、⽓泡、花字),并推出了特效⾃定义能⼒来满足不同场景和⾏业下的素材需求,本⽂档将重点介绍花字的制作规范和输出。

简介

花字是基于字幕的一种特效,一个花字特效资源包文件夹,包含了一个名为config.json的通用特效配置文件以及一些图片素材。您可以通过短视频SDK提供的编辑接口,传入特效资源包文件夹目录,来应用一个花字特效效果。

一个完整的花字特效资源包通常包含以下三个部分:

config.json:必选,花字的配置文件。配置说明参见config.json配置说明。icon.png:可选,花字缩略图,即最终生成的花字效果缩略图。lieheng.png:可选,花字文字贴图,即基于此图片设置花字效果,当配置文件有配置时使用。

配置花字特效资源包

config.json配置说明如下表所示:

字段类型是否必选说明表 1. config.json配置说明字段类型是否必选说明versionString是配置版本号,默认为1。colorString是字体颜色,格式:#AARRGGBB或 #RRGGBB。textureString否花字文字贴图,只支持jpg和png格式,且需和config.json配置文件放置在同一文件夹下。目前花字文字贴图的规则是每个文字的贴图完全一样,取贴图覆盖到字体颜色区域部分。outline1JSONObject是第一层描边。属性说明参见outline属性说明。outline2JSONObject否第二层描边,和outline1数据结构相同。属性说明参见outline属性说明。

outline包含outline1和outline2,outline属性说明如下表所示:

字段类型是否必选说明表 2. outline属性说明字段类型是否必选说明typeString是默认为normal,代表默认使用系统字体。dataJSONArray是定义了描边的一系列颜色及宽度,详细请参见data子节点属性说明。当type为normal时,data最多允许有3个颜色配置,超过3个,则只会取前3个颜色配置。

data子节点属性说明如下表所示:

字段类型是否必选说明表 3. data子节点属性说明字段类型是否必选说明colorString是描边颜色,格式:#AARRGGBB或#RRGGBB。widthfloat是描边宽度,取值范围:[0~64],且下一个同类型节点的width值,必须大于当前width值。

说明

每一个outline的data子节点的width属性值,必须大于上一个data子节点的width属性值,示例如下。

正确的width取值样例如下,data5的width > data4的width > data3的width > data2的width > data1的width。

{ "outline1": { "type": "normal", "data":[ // data1 { "color": "#5350DD", "width": 2 }, { // data2 "color": "#B5FAA7", "width": 4 } ] }, "outline2": { "type": "normal", "data":[ { // data3 "color": "#6E58F8", "width": 8 }, { // data4 "color": "#69F88C", "width": 10 }, { // data5 "color": "#FA55D8", "width": 12 } ] } }

配置示例

本文以设置如下花字效果为例进行示例说明。该示例的配置资源包Demo:示例Demo.zip。

该示例Demo包的文件夹结构如下:

├── config.json

├── icon.png

└── lieheng.png

config.json的配置如下:

{ "version": 1, "color":"#000000", "texture": "lieheng.png", "outline1": { "type": "normal", "data":[ { "color": "#ffffff", "width": 8 } ] }, "outline2": { "type": "normal", "data":[ { "color": "#000000", "width": 15 } ] } }

在短视频SDK中使用特效

目前仅支持在编辑视频时,使用花字特效。

Android

调用AliyunPasterControllerCompoundCaption.setFontEffectTemplate方法应用花字效果。详细操作请参考设置字幕及动态贴纸。

iOS

调用AliyunCaptionStickerController.setFontEffectTemplate方法应用花字效果。详细操作请参考设置字幕及贴纸。

相关知识

叶脉干花如何制作和保养
如何书写规范的“茎”字?四年级同学们看这里!
自贡市殡仪馆送花圈花篮的制作和配送流程是怎样的?
比赛证书的制作和比赛证书的文字
蔷薇简易插花的制作和欣赏.pptx
谈谈中学生物课的教具制作和实验
菊花在艺术插花中的制作和运用
花卉栽培与礼仪花卉的制作和应用
微型盆景的用材 用盆 制作和养护
上海植物园“昆虫多样性调查保护之公民科学家”实践——昆虫标本的制作和保存

网址: 如何规范制作和输出花字 https://m.huajiangbk.com/newsview659257.html

所属分类:花卉
上一篇: p软件花字体唯美版
下一篇: 云剪指南|“花字特效”教程来了!