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

ps一个木纹风格网页模板(2)

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

 

6.继续用圆角矩形工具创建一个小一点的圆角矩形,如图,模式改成正片叠底,然后傻un国际,给这个图层添加图层样式

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

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

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

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

7.新建一层,调出圆角矩形1的选区,用柔焦的笔刷,前景色设置为白色,在左下角点下,笔刷稍微大一点,然后选择矩形选框工具,注意一定要切换到矩形选框工具,然后方向键向上移动,然后删除选框内的内容,如图效果,最后将此图层混合模式设置为柔光

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

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

8.通用的方法,新建一层,调出圆角矩形1的选区,用黑色的柔焦笔刷,做出如图效果,切换到矩形选框工具,用方向键向上移动选框,然后删除选框的内容,将此图层混合模式改成柔光

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

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

效果如图:

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

9.用矩形工具,前景色设置为#eeeadc,做一个矩形,大小和位置如图,然后给此矩形添加图层样式

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

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

 

10.现在开始做内容部分,用素材包里面的字体,当然你也可以用其他的,打上如图的文字,你可以对Email做和我一样的蓝色到黑色的渐变,当然也可以直接用蓝色,这里就不多说了。

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

用了下面两种字体:

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

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

学习 · 提示

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

关注大神微博加入>>

网友求助,请回答!