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

ps设计半透明的网站商品介绍页(2)

来源:站酷 作者:教程盒子 学习:5331人次

 

第7步:

现在,点击“层”>“图层样式”>“图案叠加,”这将使你的定价表看起来像起透明的玻璃。

Photoshop设计透明质感的产品介绍页面,PS教程,16xx8.com教程网

步骤8:

点击“层”>“图层样式”>“描边”,按照如下设置(不要告诉我你英文看不懂,他的界面跟中文版的一样,照着弄就好了)

Photoshop设计透明质感的产品介绍页面,PS教程,16xx8.com教程网

步骤9:

现在我们将开始构建标题区,所以选择矩形选框工具和选择的一部分矩形。然后,填充颜色# 83 b8cc。

Photoshop设计透明质感的产品介绍页面,PS教程,16xx8.com教程网

第十步:

让我们添加一些模式和梯度矩形,我们刚刚创建的。使用以下设置:

Photoshop设计透明质感的产品介绍页面,PS教程,16xx8.com教程网

Photoshop设计透明质感的产品介绍页面,PS教程,16xx8.com教程网

第11步:

重复相同的过程和创建一个相同的矩形在底部。

Photoshop设计透明质感的产品介绍页面,PS教程,16xx8.com教程网

第12步:

现在我们需要画横幅,选择钢笔工具并创建如下所示的形状。点击路径并单击“选择。“然后,填充颜色# c72424。

Photoshop设计透明质感的产品介绍页面,PS教程,16xx8.com教程网

第13步:

创建一个新图层,选择一个小圆刷,并使用它两边的横幅稍微更深的颜色。

Photoshop设计透明质感的产品介绍页面,PS教程,16xx8.com教程网

步骤14:

现在,让我们添加一些样式。添加下面的图层样式使用下面提供的设置。

Photoshop设计透明质感的产品介绍页面,PS教程,16xx8.com教程网

Photoshop设计透明质感的产品介绍页面,PS教程,16xx8.com教程网

Photoshop设计透明质感的产品介绍页面,PS教程,16xx8.com教程网

学习 · 提示

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

关注大神微博加入>>

网友求助,请回答!