滑轨屏内容制作:长卷分辨率与切片规格怎么定
滑轨屏的内容和普通显示屏最大的区别是:它的画布不是一块屏,而是整条轨道。设计公司按”一块屏”的思路出片,到现场一定对不上。内容规格要从行程倒推,而不是从屏的分辨率正推。
一份”做好了却用不了”的长卷
常见情形是这样的:集成商把项目需求转给内容公司,只写了一句”滑轨屏,连续滚动,做一张长卷”,附上屏的分辨率。内容公司按自己的理解做了一张很长的画,画面精美,交付过来一上屏:
- 画面比墙面图文小了一圈,屏推到右端,长卷已经放完了,屏还有一截路可走;
- 文件太大,播放电脑打开时卡了半天,推屏时画面一顿一顿;
- 长卷里有几段小字说明,屏一推动就糊成一片看不清。
这三个问题分别对应:长卷总像素没和行程对应、没有切片、没按”边走边看”的特点设计。三者都是规格问题,不是美术问题。这篇把内容规格从头推一遍,最后给一份交付清单,可以直接贴进内容制作合同的附件。
如果项目用的是离散点位(屏到点切一段视频),内容就简单得多,每个展位一段独立视频即可;本文主要讲连续定位下的长卷做法,离散点位的要点放在后面的对比表里。两种定位方式的区别见滑轨屏定位方式对比。
长卷总像素:从行程倒推
先想清楚长卷在”哪里”
连续滚动的滑轨屏,效果是一扇在墙上移动的窗,透过窗看到的是一张”藏在墙后”的虚拟长卷。屏推到哪,就露出长卷上对应的那一段。
所以长卷的物理长度,等于屏可视区在整个行程里能扫过的范围:屏中心从行程起点走到终点,可视区左边缘最左到哪、右边缘最右到哪,这之间就是长卷要覆盖的物理长度。
长卷物理长度 = 行程 + 可视区物理宽度
行程怎么算(墙长减屏宽再减两端余量)在滑轨屏尺寸怎么定里推导过。注意这里加的是可视区宽度,不是屏外框宽度。
再换算成像素
长卷要和墙面同比例,它的像素密度就必须和屏可视区一样。假设屏可视区物理宽度为 Ws、水平像素为 W 像素,物理高度为 Hs、垂直像素为 H 像素,那么:
- 长卷总宽度(像素)=(行程 + Ws)×(W ÷ Ws)
- 长卷总高度(像素)= H
也就是说,长卷的高度等于屏的垂直像素,宽度按行程等比例放大。行程越长,长卷越宽,远远宽于屏幅本身是常态,这也是后面必须切片的原因。
这个公式交给内容公司时,要把 Ws、W、H 和行程四个数全部给出,并写明”以现场实测为准”。Ws 最好实测,屏规格书上的可视区尺寸和实物可能有出入。屏在不同位置时画面怎么从长卷里”取景”,也就是物理位置到像素偏移的换算,见滑轨屏内容对齐墙面。
屏竖装的情况
有的项目把屏竖着装,这时屏的”水平像素”和”垂直像素”要对调着算:可视区的物理宽度变成原来的物理高度,长卷高度等于屏竖装后的垂直像素。这一点要在需求里写明,否则内容公司按横屏出片,旋转后整张画都是扁的。
三种内容形式怎么选
长卷算清楚了,接下来决定内容用什么形式承载。常见有三种:
| 对比项 | 分段视频 | 长图切片 | 实时渲染 |
|---|---|---|---|
| 做法 | 每个展位一段独立视频,屏到点切换 | 一整张长图切成若干块,按位置拼出屏上画面 | 用实时渲染引擎搭一个场景,位置驱动相机移动 |
| 适配的定位方式 | 离散点位为主 | 连续定位 | 连续定位 |
| 画面是否随屏滚动 | 否,屏停下后播放 | 是,逐像素跟随 | 是,可带视差和纵深 |
| 画面里能否有动态 | 可以,视频本身就是动态 | 以静态为主,局部动态需额外叠加 | 可以,动态和交互最灵活 |
| 制作门槛 | 低,常规视频流程 | 中,需严格按规格出长图 | 高,需要实时渲染开发能力 |
| 对播放电脑的要求 | 低 | 中,主要吃内存和显存 | 高,吃显卡 |
| 后期改内容 | 换哪段改哪段 | 改图后重新切片 | 改场景需重新打包程序 |
几条判断经验:
- 展位独立、以影像资料为主:分段视频足够,便宜省事,也最稳;
- 追求”窗”的连续感、画面以插画或历史长卷为主:长图切片是性价比最高的连续方案;
- 需要纵深感、视差、画面里有东西在动,甚至要响应触摸:才上实时渲染,但要算好开发和维护的成本。
还有一种折中做法:长图切片打底,在特定位置叠一小段透明通道的动态素材(比如一段流水、一只飞鸟),屏推到附近时播放。这样既保留了长图的连续感,又有局部动态。三种形式在软件层面怎么实现,见滑轨屏软件开发:按位置播放的三种实现。
为什么要切片
长卷总宽度是屏幅的很多倍,做成一整张图会遇到两个问题:
- 单张图片或单个视频画面有尺寸上限。显卡能处理的单张纹理、视频编码器能编码的画面尺寸都有上限,超出就无法加载或无法编码。具体上限以所用播放端和显卡的参数为准,内容规格要先问清楚软件开发方。
- 一次性加载整张图吃内存。长卷越长越明显,还会让程序启动慢、推屏时因为内存交换而卡顿。
切片就是把长卷沿水平方向切成若干块等宽的小图,播放时只加载当前屏幕附近的几块。切片规格要写清楚:
- 切片宽度:建议取屏水平像素 W 的整数倍或约数,方便程序计算;具体取值由软件开发方给出;
- 切片高度:等于长卷高度 H,只横切不竖切;
- 命名规则:按从左到右的顺序编号,编号位数固定,保证按文件名排序就是正确顺序;
- 有无重叠:一般不重叠,边缘严格对接;如果内容公司习惯留出血,要在规格里写明切掉;
- 最后一块:总宽度不一定能被切片宽度整除,最后一块的宽度按实际剩余,或者补足后在程序里裁掉,二选一写明。
切片可以让内容公司在设计软件里按参考线切,也可以由软件开发方拿到整张母版后用脚本切。后者更不容易出错,推荐交付时同时给整张母版和切片。
设计稿怎么建
墙面和长卷用同一张底图
最稳的做法,是让墙面图文和屏上长卷出自同一张设计母版。设计师先按墙面坐标系建一张比例准确的立面,墙面上的印刷内容和屏上的长卷画面都在这张立面上排,只是分到两个图层。这样两者天然是对齐的,交付时再分别导出:墙面图层按印刷规格出,长卷图层按屏的像素密度出。
如果墙面和长卷是两家公司分别做的,就一定要统一坐标原点和比例,并在母版上标出屏停靠的关键位置,互相交叉确认。
按”边走边看”来排版
屏在移动时,画面在屏上是横向滚动的,人眼对滚动中的细小文字几乎读不清。所以:
- 说明文字只放在停靠点对应的画面位置,观众停下来才看得清;
- 滚动经过的区段以图像为主,文字少而大;
- 关键视觉放在可视区中间偏上,别贴着屏的上下边缘,避免被边框或观众视线角度切掉;
- 高对比的细竖线要慎用,滚动时容易闪烁,粗一些、柔和一些更舒服。
屏停靠点和展位怎么划分,滑轨电视墙方案里有企业历程墙的例子可以参照。
色彩要按屏来校
墙面是印刷品,屏是自发光,同一个颜色在两者上看起来不会一样。想让墙面和屏上画面”接得上”,内容公司要拿样片上真屏看,对照墙面打样调整,而不是只在设计电脑的显示器上对。现场灯光也会影响观感,最好在灯光基本定型后再做最终调色。
交付清单
把下面这张清单作为内容制作合同的附件,每一项都要有明确的值或”以现场实测为准”的说明:
| 交付项 | 要写清楚的内容 |
|---|---|
| 长卷母版 | 总宽度与总高度(像素),坐标原点位置,与墙面立面的对应关系 |
| 切片 | 切片宽度、编号规则、最后一块的处理方式、有无重叠 |
| 文件格式 | 图片用无损格式还是有损格式、视频的编码与封装格式,以播放端要求为准 |
| 色彩 | 色彩空间、是否已按真屏校色 |
| 停靠点标注 | 每个停靠点在长卷上的像素位置,及对应的说明文字区域 |
| 边框处理 | 屏边框对应的那一段是否跳过,由谁处理 |
| 分段视频(离散点位时) | 每段对应的展位、分辨率、时长、是否需要首尾无缝循环 |
| 待机内容 | 无人推动时播什么、是否循环 |
| 音频 | 有无声音、声音是否随位置切换 |
| 源文件 | 可编辑的设计源文件和素材授权说明,便于后期修改 |
待机内容和无人时的播放逻辑,在互动滑轨屏播放功能设计里单独讲。
常见问题
长卷是不是做得越大越清楚? 不是。长卷的像素密度必须和屏可视区一致,做得比这个更大,程序也要缩小显示,白白增加文件体积和加载负担;做得更小则会被拉伸发虚。按公式算出来的尺寸就是最合适的尺寸。这个公式针对 1:1 窗口模式(屏上画面与墙面等比例);如果屏上显示的是放大版,总像素要再乘放大倍数。
屏后期换了型号,长卷还能用吗? 换屏后可视区物理宽度和像素数只要有一个变了,像素密度就变了,长卷要按新参数重新导出。所以内容公司交付的可编辑源文件很重要,有源文件就是重新导出,没有就只能重做。
分段视频的滑轨屏,视频分辨率按什么定? 按屏的像素数定即可,屏停下后视频就是全屏播放。要注意的是切换时的衔接:两段视频之间是硬切还是有过渡、每段首尾能否无缝循环,这些都要写进交付要求。
延伸阅读
长卷在屏上怎么随位置取景,看滑轨屏内容对齐墙面;三种内容形式在程序里怎么播,看滑轨屏软件开发;博物馆长卷类项目对内容的额外要求,看博物馆与校史馆滑轨屏方案;整套系统里内容处在哪一层,看互动滑轨屏系统组成;方案层面的总览,看滑轨电视方案总览。
参考资料:CSDN:《滑轨电视互动原理》技术博文(离散点位切视频与连续滚动两种形态)。
正在给滑轨屏项目写内容需求,拿不准长卷规格和交付格式?把行程、屏型号和想要的效果发给我们,联系我们一起把规格定下来。更多滑轨屏的结构、定位与内容做法,逛滑轨屏技术方案。
留言讨论
评论发布后会被人工复核,违规内容将被删除。
如果发表没有反应,可以前往联系我们告诉我们。