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

封丘救世主

封丘救世主

2016-02-16 00:03

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

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

最终效果图展示:

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

步骤一:

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

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

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

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

步骤八:

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

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

步骤九:

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

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

步骤十:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/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添加缝合线,方法与之前制作缝合线一样,不过这次不需要旋转针线,图层样式可以复制前面缝合线的样式,具体设置可以自行把握。现在一个完整的锁制作完毕,将整个锁平移到左边口袋中心,再复制一个锁,移动到右边口袋中心(注意:图层顺序要与第一个锁一样),现在两个锁完成,为了方便管理,你可以将每个锁的所有图层链接起来。

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

步骤二十一:

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

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

步骤二十二:

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

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

步骤二十三:

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

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

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

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

展开更多 50%)
分享

猜你喜欢

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

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

Photoshop设计简单的皮质公文包效果

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计简单的皮质公文包效果

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop制作简单的皮质公文包

电脑网络
Photoshop制作简单的皮质公文包

Photoshop制作精致的公文包图标

PS PS基础
Photoshop制作精致的公文包图标

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

公文包怎么画 公文包简笔画步骤教程

简笔画 简笔画教程 幼儿简笔画
公文包怎么画 公文包简笔画步骤教程

公文包折纸的视频教程 怎么制作公文包的折纸

折纸教程 创意折纸 幼儿折纸
公文包折纸的视频教程 怎么制作公文包的折纸

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop调出外景女孩梦幻色柔美色调

Photoshop调出外景女孩梦幻色柔美色调

Photoshop设计梦幻大气的金色花纹教程

Photoshop设计梦幻大气的金色花纹教程
下拉加载更多内容 ↓