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

 时间: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布局及其图片插入链接
  • 热门搜索
    印度尼西亚旅游攻略 黄山宏村旅游 厦门旅游年卡办理 梅县旅游 北京昌平旅游景点 呼伦贝尔旅游局 苏州旅游节 武汉有哪些旅游景点 坦桑尼亚旅游 江西著名旅游景点