赛事游戏展板设计复盘

前言:此次复盘是针对今年五月份为夏季esg赛事做的kv,游戏为小小英雄。

小小英雄,是由4399开发的一款手游,主打积木风io+moba竞技。画风呆萌可爱。

(附:io游戏是这几年兴起的比较流行的游戏类型,有着操作简单、多人对抗、死后即刻复活等特点。前两年流行的《球球大作战》、《贪吃蛇大作战》是io游戏风潮较早的引领者。)


这次的KV,从5月16号开始构思,到31号算是都完成了。用时半个月,其中中间也有穿插一些其他的小需求。

一、构思

构思主屏大概用了一两天的时间,现在想想,在时间充足的情况下,这种时间长度的前期准备还是很有必要的,因为要尽可能的把大的布局以及一些小的元素都排好,还要去思考页面的配色、主屏与副屏的关联等,所以充足的构思还是很有必要的。

接到需求后,手机下载了iOS版《积木大作战》(安卓版也下载了,因为安卓机比较破旧,就没有去体验),注册并操作体验这款游戏。

玩了一段时间,总结出这款游戏的关键词:推塔、夺宝、乱斗,因此可以在画面中添加比如塔防、宝藏之类的元素,要注意营造出对抗感;游戏设计风格与lowpoly和乐高风很相像,因此可以参考《我的世界》等游戏;工具上,可以选择C4D和Magic Voxel结合PS来制作。

二、草图

查找了很多相关的素材图片之后,大概有了个方向。找了两个对抗的游戏原画场景,大概的排了一下整体,同时左右屏幕也做了延伸。后面的制作也是按照这个想法来进行的。


草图

三、制作

主要运用到的软件:C4D、PS,其次是AI(做字体)。

做lowpoly其实有多种方法,可以运用多种软件,可以用AI也可以用lowpoly在线生成器。但是这些我都尝试了之后,觉得还是C4D最为灵活和方便,用时短,操作也更简单灵活。

lowpoly的特点是面数比较低,色调比较明快,主要是低多边形。

做法就是把光滑的立方体、球体改成四边面或者三角面,用多棱形来表达圆滑的东西。用简单的东西去归纳表现一个复杂的东西。

调了几个角度,人物和背景换了一些材质球,都导出来放在页面上看总体感觉。


最后决定用有些平视的角度,背景用蓝紫色渐变,两个人物用单色紫色。这样可以突出主标题,同时有层次感。


人物建好模型之后没有太多改动,调好角度之后,就一直是用最开始的一个版本。


左右两屏之前是用的比较简单的背景,没有想到用什么样的方式去填充。

其中,左屏的人物元素,因为提供的素材画风不太搭,所以我根据游戏里的人物三维形象,在C4D里进行了重新的绘制。

原图:


再绘制渲染图:




这版得到的反馈是颜色比较多,而且左右两屏会稍微跟主屏幕有些脱节。

我自己认为的需要改动的地方是:主屏空间感不够,中间主标题不够突出,三个屏幕都可以再丰富一些细节。


所以这一版的调整重点主要是在整体的氛围打造,空间感打造,加强主标题的存在,添加小元素。

主屏添加楼梯,把视角调整成仰视,同时两个塔防人物往后放并且缩小,前面还是放两个大的人物以及旗帜。这样前后大小对比,加上楼梯,希望画面有延伸的空间感。背景压暗,这样亮色的主标题就能凸现出来。

左右两屏背景压暗,并加上跟主屏幕有呼应的起伏地形;背景和塔防调整成蓝紫色,这样既能跟主屏幕一致,又能突出颜色比较多且亮的主要游戏人物。


两个版本对比之后,做了一个结合。比较简洁突出主标题的主屏,还有背景比较丰富有细节的左右两屏。


这次做这个KV,暴露出自己的一些缺点:

1.整体时间把控不到位。

在动手之前,不能够根据自己的能力和项目难度做出一个大概的计划表,在进度推动上比较被动。

主要还是自己接触赛事的经验比较少,C4D的掌握程度也不精,所以不能很好的做一个计划,前期心里没有底。

2.源文件的整理能力欠缺。

一开始做了各种尝试,担心返工,所以我一般会另存为一份源文件,再做比较大的改动。这样就会导致我的源文件很多,到最后要调整的话,会比较难找。

这个就是平时的习惯不是很好,在平时存储文件的命名上要更加详细和系统。以C4D为例,尽量把确认稿里用到的最终模型、材质球、灯光等都放在同一个源文件里(有些情况比如多个灯光等可能还需要源文件里更加详细的图层命名),这样后面找起来比较不会吃力。

还有一个问题,自己目前还没有想到比较好的解决方法:

之前担心在模型渲染上花太多时间,影响自己的进度和思路,所以我把渲染的尺寸调到最终尺寸的一半,加上本身材质并不复杂,渲染起来确实会比较快。但是到最后确认了稿子要最终输出的时候,发现直接把图放大,画质还是会受损,刚才也提到自己存了很多源文件,也确实是C4D的各种打光和调试,导致光是调整尺寸恢复画质,就花了整整一晚上。

可能比较好的方式是,先在做的时候注意源文件的保存,尽量命名详细,且归类好,同时在最初的几个稿子的时候还是用一半的尺寸输出,到最后细节调整的时候就可以用大尺寸输出。

对于最后这个稿子的完成度和满意度,我自己是觉得有很大的提升和修改空间,但是目前的能力还没有让我想到更好的解决方式。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,012评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,628评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,653评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,485评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,574评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,590评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,596评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,340评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,794评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,102评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,276评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,940评论 5 339
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,583评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,201评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,441评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,173评论 2 366
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,136评论 2 352

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明先生_X自主阅读 15,979评论 3 119
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,008评论 25 707
  • 每次来银行办业务,如果开三个窗口,人一定很少,如果开两个窗口,人一定很多。
    天真的Jane阅读 137评论 0 0
  • 说是童书,不如说是亲子阅读书。我一开始选这本是因为书里写的是习惯养成童话。最近发现妞磨蹭的习惯很严重,所以我一看书...
    弥小木阅读 283评论 0 0
  • 那天在无意中刷抖音,看到一组照片,算是婚纱照吧,看着照片上的女子很眼熟,和那个谁,对,张馨予很像。之后为了确认是不...
    小米聪聪阅读 350评论 0 1