photoshop教程:创建清新、色彩生动的网页布局
2010-01-13 00:00:00 来源:WEB开发网核心提示: 第十七步:复制图层“分隔线”,“高光”同时选中“分隔线”,photoshop教程:创建清新、色彩生动的网页布局(6),“高光”这两个图层,使用移动工具(V),创建圆角矩形,命名新的图层为“
第十七步:复制图层“分隔线”,“高光”
同时选中“分隔线”,“高光”这两个图层,使用移动工具(V),按住alt+shift,拖动两个图层中的对象至另一个菜单与菜单之间,这就相当于复制“分隔线”,“高光”的操作,重复拖动动作,根据您的菜单多少来复制
第十八步:为图层“分隔线”,“高光”编组
选择所有的图层“分隔线”,“高光”,按ctrl+g,进行编组,组命名为“分隔线”。
第十九步:为当前页面创建激活按钮
现在我们将为当前菜单页面创建一个激活按钮,来区分其它的菜单按钮。选取矩形工具(U)并像下图一样新建矩形,并把这图层放置在“菜单”图层的下方,双击图层,进行“渐变叠加”的设置,图层命名为“激活按钮”,设置透明度为50%。
效果图:
第二十步:创建搜索框
新建组,命名为“搜索”,放置在“导航”组上面。选取圆角矩形工具(U),设置半径3px,前景色为#104f59,创建圆角矩形,命名新的图层为“文本区域”,透明度为80%。
更多精彩
赞助商链接