欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Photoshop设计制作出逼真皮革纹理的褐色皮夹

程序员文章站 2022-03-20 20:13:20
...
皮夹制作过程并不复杂,不过皮革纹理制作相对要难一点,需要用滤镜做出不同的纹理,通过图层混合等做出类似皮革的纹理,再调成皮革的颜色,如果嫌麻烦,可以直接使用皮革素材。

最终效果

Photoshop设计制作出逼真皮革纹理的褐色皮夹


1、制作皮夹之前先来制作皮革纹理。新建一个800 * 800像素的文件,背景填充黄褐色:#86541A,如下图。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图1>

2、新建一个图层,按字母“D”把前背景颜色恢复到默认的黑白,执行:滤镜 > 渲染 > 云彩,确定后把图层混合模式改为“柔光”,不透明度改为:30%,如下图。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图2>

3、新建一个图层,执行:滤镜 > 渲染 > 云彩,效果如下图。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图3>

4、执行:滤镜 > 风格化 > 照亮边缘,确定后按Ctrl + I 反相,效果如下图。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图4>

5、按Ctrl + M 调整曲线,稍微调暗一点,参数及效果如下图。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图5>

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图6>

6、按Ctrl + Alt + 2 调出高光选区,按Delete 删除,取消选区后双击图层面板缩略图调出图层样式,设置“斜面和浮雕”,参数及效果如下图。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图7>

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图8>

7、新建一个图层,按Ctrl + Alt + Shift + E 盖印图层,执行:滤镜 > 渲染 > 光照效果,参数设置如图9,确定后按Ctrl + T 稍微缩小一点,然后把图层不透明度改为:30%,效果如下图。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图9>

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图10>

8、创建亮度/对比度调整图层,适当增加图片对比度,确定后设置如图11,确定后新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。皮革纹理基本完成。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图11>

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图12>

9、新建一个1024 * 768像素的文件,选择渐变工具,颜色设置如图13,拉出图14所示的径向渐变作为背景。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图13>

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图14>

10、先来制作皮革的上部,需要完成的效果如下图。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图15>

11、新建一个组,用钢笔勾出皮夹的上部轮廓,转为选区后给组添加图层蒙版。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图16>

12、在组里新建一个图层,选择渐变工具,颜色设置如图17,然后由左上至右下拉出图18所示的线性渐变。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图17>

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图18>

13、用钢笔勾出右侧边缘稍亮部分的选区,羽化8个像素后按Ctrl + J 复制到新的图层,混合模式改为“滤色”,不透明度改为:60%,取消选区后添加图层蒙版,用黑色画笔把中间部分擦掉。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图19>

14、新建一个图层,用钢笔勾出下图所示的选区,羽化20个像素后填充暗紫色:#B14E72,混合模式改为“滤色”,效果如下图。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图20>

15、回到渐变图层,用钢笔勾出左边边缘高光选区,羽化4个像素后按Ctrl + J 把选区部分的色块复制到新的图层,混合模式改为“滤色”,效果如下图。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图21>

16、回到渐变图层,用钢笔勾出左侧边缘暗部选区,羽化3个像素后按Ctrl + J 把选区部分的色块复制到新的图层,混合模式改为“正片叠底”,如下图。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图22>

17、把刚才做好的皮革纹理拖进来,适当调整代位置及大小后把混合模式改为“正片叠底”,不透明度改为:50%,如下图。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图23>

18、边缘加上一些虚线,再调整好明暗,上部基本完成。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图24>

19、底部及扣子部分制作方法相同,效果如图25,26。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图25>

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图26>

20、创建亮度/对比度及曲线调整图层,适当增强对比度并增加亮度,参数及效果如下图。

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图27>

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图28>

Photoshop设计制作出逼真皮革纹理的褐色皮夹
<图29>

最后加上投影,微调一下细节,完成最终效果。

Photoshop设计制作出逼真皮革纹理的褐色皮夹

相关标签: 纹理 皮夹