×
Photoshop CS3必学技巧Photoshop CS照片滤镜命令详解photoshop 高级使用技巧Photoshop 合成悬空之城Photoshop 滤镜插件滤镜光晕的妙用Photoshop 使用11px清晰中文字体photoshop 透明婚纱照抠图处理教程PhotoShop 制作蒙蒙烟雨效果签名档Photoshop 制作生锈的金属字体photoshop“通道”用途PhotoShop:使用层的技巧Photoshop八招秘技Photoshop把MM手机照片转为手绘图Photoshop把城市图片制作成冰封的效果Photoshop把美女照转为质感油画Photoshop把真人改造成智能机器人Photoshop超小技巧六则Photoshop打造超梦幻美女天使婚片Photoshop打造可爱的透明云彩壁纸Photoshop打造作一杯浓香的热咖啡Photoshop打造炫光的蝙蝠侠LOGOPhotoshop导航器和动作的技巧Photoshop调色小技巧Photoshop复制的技巧Photoshop钢笔工具让抠图更快捷Photoshop给性感美女照片增强质感Photoshop合成教程:白天变成黑夜Photoshop技巧集锦八十条Photoshop简单制作出可爱的非主流MMPhotoshop教程:打造迷人的大眼睛美女Photoshop教程:肤色调整19大秘诀Photoshop教程:合成打造超酷翼龙再现场景Photoshop教程:涂抹工具制作诱人巧克力玫瑰Photoshop快捷键技巧PhotoShop快速给夜景图片加上星光效果Photoshop滤镜抠出美女散乱的头发Photoshop美化气质美女外景照片PhotoShop切片工具分割图片(切片的使用)PhotoShop设计理念思路photoshop特效:透明马赛克Photoshop为美女打造绚丽多彩的秀发Photoshop为美女衣裳添加花纹特效实例Photoshop文字特效教程之去掉图片文字Photoshop校正色彩偏红的照片Photoshop选区复制去除图片上文字Photoshop照片处理教程:瞬间白发苍苍Photoshop制古典水墨风格忧伤人物签名Photoshop制作个性粗编织图片效果教程Photoshop制作流星划过夜空的动画PhotoShop制作绚烂的星云效果Photoshop中动作/批处理的15条技巧Photoshop中关于配置的15条技巧Photoshop中关于文字的25条技巧photoshop终极优化教程化模糊为清晰:巧用PhotoShop锐化工具修理图像用Photoshop简单合成超酷的科幻水人如何用Photoshop将模糊照片变清晰?网页设计中常用的4种Photoshop技巧消除Photoshop中常见的锯齿效果混搭!用PS与AI创建超现实风格海报用Photoshop 让美女头发散发光彩用Photoshop把一只猫头合成到鸽子身上用Photoshop打造怀旧色调美女照片用Photoshop打造美女黑白倒影效果用Photoshop调出风光照片蓝紫色调用Photoshop调出金发美女梦幻色调用Photoshop合成飞碟袭击地球海报用PhotoShop合成梦幻迷雾的古堡效果图用Photoshop绘制一幅淡雅的水墨画用Photoshop精细打造雷达扫描动画用Photoshop扭曲滤镜工具打造旋转的光束效果用Photoshop为美女打造火影忍者写轮眼用Photoshop制作出入境证件相片的方法用Photoshop做齿轮用PS与IR打造兔斯基撞墙原来还能这么玩 鲜为人知的75个PS技巧在PS中制作一个下载文件夹的图标PS常用快捷键大全

在PS中制作一个下载文件夹的图标



Click the image to open in full size.

 

在大多数的交互和网页设计中,图标都是非常重要的一部分。虽然图标很小,但制作他们也经常是个不小的挑战。在这个教程里,我们将介绍到如何在PS中运用不同的形状和反射制作一个下载文件夹的图标。我们开始吧!

 

Step 1 – 新建文档/钢笔工具技巧

 

打开PS,新建一个一个文档(Ctrl + N)。参数如下:

 

分辨率:72dpi

 

颜色模式:RGB

 

尺寸:570×570 px

 

使用钢笔工具(P)创建如下形状。

 

Click the image to open in full size.

 

Step 2 - 钢笔工具绘制基本形状

 

 

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

 

Click the image to open in full size.

 


Step 3 – 完成基本型

 

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

 

Click the image to open in full size.

 

Step 4 – 添加颜色效果

 

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

 

Click the image to open in full size.

 

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

 

Click the image to open in full size.


 


 

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

 

Click the image to open in full size.

 

为文件夹的背面添加如下的图层样式。

 

Click the image to open in full size.

 

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

 

Click the image to open in full size.

 


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

 

Click the image to open in full size.

 

 

Step 5 – 添加反射

 

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

 

Click the image to open in full size.

 

Step 6 – 处理边缘

 

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

 

Click the image to open in full size.

 


Step 7 – 阴影

 

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

 

Click the image to open in full size.

 

Step 8 – 添加文字

 

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

 

Click the image to open in full size.

 


Step 9 – 添加最终的阴影和反射

 

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

 

Click the image to open in full size.

 

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

 

Click the image to open in full size.

 

最终效果

 

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

 

Click the image to open in full size.

Click the image to open in full size.



分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)