无剑 发表于 2010-11-11 06:45:24

Photoshop绘制清新蓝色光影特效

本文通过photoshop的图层样式和渐变来制作蓝色光影线条效果,这种效果用于网页或设计的装饰十分有用,也可以保存为笔刷以备日后使用。   最终效果
 http://www.webjx.com/files/allimg/090709/0248170.jpg

  1、新建一个壁纸大小的文件如(1024 * 768 像素),背景填充黑色,然后新建一个图层,用椭圆选框工具在图层中间位置拉一个正圆,如图1。
  
http://www.webjx.com/files/allimg/090709/0248171.jpg
  <图1>
  2、按Ctrl + Alt + D 羽化55个像素,然后填充颜色:#00A5FF,按Ctrl + D 取消选区,效果如图2。
  
http://www.webjx.com/files/allimg/090709/0248172.jpg
                                                                                   <图2>
3、按Ctrl + T 适当拉长一点,然后放到图层的下面,效果如图3。
  
http://www.webjx.com/files/allimg/090709/0248173.jpg
  <图3>
  4、新建一个图层,用钢笔工具勾出一条柔美的曲线,转为选区如下图。
  
http://www.webjx.com/files/allimg/090709/0248174.jpg
  <图4>
  5、选择渐变工具,颜色设置如图5,然后由中心拉出图6所示渐变。
  
http://www.webjx.com/files/allimg/090709/0248175.jpg
  <图5>
  
http://www.webjx.com/files/allimg/090709/0248176.jpg
  <图6>
6、把做好的曲线复制一层,然后回到原曲线图层,双击图层调出图层样式,参数设置如图7,8,效果如图9。
  
http://www.webjx.com/files/allimg/090709/0248177.jpg
  <图7>
  
http://www.webjx.com/files/allimg/090709/0248178.jpg
  <图8>
  
http://www.webjx.com/files/allimg/090709/0248179.jpg
  <图9>
  7、新建一个空白图层,把加上图层样式的曲线图层和空白图层合并,然后加上图层蒙版,用黑色画笔把两端部分擦掉如图10。
  
http://www.webjx.com/files/allimg/090709/02481710.jpg
  <图10>
8、按Ctrl 点图层面板曲线副本缩略图,调出曲线选区,选择菜单:选择 > 修改 > 扩展,数值为3,确定后在原曲线图层下面新建一个图层填充颜色:#1B94F1,如图11。
  
http://www.webjx.com/files/allimg/090709/02481711.jpg
  <图11>
  9、执行:滤镜 > 模糊 > 高斯模糊,数值为9,加上图层蒙版,用黑色画笔把两端擦掉,如图12。
  
http://www.webjx.com/files/allimg/090709/02481712.jpg
  <图12>
  10、大致一条光束效果完成,效果如下图。
  
http://www.webjx.com/files/allimg/090709/02481713.jpg
  <图13>
  11、同样的方法制作另一条曲线光束,如图14。
  
http://www.webjx.com/files/allimg/090709/02481714.jpg
  <图14>
12、在背景图层上面新建一个图层,用画笔点一些蓝色光点,如图15。
  
http://www.webjx.com/files/allimg/090709/02481715.jpg
  <图15>
  13、新建一个图层,用椭圆拉一个正圆,然后拉上蓝色渐变,同样的方法作出一系列的圆点,效果如下图。
  
http://www.webjx.com/files/allimg/090709/02481716.jpg
  <图16>
  14、创建曲线调整图层,适当调整下光感效果,如图17。
  
http://www.webjx.com/files/allimg/090709/02481717.jpg
  <图17>
  15、最后加上文字等装饰,完成最终效果。
  
http://www.webjx.com/files/allimg/090709/0248170.jpg
  <图18>

盛世无名 发表于 2010-11-11 18:07:14

这个效果做的不错。
页: [1]
查看完整版本: Photoshop绘制清新蓝色光影特效