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

PS设计时尚风格数码科技电子商务网站

  • 2021-05-15 18:29:58
  • 来源/作者:互联网/佚名
  • 己被围观

一篇简单快速构架商务网站的教程。在本教程中,我将告诉你如何用时髦的布局方法制作电子商务型的在线购物网站。你可以使用这个布局做出任何你喜欢的电子商务购物平台及CMS系统

12、有时候,做页面切片时,你需要一些焦点状态,表示当前鼠标操作时间。

这就是接下来要做的,使用矩形工具创建按钮,继续使用黄色的图层样式。

Photoshop设计时尚风格数码科技电子商务网站

13、向导航内添加一些文本。如下图所示。

Photoshop设计时尚风格数码科技电子商务网站

14、制作banner,随着Apple网站UI设计的成功范例,越来越多的网站采用赶紧大版面的banner图片吸引大家的注意力。

所以,在导航栏中我将添加一个MacBook Pro笔记本电脑图片。

Photoshop设计时尚风格数码科技电子商务网站

15、然后在banner图片内添加一些圆角矩形工具按钮。

Photoshop设计时尚风格数码科技电子商务网站

16、在banner下方,创建一个白色区域,用于添加一些产品。

Photoshop设计时尚风格数码科技电子商务网站

17、在这个区域内展示出你要展销的产品图片,我随机排列了一些图片做例子。

Photoshop设计时尚风格数码科技电子商务网站

18、在每个产品之间用直线工具画一些线条做分割,这些线条用浅灰色即可。

Photoshop设计时尚风格数码科技电子商务网站

19、接下来开始制作左侧竖排导航。用圆角矩形工具制作黄色Title,黄色title之下制作一些灰色的形状。如果你仔细看一下我的PSD文件,你会看到这些灰色形状实际上是黑暗的形状,但他们有一个非常低的透明度:大约20%。你可以在层调色板中改变透明度值。

Photoshop设计时尚风格数码科技电子商务网站
​​​​​​​

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

更多精彩内容

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