photoshop设计vista风格网页

• 2022-12-24 23:24:04
• 来源/作者：互联网/佚名
• 己被围观次

以下是详细的photoshop教程步骤:新建一个800*900，背景为#1e1e1e的文件。选择圆角矩形工具，在顶部拖出一个高约30px的黑色矩形框。并添加以下样式：










现在黑色圆角矩形条应该有点vista的意思了吧，选择自定义形状，添加网站首页图标，和站点地图图标。


打开一张vista风格的壁纸，这里用vistagrass壁纸，（点着下载），调整、裁剪大小。


下面制作高光区，用钢笔工具做出下面选取：


填充白色，并添加图层模板，梯度渐变。


添加网站标题和口号


复制第一步里面的黑色矩形框，去掉内阴影效果，移动到绿色草地下面作为导航栏。并添加导航文字。





13 5下面制作，下面的内容板块。同样用圆角矩形工具，做出一个大小适当的，标题栏。添加如下样式：










标题栏做好后，仍然是圆角矩型工具，在下面添加内容框。


最终得到页面：

*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）

标签(TAG) 空来风 网页模板

上一篇：PS逼真按键教程

下一篇：用ps为你的网站制作笑脸logo

更多精彩内容

• APP展示图，教你怎么用PS制作APP的界面图片
• 用ps制作大拇指胜利手势logo
• 用ps制作金属质感徽章
• 用ps制作绿色环保Logo
• 用ps制作放大缩小logo
• ps cs6设计火箭UI图标
• 教你用PS打造网页效果图全过程
• 进度条，设计一个彩色进度条