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

Photoshop
Photoshop把制作好的平面图转换为网页HTML
Photoshop简单利用填充工具制作透明水印文字
Photoshop简单模拟电流击穿文字特效
PS照片教程:好看的黑白漫画网点特效图片
Photoshop打造耀眼的星光文字特效
PS调色教程:漂亮的徐若宣单色视觉海报效果
Photoshop教程:快速模拟普普风特效照片
Photoshop批处理制作照片蒙太奇效果
PS教程:周围镶满钻石金光闪闪文字特效
PS图片教程:制作背景黑白人物彩色的照片
Photoshop教程:打造锈泽金属文字特效
Photoshop照片教程:制作古典风景人物
PS照片教程:去除美眉皮肤上沾满的沙子
PS合成教程:透出光线的森林的绿色小精灵
Photoshop图片教程:柔和的梦幻紫红色调照片
PS基础教程:运用广色域与窄色域修补分离色阶
MAC系统下Photoshop打印网页点阵字形
Photoshop教程:惊人的求助创意超现实场景(2)
Photoshop支持RAW格式:Adobe DNG Converter
photoshop编辑ico文件:ICOFormat

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-30   浏览: 209 ::
收藏到网摘: 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>