宠物小精灵,设计宠物小精灵球主题图标

2022-12-26 17:44:10 来源/作者: / 己有:25人学习过

四、绘制精灵球主体

造型部分

由于我是通过photoshop还原作品,所以我主要还是运用到了布尔运算。如果这块不会的同学就去看看布尔运算基础视频:视频地址:http://www.bilibili.com/video/av4320215/

从图中可以看出,精灵球主体部分其实就是一个大圆加上一个小圆,通过 [布尔运算-减去顶层形状]得到一个同心圆,然后再用一个很扁的椭圆和同心圆进行第二次 [布尔运算-减去顶层形状] ,得到的一个上下分开的球体。

宠物小精灵,设计宠物小精灵球主题图标
<点图片看大图>

这个时候,实际上球体的路径还是一个整体,现在只需通过 [加锚点工具] ,在中间路径上,任意打上几个锚点,然后把下半部分多余的路径删减掉,只剩下独立的上半部分球体。最后只需复制 [球-上半部分],然后一个垂直翻转,就可以得到下半部分图形,并且把上下两部分,分离开来。

宠物小精灵,设计宠物小精灵球主题图标
<点图片看大图>

制作上下反光

通过原作的效果图可以发现,这整个画面中最大的反光,制作方式也和上面几乎一样, 通过 [布尔运算-减去顶层形状]得到一个同心圆,然后调出 [球-上半部分] 的选区,给这个 [上圆环-反光] 建立一个剪贴蒙版, 最后只需复制 [ 上圆环-反光 ],然后一个垂直翻转,就可以得到下半部分图形。

宠物小精灵,设计宠物小精灵球主题图标
<点图片看大图>

这样基上球体的所有图形需要绘制的部分,就都完成了。

效果图:

宠物小精灵,设计宠物小精灵球主题图标
<点图片看大图>

接下来要注意图层蒙版的变化了~!

五、绘制球体光影

制作球体光影开始之前,先分析一下光线,从这张图可以看出,在球体的表面基本上分布着六种光

高光:最接近主光源的颜色。固有色(亮灰):处于亮部和暗部的过渡面,颜色最接近物体本身的颜色。暗部:处于物体的背光部分。反光:处于暗部,是经过物体与环境光多次折射所产生的光。体表环境光:处于物体表面, 也是物体与环境光多次折射所产生的光。投影:被物体遮挡住光源后,所产生的影子。

六种光相互影响,构成这个立体的球面。这些光都遵循着近大远小/近实远虚/近亮远暗的基本规则。

宠物小精灵,设计宠物小精灵球主题图标
<点图片看大图>

原理了解清楚以后,我们接下来就直接从球体表面来给它打上光。

在光影融合部分,我运用了大量的柔边画笔打光+图层蒙版的技巧,所以不会的就看看图层蒙版的基础教程。

制作 [球-上半部分] 基础光源:

添加图层样式:斜面浮雕 样式:内斜面 方法:平滑 大小:1

宠物小精灵,设计宠物小精灵球主题图标
<点图片看大图>

添加图层样式:内发光 不透明度:10 杂色:1% 颜色:#ffffff 阻塞:10 大小:27

宠物小精灵,设计宠物小精灵球主题图标
<点图片看大图>

添加图层样式:内阴影 颜色:#a50d0a 不透明度:52 角度:180 距离:8 阻塞:4 大小:10

宠物小精灵,设计宠物小精灵球主题图标
<点图片看大图>

添加图层样式:渐变叠加 模式:滤色 透明度:100% 样式:径向 角度:-51%缩放:150% 颜色:#780e0d ~ #ee181a

宠物小精灵,设计宠物小精灵球主题图标
<点图片看大图>

羽化 [上圆环-反光] 边缘:属性:蒙版-羽化:4px 图层不透明度27%

宠物小精灵,设计宠物小精灵球主题图标
<点图片看大图>

添加图层样式:渐变叠加 模式:滤色 透明度:100% 样式:径向 角度:-51%缩放:86% 颜色:#透明 ~ #ffffff/60%

宠物小精灵,设计宠物小精灵球主题图标
<点图片看大图>