网页设计中如何画出高亮漂亮的分割线

 时间:2026-02-15 20:21:15

1、打开PS软件,新建一文档,尺寸为 600X400(大小可以自己设置),填充橘色

网页设计中如何画出高亮漂亮的分割线

2、1:新建一图层

2:选中 直线 工具, 在刚才新建的文档中,画一条1px的直线,颜色比刚才的 橘色稍微深一些

网页设计中如何画出高亮漂亮的分割线

网页设计中如何画出高亮漂亮的分割线

3、1:新建图层,紧挨着刚才的图层

2:选中 直线 工具, 在刚才新建的文档中,画一条1px的直线,颜色设为白色

网页设计中如何画出高亮漂亮的分割线

4、1:把白色的线放在 橘色线的下面

2:调整白色图层的不透明度 35%,橘色的线也可以做适当调整

这样一共高亮的线就做好了,

网页设计中如何画出高亮漂亮的分割线

5、合并这两个图层,分别用图层蒙板创建向左向右的渐变。

网页设计中如何画出高亮漂亮的分割线

6、用此种方法可以得到各种颜色的线

网页设计中如何画出高亮漂亮的分割线

网页设计中如何画出高亮漂亮的分割线

  • CSS如何实现首字下沉效果
  • css中文字围绕图片显示的div怎么设置
  • HTML中怎么插入图片作为背景?
  • Dreamweaver CS6如何应用:[37]调用JavaScript
  • html中div布局及其图片插入链接
  • 热门搜索
    旅游景区质量等级的划分与评定 旅游活动 诸暨旅游 杭州周边旅游 旅游包 本溪旅游景点 香港迪士尼旅游攻略 众信旅游官网 黑龙江旅游景点大全 五一节旅游