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

PS设计炫彩的商业网页界面设计

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

本教程主要使用Photoshop绘制绚丽多彩的商业Web页面,该教程将逐步教您如何制作一个华丽的Web网页。

6、在大图片下面,继续创建4个小矩形。尝试使用不同的颜色。

我使用的尺寸是222*182px。颜色值分别是:#f15522、#66aa44、#eea411、#1188cc

Photoshop设计炫彩的商业网页界面设计

7、现在我们做一下小颜色块上的高光效果。

创建另一个层(按CTRL + SHIFT + ALT + N),在高光层内,添加白色到透明的径向渐变。

Photoshop设计炫彩的商业网页界面设计

8、调整该高光层的混合模式为叠加,同时改变不透明度为50%.

Photoshop设计炫彩的商业网页界面设计

9、复制该高光层到每个颜色图层上方。

Photoshop设计炫彩的商业网页界面设计

10、接下来做导航部分。

在网站布局的顶部,将创建一个新的矩形。

Photoshop设计炫彩的商业网页界面设计

11、对该层使用下面的图层样式。

Photoshop设计炫彩的商业网页界面设计

Photoshop设计炫彩的商业网页界面设计

Photoshop设计炫彩的商业网页界面设计

Photoshop设计炫彩的商业网页界面设计

12、创建一个小圆椭圆工具,直径22px。

Photoshop设计炫彩的商业网页界面设计

13、对这个小圆,添加下面的图层样式。

Photoshop设计炫彩的商业网页界面设计

Photoshop设计炫彩的商业网页界面设计
​​​​​​​

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

更多精彩内容

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