Photoshop设计超酷的皮质公文包图标

2016-02-16 00:03 7 1 收藏

图老师小编精心整理的Photoshop设计超酷的皮质公文包图标希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - PS 】

本教程利用Photoshop的图层样式和笔刷工具,教大家制作一个写实的皮质公文包图标,整体的质感效果非常的漂亮,喜欢的朋友跟着我们一起来开始吧。

最终效果图展示:

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤一:

用photoshop新建一个512px*512px、模式为RGB的空白文档;设置两条参考线定位画布中心;点击圆角矩形工具(U),设置圆角半径为10px,按Alt键由中心画一个棕色的圆角矩形,这就是公文包的主体部分,因此把该图层命名为main。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤二:

设置前景色为#8b493b;背景色为#672907;

选中图层main栅格化图层(PS:只有这样才可以进行下一步操作),按ctrl键点击图层变成选区,然后执行

滤镜 渲染 云彩命令,这样就创建了皮革的自然颜色。

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤三:

给矩形添加一个真实的皮革质感。下载一个皮革材质图片,放到main图层上面,命名为texture,调整图片大小略大于main图层(PS:为了方便看到下面图层,可先把texture图层的不透明度降低一些)(如图a所示),给texture添加图层蒙版,然后按Ctrl键点击main图层,出现选区再反选,填充黑色,然后设置texture图层的混合模式为柔光,不透明度为50%;再执行 图像 调整 色阶 命令,让图层变得再亮一点。

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤四:

选择main图层,双击调出图层样式对话框,给图层添加一个3px的描边,设置如4a所示(PS:Multiply是正片叠底);再添加一个内发光效果,设置如4b所示,最终效果如4c。

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤五:

复制图层main为main副本,清除所有图层样式,调整大小,如图5a所示;给main副本添加内发光样式,具体设置如5d所示;这时图层看上去有个生硬的边框,我们可以执行 滤镜 模糊 高斯模糊,半径为3px;再选择main图层,添加一个 渐变叠加 的图层样式。

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤六:

现在开始制作公文包的缝合线。新建一个文件用圆角矩形工具画一个小的圆角矩形,然后执行 编辑 定义画笔预设 ,弹出画笔名称对话框,将画笔命名stitch这样就完成了添加画笔笔刷。点击画笔工具,调出画笔预设对话框,找到刚才添加的笔刷,作如下设置(也可根据情况自己设置参数):

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤七:

新建一个图层,设置前景色为浅黄色,然后按Ctrl键点击main副本图层出现一个圆角矩形选区,再点击路径-创建路径(此时路径面板上就有一个圆角矩形的路径,下一步可以继续使用),再点击 用画笔描边路径(完成这一步的时候必须是选择画笔工具的前提下),然后把左右两边横向的裁缝线去掉,用矩形选框工具选取最边上的一段缝合线,自由变换调整一下方向,变成下图效果。

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤八:

再新建一个图层,选择画笔工具,调出画笔预设对话框,将角度调成90°,用上面同样的方法做出左右两边的缝合线,再用橡皮擦把上下的缝合线擦除,缝合线的制作就完成了,把这两个图层合并,命名为stitches。

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤九:

现在的缝合线看起来有点平,没有立体感,我们给它添加点图层样式。双击stitches图层弹出图层样式对话框,添加一个斜面和浮雕效果,设置如9a所示;再添加一个投影效果(9b)。

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤十:

皮革一般都会有反光,因此我们给它添加一个反光。新建一个图层,用圆角矩形工具在公文包下方画一个圆角矩形,填充浅红色#cea295,将这个图层命名为ambient reflection。设置ambient reflection图层的混合模式为滤色,不透明度为40%,再执行滤镜 模糊 高斯模糊,半径为3px,然后按Q进入快速蒙版模式(此时前景色和背景色会变成黑色白色),再按G选中渐变填充工具,从上到下拉出一个渐变(10d);再按Q退出快速蒙版模式,这时你会看到一个矩形选区,然后点击添加矢量蒙版,现在可能需要把不透明度调为60%,再执行滤镜 模糊 高斯模糊,半径为5px,现在反光的效果就出来了。

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤十一:

现在我们给公文包的两个口袋中间画一个裂缝。用椭圆工具在公文包中间偏下的地方画一个垂直的椭圆,命名为pockets。然后给这条裂缝添加样式,让它看起来更真实。双击pockets图层弹出图层样式对话框,给图层添加渐变叠加(11b);再添加一个斜面和浮雕样式,具体设置如(11c)所示;再给图层添加一个外发光效果,设置如(11d)。

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤十二:

接下来绘制公文包的盖子。用钢笔工具先绘制盖子的右边,形状和大小自己调整,调整合适之后复制这个图层,水平翻转,合并两个图层,并命名为flap。

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤十三:

给flap图层添加一个渐变叠加样式(13a);盖子的材质应该与公文包包身一样,因此复制texture图层,放到flap图层上面,为了避免两个纹理看上去相似,可以将复制的材质图层垂直翻转,再用前面相同的方法把复制的材质图层做成与flap一样的形状。

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤十四:

