【明日方舟】夏活pv精彩设计鉴赏

早上好!三棱镜~
首先!非常感谢组员们利用闲暇时间愿意参与到本期话疗类pv鉴赏专栏!阿里嘎多w~
很惊喜这次夏活的pv能为我们带来如此多的亮眼设计,这篇专栏中所谈到的仅是部分内容,其余的地方譬如直播开头,多索雷斯铁人三项介绍,模组道具建模,贴纸等很多地方的设计都值得我们仔细研究和学习~另外,本次pv三棱镜并未计划出复刻教程,因为其中的设计思路远远胜过于技术需求,近期我们会在同名爱发电分享一些夏活风格的封面源文件,希望我们的处理方法能为你的复刻带来一些想法!
哦哦还有,可以期待一下不久以后到来的排版教程喔(◦˙▽˙◦)感谢大家的关注desu!啊,好像说太多了呢,现在就来一起看看我们这两天都讨论了些什么叭w

参与人员名字代号:
L:小洛 W:文仔 Y:鲨鲨鱼 P:小白炮
B:北霄 M:Monolith S:思无邪 X:箱子
D:白给 T:天云中君 Q:千雨 A:阿连
R:Rawberry H:雨花 J:姬无色 O:天天



P:只略懂一点C4D OC渲染,所以就只能从这个方向说说我的大致步骤(仅供参考)。画面元素基本就是上面的蓝色线条和下面的模型。(这里我用C4D自带的车模型代替了,其实我觉得这个也长得像个赛车,因为这次活动跟比赛有关?)
制作大致步骤:
1.创建圆形粒子发射器,发射方向朝内部发射,勾选Ring Only勾上其他参数根据情况而定。
2.制作一个类似图中的一个弧度模型用于控制粒子的路径,添加avoid修改器拖入弧度模型,添 加湍流修改器适当调节参数。
3.复制发射器并添加冻结修改器,在冻结修改器的衰减添加球形域冻结部分往上走的粒子。
4.复制湍流修改器,分别给发射器创建组,使2个湍流分别作用于两个发射器便于控制。
5.分别创建两个xptrail添加oc标签勾选毛发,看情况调整粗细,可以将拖尾渲染出来。
6.最后杀死画面看不到的另一半粒子。(不杀的话会全部发射到下面的模型)
7.材质方面XP拖尾材质选择oc的漫反射材质,添加黑体发光视情况调节参数;模型材质应该是Glossy index值为1的材质,其他参数默认。
8.灯光方面,OC灯光只勾选反射可见然后一顿往模型上打就可以。
9.最后渲染导出到AE进行镜像调色。图二做法和图一类似。(附一张自己的渣仿2048采样)




X:方舟每次都能把logo玩出花,这一次也不例外,并且和音乐配合的也特别好!
T:用了栅格和色散的效果来模拟老电视显像管的感觉,毕竟整体是电子的曲风嘛。
L:这个颜色!太喜欢了!带感!这种小细节每次都会很花心思设计,suki

T:与之前logo同样采用了栅格化的设计风格过渡。时间很短,运动很齐(指前后两个镜头)。
X:蓝宝石插件的S_WipeStripes效果?我们用中继器也复刻出了类似的效果,不知道YJ是如何做出这个效果的。不过图形配合音乐节奏点和蒙版的运动展开,动态效果绝赞,nb!
W:刚刚讨论过,也有可能就是用中继器做的一个黑白蒙版,然后用中下方的锚点来作为缩放中心。

