第一次从半途插手需求,献丑了!

用户头像
深圳/学生/2年前/7548浏览
第一次从半途插手需求,献丑了!

改稿思路

之前做了个狼人杀的风格稿细化,风格稿是我们荣荣老师设定的,当时荣荣老师临时有事,项目又赶进度,我就来接手了。

当中途拿到这需求的时候其实是有些蒙的,不知道该如何入手,因为是中途插手嘛,对项目不是很了解。

所以,我先是全面了解了一下项目,包括风格设定啊,落地预期啊,项目进度啊之后才大概有了一个方向。

我们先来看看接手时的样子:

其实看起来完成度已经很高了,如果是你拿到,你还能怎么去深入细化呢?

动手之前,我们肯定得明确风格特点,我们才能去动手执行。我们参考了很多,发现《饥荒》这款游戏的美术风格很适合参考:

我们可以把他的风格特点拆解出来。


1 风格特点

我可以看到这种风格画风是比较粗狂,随意中又带有细节,很独特。

明确了几个关键点之后我们就可以动手去细化了。


2 造型细节

(1)月亮造型:

可以发现我们原图中的月亮太规整了,就是一个纯白的圆。

我们的关键词中,造型方面是扭曲/怪异,所以我们月亮的造型就需要有这两个关键词的表现,

先让我们的月亮造型有些棱角,不要一个纯圆:

然后只是一个色块就会感觉太空了,没什么细节。我们可以在中间加入一些螺旋纹理:

内部丰富了,外围也可以丰富下,不然也有点空对不。

内外都有点细节,看起来就会很丰富了。

(2)天空纹理

天空部分的造型我们分为3层去细化。

颜色层:由一个蓝色的明暗变化渐变构成,去呼应月亮的发光

纹理层:特点也是不要纯圆,要有一些棱角和笔触,可以呼应月亮的造型,以月亮为中心去绘制一圈一圈的纹理,以月亮为中心画的纹理整个画面的趋势才能统一

云层:云层也同样,整个云的走势是以云为中心向四周去扩散,以达到月亮、纹理、云层、三点元素去营造一个统一的大趋势

(3)房屋&树木造型:

目前我们的房子是这样的:

以我们的关键词【怪异/扭曲】来说就太普通了,我们可以在细化房屋的时候让他的造型也扭曲一些,多一些转折,边角加一些扭曲翘起的角:

树木也是同理:

这样整体就比较符合我们的想要的感觉了

3 笔触细节

我们先回顾一下参考。

要做出参考的感觉,还需要两个比较关键的视觉触点去表现,一个是所有的元素都需要有外部的线稿描边,而且需要用手绘板画笔直接去绘制,不能用“描边”功能,出不来这种感觉。

然后内部也需要有一些笔触的点缀:

4 质感纹理

质感就是让画面有些纹理,这里我分了两步去做;

第一部分:是用一些带笔触的笔刷去上色,这样可以保留一些纹理感;

第二部分:采用叠加纹理素材的方式;

我选用的是这两款纹理素材,粗糙纸张纹理,可以和描线的笔触搭配,强化这种粗糙笔触的风格;

因为是浅色纹理,直接[正片叠底]模式加在图上调整透明度就可以了。

我们来看下目前的效果:

质感纹理造型都有了,但是感觉画面比较平,没有视觉焦点,我们看看如何解决这个问题;

5 光影调整

画面比较平,其实就是画面的层次没拉开,主次不明显,我一般都会通过对光影的调整去达到优化画面的目的,我们画面中有一个月亮,所以我们就可以以月亮为光源中心去调整整个画面的明暗变化,让所有的元素都受到月亮的影响,从而划分出明暗层次。

(1)天空明暗变化

(2)云层光影

离光源越近的部分,越亮;离光源越远越暗。

(3)底部光影

这里离光源最远,所以不用这么亮,会很抢视觉,我们也弱化下去。

调整完后,我们对比下前后效果:

可以明显看到,通过光影的调整,弱化了不重要的部分,相比优化前可以更直接的让视线聚焦在文字和狼人身上,不会再被一些不重要的元素所影响,我们的目的就达到了。

6 文字优化

我们可以看到荣荣老师做的文字造型还是很好看的:

但是因为没做完的关系,缺啥一些细节的刻画,会显得有点单调,我们可以来优化一下:

(1)质感

文字这里还是需要符合整体的笔触&质感的一个视觉表现,才能和整个画面风格统一,我们可以先给文字来点质感,先做出文字选区:

然后用画笔一根一根顺着笔画方向去画出线条:

整个画完,就得到了这种效果:

这种风格就很搭画面了!但是还没完,光有字还是不够不丰富,我们可以增加一些装饰,比如是狼人杀的主题,那我们可以绘制一道抓痕:

注意和字体的绘制方法保持一致,这样在风格上就很统一了。然后把它放到文字后面:

一个符合画面风格的字体logo就完成了!

我们放到画面中加入一些雪花氛围看看最终效果:

一幅强风格、黑暗、血腥、恐怖的loding页就完成了;

总结

对比一下方向草图,我们总结看看都做了哪些优化的地方。

(1)造型细节

月亮、房屋、树木造型都不能太普通,通过多转折边缘的处理方式,让它们都保持诡异扭曲的感觉;

(2)笔触细节

笔触细节也做了优化,分为轮廓线稿描边和体积阴影线条,两部分去实现;

(3)质感纹理

选用和笔触感比较搭的纸张纹理去强化画面风格;

(4)光影调整

通过对整体光影的调整,让画面有层次,主次分明,让视线聚焦在文字和狼人上面;

(5)文字优化

通过对画面风格特点的拆解,用同样的方法绘制出更符合画面的文字质感;

345
举报
|
212
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】美食icon
新能源APP应用UIKit
【新年UI图标】旅行icon
UI界面 组件
Security Camera UI kit
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】体育icon
【新年UI图标】相机icon
科技医疗透明柜UI界面设计
【新年UI图标】银行卡icon
钱包ui模板
【新年UI图标】活动icon
【新年UI图标】礼物/活动icon
手表表盘UI系列
智能家居中心 简约 UI设计组件库
UI 登录界面设计模板包
【新年UI图标】积分icon
森系3D渐变流体抽象矢量UI背景图
3D渐变流体抽象矢量UI背景图
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
我的钱包-UI界面设计-app
UI通用设计素材1
UI应用平面图标
户外旅行飞机情侣假日出行
高级感金属拟物 UI设计组件库
你可能喜欢
相关收藏夹
大家都在看
登录注册