Photoshop网页制作教程12 - 图形图像.docx

背景区域图片看不清楚？请点击这里查看原图（大图）。设置顶部的矩形条图层样式如下设置底部的矩形条样式如看原图（大图）。导入LOGO文件导入一张光晕图片图片看不清楚？请点击这里查看原图（大图）。将图片裁剪

背景区域图片看不清楚？请点击这里查看原图（大图）。设置顶部的矩形条图层样式如下设置底部的矩形条样式如

看原图（大图）。导入LOGO文件导入一张光晕图片图片看不清楚？请点击这里查看原图（大图）。将图片裁剪

一个绘制的网页设计26.如何创建一个极好的破旧风格的网页29.web2.0photosh

工具。无论你是使用photoshop的菜鸟还是高手，你都可以通过搜索引擎搜索到很多的教程和资源。大部

Photoshop网页制作教程

在线投稿－素材基地－论坛讨论－原创作品集－查看更多相关内容

时间：2007-8-3111:47:17作者：来源：52浏览：

步骤1

创建750x500px画布，并将前景色设为白色。

创建新的图层，利用矩形选框工具创建如下选区。

请点击这里查看原图（大图）。为LOGO标志添加背景边框，并设置填充为8%

请点击这里查看原图（大图）。为LOGO标志添加背景边框，并设置填充为8%制作两条矩形条作为导航按钮的

同的方法在画布底部建立矩形。步骤9填充颜色（#2061A8），并添加投影效果。图层图层样式投

骤6为网站添加文字LOGO（点击查看本站文字特效相关教程）。步骤7创建新的图层。步骤8按照与步骤3相

原图（大图）。为两条导航条添加文字，并且我们用两条1px高度的线条（一黑一白）来分割他们之前的区域图

步骤2

用白色填充选区。图层图层样式投影。设置如下：

描边：大小1像素，颜色#939393不透明度44%。

步骤3

创建新图层，再次利用矩形选框工具在画布顶端建立如下矩形选框。（注意：为了实现网页的层次感，这次的矩形边框与之前的矩形左右两边各空出2个像素）

栏添加文字。步骤15按照之前的方法建立另一个内容框。Photoshop

栏添加文字。步骤15按照之前的方法建立另一个内容框。Photoshop绘制漂亮的商业类型网站模板首先

收入都是从设计网站布局中获得的，这就是为什么我认为你应该开始创建网站的原因。我将会尽可能的讲述的简单

会看到创建一个好看的网站是多么容易。在这个博客里你会找到更多的布局教程。你会好奇这是为什么吗?我使用

程中，我将创建一个商业网站布局。设置前景色为：#2b2724选择油漆桶工具，为画布上色，选择背景层按

步骤4

为选区填充#2061A8。

步骤5

图层图层样式投影。设置如下：

渐变叠加：

图案叠加：

ssPSD布局3.水彩画背景网页文件夹布局

ssPSD布局3.水彩画背景网页文件夹布局6.暗色组合像素布局7.酷的组合布局8.在photosho

?也许是50美元至100美元?从我开始设计至今我创建过数目上千的logo，上百个大的网站，我的大部分

栏添加文字。步骤15按照之前的方法建立另一个内容框。Photoshop绘制漂亮的商业类型网站模板首先

收入都是从设计网站布局中获得的，这就是为什么我认为你应该开始创建网站的原因。我将会尽可能的讲述的简单

步骤6

为网站添加文字LOGO（点击查看本站文字特效相关教程）。

步骤7

创建新的图层。

步骤8

按照与步骤3相同的方法在画布底部建立矩形。

步骤9

填充颜色（#2061A8），并添加投影效果。

面创建一个简单的白色点想要效果好一点的话，可以将此图层的透明度改变为25%最后的结果如下希望你能喜欢步一步的去学如何使用

面创建一个简单的白色点想要效果好一点的话，可以将此图层的透明度改变为25%最后的结果如下希望你能喜欢

步一步的去学如何使用photoshop来创建一个网页布局模板。1.碳素纤维布局2.商业wordpre

.设计工作室布局20.GreenPresswordpress主题设计21.使用“960网格系统”来设

个导航按钮的右边。在整个布局的上方，我会创建一个简单的文字logo，在以后的教程中我会向你展示如何创

图层图层样式投影。

步骤10

利用圆角矩形工具绘制如下形状。

步骤11

图层图层样式投影。

片看不清楚？请点击这里查看原图（大图）。新建950x1160大小文件，填充背景颜色#161616

片看不清楚？请点击这里查看原图（大图）。新建950x1160大小文件，填充背景颜色#161616，使

影。步骤10利用圆角矩形工具绘制如下形状。步骤11图层图层样式投影。渐变叠加：步骤12为导航

的背景如下图就是鼠标移动到NEWS按钮时的效果了制作白色矩形添加样式将完成后的矩形复制一次放到底部，

面创建