Photoshop设计蓝色水晶文件夹图标

本教程主要使用Photoshop设计蓝色水晶文件夹图标,简单的图标制作起来并不是那么简单。需要把图标的各个面的暗调,高光,反光等都渲染出来,尤其在渲染图标叠加部分的时候,要控制好个部分的透明度,做出层次较强的效果图。 来源:站酷 作者:TCWison 最终效

本教程主要使用Photoshop设计蓝色水晶文件夹图标,简单的图标制作起来并不是那么简单。需要把图标的各个面的暗调,高光,反光等都渲染出来,尤其在渲染图标叠加部分的时候,要控制好个部分的透明度,做出层次较强的效果图。

来源:站酷    作者:TCWison



最终效果


Photoshop设计蓝色水晶文件夹图标





1、打开PS,新建一个一个文档(Ctrl + N)。参数如下:分辨率:72dpi;颜色模式:RGB;尺寸:600×600 px,使用钢笔工具(P)创建如下形状。


Photoshop设计蓝色水晶文件夹图标





2、使用钢笔工具绘制文件夹背后的部分,然后再绘制蓝色条纹。如下图所示。


Photoshop设计蓝色水晶文件夹图标





3、绘制完成文件夹之后,继续按下图所示添加纸和箭头。你现在应该有五个图层,每个形状都会有自己的图层。别忘了给每个图层起一个好认的名字。#p#分页标题#e#


Photoshop设计蓝色水晶文件夹图标





4、为文件夹前面的部分添加下图所示的图层样式。不透明的设为90%。


Photoshop设计蓝色水晶文件夹图标





5、为纸片添加如下的图层样式。不透明度降至90-95%左右。


Photoshop设计蓝色水晶文件夹图标





6、为条纹添加如下的图层样式。


Photoshop设计蓝色水晶文件夹图标





7、为文件夹的背面添加如下的图层样式。#p#分页标题#e#


Photoshop设计蓝色水晶文件夹图标





8、为箭头添加如下的图层样式。


Photoshop设计蓝色水晶文件夹图标





9、现在你的图标应该是这样。


Photoshop设计蓝色水晶文件夹图标





10、新建一个组命名为refs。按下图所示用钢笔工具绘制反射。要确保你绘制的形状是路径曲线而非形状图层(注意下图的黑箭头所示)。闭合曲线之后,在工作区按右键选择建立选区(羽化值为0)。选择一个大笔刷(直径大概470左右,硬度为0),沿选区的右半部份绘制反射。之后将混合模式改为叠加,不透明度为63%。


Photoshop设计蓝色水晶文件夹图标





11、新建一个组命名为margins,在该组内新建一个图层(Ctrl + Shift + N)。现在增加边缘的高光细节以使图标更具立体感。使用钢笔工具沿拐角处和文件夹、箭头和纸张的边缘绘制路径。然后在工作区右键选择描边路径-画笔。注意此时笔刷需要设置为直径8像素,硬度为0。混合模式改为叠加,不透明度大概55%左右。#p#分页标题#e#


Photoshop设计蓝色水晶文件夹图标





12、新建一层(Ctrl + Shift + N)制作阴影,将该层打入一个新组内(Ctrl + G)。像第五步那样绘制选区。为选区填充黑色,然后用模糊工具模糊边缘。如果阴影太强了,需要将图层的不透明度降至40%。


Photoshop设计蓝色水晶文件夹图标





13、用你喜欢的字体添加文字。这个示例中我用的是Agency FB。字体大小为40,不透明度75%。


Photoshop设计蓝色水晶文件夹图标





14、用第五步所示的技术再为纸张添加一些反射。


Photoshop设计蓝色水晶文件夹图标





15、用椭圆工具(U)添加一个阴影。如下图所示绘制一个椭圆并添加一点点动感模糊。降低不透明度直到你觉得合适了。#p#分页标题#e#


Photoshop设计蓝色水晶文件夹图标





16、我还用相同的技术制作了一些不同的图标,如下图。希望你喜欢这个教程。


Photoshop设计蓝色水晶文件夹图标




Photoshop设计蓝色水晶文件夹图标

原创文章,作者:admin,如若转载,请注明出处:https://www.2233cn.com/%e5%b9%b3%e9%9d%a2%e8%ae%be%e8%ae%a1/%e7%bb%8f%e5%85%b8%e8%ae%be%e8%ae%a1/1809.html

