怎样用背景图制作导航栏中的竖线

 时间:2024-10-12 07:03:17

1、打开photoshop软件,新建一个文档,设置好宽度和高度。

怎样用背景图制作导航栏中的竖线

2、新建一个图层,选中图层一,打开前景色,选择自己需要的颜色,用填充工具填充。(填充工具快捷键G)

怎样用背景图制作导航栏中的竖线

3、新建图层二,在图层二中用画笔工具画小线段。(画线段时按住shift键可以画直线)(画笔笔触大小自己设置)

怎样用背景图制作导航栏中的竖线

4、复制图层二,选中副本,(ctrl+A全选)选中线段,拖动线段向右移动(按住shift键可以平蚨潍氢誊移),再用ctrl+D取消选区。

怎样用背景图制作导航栏中的竖线

5、重复上一步,做出自己的背景图,如下图。

怎样用背景图制作导航栏中的竖线

6、做好之后,选中储存为web格式。

怎样用背景图制作导航栏中的竖线

7、选中jpeg格式储存就ok了,也可以储存为gif或bmp格式,这都可以。

怎样用背景图制作导航栏中的竖线
  • js如何改变div的属性
  • Dreamweaver如何看到当前网页详细的结构
  • HTML用代码制作虚线框方法
  • HTML怎么点击按钮弹出视频
  • css如何单独对一个单元格设置样式
  • 热门搜索
    关于地震的手抄报 8k手抄报版面设计图 红五月手抄报 国防教育手抄报图片 四年级上册数学手抄报 手抄报安全 家规家训手抄报 中学生安全手抄报 安全手抄报版面设计图 元旦手抄报的内容