PS绘制一枚超质感的QQ旋风图标

  发布时间:2015-08-19 15:12:54   作者:P大点S   我要评论
这篇教程是向脚本之家的朋友介绍PS绘制一枚超质感的QQ旋风图标方法,教程绘制出来的图标非常有质感,教程很实用,但难度有点高,需要学习者有一定的PS基础,推荐过来,喜欢的朋友一起来学习吧

这篇教程向脚本之家的PS鼠绘爱好者们介绍使用PS绘制一枚超质感的QQ旋风图标方法,教程详细介绍了绘制过程和质感体现手法,教程挺实用的,难度中等。绘制出来的图标挺漂亮的,推荐一下和脚本之家的朋友们一起分享学习了!教程原创作者P大点S,感谢P大点S的原创分享!先来看看最终的效果图吧:

PS绘制一枚超质感的QQ旋风图标

这个是原图标

PS绘制一枚超质感的QQ旋风图标

这个是我们的临摹成果

制作过程:

背景的创建没什么好说的,只是渐变,然后加了个图案而已。文档大小的话,请随意,本人用的1500*1000像素。首先,我画了水平居中和垂直居中两条参考线,方便等会的对齐,选择椭圆工具,画一个圆。

PS绘制一枚超质感的QQ旋风图标

为这个圆添加一个渐变叠加。

PS绘制一枚超质感的QQ旋风图标

添加一个1像素的描边。

PS绘制一枚超质感的QQ旋风图标

添加一个投影。

PS绘制一枚超质感的QQ旋风图标

目前效果如下:

PS绘制一枚超质感的QQ旋风图标

还是使用椭圆工具画出内部的这个圆。

PS绘制一枚超质感的QQ旋风图标

给内部的这个圆添加一个径向渐变。

PS绘制一枚超质感的QQ旋风图标

添加一个描边。

PS绘制一枚超质感的QQ旋风图标

添加一个内阴影。

PS绘制一枚超质感的QQ旋风图标

添加一个外发光,模拟原图标灰色描边外面的白色高光。

PS绘制一枚超质感的QQ旋风图标

现在,我们得到如下的效果。

PS绘制一枚超质感的QQ旋风图标


下面,开始画那个下载的箭头图标,首先,画个圆,再画个椭圆减去。

PS绘制一枚超质感的QQ旋风图标

选择矩形工具,画个矩形,旋转一下,减去。

PS绘制一枚超质感的QQ旋风图标

画个圆角矩形,增加。

PS绘制一枚超质感的QQ旋风图标

复制圆角矩形,并旋转,调整大小。

PS绘制一枚超质感的QQ旋风图标

画个三角形,把中间空白的位置补上。

PS绘制一枚超质感的QQ旋风图标

合并形状组件,并添加一个图层蒙版,用画笔涂抹,让箭头图标的左边跟原图标一样,有个透明度。

PS绘制一枚超质感的QQ旋风图标

为这个箭头添加一个渐变叠加。

PS绘制一枚超质感的QQ旋风图标


复制一层这个箭头图层,并将填充更改为0,下移一定的像素,并将其置于箭头图层的下层,添加一个颜色叠加。

PS绘制一枚超质感的QQ旋风图标

添加一个投影。

PS绘制一枚超质感的QQ旋风图标

再次复制一下箭头图层,修改一个锚点,调整成如下图所示,我们来做那个浮雕效果。

PS绘制一枚超质感的QQ旋风图标

将这个图层的填充更改为0,添加一个斜面和浮雕。

PS绘制一枚超质感的QQ旋风图标

勾选等高线。

PS绘制一枚超质感的QQ旋风图标

复制这个添加了斜面浮雕的图层,将图层颜色更改为白色,将填充更改为10%。

PS绘制一枚超质感的QQ旋风图标

在属性面板中,为这个形状羽化10像素,让其边缘平滑过渡。

PS绘制一枚超质感的QQ旋风图标

现在,我们强化一下浮雕的效果,画一个矩形,并将矩形的颜色填充设置为无颜色。

PS绘制一枚超质感的QQ旋风图标

为这个矩形添加一个渐变叠加。

PS绘制一枚超质感的QQ旋风图标


将图层不透明度更改为40%。

PS绘制一枚超质感的QQ旋风图标

现在我们得到如下效果。

PS绘制一枚超质感的QQ旋风图标

下面,我们开始画那些刻度。我们首先来画这个长的刻度,设置前景色为#12c8ff,画一个矩形,CTRL+T,设置中心点为画布的中心,旋转30度,CTRL+ALT+SHIFT+T,得到如下效果。

