设计知识
您当前的位置:主页 > 公司动态 > 设计知识 >

Photoshop制作立体感极强的红白精灵球图标(2)

发布于:2017-12-18来源:网络整理 作者:唯创品牌策划点击:


4、添加图层样式:投影 模式:正常 颜色:#0d0a0d                角度:60° [都不要勾选全局光] 距离:3px 大小:5px。  


Photoshop制作立体感极强的红白精灵球图标

 


5、绘制中心按钮:将 [大圆] 复制一层,Ctrl+t自由变换,将圆缩小到宽:52px;               高:52px左右,中心对齐即可。右键清除图层样式,重新添加图层样式,样式的使用原理和 [大圆] 图层差不多,所以我就不多解释,直接上图。

             添加图层样式:斜面浮雕 样式:内斜面 方法:平滑 大小:1px 软化:2px 角度:60° 高度:54° 高光:#ffffff                阴影:#5b5353。
 


Photoshop制作立体感极强的红白精灵球图标

 
6、添加图层样式:渐变叠加 模式:正常               样式:线性 角度:-120° 缩放:100% 颜色:#e3e3e3 ~ #f5eeee。  


Photoshop制作立体感极强的红白精灵球图标

 


7、添加图层样式:投影 模式:正片叠底               颜色:#88838a 角度:60° 距离:3px 扩展:1px大小:3px 【提示:在一个图层上添加多个投影的功能,只有Photoshop               CC及以上版本才有。CS6及以下的版本均没有这个功能。】。  


Photoshop制作立体感极强的红白精灵球图标

 


8、添加图层样式:投影 模式:正片叠底               颜色:#88838a 角度:60° 距离:10px 扩展:2px 大小:15px。  


Photoshop制作立体感极强的红白精灵球图标

 


四、绘制精灵球主体

1、造型部分:由于我是通过photoshop还原作品,所以我主要还是运用到了布尔运算。如果这块不会的同学就去看看布尔运算基础视频:【PS基础!NO.7                布尔运算】

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

 


Photoshop制作立体感极强的红白精灵球图标

 


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


Photoshop制作立体感极强的红白精灵球图标

 


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


Photoshop制作立体感极强的红白精灵球图标

 
------分隔线----------------------------
------分隔线----------------------------


分享到:
sf999

网站客服:
点击这里给我发消息

在线咨询:
点击这里给我发消息

画册客服:
点击这里给我发消息

客服电话:
0577-25898858