软件下载吧
软件下载吧
●
文章资讯
分类
分类
首页
应用
游戏
文章
厂商
排行榜
photoshop设计vista风格网页
2024-02-05 06:00
作者:下载吧
以下是详细的photoshop教程步骤:新建一个800*900,背景为#1e1e1e的文件。选择圆角矩形工具,在顶部拖出一个高约30px的黑色矩形框。并添加以下样式:
现在黑色圆角矩形条应该有点vista的意思了吧,选择自定义形状,添加网站首页图标,和站点地图图标。
打开一张vista风格的壁纸,这里用vistagrass壁纸,(点着下载),调整、裁剪大小。
下面制作高光区,用钢笔工具做出下面选取:
填充白色,并添加图层模板,梯度渐变。
添加网站标题和口号
复制第一步里面的黑色矩形框,去掉内阴影效果,移动到绿色草地下面作为导航栏。并添加导航文字。
13 5下面制作,下面的内容板块。同样用圆角矩形工具,做出一个大小适当的,标题栏。添加如下样式:
标题栏做好后,仍然是圆角矩型工具,在下面添加内容框。
最终得到页面:
分享:
展开全部
相关文章
photoshop制作banner横幅实例
photoshop如何做Skype好友图标
photoshop制作logo教程:钢盔
如何用photoshop设计网页界面教程
photoshop快速绘制含图案的透明立体按钮
photoshop做凸出的按钮
photoshop设计解析漂亮醒目的杂志设计分析
photoshop质感按钮入门制作教程
photoshop制作简单绚丽的导航效果
photoshop教程:制作Vista警告图标
说两句
网友评论
我要跟贴
取消