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

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

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

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

在所有电子商务网站,定价表中起着非常重要的作用。通过精心设计,可以让来网站的布局、颜色和字体更加完美,使你的网站能最大程度地吸引潜在客户。一个粗制滥造的设计将会让你失去你的客户,但是一个好的设计将带给你更多的客户。如果你的定价表不够明确或者觉得不够凸显,客户可能不会接受你的任何产品。让你的客户感觉你的定价表需要明确和一致的。客户需要能够迅速地比较你的每个产品的价格优势等不同的信息。所以,今天我们要利用photoshop打造一个明确的定价表。我们将使用不同的纹理、效果和混合技术来实现一个“透明的玻璃”的方法。

教程用到的素材:

织物纹理(https://fj.psjia.com/d/file/bigpic/2022/12/24/xdztns2tu0y

粗糙的纹理(https://fj.psjia.com/d/file/bigpic/2022/12/24/4svlc5m4q4f

背景图像(http://black-moon16.deviantart.com/gallery/#/d1mnhsb)

现在,在我们开始之前,让我们看看我们的最终产品:

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

步骤1:

打开Photoshop创建一个宽度:700 px 高度: 800 px的新文件。

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

步骤2:

现在,打开背景图像,并将其粘贴到我们新建的Photoshop文件中。

然后点击“滤镜”>“模糊”>“高斯模糊。“你也可以通过使用“图像”>“调整”>“亮度/对比度。”

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

步骤3:

选择矩形工具, 使用颜色值为# ffffff创建一个矩形。

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

步骤4:

改变其混合模式为“柔光”和降低填充和不透明度到90%。

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

步骤5:

选中矩形图层,打开“图层样式”窗口。并应用下列图层样式设置:

描边:大小1px, 不透明度40%; 其余设置不变 颜色:#ffffff

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

内阴影:

混合模式:线性减淡(添加)

颜色:#FFFFFF

不透明度:22%

距离:5px

大小:51px

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

外发光:

混合模式:叠加

不透明度:75%

颜色:#FFF;

(从下面的开始将不再详细翻译,相信读者都应该能看懂!如果不懂就百度谷歌,实在不行可以联系我!教程盒子)

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

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

步骤6:

选择矩形工具,创建一个小矩形。降低层的透明度到30%。

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

 1/4    1 2 3 4 下一页 尾页

*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打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条