先来看下效果图:

Photoshop设计国外木纹风格的网页模板,PS教程,16xx8.com教程网

素材包:https://img.lvups.com/d/file/bigpic/2022/12/26/dwvjtrcc0kn

1.新建一个12X12 PX的白色画布。用黑色1px大小的铅笔做出如图效果,然后 编辑--自定义图案

Photoshop设计国外木纹风格的网页模板,PS教程,16xx8.com教程网

2.新建一个700X800 px的画布,填充#282828.然后新建一层,填充白色,混合模式设置为正片叠底,直线滤镜--杂色--添加杂色

Photoshop设计国外木纹风格的网页模板,PS教程,16xx8.com教程网

Photoshop设计国外木纹风格的网页模板,PS教程,16xx8.com教程网

3.用圆角矩形工具,圆角半径设置为15px,画出如图大小的圆角矩形

Photoshop设计国外木纹风格的网页模板,PS教程,16xx8.com教程网

4.将木板纹理素材拉进PS里面,对圆角矩形做剪切蒙板,alt+ctrl+G,调整好大小和位置

Photoshop设计国外木纹风格的网页模板,PS教程,16xx8.com教程网

Photoshop设计国外木纹风格的网页模板,PS教程,16xx8.com教程网

5.给木板纹理添加一些图层样式

Photoshop设计国外木纹风格的网页模板,PS教程,16xx8.com教程网

Photoshop设计国外木纹风格的网页模板,PS教程,16xx8.com教程网