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

 时间: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布局及其图片插入链接
  • 热门搜索
    结婚纪念日祝福语 chick是什么意思 tick是什么意思 周五祝福语 什刹海有什么好玩的 认缴制是什么意思 门第的意思 angel是什么意思 钓海鱼用什么鱼饵 潜移默化是什么意思