ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 3485|回复: 0
收起左侧

[网页图片] photoshop设计vista风格网页

[复制链接]
发表于 2009-9-3 22:45:47 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x

以下是详细的photoshop教程步骤:新建一个800*900,背景为#1e1e1e的文件。选择圆角矩形工具,在顶部拖出一个高约30px的黑色矩形框。并添加以下样式:
现在黑色圆角矩形条应该有点vista的意思了吧,选择自定义形状,添加网站首页图标,和站点地图图标。
打开一张vista风格的壁纸,这里用vistagrass壁纸,(点着下载),调整、裁剪大小。
下面制作高光区,用钢笔工具做出下面选取:
填充白色,并添加图层模板,梯度渐变。
添加网站标题和口号
复制第一步里面的黑色矩形框,去掉内阴影效果,移动到绿色草地下面作为导航栏。并添加导航文字。

13 5下面制作,下面的内容板块。同样用圆角矩形工具,做出一个大小适当的,标题栏。添加如下样式:
标题栏做好后,仍然是圆角矩型工具,在下面添加内容框。
最终得到页面:
您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-12-22 15:31 , Processed in 0.022360 second(s), 10 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表