当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计透明质感的产品介绍页面(2)

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

第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设计透明质感的产品介绍页面

  • 共3页:
  • 上一页
  • 1
  • 2
  • 3
  • 下一页
  • 上一篇:Photoshop设计大气黑色风格的网页模板
    下一篇:Photoshop设计移动APP应用类型网站

    图集推荐

    • 灵感
    • 美图