Photoshop制作网页搜索条

1 .是建立一个新文件大小为450 200, 2.双击背景层解锁,右键图层;设置图层的混合选项; 3.用圆角矩形工具画一矩形半径8px; 分页标题 4.设置它的混合选项; 5.按下ctrl点击这个图层,然后用矩形选框工具将左侧区域减去; 分页标题 6.在这个选区下新建图层并填

Photoshop设计网站用的蓝色导航图框

步骤1 首先创建一个新文档并将其设置为540X440像素大小,用浅灰色#343435和深灰色#222222从左上角到右下角放射状渐变填充背景。 步骤2 创建一个新的图层(Layer New Layer)。选择圆角矩形工具,将其半径设置为10像素大小,画出一个300X300像素大小的方框。 步骤3 用#007ccb和

Photoshop制作网页搜索条插图

1 .是建立一个新文件大小为450 × 200,

2.双击背景层解锁,右键图层;设置图层的混合选项;

Photoshop制作网页搜索条插图(1)

Photoshop制作网页搜索条插图(2)

3.用圆角矩形工具画一矩形半径8px;

Photoshop制作网页搜索条插图(3)

                                       
4.设置它的混合选项;

Photoshop制作网页搜索条插图(4)

Photoshop制作网页搜索条插图(5)

5.按下ctrl点击这个图层,然后用矩形选框工具将左侧区域减去;

Photoshop制作网页搜索条插图(6)

                                       
6.在这个选区下新建图层并填充颜色,设置图层混合选项;

Photoshop制作网页搜索条插图(7)

Photoshop制作网页搜索条插图(8)

Photoshop制作网页搜索条插图(9)

                                       
7.在这个选区下再新建图层并填充白色,设置不透明度30%;使用选框工具选定下半部分;按del删除;

Photoshop制作网页搜索条插图(10)

Photoshop制作网页搜索条插图(11)

8.使用5步骤的同样方法选择一下区域;

Photoshop制作网页搜索条插图(12)

                                       
9.新建图层填充任意色,右键选择图层的混合选项;并设置如下:

Photoshop制作网页搜索条插图(13)

Photoshop制作网页搜索条插图(14)

Photoshop制作网页搜索条插图(15)

                                       
10.同第5步做个白色图层;设置不透明度35%;图层混合模式设为柔光;

Photoshop制作网页搜索条插图(16)

11.选区为顶部2px高;新建图层并设置不透明度21%;图层混合模式设为叠加;

Photoshop制作网页搜索条插图(17)

Photoshop制作网页搜索条插图(18)

                                       
12.用多边形工具做一个小三角;填充白色并设置图层的混合选项;

Photoshop制作网页搜索条插图(19)

Photoshop制作网页搜索条插图(20)

13.用选框工具设置宽度为2px;选取矩形并新建图层填充白色

Photoshop制作网页搜索条插图(21)

                                       
14.设置图层混合选项:

Photoshop制作网页搜索条插图(22)

Photoshop制作网页搜索条插图(23)

15.加上文字就完成;

Photoshop制作网页搜索条插图

Photoshop制作网页搜索条插图

1 .是建立一个新文件大小为450 × 200,

2.双击背景层解锁,右键图层;设置图层的混合选项;

Photoshop制作网页搜索条插图(1)

Photoshop制作网页搜索条插图(2)

3.用圆角矩形工具画一矩形半径8px;

Photoshop制作网页搜索条插图(3)

                                       

4.设置它的混合选项;

Photoshop制作网页搜索条插图(4)

Photoshop制作网页搜索条插图(5)

5.按下ctrl点击这个图层,然后用矩形选框工具将左侧区域减去;

Photoshop制作网页搜索条插图(6)

                                       

6.在这个选区下新建图层并填充颜色,设置图层混合选项;

Photoshop制作网页搜索条插图(7)

Photoshop制作网页搜索条插图(8)

Photoshop制作网页搜索条插图(9)

                                       

7.在这个选区下再新建图层并填充白色,设置不透明度30%;使用选框工具选定下半部分;按del删除;

Photoshop制作网页搜索条插图(10)

Photoshop制作网页搜索条插图(11)

8.使用5步骤的同样方法选择一下区域;

Photoshop制作网页搜索条插图(12)

                                       

9.新建图层填充任意色,右键选择图层的混合选项;并设置如下:

Photoshop制作网页搜索条插图(13)

Photoshop制作网页搜索条插图(14)

Photoshop制作网页搜索条插图(15)

                                       

10.同第5步做个白色图层;设置不透明度35%;图层混合模式设为柔光;

Photoshop制作网页搜索条插图(16)

11.选区为顶部2px高;新建图层并设置不透明度21%;图层混合模式设为叠加;

Photoshop制作网页搜索条插图(17)

Photoshop制作网页搜索条插图(18)

                                       

12.用多边形工具做一个小三角;填充白色并设置图层的混合选项;

Photoshop制作网页搜索条插图(19)

Photoshop制作网页搜索条插图(20)

13.用选框工具设置宽度为2px;选取矩形并新建图层填充白色

Photoshop制作网页搜索条插图(21)

                                       

14.设置图层混合选项:

Photoshop制作网页搜索条插图(22)

Photoshop制作网页搜索条插图(23)

15.加上文字就完成;

Photoshop制作网页搜索条插图

作者: 791650988

为您推荐