天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 软件频道 > 设计在线 > 美工教室 > photoshop>软件应用>Photoshop渐变色打造立体水晶图标

Photoshop渐变色打造精致立体水晶图标

Yesky2009-10-28 08:23我要吐槽

  更多精彩相关文章推荐:

  用Illustrator表现立体感和光滑质感

  Firewoks制作立体黑水晶质感文字 

  超有创意的Photoshop CS4立体海报制作

  Illustrator技巧:制作透明质感立体方块

  用Photoshop表现立体文字的光影特效  

点击查看更多设计软件资讯>>

  要在平面中用Photoshop绘制立体图标有一定的难度,特别是有曲面的物体,物体的受光的面比较多也比较复杂,如何处理好受光和反光非常重要。制作之前最好先定义好光源的位置,然后再按照光的方向去上色。这样出来的效果就会更真实。

  我们主要用到Photoshop的渐变色和钢笔工具,细致表现立体图标的质感和通透的效果。

  最终效果

  Photoshop渐变色打造精致立体水晶图标(图一)

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

  Photoshop渐变色打造精致立体水晶图标(图二)

  图1

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

  Photoshop渐变色打造精致立体水晶图标(图三)

  图2

  Photoshop渐变色打造精致立体水晶图标(图四)

  图3

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

  Photoshop渐变色打造精致立体水晶图标(图五)

  图4

  Photoshop渐变色打造精致立体水晶图标(图六)

  图5

  Photoshop渐变色打造精致立体水晶图标(图七)

  图6

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

  Photoshop渐变色打造精致立体水晶图标(图八)

  图7

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

  Photoshop渐变色打造精致立体水晶图标(图九)

  图8

  Photoshop渐变色打造精致立体水晶图标(图十)

  图9

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

  Photoshop渐变色打造精致立体水晶图标(图十一)

  图10

  Photoshop渐变色打造精致立体水晶图标(图十二)

  图11

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

  Photoshop渐变色打造精致立体水晶图标(图十三)

  图12

  Photoshop渐变色打造精致立体水晶图标(图十四)

  图13

  请点击“下一页”,我们将这个平面图形变成立体效果。

分页导航
作者:68PS责任编辑:杨玲)

请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]