当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop教程:绘制光源真实感强的3D图标

Photoshop
Photoshop教程:运用滤镜简单制作漂亮的射线效果
Photoshop教程:镜头光晕打造奇幻图案
Photoshop仿手绘:打造MM童话般炫彩莹亮的发丝
Photoshop教程:打造逼真节庆大红灯笼
Photoshop创意教程:打造华丽3D潮流文字特效
Photoshop CS3教程:制作有趣的文字波动动画效果
Photoshop教程:图层样式制作雕花屏风
Photoshop逐帧动画基础教程:QQ表情 I LOVE YOU
漫画基础第一课:漫画分镜框的基本技巧
漫画基础第二课:漫画阅读顺序的基本概念
漫画基础第三课:漫画文字的基本技巧
漫画基础第四课:漫画效果线的基本技巧
漫画基础第五课:分镜架构基础技巧之整体与局部
漫画基础第六课:分镜架构基础技巧之主次关系
漫画基础第七课:分镜架构基础技巧之主格与情绪
漫画基础第八课:分镜架构基础技巧之资源与节奏
漫画基础第九课:分镜架构基础技巧之情绪!!!
Photoshop手绘教程:结合数位板绘制写实美女插画
Photoshop CS3教程:手绘科幻插画—奇袭
Photoshop初学者实例教程:被忽略的合成利器-混合颜色带

Photoshop教程:绘制光源真实感强的3D图标


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-26   浏览: 537 ::
收藏到网摘: n/a

  3D图标的制作可能有点难度,因为物体受光的面较多,如何处理好受光和反光非常重要。制作之前最好先定义好光源的位置,然后再按照光的方向去上色。这样出来的效果就会更真实。

  最终效果

 

  1、新建一个600 * 600像素的文件,背景填充黑色,新建一个图层,命名为“上表面”,用钢笔工具勾出下图所示的路径,转为选区。

  

 

  <图1>

  

  2、选择渐变工具,颜色设置如图2,拉出图3所示的线性渐变。

  

 

  <图2>

  

 

  <图3>

  3、新建一个图层,用钢笔勾出图4所示的选区,拉出图5所示的线性渐变色,效果如图6。

  

 

  <图4>

  

 

  <图5>

  

 

  <图6>

  

  4、同样的方法制作出另一反光部分,如下图。

  

 

  <图7>

  5、把“上表面”图层复制一层,用钢笔勾出下图所示的选区,按Ctrl + Alt + D 羽化5个像素,按Ctrl + Shift + I 反选,按Delete 删除。取消选区后锁定图层,填充颜色:#D4E036,图层混合模式改为“颜色减淡”,效果如图9。

  

 

  <图8>

  

 

  <图9>

  

  6、新建一个图层,用钢笔勾出图10所示的选区,填充白色作为高光,效果如图11。

  

 

  <图10>

  

 

  <图11>

  7、调出“上表面”图层选区,执行:选择 > 修改 > 收缩,数值为15,确定按Ctrl + Alt + D 羽化15个像素,然后在图层的最上面新建一个图层填充颜色:#CDA326,图层混合模式改为“颜色减淡”,图层不透明度改为:60%,效果如图13。

  

 

  <图12>

  

 

  <图13>

  

  8、在背景图层上面新建一个图层,用钢笔勾出图14所示的选区,拉上图15所示的线性渐变,效果如图16。

  

 

  <图14>

  

 

  <图15>

  

 

  <图16>

  

  9、同样的方法再制作其它面,效果如图17,18。

  

 

  <图17>

  

 

  <图18>

  

  10、同样的方法再制作其它的反光面效果,过程如图19-22。

  

 

  <图19>

  

 

  <图20>

  

 

  <图21>

  

 

  <图22>

  11、最后整体调整好细节和光感,完成最终效果。

  

 

  <图23>