PS教程！手把手教你绘制一枚QQ旋风图标

今天@P大点S微博 教同学们临摹一个QQ旋风图标，教程不难，重点是形状工具的运用，已经看到不少同学交作业了，你也来试试吧。

这个是原图标

这个是我们的临摹成果

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

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

添加一个1像素的描边。

添加一个投影。

目前效果如下：

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

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

添加一个描边。

添加一个内阴影。

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

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

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

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

画个圆角矩形，增加。

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

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

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

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

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

添加一个投影。

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

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

勾选等高线。

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

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

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

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

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

现在我们得到如下效果。

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

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

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

一样的，添加一个投影。

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

添加一个渐变叠加。

添加一个斜面浮雕。

添加一个描边。

添加一个内阴影。

添加一个投影。

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

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

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

【P大点S精品教程合集】

手把手教你打造现代风格海报：
《AI+PS新手教程！手把手教你打造简约现代的极简海报》

给新手小白的Photoshop形状指南！
《超实用！PHOTOSHOP基础形状新手入门指南全科普！》

教你绘制逼真写实的黑板粉笔字：
《PS教程！手把手教你绘制效果逼真的黑板粉笔字》

原文地址：tieba.baidu
作者：@P大点S微博

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量97万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：