赵云彩霞
发表于 2016-9-5 03:41:47
添加图层样式:投影 模式:正片叠底 颜色:#88838a 角度:60° 距离:3px 扩展:1px 大小:3px
http://pic.16xx8.com/allimg/160818/0316154L5-15.png
赵云彩霞
发表于 2016-9-5 03:41:47
添加图层样式:投影 模式:正片叠底 颜色:#88838a 角度:60° 距离:10px 扩展:2px 大小:15px
http://pic.16xx8.com/allimg/160818/0316154531-16.png
现在按钮的效果基本上都呈现出来了,这里值得一提的是,在最后给按钮添加投影时,我添加了两层,这是为了增加投影的层次以及空间感,算是现在常见的投影手法。这在后面制作投影的时候还会用到很多,要是感兴趣的同学可以看看这篇文章:一份简单易上手的青春弥散阴影修炼手册
赵云彩霞
发表于 2016-9-5 03:41:47
四、绘制精灵球主体造型部分由于我是通过photoshop还原作品,所以我主要还是运用到了布尔运算。如果这块不会的同学就去看看布尔运算基础视频:视频地址:http://www.bilibili.com/video/av4320215/从图中可以看出,精灵球主体部分其实就是一个大圆加上一个小圆,通过 [布尔运算-减去顶层形状]得到一个同心圆,然后再用一个很扁的椭圆和同心圆进行第二次 [布尔运算-减去顶层形状] ,得到的一个上下分开的球体。
http://pic.16xx8.com/allimg/160818/031615LC-17.png
赵云彩霞
发表于 2016-9-5 03:41:47
这个时候,实际上球体的路径还是一个整体,现在只需通过 [加锚点工具] ,在中间路径上,任意打上几个锚点,然后把下半部分多余的路径删减掉,只剩下独立的上半部分球体。最后只需复制 [球-上半部分],然后一个垂直翻转,就可以得到下半部分图形,并且把上下两部分,分离开来。
http://pic.16xx8.com/allimg/160818/03161530N-18.png
赵云彩霞
发表于 2016-9-5 03:41:47
制作上下反光通过原作的效果图可以发现,这整个画面中最大的反光,制作方式也和上面几乎一样, 通过 [布尔运算-减去顶层形状]得到一个同心圆,然后调出 [球-上半部分] 的选区,给这个 [上圆环-反光] 建立一个剪贴蒙版, 最后只需复制 [ 上圆环-反光 ],然后一个垂直翻转,就可以得到下半部分图形。
http://pic.16xx8.com/allimg/160818/031615B34-19.png
赵云彩霞
发表于 2016-9-5 03:41:47
这样基上球体的所有图形需要绘制的部分,就都完成了。效果图:
http://pic.16xx8.com/allimg/160818/0316152632-20.png
接下来要注意图层蒙版的变化了"!
赵云彩霞
发表于 2016-9-5 03:41:47
五、绘制球体光影制作球体光影开始之前,先分析一下光线,从这张图可以看出,在球体的表面基本上分布着六种光高光:最接近主光源的颜色。固有色(亮灰):处于亮部和暗部的过渡面,颜色最接近物体本身的颜色。暗部:处于物体的背光部分。反光:处于暗部,是经过物体与环境光多次折射所产生的光。体表环境光:处于物体表面, 也是物体与环境光多次折射所产生的光。投影:被物体遮挡住光源后,所产生的影子。六种光相互影响,构成这个立体的球面。这些光都遵循着近大远小/近实远虚/近亮远暗的基本规则。
http://pic.16xx8.com/allimg/160818/031615E43-21.png
赵云彩霞
发表于 2016-9-5 03:41:47
原理了解清楚以后,我们接下来就直接从球体表面来给它打上光。在光影融合部分,我运用了大量的柔边画笔打光+图层蒙版的技巧,所以不会的就看看图层蒙版的基础教程。制作 [球-上半部分] 基础光源:添加图层样式:斜面浮雕 样式:内斜面 方法:平滑 大小:1
http://pic.16xx8.com/allimg/160818/0316153O5-22.png
赵云彩霞
发表于 2016-9-5 03:41:47
添加图层样式:内发光 不透明度:10 杂色:1% 颜色:#ffffff 阻塞:10 大小:27
http://pic.16xx8.com/allimg/160818/0316155629-23.png
赵云彩霞
发表于 2016-9-5 03:41:47
添加图层样式:内阴影 颜色:#a50d0a 不透明度:52 角度:180 距离:8 阻塞:4 大小:10
http://pic.16xx8.com/allimg/160818/0316152C2-24.jpg
赵云彩霞
发表于 2016-9-5 03:41:47
添加图层样式:渐变叠加 模式:滤色 透明度:100% 样式:径向 角度:-51%缩放:150% 颜色:#780e0d " #ee181a
http://pic.16xx8.com/allimg/160818/0316154951-25.png
赵云彩霞
发表于 2016-9-5 03:41:47
羽化 [上圆环-反光] 边缘:属性:蒙版-羽化:4px 图层不透明度27%
http://pic.16xx8.com/allimg/160818/0316153F6-26.png
赵云彩霞
发表于 2016-9-5 03:41:47
添加图层样式:渐变叠加 模式:滤色 透明度:100% 样式:径向 角度:-51%缩放:86% 颜色:#透明 " #ffffff/60%
http://pic.16xx8.com/allimg/160818/031615G03-27.png
赵云彩霞
发表于 2016-9-5 03:41:47
羽化 [下圆环-反光] 边缘:属性:蒙版-羽化:5px 图层不透明度30%【和上一步一样的原理,所以没有图片,自行脑补】制作 [球-下半部分] 基础光源:添加图层样式:斜面浮雕 大小:3px 软化:1px 角度:6° 高度:0°
http://pic.16xx8.com/allimg/160818/0316156396-28.png
赵云彩霞
发表于 2016-9-5 03:41:47
添加图层样式:内发光 不透明度:15 杂色:2% 颜色:#ffffff 阻塞:0 大小:7
http://pic.16xx8.com/allimg/160818/0316152055-29.png