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

 时间: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布局及其图片插入链接
  • 热门搜索
    回锅肉的家常做法 治咽炎最佳方法 养肝护肝的方法 猪皮怎么做好吃 凤凰古城怎么去 痔疮的最佳治疗方法 口疮的快速治疗方法 怎么减小腿 怎样做羊肉好吃 香港男演员大全