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

 时间: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布局及其图片插入链接
  • 热门搜索
    端午节手抄报怎么画 文学手抄报内容 我阅读我快乐手抄报 教师节手抄报大全图片 缅怀先烈的手抄报图片 英语圣诞节手抄报 中国梦手抄报资料 地球日手抄报的文字 手抄报中秋 关于教师节的手抄报