当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop入门教程:绘制橙色网页搜索条

Photoshop
网页界面设计展示 逼真的效果让人叹为观止
祈福:插画师用画笔绘5.12地震主题插画(2)
六一礼物 Photoshop绘儿童节贺卡
端午节快乐 Photoshop打造节日礼物
端午节作品欣赏
展示2008奥运会门票票样组图
photoshop+Illustrator制作地狱火文字
PS作品欣赏:你能分辨出真假吗?
photoshop背景橡皮扣图实例
北京奥运夺金热门人选PS电影海报
变形金刚早期感念造型作品欣赏
photoshop+绘影2数位板绘成熟美女头像
作品欣赏:猪猪猫猫的生活日记
Photoshop入门教程:制作虚线的方法
Photoshop简单制作网页实用绿色箭头
广告条图片设计的几个步骤
Photoshop教程:绘制现代感CD封面
Photoshop图层样式制作照片金光闪闪效果
Photoshop CS4最新窗口截图
作品欣赏:黑色视觉中的红色惊艳

Photoshop入门教程:绘制橙色网页搜索条


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-27   浏览: 375 ::
收藏到网摘: n/a

效果图:

chengsesousuo25

1 .是建立一个新文件大小为450 × 200,
2.双击背景层解锁,右键图层;设置图层的混合选项;

chengsesousuo1

chengsesousuo2

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

chengsesousuo3

4.设置它的混合选项;

chengsesousuo4

chengsesousuo5

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

chengsesousuo6

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

chengsesousuo7

chengsesousuo8

chengsesousuo9

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

chengsesousuo10

chengsesousuo11

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

chengsesousuo12

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

chengsesousuo13

chengsesousuo14

chengsesousuo15

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

chengsesousuo16

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

chengsesousuo18

chengsesousuo19

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

chengsesousuo20

chengsesousuo21

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

chengsesousuo22

14.设置图层混合选项:

chengsesousuo23

chengsesousuo24

15.加上文字就完成;

chengsesousuo25