PS绘制一枚超质感的QQ旋风图标
“邮寄小兔”通过精心收集,向本站投稿了9篇PS绘制一枚超质感的QQ旋风图标,下面是小编为大家整理后的PS绘制一枚超质感的QQ旋风图标,供大家参考借鉴,希望可以帮助到有需要的朋友。
篇1:PS绘制一枚超质感的QQ旋风图标
这篇教程是向脚本之家的朋友介绍PS绘制一枚超质感的QQ旋风图标方法,教程绘制出来的图标非常有质感,教程很实用,但难度有点高,需要学习者有一定的PS基础,推荐过来,喜欢的朋友一起来学习吧
这个是原图标
这个是我们的临摹成果
制作过程:
背景的创建没什么好说的,只是渐变,然后加了个图案而已。文档大小的话,请随意,本人用的1500*1000像素。首先,我画了水平居中和垂直居中两条参考线,方便等会的对齐,选择椭圆工具,画一个圆。
为这个圆添加一个渐变叠加。
添加一个1像素的描边。
添加一个投影。
目前效果如下:
还是使用椭圆工具画出内部的这个圆。
给内部的这个圆添加一个径向渐变。
添加一个描边,
添加一个内阴影。
添加一个外发光,模拟原图标灰色描边外面的白色高光。
现在,我们得到如下的效果。
下面,开始画那个下载的箭头图标,首先,画个圆,再画个椭圆减去。
选择矩形工具,画个矩形,旋转一下,减去。
画个圆角矩形,增加。
复制圆角矩形,并旋转,调整大小。
画个三角形,把中间空白的位置补上。
合并形状组件,并添加一个图层蒙版,用画笔涂抹,让箭头图标的左边跟原图标一样,有个透明度。
为这个箭头添加一个渐变叠加。
复制一层这个箭头图层,并将填充更改为0,下移一定的像素,并将其置于箭头图层的下层,添加一个颜色叠加。
添加一个投影。
再次复制一下箭头图层,修改一个锚点,调整成如下图所示,我们来做那个浮雕效果。
上一页12 下一页
篇2:PS绘制质感快递图标
这篇PS绘制质感快递图标教程也是我昨天学习的时候看到的,今天有时间连同这个一起给的朋友们推荐过来了,希望对的朋友们有用吧,喜欢的朋友们记得给我好评了,先来看看最终的效果图吧:
FEVTE编注:更多PS照片处理教程学习和PS制作的文字效果作品交流请进入论坛PS照片处理区:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
篇3:PS绘制质感电子邮件图标
FEVTE编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区:bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
具体的绘制步骤如下:
新建文档1280x1024像素,背景白色,建新层填充黑色,添加图层样式。
效果如下。
建新层,画一正圆选区填充黑色。
添加图层样式。
效果如下。
建新层,画一个小的正圆选区,填充黑色。
添加图层样式。
建新层,画一个小的正圆选区,填充任意颜色(我填充的是蓝色)。
添加图层样式。
效果如下。
建新层,用钢笔画出下图所示路径,转为选区填充白色,图层模式叠加,不透明度18%,
建新层,用白色柔角笔刷点一下,适当高斯模糊,作为高光,然后输入字母@。
建新层,用钢笔工具画一个黑色箭头。
添加图层样式。
效果如下。
建新层,用钢笔画下图所示选区,填充#3fb6e9。
建新层,用钢笔画出下图所示选区,填充黑色。
添加图层样式。
效果如下。
建新层,用钢笔做出下图所示选区,填充#0061ac。
建新层,用白色柔角笔刷点一下,适当高斯模糊,作为另一个高光(下图黑框),建新层,用钢笔做下图选区,分别填充相应的颜色。
建新层,用钢笔做出下图所示选区,填充白色。
添加图层样式。
最后添加一个阴影,最终效果如下。
FEVTE编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区:bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
篇4:PS绘制质感苹果图标
FEVTE编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区:bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
具体的绘制步骤如下:
新建文档1280x1024像素,建新层填充黑色,添加图层样式。
效果如下。
建新层,用钢笔勾出苹果外形,填充黑色。
添加图层样式。
效果如下。
建新层,用钢笔勾出白色高光区域。
添加蒙版,用黑色柔角笔刷涂抹,效果如下。
为了让大家看清楚,暂时将高光层隐藏,建新层,用钢笔画出下图所示形状,填充白色,
不透明度改为25%,显示高光层。
建新层,用钢笔画出下图所示形状,填充白色。
添加蒙版,用30%左右透明度的黑色笔刷涂抹,效果如下。
同样的方法。
建新层,用钢笔勾出叶子形状,填充黑色。
图层样式和苹果身体的一样,效果如下。
同样方法做出叶子的高光区域。
最后添加一个阴影,效果如下。
改变渐变叠加的颜色,其它效果。
FEVTE编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区:bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
篇5:PS绘制立体质感箭头图标
FEVTE编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区:bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
具体的制作步骤如下:
新建文档1280x1024像素,背景白色,建新层,用钢笔勾出下图所示形状,填充黑色,
复制一层,填充任意颜色,我填充的是蓝色,用直线套索做如下选区,反选添加蒙版。
添加图层样式。
效果如下。
建新层,用钢笔做如下选区,填充白色。
添加蒙版,用黑色柔角笔刷涂抹尾部,不透明度45%。
同样方法做出另一侧高光。
建新层,用钢笔做如下选区,填充任意颜色。
添加图层样式,
效果如下。
建新层,用钢笔画一个黑色箭头。
添加图层样式。
建新层,用钢笔做如下选区,填充黑色。
添加图层样式。
同样的方法。
还是同样的步骤,建新层,用钢笔做如下选区,填充白色,添加蒙版,黑白直线渐变。
建新层,用钢笔做如下2个侧边的选区,填充黑色,(2个图层)
添加图层样式。
合并除背景外的所有层,复制一个,颜色黑色,高斯模糊一下,图层不透明度10%左右,这是阴影,效果如下。
其它效果。
FEVTE编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区:bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
篇6:PS绘制水晶质感苹果图标
本教程教的朋友们用PS绘制水晶质感苹果图标,教程属于中等级别难度的PS鼠绘教程,教程作者SCREN对渐变的运用很有一套,教程主要用渐变色做出立体感,然后再把高光部分单独勾出后加上较为鲜艳的颜色来增强水晶质感。转发过来和的朋友们一起学习了。先来看看最终的效果图吧:
最终效果
FEVTE编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区:bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
具体的绘制步骤如下:
1、新建一个600 * 450像素的文档,背景选择白色。新建一个图层,用钢笔工具勾出苹果的轮廓路径,转为选区如下图。
<图1>图1>
2、选择渐变工具,颜色设置如图2,由上至下拉出图3所示的线性渐变。
<图2>图2>
<图3>图3>
3、新建一个图层,用钢笔勾出图4所示的选区,选择渐变工具,颜色设置如图5,拉出图6所示的径向渐变。
<图4>图4>
<图5>图5>
<图6> 4、新建一个图层,用钢笔工具勾出图7所示的选区,拉上图8所示的线性渐变。图6>
<图7>图7>
<图8>图8>
5、把当前图层复制一层,执行:编辑 > 变换 > 水平翻转,放到苹果的右边,效果如下图。
<图9> 6、回到径向渐变图层如下图,用钢笔工具勾出下图所示的选区,按Ctrl + J 把选区部分图片复制到新建的图层,按Ctrl + Shift + ] 置顶,图层混合模式改为“滤色”,不透明度改为:30%,效果如图11。图9>
<图10>图10>
<图11>图11>
7、用钢笔勾出下图所示的选区,填充颜色:#D93307,按Ctrl + Alt + G 与前一图层编组,如下图,
<图12> 8、用钢笔工具勾出图13所示的选区,拉上图14所示的线性渐变。图12>
<图13>图13>
<图14>图14>
9、用钢笔工具勾出下图所示的选区,拉上刚才设置的线性渐变。
<图15>图15>
10、同上的方法再制作其它的几个高光,效果如下图。
<图16> 11、右边的高光制作方法相同,效果如下图。图16>
<图17>图17>
12、在背景图层上面新建一个图层,用钢笔勾出图18所示的选区,拉上图19所示的径向渐变。
<图18>图18>
<图19> 13、新建一个图层加上高光,效果如下图。图19>
<图20>图20>
14、在背景图层上面新建一个图层,用钢笔勾出叶子部分的选区,拉上图22所示的线性渐变。
<图21>图21>
<图22> 15、新建一个图层,加上叶子部分叶脉和高光,效果如下图。图22>
<图23>图23>
16、在背景图层上面新建一个图层,用钢笔勾出下图所示的选区,用画笔涂上暗褐色,如下图。
<图24>图24>
最终加上投影,完成最终效果。
FEVTE编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区:bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
篇7:PS绘制金属质感雷达图标
FEVTE编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区:bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
具体的制作步骤如下:
1.在photoshop中新建1024*1024px的文档。将下图用作背景图。
2.新建图层:1,创建一个500*500px的圆形选区,填充黑色。复制图层1等比例缩小到适当大小。利用图层1副本的选区得到下图效果。
3.为图层1更改图层样式。
4.复制图层1副本,得到图层:2;等比例将图层2缩小到合适大小,并为图层2更改图层样式。
在图层2上新建图层3,填充径向渐变:#7a5511到#180f00;然后给图层3创建剪贴蒙版(alt+ctrl+G)。
新建图层4,用带羽化值,#7a5511,10%不透明度的笔刷在金属轮廓的适当位置轻轻涂抹,以体现反光的效果。
(我在练习的过程中改变图层2的样式后没有得到相应的效果,所以我没有改变图层2的样式,而是用笔刷在图层3上进行适当的涂抹)
5.新建组,将其模式改为颜色减淡,
并在组下新建图层5,创建如图所示大小的矩形选区,填充白色,高斯模糊0.5,不透明度70%。复制图层5,旋转90度。
6.在雷达中心处创建圆形选区,在新建图层:6任意填充颜色,然后更改其图层样式。复制图层6,进行适当放大。
在组下新建图层:7,用白色羽化的笔刷在适当位置点几笔,做出光斑效果。
添加更多的元素使雷达更真实。
7.复制图层5,缩小到适当大小,旋转45度。
8.用钢笔工具绘制出如下形状,并填充白色。然后更改其图层样式。(渐变的角度值与第七步矩形旋转地角度有关,我设置成45度)
9.在图层2下面新建图层:8,创建圆形选区,填充绿色。更改其图层样式。
10.在最上面新建图层:9,创建与图层2同样大小的圆形,更改其图层样式。然后建立如下图所示选区,为图层9添加蒙版。
11.复制所有图层,合层。高斯模糊15,模式:滤色,不透明度:50%。以此来增强发光的效果。
12.用橡皮擦工具擦掉雷达界面上的暗部区域来增加对比度,得到最终效果如图:
调整色调更换颜色得到的绿色雷达。
FEVTE编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区:bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
篇8:PS绘制超强质感的ITUNES图标
FEVTE编注:更多PS照片处理教程学习和PS制作的文字效果作品交流请进入论坛PS照片处理区:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
今天快下班前,胖纸李闲来无事,想起来很久没有画图标了,很想练练手,于是乎,从桌面上选了一个iTunes的图标,来做个临摹。这次用到的是photoshop,正好大家也一起来看看胖纸李是如何画从零画一个图标的。
具体的制作步骤如下:
1、首先,新建一个512×512的画布,设置如下。
2、设置参考线,上下左右各留出20px的边距,也就是说,这个图标的实际大小是472×472。
3、紧贴参考线,用形状工具画一个正圆,颜色随便,大小应该是472×472,给此图层起名叫“outside”。
4、设置此图层的图层样式,如下图:
5、用圆形形状工具创建一个452×452的圆,起名为middle,与outside圆水平垂直居中对齐,也就是说,这个圆比外圈的圆半径小了20像素。
6、设置middle的图层样式如下:
7、画一个442×442的圆,还是和其他两个圆水平垂直居中对齐,这样就有了3个同心圆。我们命名此图层为inner,设置图层样式项“渐变叠加”如下:
8、接下来,胖纸李开始画里面的造型部分了。首先还是得画一个圆,422×422,命名为ball-outside,和其他3个圆水平垂直对齐,形成4个同心圆。
设置图层样式后,基本效果就出来了,应该是酱紫的:
9、接下来,就要开始音符的造型了,音符由5个部分组成,两个倾斜的椭圆,两个竖着的矩形,和一个斜切的矩形,我们用钢笔形状工具来画,最终将5个矩形合并,就形成了音符的造型,步骤如下:
画好分别的5个部分,将所有路径剪切到同一个图层后,合并所有路径即可,
10、给音符增加图层样式,如下图:
11、最后,将音符和圆合并,图标基本完成~效果如下图
等等,好像还少了点什么……哦,对了,纹理,缺少一些体现质感的东西~
12,增加质感。首先,新建一个图层,命名为noise,用黑色填充,接着在顶部菜单栏依次选择滤镜->杂色->添加杂色,设置如下:
完成后,将这个图层 移动到outside图层上面,按ctrl+alt+G,将此图层和outside层做遮罩。
13、将noise图层的图层模式改为“滤色”,这样,外圈的质感就完成了。
14、将noise图层复制一层,移动到音符图层的上面,按ctrl+alt+G,将此图层和音符层做遮罩。同样将noise图层的图层模式改为“滤色”,这样,音符的质感也就完成了,结果如下图:
15、最后还有蓝色球面的高光效果。先添加顶部的高光。
再添加底部的反光。
将此图层透明度改为50%,图层模式改为“柔光”,最后结果如下:
16、最后再润色一下,大功告成。
总结:
整体的光照要协调,不能一个光从左边来,一个光在头顶。
图标的颜色要尽量鲜艳,这样识别度高。
细节非常重要,可以使用内阴影或投影,和细微的渐变来突出质感。
一些看起来很复杂的图标,其实都是由一些很基本的形状来组成的,大家大可不必谈图标色变。
最后,不得不赞一下,苹果公司的产品图标真的非常精致,各个细节考虑的都很到位,各位如果有时间,多去模仿这样好产品的图标,对于自己的进步非常有好处!
FEVTE编注:更多PS照片处理教程学习和PS制作的文字效果作品交流请进入论坛PS照片处理区:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
篇9:PS绘制一枚质感卡通游戏开始按钮
这篇文章主要介绍了PS绘制一枚质感卡通游戏开始按钮,喜欢的朋友可以一起来学习
效果图:PS绘制一枚质感卡通游戏开始按钮
1、分析图层
2、制作背景
新建600*600px,72分辨率的RGB画布,使用简便工具做一个径向简便图层,颜色数值如图,然后在其上方填充一个纹理图层并适当降低不透明度以增加背景质感。
3、制作按钮“底层”
新建图层命名为“底层”,使用圆角矩形工具在画布上绘制一个圆角矩形。圆角的半径大家可以多多尝试达到自己想要的效果,(CC版本可在事实性状属性中调整,然后双击打开图层样式进行如下设置)
4、制作按钮“反光”
新建图层,使用椭圆工具在按钮的下方绘制一个椭圆选取,然后适当羽化并填充白色,最后将其图层模式改为“叠加”适当降低不透明度,
5、为按钮添加纹理
在按钮图层上新建一个图层命名为“纹理”然后按住Ctrl键再点击按钮图层会出现它的选取,在纹理图层上填充图案,最后该图层模式为柔光并适当降低不透明度。
6、为按钮添加高感光
四边的高光:使用钢笔工具在按钮的边缘勾勒出白色线条。
半圆形高光:先建立一个椭圆选取,然后在减去形状之外的选取,剩下就是如图所示效果。
【PS绘制一枚超质感的QQ旋风图标】相关文章:






文档为doc格式