以后地位: 首页 > 设计教程 > 网页设计教程 > Photoshop设计透明质感的产品介绍页面

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

在统统电子商务网站,定价表中起着非常重要的感化。颠末过程精心设计,可以或许或许让来网站的布局、色彩和字体加倍完善,使你的网站能最大程度地吸引潜在客户。一个粗制滥造的设计将会让你失去你的客户,但是一个好的设计将带给你更多的客户。如果你的定价表不够明白或许觉得不够凸显,客户可能不会接受你的任何产品。让你的客户感觉你的定价表必要明白和同等的。客户必要可以或许或许敏捷地比较你的每个产品的价钱优势等分歧的信息。所以,本日咱咱咱们要利用photoshop打造一个明白的定价表。咱咱咱们将应用分歧的纹理、效果和混合技术来实现一个“透明的玻璃”的办法。

教程用到的素材:

织物纹理(http://brushsoulz.com/8-tileable-fabric-texture-patterns)

粗糙的纹理(http://brushsoulz.com/tileable-midnight-blue-grunge-patterns)

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

如今,在咱咱咱们开端之前,让咱咱咱们看看咱咱咱们的最终产品:

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

步骤1:

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

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

步骤2:

如今,打开配景图像,并将其粘贴到咱咱咱们新建的Photoshop文件中。

然后点击“滤镜”>“模糊”>“高斯模糊。“你也可以或许或许颠末过程应用“图像”>“调剂”>“亮度/对比度。”

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

步骤3:

抉择矩形对象, 应用色彩值为# ffffff创建一个矩形。

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

步骤4:

改变其混合情势为“柔光”和低落填充和不透明度到90%。

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

步骤5:

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

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

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

内阴影:

混合情势:线性减淡(添加)

色彩:#FFFFFF

不透明度:22%

距离:5px

大小:51px

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

外发光:

混合情势:叠加

不透明度:75%

色彩:#FFF;

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

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

步骤6:

抉择矩形对象,创建一个小矩形。低落层的透明度到30%。

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

分享到: 
Photoshop设计大气黑色作风的网页模板
Photoshop设计移动APP应用范例网站
友情链接:中远电工网  聚生IT新闻网  思维工坊语言培训网  车米长安汽车网  金刺猬文学社  司法知识网  佛山培训新闻网  山东生态农业新闻网  中国历史教研网  北青国际教育网