狼牙创意网 免费共享 教程文章 查看作品内容

PS绘制QQ旋风图标教程,APP图标设计教程,UI图标绘制方法,PS做APP图标,PS绘制UI图标

本章设计教程给大家分享的内容是制作QQ旋风图标,做这个图标的关键是对于PS形状工具的熟练掌握和运用。下面是我们做好的QQ旋风图标效果(如下图所示)

绘制一枚QQ旋风图标



第一步、打开PS软件,制作背景。背景很简单的,就是一个渐变效果然后加了个图案。文档大小根据自己的喜欢,这里设置为1500*1000像素。画水平居中和垂直居中两条参考线,方便等会的对齐,选择椭圆工具,画一个圆。(如下图所示)



第二步、为这个圆添加一个渐变叠加。(如下图所示)



添加一个1像素的描边。(如下图所示)



添加一个投影。(如下图所示)



做好以上步骤得到的效果(如下图所示)



第三步、使用椭圆工具画出内部的这个圆。(如下图所示)



第四步、给内部的这个圆添加一个径向渐变。(如下图所示)



第五步、添加一个描边。(如下图所示)



第六步、添加一个内阴影。(如下图所示)



添加一个外发光,模拟原图标灰色描边外面的白色高光。(如下图所示)



做好以上步骤得到如下的效果。(如下图所示)



第七步、开始画那个下载的箭头图标,首先,画个圆,再画个椭圆减去。(如下图所示)



第八步、选择矩形工具,画个矩形,旋转一下,减去。(如下图所示)



画个圆角矩形,增加。(如下图所示)



复制圆角矩形,并旋转,调整大小。(如下图所示)



第九步、画个三角形,把中间空白的位置补上。(如下图所示)



第十步、合并形状组件,并添加一个图层蒙版,用画笔涂抹,让箭头图标的左边跟原图标一样,有个透明度。(如下图所示)



第十一步、为这个箭头添加一个渐变叠加。(如下图所示)



第十二步、复制一层这个箭头图层,并将填充更改为0,下移一定的像素,并将其置于箭头图层的下层,添加一个颜色叠加。(如下图所示)



添加一个投影。(如下图所示)



第十三步、再次复制一下箭头图层,修改一个锚点,调整效果(如下图所示)




第十四步、做浮雕效果将这个图层的填充更改为0,添加一个斜面和浮雕。(如下图所示)



勾选等高线。(如下图所示)



第十五步、复制这个添加了斜面浮雕的图层,将图层颜色更改为白色,将填充更改为10%。(如下图所示)



第十六步、在属性面板中,为这个形状羽化10像素,让其边缘平滑过渡。(如下图所示)



第十七步、强化一下浮雕的效果,画一个矩形,并将矩形的颜色填充设置为无颜色。(如下图所示)



为这个矩形添加一个渐变叠加。(如下图所示)



将图层不透明度更改为40%。(如下图所示)

现在我们得到如下效果。



第十八步、开始画那些刻度。我们首先来画这个长的刻度,设置前景色为#12c8ff,画一个矩形,CTRL+T,设置中心点为画布的中心,旋转30度,CTRL+ALT+SHIFT+T 显示这个效果(如下图所示)



为这个刻度条添加一个投影。(如下图所示)



第十九步、画短刻度,跟刚才是一样的操作的,只是旋转角度更改为7.5度,删除掉跟长的刻度重叠的部分。(如下图所示)



添加投影。(如下图所示)



第二十步、画指针,首先,用椭圆工具画出中间那个圆。(如下图所示)



渐变叠加(如下图所示)



添加斜面浮雕(如下图所示)



添加描边(如下图所示)



添加内阴影(如下图所示)



添加投影(如下图所示)



第二十一步、在圆的图层下层,设置前景色为#000000,画一个三角形的指针,用矩形删掉一个锚点,得到一个等腰的三角形。(如下图所示)



为指针图层添加投影效果(如下图所示)



最后在这个指针图层上层,圆图层下层,设置前景色为#2e2e2e,画一个矩形旋转一定角度,创建剪贴蒙版,用来构成指针的立体面。
这样一个QQ旋风图标就制作完成了,隐藏背景最终的完成效果
(如下图所示)

绘制一枚QQ旋风图标

大家如果喜欢本教程文章的话就点个赞,如果有什么好作品或者好文章也欢迎分享
文章作者:“P大点S”感谢贡献者分享
3

刚表态过的朋友 (3 人)

>

声明:本站资源为网友共同分享,内容仅供学习和参考。

若您的权利被侵害,请联系管理员QQ:2317735435

高清背景|贴图样机|创意素材|找回密码| 滇ICP备16007524号-3

返回顶部


用第三方帐号登录

注册