当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop教程:打造水晶风格音符图标的制作方法

Photoshop
Photoshop 明星头像转手绘效果
photoshop 滤镜打造一张漂亮的金色水波壁纸
photoshop 快速合成水中高速行驶的摩托
Photoshop 快速恢复稍微偏暗的人物照片
Photoshop 调出美女个性的青色调
photoshop 制作逼真的古生物化石标本
photoshop 给偏色的中老年妇女磨皮及美白
Photoshop 暗调人物照片的梦幻色
photoshop 烟雾素材制作简单的烟雾字
Photoshop 一张潮流风格鹦鹉海报
Photoshop 偏暗的婚片加上浓郁的绿色
Photoshop 人物处理成个性的像素画
Photoshop 通透的金色纹理字
Photoshop 个性的潮流音乐海报
Photoshop 照片转成逼真艺术油画效果
Photoshop 调出人物照片流行的甜美色
Photoshop 浓情端午节海报
photoshop 鼠绘简单的水墨风格画--屈原
Photoshop 美女照片加上漂亮的服饰
Photoshop 绚丽的格子背景

Photoshop教程:打造水晶风格音符图标的制作方法


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

  本教程简单介绍水晶风格图标的制作方法。这类的图形制作很讲究光感的层次,尤其是边角部分的高光需要用心去调整。

  原图

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  1、新建一个600 * 600像素文件,背景填充颜色:#F1ED08,新建一个图层用钢笔工具抠出音符的路径如图1,转为选区后填充颜色:#336799,取消选区后效果如图2。

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图1>

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图2>

  2、新建一个图层,命名为“主体”,用钢笔工具抠出图3所示的路径,然后转为选区填充颜色:#2C91C9,效果如图4。

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图3>

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图4>

  3、新建一个图层,用椭圆选框工具拉一个图5所示椭圆选区,按Ctrl + Alt + D羽化15个像素,然后填充颜色:#49C6E4,如图5,按Ctrl + D取消选区,按住Ctrl点图层面板“主体”缩略图调整选区,按Ctrl + Shift + I反选,按Delete删除,效果如图6。

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图5>

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图6>

  4、新建一个图层,用椭圆选框工具拉一个小椭圆如图7,填充白色,取消选区后加上图层蒙版。用黑白渐变拉出透明效果,如图8。

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图7>

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图8>

  5、回到“主体”图层,按Ctrl点缩略图调整选区,新建一个图层填充颜色:#25CBFF,效果如图9。

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图9>

  6、用钢笔工具抠出图10所示的路径,转为选区后,按Ctrl + Alt + D羽化3个像素,然后加上图层蒙版,效果如图11。

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图10>

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图11>

  7、新建一个图层,用钢笔工具抠出图12所示的路径,转为选区后填充白色,效果如图13。

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图12>

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图13>

  8、新建一个图层,用钢笔工具抠出图14所示的路径,转为选区后填充白色,取消选区后加上图层蒙版用黑白渐变拉一点透明效果,如图15。

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图14>

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图15>

  9、同样的方法做出右边细小的高光,效果如图16。

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图16>

  10、调出“主体”选区,在最上面新建一个图层,然后把前景颜色设为#1558A7,用画笔把音符顶部涂深一点,如图17。涂好后不要取消选区。

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图17>

  11、新建一个图层,把前景颜色设置为:#2BBEF2,用画笔工具稍微把边缘部分涂亮一点,效果如图18,19。

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图18>

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图19>

  12、新建一个图层,用钢笔工具抠出图20所示的路径,转为选区后填充白色,取消选区后加上图层蒙版,用黑白渐变拉出透明效果,如图22。

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图20>

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图21>

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图22>

  13、最后再加点高光效果,整体调整下细节,完成最终效果。

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:打造水晶风格音符图标的制作方法-软晨学习网

  <图23>