快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

Photoshop制作美丽的水晶音符图标

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

  原图

Photoshop制作一个美丽的水晶音符图标

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

Photoshop制作一个美丽的水晶音符图标

<图1> 

Photoshop制作一个美丽的水晶音符图标

<图2> 

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

Photoshop制作一个美丽的水晶音符图标

<图3> 

Photoshop制作一个美丽的水晶音符图标

<图4>

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

Photoshop制作一个美丽的水晶音符图标

<图5> 

Photoshop制作一个美丽的水晶音符图标

<图6> 

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

Photoshop制作一个美丽的水晶音符图标

<图7> 

Photoshop制作一个美丽的水晶音符图标

<图8>

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

Photoshop制作一个美丽的水晶音符图标

<图9>

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

Photoshop制作一个美丽的水晶音符图标

<图10> 

Photoshop制作一个美丽的水晶音符图标

<图11>

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

Photoshop制作一个美丽的水晶音符图标

<图12> 

Photoshop制作一个美丽的水晶音符图标

<图13> 

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

Photoshop制作一个美丽的水晶音符图标

<图14> 

Photoshop制作一个美丽的水晶音符图标

<图15>

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

Photoshop制作一个美丽的水晶音符图标

<图16> 

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

Photoshop制作一个美丽的水晶音符图标

<图17>

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

Photoshop制作一个美丽的水晶音符图标

<图18> 

Photoshop制作一个美丽的水晶音符图标

<图19>

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

Photoshop制作一个美丽的水晶音符图标

<图20> 

Photoshop制作一个美丽的水晶音符图标

<图21> 

Photoshop制作一个美丽的水晶音符图标

<图22> 

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

Photoshop制作一个美丽的水晶音符图标

<图23>


返回类别: Photoshop教程
上一教程: 用Photoshop设计新锐插画
下一教程: Photoshop打造恶魔穿心效果

您可以阅读与"Photoshop制作美丽的水晶音符图标"相关的教程:
· Photoshop制作一个美丽的水晶音符图标
· Photoshop制作一个美丽的水晶音符图标
· Photoshop制作一个立体的水晶图标
· Photoshop制作精致的水晶锁图标
· Photoshop制作一个美丽的水晶3D图标
    微笑服务 优质保证 索取样品