当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop绘制逼真的心形蝴蝶结立体图标

Photoshop
网页界面设计展示 逼真的效果让人叹为观止
祈福:插画师用画笔绘5.12地震主题插画(2)
六一礼物 Photoshop绘儿童节贺卡
端午节快乐 Photoshop打造节日礼物
端午节作品欣赏
展示2008奥运会门票票样组图
photoshop+Illustrator制作地狱火文字
PS作品欣赏:你能分辨出真假吗?
photoshop背景橡皮扣图实例
北京奥运夺金热门人选PS电影海报
变形金刚早期感念造型作品欣赏
photoshop+绘影2数位板绘成熟美女头像
作品欣赏:猪猪猫猫的生活日记
Photoshop入门教程:制作虚线的方法
Photoshop简单制作网页实用绿色箭头
广告条图片设计的几个步骤
Photoshop教程:绘制现代感CD封面
Photoshop图层样式制作照片金光闪闪效果
Photoshop CS4最新窗口截图
作品欣赏:黑色视觉中的红色惊艳

Photoshop绘制逼真的心形蝴蝶结立体图标


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-30   浏览: 803 ::
收藏到网摘: n/a

  本教程介绍常见的立体图标的制作方法。由于图标的构成比较简单,制作的时候只要注意好高光和暗调的配合,很容易就可以做出逼真的立体效果。

  最终效果

 

  1、新建一个600 * 600 像素的文件,背景选择白色。新建一个图层,用钢笔勾出心形的路径,转为选区如下图。

  

 

  <图1>

  

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

  

 

  <图2>

  

 

  <图3>

  3、新建一个图层,用钢笔勾出图4所示的选区,按Ctrl + Alt + D 羽化3个像素后填充白色,然后把图层不透明度改为:40%,效果如图5。

  

 

  <图4>

  

 

  <图5>

  

  4、新建一个图层,用椭圆选框工具拉出图6所示的选区,按Ctrl + Alt + D 羽化8个像素,填充白色,然后把图层不透明度改为:80%,效果如图7。

  

 

  <图6>

  

 

  <图7>

  5、新建一个图层,用钢笔勾出图8所示的选区,选择渐变工具,颜色设置如图9,拉出图10所示的径向渐变。

  

 

  <图8>

  

 

  <图9>

  

 

  <图10>

  

  6、选择减淡工具把高光部分涂亮一点,效果如下图。

  

 

  <图11>

  7、在当前图层的下面新建一个图层,用钢笔勾出图12所示的选区,拉上图13所示的径向渐变色,效果如图14。

  

 

  <图12>

  

 

  <图13>

  

 

  <图14>

  

  8、用钢笔勾出下图所示的选区,选择加深工具稍微涂暗一点。

  

 

  <图15>

  9、新建一个图层,用钢笔勾出图16所示的选区,按Ctrl + Alt + D 羽化2个像素后填充白色,再适当降低图层不透明度,效果如图17。

  

 

  <图16>

  

 

  <图17>

  

  10、同样的方法制作蝴蝶结的其它部分,效果如下图。

  

 

  <图18>

  11、新建一个图层,用钢笔勾出图19所示的选区,拉上图20所示的线性渐变,效果如图21。

  

 

  <图19>

  

 

  <图20>

  

 

  <图21>

  

  12、同样的方法制作右边的飘带。

  

 

  <图22>

  13、给蝴蝶结和心形加上阴影,效果如下图。

  

 

  <图23>

  14、最后整体调整下细节,完成最终效果。

  

 

  <图24>