最终效果:

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  新建画布,大小自定。
  画一个圆角矩形,大小自定。

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  Alt +V+E建立参考线

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  双击圆角矩形图层 调出图层样式,渐变叠加,调一个灰到黑的渐变。

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  添加投影。设置看图:

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  内阴影:

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  Ctrl+J 复制圆角矩形:

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  右键清除图层样式(不是拷贝的圆角矩形那个图层)

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  填充调为零。

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  调出图层样式,添加投影,把图层挖空那个选项勾掉(我把拷贝的圆角矩形眼睛关闭了)

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  再把拷贝圆角矩形的图层眼睛打开,鼠标选中填充调为零的那个图层。
  按住Ctrl在按两次 ↓ 键按2—3下 往下移动两到三个像素,作为阴影效果。如图。

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  拉一个较细的椭圆。

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  按P 转换点工具。

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  点击椭圆下面的锚点就会变尖了。

【WEB前端开发】PS教你快速绘制精致的写实领带图标 【WEB前端开发】PS教你快速绘制精致的写实领带图标

  添加锚点,调节下椭圆,让它看起来有点弧度。

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  调节后的效果。

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  右键创建剪辑蒙版,或者Ctrl+Shift+Alt+G,再或者按住alt在两个图层中间点击下,把调节的椭圆剪进圆角矩形。

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  这一步 可能有人要问了,为什么剪进去 椭圆不见了?别急,双击圆角矩形调处图层样式。看图设置,椭圆就会出现。

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  多边形工具,画个三角形,填充肉色。

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  剪辑蒙版。

【WEB前端开发】PS教你快速绘制精致的写实领带图标

  用钢笔工具顺着三角形的边,勾个领子出来。