Salome Studio|UI概念动效|莎乐美专用YouTube网页

用户头像
东京/UI设计师/1年前/469浏览
Salome Studio|UI概念动效|莎乐美专用YouTube网页
在所属
彩虹社
旗下的虚拟主播
壹百满天原莎乐美
的2周年纪念3D演唱会(于2024年6月1日直播)中,我负责了日常剧情篇的视频剪辑 + 音效设计,还为她定制了一套UI概念 + 动效演出用以展示莎乐美专用规格的YouTube风频道页面!
※ 彩虹社:にじさんじ / NIJISANJI 
※ 壹百满天原莎乐美:壱百満天原サロメ / Hyakumantenbara Salome
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0NTgw) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
莎乐美在平时的投稿中喜欢在字里行间使用大量的表情符号,所以为了贴合这一形象特征,页面当中的图标基本都是以Google的开源字体Noto Emoji为基础进行微调后制成。
主题色自然也采用了她的印象颜色,也就是洋红粉。
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0NjQ4) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0NjUy) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
以YouTube的现状作为参考,决定了标签和侧边栏上的项目、页面与页面之间的进退逻辑后,塞了许多莎乐美相关的词汇混进系统文字当中,并制作了原创UI动效给观感再添几分趣味。一如既往,我又追求逼真感制作了一段看似实录操控片段的动画。
这才是货真价实华丽耀眼的大小姐专用规格!
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0NjU2) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0NjYw) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0NjY0) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0NjY4) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0Njcy) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0Njc2) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
设计页面时我采取了如下方针,以避免需要花费更多时间进行权利相关的检查和确认:只挑选了不含其它版权内容、仅以莎乐美本人形象为重点的视频缩略图;标题、说明和投稿日等信息参照原来的视频,但导向社交账号的链接仅显示用户名的字符串;由于并不知道频道的订阅数和视频的播放量在演唱会当天会是怎样的数字,所以对具体数值进行了一定程度的抽象处理。
我在粉丝的用户名里还添加了在YouTube设置账号时无法使用的 “%” 符号,使其成为绝对不会和真实用户重复的ID。因为不想轻易借用他人发布的内容,页面上所有看似真实的评论均为虚构,或者更确切地说,其实是由身为Salomate的我至今为止投稿的回复改造而来。
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0Njky) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0Njk2) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0NzAw) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0NzE2) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0NzI4) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
我收到 
ANYCOLOR株式会社
 提供的预先录制完毕的3D视频素材后,在剪辑过程中斟酌了运镜的变化与不同镜头间的自然衔接。
不仅通过将YouTube风频道页面的UI合成到视频中,让它看起来像是从一开始就显示于空白的屏幕上,我还为了给画面赋予一些节奏的同时也更方便展出页面当中的具体内容,增加了几处聚焦于显示器本身的屏摄镜头。
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0NzU2) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0NzYw) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0NzY0) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0NzY4) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0Nzcy) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0Nzc2) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0Nzgw) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
物品的材质、相互作用、和摄像机的距离、声音源头的方向。我仔细想象着此时此刻该有的空间氛围和情境细节,给原本无声的视频配上了以日常生活动作为主的各类音效。
借此机会我还稍稍体验了一下好奇至今的拟音收录,作为ASMR爱好者真是令人非常满足的经历。小小透露一下,动画中莎乐美的几次哈欠声,其实是从她本人的TwiCasting直播中截取出来作为素材使用的。
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0Nzg0) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0Nzg4) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0Nzky) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0Nzk2) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0ODAw) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
谁能想到在正式直播中,莎乐美居然还给这段动画实时配上了她自己的声音,真正意义上完成了演出。真的很高兴,再次说一声谢谢。
请务必找找她的官方YouTube频道观看完整版!
【3DLIVE】ゲストあり!発表あり!夢みたいなドリームライブ【#サロメ弐周年おドリームライブ ですわ】
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0ODYw) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
Salome Studio|UI概念动效|莎乐美专用YouTube网页(图ZMzcxNTk0ODY4) - 动效设计 - 站酷设计师埃克斯Xeksenk原创素材 - 站酷ZCOOL
收藏
3
|
举报
|
5
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
你可能喜欢
相关收藏夹
大家都在看
登录注册