如何用PS来设计简单的网页？

PS软件应用十分的广泛，修改图像，运用图层蒙版设计简单网页，文字排版，网页优化，包括导航图，网页底端的页脚，网页主题内容，特效文字的制作，动作按钮的设计等。今天和我一起来学习如何用PS来设计简单的网页这篇文章吧。

1、新建一个800X600像素的空白背景，颜色模式设置为RGB模式。RGB模式颜色是由红色，绿色，蓝色三种颜色相交构成，可以更好的显示网页中的色彩内容。

2、新建文件，点击确定，空白文件会自动显示在软件中。对于新建空白文件来说，图像的宽度和高度的大小要按照等比例进行设计，也可以不勾选重新定义新像素来实现。

3、打开一张车的，移动到白色背景画布中，选择圆角矩形工具，选择路径为了方便转换为选区，设置为5个像素，像素越大，圆角矩形的四个圆角就是更加的明显，然后选择渐变工具，选中系统自带的黑白渐变，修改黑白渐变的颜色，改为灰白，也可以设置前景色为灰色，背景色为白色进行渐变的填充，然后点击确定。

4、然后选择工作路径，鼠标CRL点击工作路径，设置为选区，选中线性渐变类型，然后画出渐变的颜色。渐变的方向是从上到下为白色到浅灰色的渐变效果图。

5、然后选择修改收缩2个像素，就是将选区收缩小2个像素，变小一些，然后再次从下向上渐变，然后alt快捷键复制2个，如图所示，然后找到车的一个的图标按钮，然后用磁性套索工具勾勒好，然后鼠标左键拉动到合适位置，然后选择3个图层，然后水平分布，和居中分布对齐。然后选择左对齐分布，分布均匀。分布按钮是在选择工具上方的工具栏中，有平均分布对齐等多个按钮。

6、然后再次用钢笔工具勾画另外一个车的图标，然后再用自由变换调整到合适位置，然后点击2个图层之后，进行左对齐分布。分布到形状中的最左边位置即可。

7、再次选择一个不同的车的图标设计，然后用钢笔工具进行勾画图标，或者为了方便，可以直接用魔棒工具来选择，选中其需要图形的一部分。

8、然后再次选中图形，形状图形，全部选中相应图层，调整水平分布和左对齐分布。当分布不均匀，可以按住鼠标左键自动进行调整。

9、所有的图标都自由变换，调整到合适位置，如图。按住crl+t来实现图形的自由变换的内容。如图

10、输入相应的文字，文字的颜色设置为黑色，将其三个文字图层，按住shift键和左右方向键进行移动调整来改变。之后将车的进行调整，便于观看，文字进行排版即可。

想改哪个就把哪个导进PS里,改完再保存成它原来的名字就可以了,
比如说网页名称是indexhtm那么一般会有一个文件夹叫indexfiles 这里面就是存的indexhtm里用到的,你在里面找要改,改完再保存成它原来的名字就可以了

1、我们打开ps软件，新建一个19203000的文件，分辨率选择72像素，颜色为白色。

2、在guideguide插件中，我们将左右边距都设置为360，行数为12，余边为20，单位都为像素。

3、下面我们建立首屏线，在视图中找到新建参考线，选择水平，数值为785像素。

4、然后用矩形工具绘制一个1920785的色块，换一下颜色，便于区分。

5、下面我们建立导航条，大小为192080，我们用矩形工具去创建。

6、下面用文字工具输入导航内容。

7、下面为了更加方便的为了以后的创作，我们选择窗口字符样式，创建一个字符样式，以后的文字就可以用到了。

8、继续做下面的页面就可以了。

如果是给个人做，怎么做都无所谓。如果是在公司里给客户做。这一步不可少，出了效果图后，要给客户看。等客户确定不再修改时再做网页，目的就在于防止客户反复修改，动布局！
另外会做网页效果图，代表你的设计能力。用dreamweaver直接做的后果是边想边做，容易把设计思路搞混了！
据我所知，这样的教程基本没有。因为做网页效果图只要基本的 *** 作，有时从别的网页截一块下来处理一下，直接用到自己的效果图上。
一般显示器分辨率
宽:1024
高:
768
宽减去滚动条的宽度,
一般为1003-1004
不会有横拉条
高度
根据页而定
网页设计需要的PS *** 作技术并不是很多，只要掌握基础就行了。
但是你想要做好一个稿子就不是那么简单了。
这当中有一些天赋的因素，但是更多的是学习。
你可以从模仿别人的稿子开始，渐渐的融入自己的东西。
>