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

PS设计透明质感的产品介绍页面

  • 2021-05-11 23:25:58
  • 来源/作者:互联网/佚名
  • 己被围观

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

第7步:

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

Photoshop设计透明质感的产品介绍页面

步骤8:

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

Photoshop设计透明质感的产品介绍页面

步骤9:

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

Photoshop设计透明质感的产品介绍页面

第十步:

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

Photoshop设计透明质感的产品介绍页面

Photoshop设计透明质感的产品介绍页面

第11步:

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

Photoshop设计透明质感的产品介绍页面

第12步:

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

Photoshop设计透明质感的产品介绍页面

第13步:

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

Photoshop设计透明质感的产品介绍页面

步骤14:

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

Photoshop设计透明质感的产品介绍页面

Photoshop设计透明质感的产品介绍页面

Photoshop设计透明质感的产品介绍页面

步骤15:

创建一个新图层,选择钢笔工具,并创建一个小矩形。填补它与颜色# ffffff,减少透明度为25%。

Photoshop设计透明质感的产品介绍页面

步骤16:

现在选择文本工具并添加所需的文本。然后,点击“层”>“图层样式”>“阴影”,并使用以下设置。

Photoshop设计透明质感的产品介绍页面

第17步:

再一次,选择文本工具和添加标题文本使用颜色# 003 a58。

Photoshop设计透明质感的产品介绍页面
​​​​​​​

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

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?