Animal Island UI · by Shirolin

30 秒实机宣传片
制作与分镜解析

拒绝拿几张静态截图拼凑轮播。整支短片按真实使用流程一镜到底:撕开渡岛船票进入 DSH,从日常提问、调节外观浓度,一路拍到夜间星空与代码高亮。每一帧均由真实 DSH 界面 4K 超采样渲染。

看七个连续节拍
30 秒成片时长
1920×1080 / 30p画面规格
定制配乐声音设计

七个连续节拍

纸票负责进入,真实界面负责可信;转场只使用主题自己的物件,不靠随机光效或模板字幕。

  1. 00:00–00:03
    开场标题「DSH 动森主题」与渡岛船票同框

    开场

    开场三秒直接点明身份:巨大的「DSH 动森主题」标题与渡岛船票同时出现,奶油手账纸、日夜双景与原生无损一次性说清,不让观众猜。

  2. 00:03–00:06
    船票撕口扩开,完整 DSH 工作台从横向亮缝中出现

    撕开

    撕纸声与视觉共用票根虚线。沿虚线自上而下撕开,票根与票面分离,完整窗口随后展开,明确建立“从票进入产品”的因果。

  3. 00:06–00:10.8
    Animal Island UI 日间工作台:点进原生输入框逐字输入问题并点击发送,回答落回会话

    工作台

    先给完整窗口,再推近原生输入区:点进输入框逐字输入问题并点击发送,等“深度求索中”走完,完整回答落回同一个会话。熟悉的操作全在原位,只是换上了温柔的手账纸感。

  4. 00:10.8–00:15.6
    DSH 原生设置中的动森外观三档预设与画布浓度滑杆

    外观

    三档预设和浓度滑杆成为绝对主角:滑杆被真实拖拽到 0.28。纸白、均衡、海岛三档随手切换,背景浓度与纸纹插画都能在设置里微调。

  5. 00:15.6–00:20.1
    夜间设置页从动森外观点进插件列表,深海蓝侧栏、暖纸插件卡片与月光

    夜岛

    纸叶完成日夜匹配剪辑。夜间不是反色,而是独立绘制的星空与流萤;深海蓝侧栏配暖棕纸面,再从动森外观点进插件列表,换肤覆盖整个设置页。

  6. 00:20.1–00:24.5
    夜间会话中的语法高亮代码块与纸面配色

    代码

    夜色里的真实会话:表格、行内代码与大段 TypeScript 代码块同样保留清晰对比。深棕代码块单独校准高亮,长对话与大段代码日夜都好读。

  7. 00:24.5–00:30
    日岛在暮色中转为夜岛,并显示「DSH 动森主题 · by Shirolin」

    上岸

    界面淡出,日夜双岛接棒。最后五秒定格「DSH 动森主题 · by Shirolin」、MIT 许可证与开源仓库地址,不放安装步骤,让成片有完整的结束感。