WEB开发网
开发学院图形图像PhotoShop photoshop教程:创建清新、色彩生动的网页布局 阅读

photoshop教程:创建清新、色彩生动的网页布局

 2010-01-13 00:00:00 来源:WEB开发网   
核心提示: 第十七步:复制图层“分隔线”,“高光”同时选中“分隔线”,photoshop教程:创建清新、色彩生动的网页布局(6),“高光”这两个图层,使用移动工具(V),创建圆角矩形,命名新的图层为“

第十七步:复制图层“分隔线”,“高光”

同时选中“分隔线”,“高光”这两个图层,使用移动工具(V),按住alt+shift,拖动两个图层中的对象至另一个菜单与菜单之间,这就相当于复制“分隔线”,“高光”的操作,重复拖动动作,根据您的菜单多少来复制

photoshop教程:创建清新、色彩生动的网页布局

第十八步:为图层“分隔线”,“高光”编组

选择所有的图层“分隔线”,“高光”,按ctrl+g,进行编组,组命名为“分隔线”。

第十九步:为当前页面创建激活按钮

现在我们将为当前菜单页面创建一个激活按钮,来区分其它的菜单按钮。选取矩形工具(U)并像下图一样新建矩形,并把这图层放置在“菜单”图层的下方,双击图层,进行“渐变叠加”的设置,图层命名为“激活按钮”,设置透明度为50%。

photoshop教程:创建清新、色彩生动的网页布局

效果图:

photoshop教程:创建清新、色彩生动的网页布局

第二十步:创建搜索框

新建组,命名为“搜索”,放置在“导航”组上面。选取圆角矩形工具(U),设置半径3px,前景色为#104f59,创建圆角矩形,命名新的图层为“文本区域”,透明度为80%。

上一页  1 2 3 4 5 6 7 8 9 10  下一页

Tags:photoshop 教程 创建

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接