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

2016-01-29 15:24 11 1 收藏

PS教程!手把手教你绘制一枚QQ旋风图标,今天教同学们临摹一个QQ旋风图标,教程不难,重点是形状工具的运用,已经看到不少同学交作业了,你也来试试吧。 这个是原图标 这个是我们的临摹成果 背景的创建没什么好说的,只是渐变,然后加了个图案而已。 ...

【 tulaoshi.com - PS 】

photoshop-qq-cyclone-icon-1

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

这个是原图标

这个是我们的临摹成果

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

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

添加一个1像素的描边。

添加一个投影。

目前效果如下:

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

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

添加一个描边。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

添加一个内阴影。

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

画个圆角矩形,增加。

12

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

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

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

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

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

添加一个投影。

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

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

勾选等高线。

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

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

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

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

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

现在我们得到如下效果。

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

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

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

一样的,添加一个投影。

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

添加一个渐变叠加。

添加一个斜面浮雕。

添加一个描边。

添加一个内阴影。

添加一个投影。

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

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

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

  12

来源:https://www.tulaoshi.com/n/20160129/1495812.html

延伸阅读
标签: PS PS教程
编者按:今天这篇教程适合新手练习,重点是帮同学们深入理解图层样式的运用,作者@凉星在 特别说明,数值不是标准,自己折腾才有进步,来感受下 第一步: 新建画布,大小自定,填充一个淡色。 第二步: 画一个圆形,大小自定,填充如下。 接上边的数值。 第三步: 复制底圆,...
标签: PS PS教程
编者按:今天的教程难度不小,而且步骤特别多,光教程截图就有整整92张,当然也是因为写得特别特别细致。不多说,考验PS基础功的时候了,来动手,做得出效果图老师小编大号小号齐上给你点赞 源文件PSD  https://yunpan.cn/cuEIYBMF3JrDC  访问密码 c074 ** 本文作者心中永远是胡歌,已授权发布。未经授权请手下留情,先谢过 :...
标签: PS PS教程
扁平化风格潮流浩浩荡荡,童鞋们周末有时间也来撸一发,学习一下扁平化风格icon的设计思路吧。今天分享的教程是教你创建一枚IOS 7 风格的图标,教程不难,熟练的童鞋30分钟就可以完成咯。好嘞,教程开始! 先上效果图: 挺干净的,兴趣大增有没有? 那就开始咯。 Part 1 :打好地基 Cttrl + N 创建画布,大小为1024...
标签: PS PS教程
编者按:今天这个教程适合有基础的同学进阶练习,原作者是追波大神,效果逼真到翻天,这篇临摹教程也特别用心,光截图打字就花了三个多小时,强烈推荐同学们马起来练习 昨天在某个网站看到一位高手临摹国外大师的一张ICON,效果逼真。一整夜我都手痒痒得无法入睡,早上起来也打算来一个,不过这样那样的琐事之后又是午后,估...
标签: PS PS教程
编者按:今天带同学们来临摹追波上一个大神的图标作品,作者@P大点S微博 贴心给了源文件,已经有不少同学交作业了,而且完成效果特别棒,你也来一个,评论上图 源文件打包 https://yunpan.cn/cuRqrGET5Pfmn  访问密码 4d7c 临摹的成果: 下面,我们开始山寨之旅。 新建文档,我用的大小是2...

经验教程

195

收藏

76
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部