【导语】“欧包真的很好吃”通过精心收集,向本站投稿了8篇PS打造一个质感环保图标,下面小编为大家带来整理后的PS打造一个质感环保图标,希望能帮助大家!
- 目录
篇1:PS打造一个质感环保图标
效果
FEVTE编注:更多PS图片合成教程交流讨论及图片合成作品提交请进入PS交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
[点小图查看大图]
具体的合成步骤如下:
1、新建一个1000 * 750像素的文件,选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变作为背景,
[图1]
[图2]
2、新建一个组,选择椭圆选框工具,按住Shift键拉出下图所示的正圆选区,然后给组添加图层蒙版,如下图。
[图3]
3、在组里新建一个图层,选择渐变工具,颜色设置自带的彩虹渐变,拉出渐变后再选择椭圆选框工具,在中心位置拉出下图所示的整体选区,羽化25个像素后按Delete键删除中间部分,效果如下图。
[图4]
4、用钢笔工具勾出下图所示的选区,羽化5个像素后按Ctrl + J 把选区部分色块复制到新的图层,适当移动一下位置,再把底部的彩虹渐变图层隐藏,效果如下图。
[图5]
5、新建一个图层,用钢笔勾出右侧边缘部分的高光选区,羽化20个像素后填充白色,如下图。
[图6]
6、新建一个图层,用钢笔勾出左下角部分的高光选区,羽化6个像素后填充白色,可以适当降低图层不透明度,添加图层蒙版,用黑色画笔把两端的过渡擦出来,如下图。
[图7]
7、新建一个图层,同上的方法给左下角增加一条较小的高光,如下图。
[图8]
8、新建一个图层,同上的方法给顶部增加一点高光,到这里外部气泡基本完成。
[图9]
9、新建一个组,用椭圆选框工具在气泡的中间拉出下图所示的正圆选区,给组添加图层蒙版,如下图。
[图10]
10、在组里新建一个图层,用钢笔勾出边缘部分的高光区域,羽化15个像素后拉上图12所示的线性渐变。
[图11]
[图12]
11、新建一个图层,同上的方法给内部气泡的顶部增加一点高光,如下图。
[图13]
12、新建一个图层,用椭圆选框工具拉出下图所示的椭圆选区,填充白色,
取消选区后添加图层蒙版,用黑色画笔把底部的过渡擦出来,效果如下图。
[图14]
13、新建一个图层,同上的方法给底部增加一些淡淡的高光,如下图。
[图15]
14、新建一个图层,顶部再增加一些细小的光束,增强细节,如下图。到这里内部气泡基本完成。
[图16]
15、调出外部气泡组的选区,在图层的最上面新建一个组,给组添加图层蒙版。
[图17]
16、用钢笔工具勾出下图所示的选区,羽化15个像素后填充白色,作为两个气泡中间的高光。
[图18]
17、其它部分同样的方法增加一些高光,气泡部分基本完成,效果如下图。
[图19]
18、调出内部气泡组的选区,在外部气泡组的上面新建一个组,给组添加图层蒙版,如下图。
[图20]
19、打开图21所示的泥土素材,拖进来,适当摆好位置,然后用钢笔工具勾出所需的部分,给图层添加图层蒙版,效果如图22。
[图21]
[图22]
20、用钢笔勾出下图所示的条纹效果,羽化2个像素后按Ctrl + J 把选区部分的纹理复制到新的图层,混合模式改为“正片叠底”,按Ctrl + Alt + G 创建剪贴蒙版,效果如下图。
[图23]
21、泥土的边缘增加一些暗部及高光,左侧为高光,右侧部分增加暗部,如下图。
[图24]
22、打开草地素材,拖进来,适当放好位置,用钢笔勾出图26所示的选区,给草地图层添加图层蒙版,效果如图27。
[图25]
[图26]
[图27]
23、同上的方法给草地增加一些高光及暗部,如图28,29。
[图28]
[图29]
24、打开图30所示的绿植素材,拖进来,适当调整大小,效果如图31。
[图30]
[图31]
25、新建一个图层给绿植增加一些阴影,效果如下图。
[图32]
最后微调一下细节,完成最终效果。
FEVTE编注:更多PS图片合成教程交流讨论及图片合成作品提交请进入PS交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
篇2:PS打造质感清华瓷图标
这篇教程教的PS学习者们使用PS打造质感清华瓷图标,教程算是鼠绘,也算是一个UI教程,绘制出来的图标非常棒,推荐一下,希望的朋友们喜欢了,先来看看最终的效果图:
FEVTE编注:更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入论坛PS作品交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
篇3:PS打造超强质感球体图标
FEVTE编注:更多PS教程交流讨论及PS作品提交请进入论坛PS作品交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
Ball图标制作教程,本来是给一个新同事作的范例,整合了一些实用的关键PS技巧,做着做着,一发不可收拾,就成这样了!
希望你也可以从中有所收获!
图标设计制作耗时:2.5小时
最终效果图!
FEVTE编注:更多PS教程交流讨论及PS作品提交请进入论坛PS作品交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
篇4:PS绘制质感快递图标
这篇PS绘制质感快递图标教程也是我昨天学习的时候看到的,今天有时间连同这个一起给的朋友们推荐过来了,希望对的朋友们有用吧,喜欢的朋友们记得给我好评了,先来看看最终的效果图吧:
FEVTE编注:更多PS照片处理教程学习和PS制作的文字效果作品交流请进入论坛PS照片处理区:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
篇5: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
篇6:PS制作质感图标教程
FEVTE编注:更多优秀PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
最终效果:
具体的制作步骤如下:
步骤1:建立文档
新建一个570像素x470像素的文档,背景色为:#333236,
对背景色使用滤镜(Filter)-杂色(Noise)-添加杂色(Add Noise)
接下来,我们使用笔刷工具(Brush Tool)在背景中央画上一抹白色柔光。
将该图层模式改为柔光(Soft pght),不透明度调至50%。
步骤2:建立基本形状
基本形状如下图所示。首先建立一个大小为80像素 x 120像素,颜色为#3b5997的圆角矩形,圆角半径为5像素。然后使用直线选择工具(Direct Selection Tool)和钢笔工具(Pen Tool)对其进行修饰:先将顶部拉直,并在底部中央添加一个锚点(anchor point),然后用直线选择工具向下拖拽,效果就出来了。在之前的教程中也提到过如何适当地美化形状。
为该形状图层应用样式:
描边:采用渐变色描边,渐变颜色为 #7796cb, #7b97c6, #324579,其它参数详见下图。
渐变叠加(参数详见下图)
最终效果:
步骤3:添加图案
新建一个5像素 x 5像素的文档,背景一定要设成透明。
使用缩放工具(Zoom Tool)放大整个画布,或使用快捷键,按住Ctrl++亦可。放大之后,使用铅笔工具(Pencil Tool)勾勒出下图所示的图案。
将本文档保存成图案:编辑(Edit)-定义样式(Define Pattern),并为其命名。然后将该图案应用到基本形状上去。
图案叠加(参数见下图)
步骤4:添加高光
为基本形状添加一些高光看起来更有质感。首先,在形状图层上新建一个高光图层,并按照下图的指示将其与基本形状图层链接。
使用减淡工具(Soft Brush Tool)在形状的底部进行涂抹,之后将图层模式设为柔光,不透明度调至80%。
新建另一图层,使用渐变工具(Gradient Tool)-对称渐变(Reflected Gradient),颜色为 #fff ,将其应用在靠近基本形状的顶部的位置。然后将图层模式设为:柔光(Soft pght),不透明度修改为50%,
再新建一个图层,制作阴影效果。对该图层运用对称渐变( Reflected Gradient),颜色为#000,将其运用到基本形状的顶部位置。将该图层模式修改为正片叠底(Multiply),不透明度设为50%。
步骤5:添加缝线效果
缝线效果在PS CS6中很容易实现(直接应用Dash Stroke)。PS CS6对图形工具进行了升级,额外增加了描边和形状的选择项。如果你尚未使用PS CS6,不用着急,你依然能够跟上我们。不过,用PS CS6处理起来更方便。下面是新版的形状工具新增的选择面板。
填充选项面板
描边选项面板
为了制作出缝线效果,首先创建一个形状,做法跟前面的基本形状一样,只不过将宽度调整为70像素。
点击更多选项(More Options)调整描边,将Dash值设为5,Gap值设为6。.接着将描边的颜色改为#a4b1cf。完毕之后,去掉填充的颜色,这样我们的缝线效果就诞生了。
在CS5以下的版本,你可以手动用直线工具(pne Tool)搞定,每行5像素,间隔6像素。
接下来,我们要删除顶部多余的缝线,栅格化(Rasterize)图层,最后擦去顶部的缝线即可。
投影效果(参数见下图)
步骤6:添加图标
将图标素材放置于外形的中央。
描边效果(参数见下图)
渐变叠加颜色: #dddddd,#fff(其余参数见下图)
投影效果(参数见下图)
用文字工具( Text Tool)写上文字。
复制文本图层,颜色修改为 #2b406a,然后用键盘上的方向键上移至合适的位置。
步骤7:添加投影
复制基本形状图层,并用 #000000颜色填充。并将复制之后的基本形状图层置于原始形状图层下方。现在对复制之后的图层运用滤镜(Filter)-模糊(Blur)-高斯模糊(Gaussian Blur)。(具体参数见下图)
将图层和不需要的部分模糊,参加下图所示:
使用线性渐变( pnear Gradient)添加下图的阴影效果,颜色为 #000000。
用直线工具(pne Tool)画出一条颜色为#515055,1像素的细线,将其放图中的阴影之上。
最后,将阴影和细线两边模糊一下,就算大功告成了
总结
通过本教程的学习,各位同学需要掌握和强化的技巧包括:钢笔工具勾勒图案的技巧,高光的使用(增加质感)以及渐变工具等的使用。希望本教程能对大家有帮助。
FEVTE编注:更多优秀PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
篇7: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
篇8:PS打造质感立体五角星
FEVTE编注:更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入论坛PS作品交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
具体的绘制步骤如下:
1、点这里下载教程中的素材。解压后,用PS打开PSD文件,先把其它图层隐藏,选择渐变工具,颜色设置如图1,在背景图层上面拉出图2所示的径向渐变。
<图1>图1>
<图2>图2>
2、现在来制作五角星的表面及立体面,分层图如下
<图3>图3>
3、先来制作表面质感部分。选择表面图层,锁定透明像素后填充橙黄色:#FFD412,如下图。
<图4>图4>
<图5>图5>
<图6>图6>
<图7>图7>
5、按Ctrl + J 把当前图层复制一层,然后修改一下图层样式中的参数,确定后把填充改为:0%,效果如图10
<图8>图8>
<图9>图9>
<图10>图10>
6、再按Ctrl + J 把当前图层复制一层,修改一下斜面和浮雕的参数,等高线去掉。确定后把填充改为:0%,不透明度改为:50%,效果如图12。
<图11>图11>
<图12>图12>
7、按住Ctrl键点击图层缩略图载入表面层的选区,如下图。
<图13>图13>
8、保持选区,选择菜单:选择 >修改 >收缩,数值为8,确定后再把选区羽化4个像素,然后给图层填充蒙版,效果如下图,
<图14>图14>
9、按住Ctrl键点击立体面载入选区,在背景图层上面新建一个组,给组添加图层蒙版。
<图15>图15>
10、在组里新建一个图层,填充深红色作为底色。
<图16>图16>
11、在组里新建一个图层,用套索勾出一个面的选区,选择渐变工具,颜色设置如图18,由左上至右下拉出线性渐变。
<图17>图17>
<图18>图18>
12、新建一个图层,用套索勾出第二面的选区,拉上土20所示的线性渐变
<图19>图19>
<图20>图20>
13、新建图层,同上的方法制作其它的面,过程如图21 - 27。
<图21>图21>
<图22>图22>
<图23>图23>
<图24>图24>
<图25>图25>
<图26>图26>
<图27>图27>
14、新建一个图层,用钢笔勾出两个面的交汇部分,填充橙黄色,混合模式改为“滤色”
<图28>图28>
15、其它交汇处同上的方法增加高光,如下图。
<图29>图29>
16、在图层的最上面新建一个组,用钢笔勾出表面内部的浮雕层,同上的方法增加渐变色,效果如图31。
<图30>图30>
<图31>图31>
最后调整一下细节,完成最终效果。
FEVTE编注:更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入论坛PS作品交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
PS打造一个质感环保图标(合集8篇)




