rockice 发表于 2015-3-23 20:51:57

教你设计一个笔记本图标

教程是教大家设计一枚精致的笔记本，教程步骤详细，作者还提供了素材，有兴趣的同学可以一起练习一下。首先，看看我们的效果图。
http://pic.16xx8.com/allimg/150315/0550563441-0.jpg
素材打包链接：http://pan.baidu.com/s/1mggM26k 密码：p0b4新建文档，这里我用的是1000*800像素。设置前景色为#9e9e9e，背景色为#616161，拉一个从中心向四周的径向渐变。
http://pic.16xx8.com/allimg/150315/05505B531-1.jpg
提示：教程详细步骤在二楼！想下载该教程的可以到这里下载:点击进入下载页教程编号:136893 作者：P大点S 出处：tieba

rockice 发表于 2015-3-23 20:51:57

添加一个杂色，设置杂色数量为2%，高斯分布，勾选单色。
http://pic.16xx8.com/allimg/150315/0550564134-2.jpg

rockice 发表于 2015-3-23 20:51:57

复制一层背景图层，执行“滤镜—滤镜库—纹理—马赛克拼贴”，设置拼贴大小为2，缝隙宽度为1 ，加亮缝隙为1，并将这个图层的图层混合模式更改为“柔光”，不透明度20%。
http://pic.16xx8.com/allimg/150315/0550563230-3.jpg

rockice 发表于 2015-3-23 20:51:57

创建一个“曲线”调整层，选取一个S曲线，强化对比。
http://pic.16xx8.com/allimg/150315/0550563352-4.jpg

rockice 发表于 2015-3-23 20:51:57

使用圆角矩形工具画一个450*600的圆角矩形，设置圆角为30度，居中对齐。
http://pic.16xx8.com/allimg/150315/05505A411-5.jpg

rockice 发表于 2015-3-23 20:51:57

按住ALT，画一个矩形，将矩形移至圆角矩形的左边，得到我们要的笔记本的面板轮廓。ALT这里是快捷键，减去模式，当然你也可以先画好再减去，然后合并形状组件。
http://pic.16xx8.com/allimg/150315/05505Cc5-6.jpg

rockice 发表于 2015-3-23 20:51:57

接下来，给这个面板设置一个图层样式。
http://pic.16xx8.com/allimg/150315/05505611I-7.jpg

http://pic.16xx8.com/allimg/150315/05505B3R-8.jpg

http://pic.16xx8.com/allimg/150315/0550562Q3-9.jpg

http://pic.16xx8.com/allimg/150315/05505Ab7-10.jpg

rockice 发表于 2015-3-23 20:51:57

放入我所提供下载的“皮革”素材，置于顶层，创建剪贴蒙版，效果如下：
http://pic.16xx8.com/allimg/150315/05505B218-11.jpg

rockice 发表于 2015-3-23 20:51:57

下面，我们添加一个缝线效果，还是跟刚才样板的做法一样，我缩小了5像素，圆角矩形的圆角角度记得需要更改一下，搞定后，合并形状组件。
http://pic.16xx8.com/allimg/150315/0550561595-12.jpg

rockice 发表于 2015-3-23 20:51:57

使用直接选择工具，选择住形状，在形状选项菜单中，设置形状填充颜色为无，形状描边1像素，描边颜色为#5a5a5a，虚线描边。 具体设置请看下图：
http://pic.16xx8.com/allimg/150315/05505A121-13.jpg

rockice 发表于 2015-3-23 20:51:57

就虚线描边来说，做法无数，用形状的描边功能，相对简单。以前没有这功能的时候，双重画笔可以实现，使用图案也可以实现，当然你直接做个画笔来描边路径，也无可厚非，方法多的是。下面，我们给缝线图层添加一个图层样式，增加真实感。
http://pic.16xx8.com/allimg/150315/05505A5L-14.jpg


http://pic.16xx8.com/allimg/150315/05505A429-15.jpg

rockice 发表于 2015-3-23 20:51:57

使用矩形工具，在皮质面板下层画一个30*600像素的矩形，摆放在皮质面板的左边。
http://pic.16xx8.com/allimg/150315/05505B412-16.jpg

rockice 发表于 2015-3-23 20:51:57

下面，为这个矩形添加图层样式。
http://pic.16xx8.com/allimg/150315/05505C5C-17.jpg


http://pic.16xx8.com/allimg/150315/05505BG2-18.jpg


http://pic.16xx8.com/allimg/150315/05505BR8-19.jpg

rockice 发表于 2015-3-23 20:51:57

再用矩形工具画一个10*596像素的矩形，置于我们上面设置图层样式的这个矩形的下层。
http://pic.16xx8.com/allimg/150315/05505A3Y-20.jpg

rockice 发表于 2015-3-23 20:51:57

设置这个矩形的图层样式。
http://pic.16xx8.com/allimg/150315/0550563109-21.jpg


http://pic.16xx8.com/allimg/150315/05505644W-22.jpg
页: [1] 2
查看完整版本: 教你设计一个笔记本图标