当前位置:首页 > PS教程 > 网页设计

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

  • 2022-12-24 19:31:30
  • 来源/作者:互联网/佚名
  • 己被围观

在所有电子商务网站,定价表中起着非常重要的作用。通过精心设计,可以让来网站的布局、颜色和字体更加完美,使你的网站能最大程度地吸引潜在客户。

 

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

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条