Photoshop网页制作教程
步骤 1

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

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

用白填充选区。图层 >> 图层样式 >> 投影。设置如下：
描边：大小 1像素，颜 #939393 不透明度 44%。

步骤 3

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

为选区填充 #2061A8。

步骤 5
图层 >> 图层样式 >> 投影。设置如下：

渐变叠加：


图案叠加：
步骤 6


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

步骤 7

创建新的图层。

步骤 8

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


步骤 9

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


图层 >> 图层样式 >> 投影。


步骤 10

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


步骤 11

图层 >> 图层样式 >> 投影。 
渐变叠加：


步骤 12

为导航栏添加文字。
步骤 13

按照如上方法建立其余导航条。


步骤 14

现在我们开始制作内容框，利用圆角矩形绘制如下矩形框。


将图层面板的填充属性设为 0%。

图层 >> 图层样式 >> 渐变叠加。


步骤 15

按照之前的方法建立另一个内容框。 
Photoshop绘制漂亮的商业类型网站模板
首先要感谢的是你能够访问这个教程。在这个教程中我将创建一个商业网站布局。如果你经常访问我的网站的话，你将会看到创建一个好看的网站是多么容易。在这个博客里你会到更多的布局教程。你会好奇这是为什么吗?


我使用Photoshop已经很长时间了，从那个时候开始我就为客户创建网站，并因此挣了不少钱。我想要教给你如何创建网站的原因是因为创建网站可比创建一个简单的Photoshop效果挣钱多了。如果你想开始从网上挣钱的话，为你未来的客户创建网站正是时候。我这里有一个例子，为一个logo或者一个照片效果你能付多少钱?也许是50美元至100美元?从我开始设计至今我创建过数目上千的logo，上百个大的网站，我的大部分收入都是从设计网站布局中获得的，这就是为什么我认为你应该开始创建网站的原因。我将会尽可能的讲述的简单易懂，我敢肯定通过我的方法会创建出漂亮的网站布局。

出自：飞鱼的声纳翻译

让我们开始我们的教程，在这个教程中，我将创建一个商业网站布局。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。