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

来源:微博 作者:杨洋-XHM 学习:27951人次

四、绘制精灵球主体

造型部分

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

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

宠物小精灵,设计宠物小精灵球主题图标_www.16xx8.com
<点图片看大图>

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

宠物小精灵,设计宠物小精灵球主题图标_www.16xx8.com
<点图片看大图>

制作上下反光

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

宠物小精灵,设计宠物小精灵球主题图标_www.16xx8.com
<点图片看大图>

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

效果图:

宠物小精灵,设计宠物小精灵球主题图标_www.16xx8.com
<点图片看大图>

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

五、绘制球体光影

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

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

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

宠物小精灵,设计宠物小精灵球主题图标_www.16xx8.com
<点图片看大图>

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

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

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

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

宠物小精灵,设计宠物小精灵球主题图标_www.16xx8.com
<点图片看大图>

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

宠物小精灵,设计宠物小精灵球主题图标_www.16xx8.com
<点图片看大图>

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

宠物小精灵,设计宠物小精灵球主题图标_www.16xx8.com
<点图片看大图>

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

宠物小精灵,设计宠物小精灵球主题图标_www.16xx8.com
<点图片看大图>

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

宠物小精灵,设计宠物小精灵球主题图标_www.16xx8.com
<点图片看大图>

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

宠物小精灵,设计宠物小精灵球主题图标_www.16xx8.com
<点图片看大图>

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
qzuser2017-10-04 12:50
我的作业:
qzuser2017-10-04 12:49
我的作业:
张德帅2017-08-28 04:40
张德帅2017-08-28 04:40
张德帅2017-08-28 04:40
张德帅2017-08-28 04:40
看球不懂
丹丹烫烫2017-06-09 05:00
我的作业:,关于球的投影讲得太概括,不太懂
涪陵榨菜2017-05-27 03:27
赞赞赞
涪陵榨菜2017-05-27 03:27
赞赞赞
涪陵榨菜2017-05-27 03:27
赞赞赞
肆意WEIYANG2017-05-27 05:29
肆意WEIYANG2017-05-27 05:29
肆意WEIYANG2017-05-27 05:29
章鱼哥2016-10-08 11:54
下面这个球体的光线没明白,照着做的 原光源打过来的光效果不明显而且不是在右边 渐变叠加出来的太靠中间了
章鱼哥2016-10-08 11:10
下面这个球体的光线没明白,照着做的 原光源打过来的光效果不明显而且不是在右边 渐变叠加出来的太靠中间了

关注大神微博加入>>

网友求助,请回答!