PS绘制一枚超质感的QQ旋风图标

为这个刻度条添加一个投影。

PS绘制一枚超质感的QQ旋风图标

接下来,我们画短的刻度,跟刚才是一样的操作的,只是旋转角度更改为7.5度,删除掉跟长的刻度重叠的部分。

PS绘制一枚超质感的QQ旋风图标

一样的,添加一个投影。

PS绘制一枚超质感的QQ旋风图标

下面,我们来画指针,首先,用椭圆工具画出中间那个圆。

PS绘制一枚超质感的QQ旋风图标

添加一个渐变叠加。

PS绘制一枚超质感的QQ旋风图标

添加一个斜面浮雕。

PS绘制一枚超质感的QQ旋风图标

添加一个描边。

PS绘制一枚超质感的QQ旋风图标

添加一个内阴影。

PS绘制一枚超质感的QQ旋风图标

添加一个投影。

PS绘制一枚超质感的QQ旋风图标

在圆的图层下层,设置前景色为#000000,画一个三角形的指针,用矩形删掉一个锚点,轻而易举可以得到一个等腰的三角形。

PS绘制一枚超质感的QQ旋风图标

为指针图层添加一个投影。

PS绘制一枚超质感的QQ旋风图标

在这个指针图层上层,圆图层下层,设置前景色为#2e2e2e,画一个矩形,旋转一定角度,创建剪贴蒙版,用来构成指针的立体面。

PS绘制一枚超质感的QQ旋风图标

完成效果:

PS绘制一枚超质感的QQ旋风图标

 教程结束,以上就是PS绘制一枚超质感的QQ旋风图标全过程,大家可以学习教程的思路,自己绘制其他有趣的图标!

相关文章

  • PS通过形状图层绘制矢量图标

    这篇教程是向脚本之家的朋友分享PS通过形状图层绘制矢量图标方法,教程很实用,值得大家学习,推荐到脚本之家,喜欢的朋友可以跟着教程来学习
    2016-05-12
  • PS绘制精致游戏图标教程

    这篇教程主要是介绍使用PS绘制精致游戏图标,教程制作出来的照片效果非常大气,非常有逼格。感兴趣的朋友快到下文了解一下吧
    2016-04-28
  • PS绘制APP背景超级椭圆矩形图标的三种方法

    这篇教程是向脚本之家的朋友介绍PS绘制APP背景超级椭圆矩形图标的三种方法,教程很实用,对于初学者来说,很值得学习,推荐到脚本之家,一起来看看吧
    2015-09-22
  • PS 十分钟快速绘制星巴克咖啡杯图标

    这篇教程是向脚本之家的朋友介绍PS 十分钟快速绘制星巴克咖啡杯图标方法,教程制作出来的咖啡杯图标非常不错,推荐到脚本之家,喜欢的朋友一起来学习吧
    2015-09-15
  • AI结合PS绘制超级椭圆图标的N种方法详解

    这篇教程是向脚本之家的朋友介绍AI结合PS绘制超级椭圆图标的N种方法,教程绘制出来的超级椭圆图标非常不错,方法也很简单,推荐到脚本之家,喜欢的朋友可以跟着教程一起来
    2015-08-19
  • PS快速绘制非常漂亮的ITUNES图标

    下面脚本之家小编为大家介绍PS快速绘制非常漂亮的ITUNES图标方法,教程绘制出来的图标非常地漂亮,难度不是很大,推荐到脚本之家,喜欢的朋友一起来学习吧
    2015-07-07
  • 教你用PS+AI绘制一枚AppleWatch奖章图标

    数字和色彩的巧妙结合加上强烈的3D质感,一见倾心,而且适合PS零基础的原生菜鸟呦
    2015-06-29
  • PS绘制精致的抹茶绿购物袋图标

    这篇教程主要是向脚本之家的朋友介绍PS绘制精致的抹茶绿购物袋图标方法,教程制作出来的购物袋图标很漂亮,难度不是很大,推荐到脚本之家,喜欢的朋友一起来学习吧
    2015-02-28
  • PS教你快速绘制精致的写实领带图标

    这篇文章主要介绍了PS教你快速绘制精致的写实领带图标,教程很简单,喜欢的朋友可以一起来学习
    2015-02-27
  • 妙用PS绘制一枚精美的IPHONE SE图标图文教程

    这篇文章主要为大家介绍了妙用PS绘制一枚精美的IPHONE SE图标图文教程的相关资料,制作的效果图非常棒,需要的朋友可以参考下
    2016-06-12

最新评论