(0)
上一篇 2014年9月27日 上午7:57
下一篇 2014年9月27日 上午8:00

相关推荐

  • Photoshop绘制晶莹剔透的RSS图标

    Photoshop绘制一个RSS图标教程,本片教程主要使用Photoshop的图层样式-混合选项等创建了一个晶莹剔透的RSS图标,如有遇到不明白的地方可以在问题交流区提问. 出自:chis visual作者:chis翻译 在这个教程里我将创建一个绚丽的RSS图标用于你的博客上。先看一下

    经典设计 2014年11月4日
  • Photoshop使用高反差保留给人像肤色精细磨皮

    磨皮几乎是人像摄影的必需技能,而且方法很多,这里介绍名为Frequency Separation的技术,是非常有利于精修的方式,相较于Surface Blur (表面模糊) 之类,更容易修出理想效果。 什么是 Frequency Separation? 简单来说,就是影像可分为高与低的Frequency,高

    经典设计 2015年2月7日
  • Photoshop调出公园草地女孩唯美紫色效果

    本教程主要使用Photoshop调出公园草地女孩唯美紫色效果,素材图片主色比较统一,调色的时候只需要快速把主色转为黄褐色,然后在暗部区域增加暗蓝色,就可以得到初步的主色,后期把图片稍微调柔和一点即可,喜欢的朋友让我们一起来学习吧。 来源:PS联盟 作者

    经典设计 2015年3月3日
  • Photoshop设计几何图形风格的复古海报教程设计教程

    在今天的教程里,你学到的最有价值的东西是,作者巧妙的创作思路,突破了平常设计思维的墙。当然,还有他对几何形状的高超使用技巧,教程不长,非常适合新手练习。 抽象几何图案在西方也被叫做希腊艺术,或者地中海风格,相传它起源于公元前900年到700年间的

    经典设计 2015年6月27日
  • Photoshop常见投影倒影的制作方法

    PS常见投影倒影的制作方法 总结了四种投影倒影的制作方法,都是比较常见的,希望大家能用的上。 1、方法一,模糊投影 1.1新建图层导入素材 1.2新建图层,前景色和背景色改成黑色,选择渐变(渐变选择径向渐变)工具,在舞台绘制如图。(这个也可以通过高斯模

    经典设计 2015年3月9日
  • Photoshop调出美女私房照质感的中性灰效果

    本教程主要使用Photoshop调出美女私房照质感的中性灰效果,这种的效果皮肤的质感装饰的非常漂亮,质感的表现也非常的棒,喜欢的朋友一起来学习吧。 来源:站酷 作者:ahwin

    经典设计 2014年11月12日
  • Photoshop调出橙红色调妹妹照片

    暖色调效果比较容易制作。调整的方法有很多,可以直接用曲线,通道混合器等都可以很快调出来。大家可以多尝试一些其它不同的方法。 原图 最终效果 1、打开原图素材,选择菜单:图像 模式 Lab颜色,确定后把背景图层复制一层,执行:图像 应用图像,参数设置

    经典设计 2014年10月5日
  • Photoshop给阳光女孩的照片转手绘

    Photoshop给阳光女孩的照片转手绘 作者:THEJJ 出自:5d6d 效果: 原图: 教程:

    经典设计 2014年8月17日
  • Photoshop给你马路少年调出复古的淡黄色调

    本教程主要使用Photoshop给你马路少年调出复古的淡黄色调,处理照片一定要遵循自然,不要让色调太偏离照片原有的本质。教程仅供参考,因为每张照片的色彩信息都是不同的,大家可以从里面学习到工具的组合运用,灵活变化。 效果图: 原图: 第一步:调整曲线

    经典设计 2015年2月16日
  • Photoshop合成创意的美女头像打散效果

    本教程主要使用Photoshop合成创意的美女头像打散效果,利用RGB通道抠纯色背景,再还原回颜色再用裂痕素材贴图合成具有碎裂的效果,用调色把画面质感提炼出来,教程主要使用蒙板、正片叠底、亮色、滤色、透明度等工具,喜欢的朋友一起来学习吧。 最终效果:

    经典设计 2014年12月26日

发表评论

您的电子邮箱地址不会被公开。