当前位置:首页>ps实例教程>ps网页设计>网页模板>教程内容

ps一个木纹风格网页模板

来源:未知 作者:PS学堂 学习:11333人次

先来看下效果图:

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

素材包:http://pan.baidu.com/share/link?shareid=101222&uk=755000821

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教程网

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!