给这个盖子添加一点厚度。复制flap图层放到该图层下面,命名为flap thickness,将flap thickness图层向下移动(具体多少可以自己把握)。然后调整 flap thickness图层的渐变叠加效果(14b);给flap thickness图层添加一个投影效果(14c),但是这个投影只投射在公文包上面,我们要把多余的投影去掉(这里有点复杂,原文教程没有详细说明,自己反复看了原文上的图片大概了解了意思)。首先复制flap thickness图层,命名为flap thickness's Drop shadow,放在flap thickness之后。第二,将flap thickness图层的投影效果去掉,在图层之上新建一个空白图层,命名为flap thickness's Gradient fill,然后用以下设置渐变填充图层,再右键点击图层创建剪贴蒙版。第三,选中flap thickness's Drop shadow图层,按ctrl键点击main图层,调出选区,添加矢量蒙版。(这段就算完成了,可能描述的有点乱,慢慢看吧)

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤十五:

给公文包盖子制作缝合线。按ctrl键点击flap图层,出现选区,然后执行选择修改收缩,收缩量为6px(具体数值也可自行把握)。用该选区在路径面板创建一个新的路径,命名为flap stitches。再用直接选择工具(A)修改路径,使它从顶部伸出,因为缝合线是延伸到后面的。

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤十六:

这一步与步骤七、八、九的方法一样,给公文包的盖子添加缝合线。效果如下:

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤十七:

接下来开始制作公文包的锁。将前景色设置一个黄色,画一个圆角矩形,将它放在flap thickness图层下面,命名为lower plate 。给该图层添加一个金色的渐变叠加效果,一个下阴影效果和一个描边效果。具体设置如下:

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤十八:

复制lower plate 这个图层,将它移动到所有图层之上,命名为upper plate。然后把下图选区内的区域去掉(如果你的图层是形状,你可以用从形状区域减去隐藏想要去掉的区域,且可以自由调整),打开图层样式面板,将渐变叠加里的反向取消选择。降低投影的不透明度为30%和描边的不透明度为50%。 复 制 lower plate图层, 将图层命名为lock,适当缩小图层,同时降低描边的不透明度为50%。效果如图所示:

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤十九:

公文包的锁通过一个短皮革链接在盖子上。 用椭圆工具在upper plate 图层下面画一个椭圆, 命名为strap,先复制粘贴main图层的图层样式,再进行适当修改,具体设置如图所示:

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤二十:

给皮革strap添加缝合线,方法与之前制作缝合线一样,不过这次不需要旋转针线,图层样式可以复制前面缝合线的样式,具体设置可以自行把握。现在一个完整的锁制作完毕,将整个锁平移到左边口袋中心,再复制一个锁,移动到右边口袋中心(注意:图层顺序要与第一个锁一样),现在两个锁完成,为了方便管理,你可以将每个锁的所有图层链接起来。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤二十一:

最后我们来制作公文包的提手。用矩形工具绘制两个小金属扣,给图层添加黄色渐变叠加样式。再用矩形工具给金属扣绘制一个固定它的皮革。画好之后复制一个放到另外一个金属扣下面。效果如下:

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤二十二:

用圆角矩形绘制提手,半径为5px,置于金属扣图层下面。然后ctrl+T自由变换,右键点击,图层选择变形,选择扇形 ,弧度20把形状调成一个弧度状。

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

步骤二十三:

给提手添加一个光泽效果,一个内阴影效果,具体设置如下:

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

制作完成!你可以给它添加投影或者背景等效果。

Photoshop设计超酷的皮质公文包图标,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1565609.html

延伸阅读
标签: windows10
win10新建公文包选项恢复方法   公文包是用于离线同步数据的功能,在Win7以及之前的XP等系统中原生支持。用户可以将修改好的文件存入U盘,或者将两台电脑互相连接,此时公文包就可以自动同步该文件的最新改进。但到了Win8.1/Win10时代,微软认为公文包已经过时,就移除了该功能,尤其是Windows10中OneDrive的强势介入,更是挤掉了Tula...
标签: windows系统
Windows8系统怎么创建公文包功能   1、首先,我们在桌面空白部分,单击右键,打开右键菜单,将鼠标滑到新建,点击文件夹;   3、然后我们在文件夹的命名处,输入公文包的代码公文包.{85BBD920-42A0-1069-A2E4-08002B30309D};   4、然后我们按下回车(Enter)键,一个公文包就创建好了。    w...
标签: windows系统
Win8系统下如何新建公文包?   1在桌面空白部分,单击右键,打开右键菜单,将鼠标滑到新建,点击文件夹。 2完成后如图所示 3然后在文件夹的命名处,输入公文包的代码 公文包。{85BBD920-42A0-1069-A2E4-08002B30309D} 。输入后就会变成这样 4然后按下回车(Enter)键,一个公文包就创建好了。 win8...
标签: windows系统
在Win8电脑中创建公文包的方法   1.首先,返回到win8系统的传统桌面位置,之后,在win8电脑的桌面处找到一个空白处,点击鼠标右键,选择新建-文件夹。 2.完成之后可以在win8电脑的桌面处看到一个新建文件夹,如下图中所示。 3.接下来,需要对这个新建文件夹进行重命名,在其中输入如下代码:{85BBD920-42A0-1069-A2E4-08...
来源:站酷 作者:Triseven 公文包构成并不复杂,制作思路也比较简单。过程:先把各部分的轮廓分好层,然后加入纹理素材,根据光源方向设定好暗部及高光区域,做出体积感。边缘部分再用画笔加上装饰线条即可。 最终效果 1、用photoshop新建一个512px*512px、模式为RGB的空白文档;设置两条参考线定位画布中心;点击圆角矩形工具(U),设置圆...

经验教程

809

收藏

61
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部