L:渐变映射,渐变映射,斯哈斯哈
T:更确切的说,大背景用了蓝,紫色的渐变映射+梯度渐变的亮度蒙版
S:素材利用方式+1,油画笔刷调整风格,映射调整色彩。以后旅游写真集封面get(bushi

X:右边一堆元素根据远近关系有着不同的相对运动,配合笔刷蒙版刷下来感觉元素超丰富,很有感觉!
T:也就是动效作品中“让每个元素都动起来”的那种跃动感!另外值得一提的是,下方先出现的笔刷的运动方向会引导视线聚焦到屏幕右侧(运动趋势左→右),然后再出现屏幕右边笔刷和logo叠叠叠的动效(文字下方背景和右侧整体运动趋势为右→左)。
L:惊奇的发现左下右上的泡泡自己素材库有同款素材!成功复刻,耶比~


Y:在原本的文本上额外叠加几层不同颜色扭曲的副本,快速切换就能做出酷炫的Glitch效果


L:不好意思,解构失败,总之就是很棒啊啊啊啊呜呜呜最喜欢这里了(可以看出来平面本质上是配色 方格图案 波浪线 涂鸦笔刷色块 描边 规整英文+花体英文 无敌排版和构思 各种扭曲和波纹动效 动效这方面就是我的弱点了 有请动效man们讲讲!主要造成视觉冲击的地方还是配色构思动效转场bgm吧)
M: 一般来讲,“视觉层次”这种东西常常要通过颜色的明度/饱和度的对比来达到,比如暗色/低饱和度的整体配上高亮的图文信息。而鹰角这里却通过不同色相的对比以及丰富的元素堆叠(英文涂鸦/半调/线条/icon ),居然让这一段95%以上都是高明度高饱和度颜色的画面也拥有了丰富的视觉层次,配上炫目的动效让人一眼看去在感到“炫”的同时却不会有“瞎”的感觉,艳丽而不艳俗,实在是高。(当然了一般人没有十足的把握的话这种风格建议还是谨慎尝试)
字体的对比也很值得学习!涂鸦字体化成背景元素的一部分,而负责传递信息的无衬线体即使是只闪过了一秒钟,也只靠着与整体风格强烈对比就精准地吸引了观众的视线,达到传递信息的效果。
A:■■...鹰角动效man...我的超人...
D:已经无法言语了,久闻方舟一体机大名,但是这个一体机结合效果强的可怕了,不管是静帧截图下好看的纹路+好看的对比色+好看的半调+好看的故障效果,还是快速闪回呈现出来的动态音乐视觉,都tql(只想扒开劳斯的脑壳看看咋长的......)
W:我可太爱这一部分了,配色、动态效果,整体看着太爽了,特别是这些曲线(,爽了。这种颜色的搭配没有十足的把握已经丰富的经验真的很难做。
T:很可怕的一段画面。在知道夏日嘉年华活动的时候就在想,覆潮之下和夏活都是与水有关的主题,yj在pv这方面是否做出差分?看来果然是多虑了(笑)。这次高明度和高饱和的设计风格,难度直接拉满。这一段也是很有个人风格的MG了。运镜上来看是右往左的运镜+右上往左下的自行车元素插入过渡,同时缓急缓的运动曲线用的也很棒。效果上目测也只能看出用了拉伸与湍流变形(还有百叶窗)。完全不建议新手去模仿或者诞生“仿得出来”的念头,会自闭。在几秒内做出这么多的设计细节十分考验视频制作者的功底。佬!巨!(另外很好奇这个画面的分镜的关键帧是怎么构思的)
X:这一段动画看的我直接心律不齐天体运行,太流畅太NB了!无论是动画的构思还是穿插在里面的很多小元素都是特别值得学习的,要仿出来的难度也是巨大的,太炫了太炫了。

L:背景:地图,往上一层,笔刷涂抹+斜线,往上一层,半调,往上一层,下一个画面的波浪百叶过场,往上一层,徽章
D:类似的形式(流淌的动线)一些国际运动会片头会出现,但是将撞色结合的这么清新美丽的很少
S:啊啊啊,为什么你们什么风格的LOGO都会啊!摸不过来辣!(关注点清奇)

X:PV中很多镜头的右上及左下角都显露了下一层的内容,而下一层里的图案在不断向箭头方向移动,给人一种流水的感觉,整个画面仿佛是流动一般。这种设计非常有夏日的感觉,画面也显得很有活力。
L:方舟的建模真的好性感,直播片头那里的也是!!想点建模技能了呜呜

A:这个地方实际上是一个非常经典的体现速度感的转场,bgm到这个地方是一段Build-up(电子乐中高潮前用于烘托气氛,给drop制造爆点前的情绪铺垫,通常以音调不断升高和不断加快的鼓点组成),正好适合这用这种杂乱的线逐渐形成一个物体之后,进入drop突然拉直形成速度线,把Build-up烘托的情绪炸出去,非常带感。
W:有点电子音乐节的感觉。
T:最后几帧的线条从白色变成了下一个画面的配色
L:性感死了





L:依旧是地图作为背景的过场,通篇基本上都是活泼灵动的涂鸦笔刷+规整斜线/箭头描边的组合,配色非常的西班牙+里约热内卢的感觉,大量的暖色+少量的冷色中和油腻,这才是真的热浪仲夏日
M:玛利亚临光精神复刻,字体和动效风格有好多相似之处。玛利亚临光的视觉用红蓝白为主基调突出竞技体育的感觉,这里则是从头到尾铺天盖地的高饱和颜色把夏活的热情拍在你脸上。
W:这次PV有些地方都有一些眼熟,有玛利亚临光的感觉,也有大酋长的感觉。
X:我看到很多之前PV的复用元素,包括转场用的箭头就是上次联锁竞赛PV里用到的(笑


L:白模+带颜色背景底用于突出主题这个真的太妙了,然后马上进行一个通道转的反
D:这里的反色+音乐的鼓点+抖动,绝了,high起来了
T:上下左右也有用来聚焦的线条。究极对焦的同时镜头三维缓慢运动(模型三维旋转),大片感就来了。

L:蚀刻章,到这里牛牛已经快炸了,每次的蚀刻章都好好看捏
O:不得不安利一下文仔老师的蚀刻章模板了(不是)
S:蚀刻章上也尽显自由的角啊~

L:懂得都懂,辛苦做贴纸的设计小哥了,个人也是非常喜欢这种很有设计感的小贴纸小徽章什么的,suki!
M:标志物,职业细分的logo,模组系统每个干员的图,半小时的直播熬秃了多少设计小哥(
D:其实贴纸形式的设计比较火(在behance上),但是真的应用到游戏里的少之又少,yj牛x
W:啥时候出周边?我要贴满我整本本子。
T:看到这里的时候是真的觉得肉鸽可能性存在。


L:无敌构图,背景是球形的大地图 前景是一圈线在绕着人物们转,标题也非常喜欢!配色很大乐透dusu,整体透视和空间感很强
M:吹爆构图+1!即使是在有大量亮色和立绘细节的情况下,中心炸开式的构图、标题形状的处理以及动效设计让也会你第一眼的视线很难落在标题之外的任何地方,从中间到外围也有不太瞩目但是非常nice的亮-暗-亮层次。
O:一张构图&色彩&细节非常爆炸的KV(Key Visual 主视觉)。在这里想跟大家分享一下KV概念和色彩/元素延伸上的一些个人心得。
我们可以先来拆解一下这张KV,从构图上是以图片中央的活动logo为视觉中心,向四周进行产品元素的辐射发散,然后我们会注意到文字后面的新角色立绘,其次才是边角的活动贴纸和强对比度的涂鸦色彩元素。
无论你是否是专业的设计师还是普通的用户,95%的视觉观感都会是这样进行的,这也是KV的核心用处:当KV出现时,用户会很清晰的知道画面的广告主体是谁(活动logo+立绘),大家在设计KV的时候,也必须要明确传递的核心信息和画面主体。
再简单的讲一下主视觉的另外一大用途,元素(色彩)的拆解和延展,刚刚我们说到,KV是最直观给用户传达故事的视觉手段,我们在构思KV时除了夺人眼球的构图,最重要的是,颜色和元素是否符合品牌DNA和故事性的传达,KV中的颜色和元素,是可以辐射到产品的各个角度的,像大家看到的蚀刻章、抽奖活动、开头的动效,都是以KV的颜色和元素展开的,这样除了带给用户视觉的统一性之外,更重要的是产品本身的美术内核是自洽且融合的。
大家在以后构思新企划的时候,可以从KV的角度思考试试呢~

T:从动效的角度来看我觉得有意思的是文字的弹出方式。文字分为红色打底与白色主标题,红字是一齐弹出,白色逐个弹出。不同的运动方式+弹性表达式也就增加了标题动画的趣味性。红字较白字也大了一号字体,KV呈现时就给了一种描边的感觉。

Y:黑色无衬线字体与红色手写体的对比,让标题有很强的张力,可以多尝试下这种反差强烈的实用小技巧
L:经典,典中典,简约好看的模板

L:喜欢这里动效!所以截下来啦~
M:这个小标题的设计竟然似乎和三棱镜上期视频的小标题有那么一些些神似(
P:这个日的动效还是很不错的
T:也要注意LOGO的动效上也有运动和不运动的元素,一对比就能向观众强调重要信息啦。
O:刚刚跟大家讲到的KV元素延伸,在这里得到了非常好的印证,虽然这是老的素材,但是赋予了极具本次KV风格的色彩和颜色,外加上动效的变化,会使得观感跟以往大不相同
A:弹性表达式让元素看起来十分有食欲(划掉),灵动感非常的强

L:你知道我要说什么了吧,半调_____?
M:有那么一类设计能在你看第一遍甚至注意不到的情况下显著提升整个画面的观感,比如左边在白色字和暗色背景中间叠了不透明度超低的拟物图片。仔细留意的话,方舟游戏内的各个UI界面到处都是这类小设计。
O:大家可以细节观察下,基本每个元素都是在动的,所以会让画面看起来不那么死板(K帧K到死..)。
T:按照规律顺次运动的方式能体现出物体严谨的“律”,同样的思路也体现在以前PV中蚀刻章的出现,后面细分职业图标出现的动效上,科技感upup。
A:个人认为,动效设计一定要思考视觉引导的问题,就是你想让观众先看什么,后看什么,像导游一样,这个地方就是很标准的大标题——>小分项的出场方式,主要移动元素也保持了从左到右,从上到下的模式。

感谢收看desu!
设计交流(禁水群):341108355
吹水粉丝群:956234778