在PS中制作一个下载文件夹的图标(翻译教程) 学习分享 [复制链接]

作者：TCWison

原文：
转载请注明出处及作者！

图片:prev.jpg

Icons are an important part of most interactive and web design. While icons are small, they can often be challenging to create. In today’s tutorial we will demonstrate how to create a download folder icon using different shapes and reflections in Photoshop. Let’s get started!
在大多数的交互和网页设计中，图标都是非常重要的一部分。虽然图标很小，但制作他们也经常是个不小的挑战。在这个教程里，我们将介绍到如何在PS中运用不同的形状和反射制作一个下载文件夹的图标。我们开始吧！
--------------------------------------------------------------------------------

Step 1 – 新建文档/钢笔工具技巧
Open Photoshop and set up a new document (Command/Ctrl + N). Use the following settings:
Resolution: 72dpi
Color Mode RGB color
Dimensions: 600×600 px
Create the following shape using the Pen tool (P).
打开PS，新建一个一个文档（Ctrl + N）。参数如下：
分辨率：72dpi
颜色模式：RGB
尺寸：600×600 px
使用钢笔工具(P)创建如下形状。

图片:01.jpg

--------------------------------------------------------------------------------

Step 2 - 钢笔工具绘制基本形状
Draw the back part of the folder using the Pen Tool using the same drawing technique. Then draw the stripe as shown.
使用钢笔工具绘制文件夹背后的部分，然后再绘制蓝色条纹。如下图所示。

图片:02.jpg

--------------------------------------------------------------------------------

Step 3 – 完成基本型
Once you have finished drawing your folder, go ahead and add the paper and arrow as shown. You should now have the following 5 layers. Each shape will be in its own layer. Be sure to give each layer a unique name.
绘制完成文件夹之后，继续按下图所示添加纸和箭头。你现在应该有五个图层，每个形状都会有自己的图层。别忘了给每个图层起一个好认的名字。

图片:03.jpg

--------------------------------------------------------------------------------

Step 4 – 添加颜色效果
Add the following layer styles to the front part of the folder. Lower opacity to 90%.
为文件夹前面的部分添加下图所示的图层样式。不透明的设为90%。

图片:04.jpg

Add the following layer styles to the Paper. Lower the opacity of the layer to around 90-95%.
为纸片添加如下的图层样式。不透明度降至90-95%左右。

图片:04 (1).jpg

Add the following layer styles to the Stripe.
为条纹添加如下的图层样式。

图片:04 (2).jpg

Add the following layer styles to the rear part of the folder.
为文件夹的背面添加如下的图层样式。

图片:04 (3).jpg

Add the following layer styles to the arrow.
为箭头添加如下的图层样式。

图片:04 (4).jpg

Your icon should now look like this.
现在你的图标应该是这样。

图片:04 (5).jpg

--------------------------------------------------------------------------------

（申明：此教程来源于网络，转载请注明作者，如需商业用途请与作者联系。请支持原创！）