真没想到做一个IP形象,用了我一个星期的时间,献丑了!
菜心设计铺
共 1855字,需浏览 4分钟
·
2024-04-11 05:46
今天分享的是个游戏界面的主形象绘制,落地效果如下:
主体形象是一个飞碟加IP形象结合的造型,会不会有很多同学好奇这是怎么制作出来的呢?今天就给大家分享下绘制步骤和一些实操技法,希望大家有所收获!
01 用图形绘制矢量轮廓 这种形象呢,为满足后期制作的要求,放大缩小都不会影响到它的清晰度,所以一般都是采用矢量的方法来制作,所以我们要用矢量的图形堆叠出造型的轮廓:
其实很简单,我们只要采用部件拆解的方式,把主体拆成几个几何图形,然后再去衔接组成就可以得到这个效果:
02 铺设基础颜色 把每一个部件上色,注意上色的时候要注意颜色不宜超过3种,并且要注意配色节奏有呼应不要显得杂乱:
飞碟身体其实就只有一个色,然后是点缀其上的灯光采用对比色的黄色去点缀:
其中的形象采用亮蓝色,以在飞碟中凸显出来,底部的灯光也选用相通的蓝色,以求和中间的人物颜色形成呼应:
03 飞碟光影质感 基础的颜色铺设好勒,下一步就是改给它加上光影质感了,现在它显得很平,不立体!所以我们要有一个统一的光源方向,比如顶光源,以UFO的身体为例,上半部分整体增加一圈白色,身体就立体起来了:
然后单一颜色是不是显得很单调呢?我们可以增加一些颜色,让它显得丰富一些,这里可以套用一个简单的设计逻辑方法,我们可以挑选两个对比色,一个粉色,一个蓝色,左边给他染上红色,右边给他染上蓝色:
接下来我们绘制中间的玻璃罩。
1. 使用内阴影效果绘制玻璃罩的轮廓光,让它立体一些:
2. 用同样的染色逻辑给玻璃罩丰富一下颜色:
3. 强化玻璃轮廓:
复制一层玻璃罩,填充调到0%,缩小10%,给玻璃罩绘制一层内边缘,这样我们的玻璃就是有厚度的,不会显得很单薄;
4. 绘制玻璃反光
玻璃之所以像玻璃就是因为它是有反光的,我们沿着内部的轮廓绘制几个色条,用蒙版擦除色条两端就会得到这种效果:
现在左边的反光呈现紫色,右边的呈现蓝色,我们可以再绘制一个白色的强调它,不同的是我们可以给白色的发光增加一个外发光效果:
这样我们的飞碟的身体就差不多了,质感和光影都满满的细节!
04 IP形象的质感细节
画完了飞碟, 把目光挪到咱们的IP形象上,可以发现质感明显跟不上了,整个显得很平淡,一点都不立体对吧。我们来看看怎么处理!
先用渐变的方式,选用深蓝色从下到上来一个渐变:
使用内发光的效果,但是模式选的是正面叠底,蓝色。这样在轮廓边缘形成一圈暗色渐变:
仔细观察,虽然不是特别明显,但是很重要:
明显变得立体了很多,但是别急,还能更立体!
把形象的轮廓复制一层,添加内发光效果,填充0%:
用来充当形象的轮廓光:
一个立体且丰富的造型就完成啦!把他放到我们的飞碟中去:
一个细节拉满的飞碟就绘制完成啦!过程比较复杂,但是分享的都是别人不会告诉你的细节干货。希望对大家有所帮助!
主体形象是一个飞碟加IP形象结合的造型,会不会有很多同学好奇这是怎么制作出来的呢?今天就给大家分享下绘制步骤和一些实操技法,希望大家有所收获!
01 用图形绘制矢量轮廓 这种形象呢,为满足后期制作的要求,放大缩小都不会影响到它的清晰度,所以一般都是采用矢量的方法来制作,所以我们要用矢量的图形堆叠出造型的轮廓:
其实很简单,我们只要采用部件拆解的方式,把主体拆成几个几何图形,然后再去衔接组成就可以得到这个效果:
02 铺设基础颜色 把每一个部件上色,注意上色的时候要注意颜色不宜超过3种,并且要注意配色节奏有呼应不要显得杂乱:
飞碟身体其实就只有一个色,然后是点缀其上的灯光采用对比色的黄色去点缀:
其中的形象采用亮蓝色,以在飞碟中凸显出来,底部的灯光也选用相通的蓝色,以求和中间的人物颜色形成呼应:
03 飞碟光影质感 基础的颜色铺设好勒,下一步就是改给它加上光影质感了,现在它显得很平,不立体!所以我们要有一个统一的光源方向,比如顶光源,以UFO的身体为例,上半部分整体增加一圈白色,身体就立体起来了:
然后单一颜色是不是显得很单调呢?我们可以增加一些颜色,让它显得丰富一些,这里可以套用一个简单的设计逻辑方法,我们可以挑选两个对比色,一个粉色,一个蓝色,左边给他染上红色,右边给他染上蓝色:
是不是就丰富多了?
接下来我们绘制中间的玻璃罩。
1. 使用内阴影效果绘制玻璃罩的轮廓光,让它立体一些:
2. 用同样的染色逻辑给玻璃罩丰富一下颜色:
3. 强化玻璃轮廓:
复制一层玻璃罩,填充调到0%,缩小10%,给玻璃罩绘制一层内边缘,这样我们的玻璃就是有厚度的,不会显得很单薄;
4. 绘制玻璃反光
玻璃之所以像玻璃就是因为它是有反光的,我们沿着内部的轮廓绘制几个色条,用蒙版擦除色条两端就会得到这种效果:
现在左边的反光呈现紫色,右边的呈现蓝色,我们可以再绘制一个白色的强调它,不同的是我们可以给白色的发光增加一个外发光效果:
这样我们的飞碟的身体就差不多了,质感和光影都满满的细节!
04 IP形象的质感细节
画完了飞碟, 把目光挪到咱们的IP形象上,可以发现质感明显跟不上了,整个显得很平淡,一点都不立体对吧。我们来看看怎么处理!
先用渐变的方式,选用深蓝色从下到上来一个渐变:
使用内发光的效果,但是模式选的是正面叠底,蓝色。这样在轮廓边缘形成一圈暗色渐变:
仔细观察,虽然不是特别明显,但是很重要:
明显变得立体了很多,但是别急,还能更立体!
把形象的轮廓复制一层,添加内发光效果,填充0%:
用来充当形象的轮廓光:
一个立体且丰富的造型就完成啦!把他放到我们的飞碟中去:
一个细节拉满的飞碟就绘制完成啦!过程比较复杂,但是分享的都是别人不会告诉你的细节干货。希望对大家有所帮助!
菜心鹅圈
活动来袭!!! 下次就要等好久了!!!
【2024-2期】21天作品包装打卡训练营,今晚8:00,正式开课!
【2024-3期】21天作品集动效打卡训练营, 提前预告!!!
想学习更多课程的同学,可以直接加入【菜心鹅圈】,这些课程都可以免费学习,每年会更新10期打卡课。
现在正好有优惠,点击下方卡片查看详情,更多设计打卡课程等着你来学习!
评论