ps网页设计制作

1、如何用Photoshop做网页设计

如果是给个人做，怎么做都无所谓。如果是在公司里给客户做。这一步不可少，出了效果图后，要给客户看。等客户确定不再修改时再做网页，目的就在于防止客户反复修改，动布局！
另外会做网页效果图，代表你的设计能力。用dreamweaver直接做的后果是边想边做，容易把设计思路搞混了！
据我所知，这样的教程基本没有。因为做网页效果图只要基本的操作，有时从别的网页截一块下来处理一下，直接用到自己的效果图上。

一般显示器分辨率 宽:1024 高: 768 宽减去滚动条的宽度, 一般为1003-1004 不会有横拉条 高度 根据页而定
网页设计需要的PS操作技术并不是很多，只要掌握基础就行了。
但是你想要做好一个稿子就不是那么简单了。
这当中有一些天赋的因素，但是更多的是学习。
你可以从模仿别人的稿子开始，渐渐的融入自己的东西。

http://www.68design.net/
这个站每天都会有新的酷站收藏，也有设计欣赏。
http://www.zcool.com.cn/
这个站素材丰富而且也有酷站收藏。

要做好网页设计，一定要多看，拼命的看并且吸收里面的东西，看看高手们是怎么处理细节的，这样慢慢自然会有提高。
是否可以解决您的问题？

2、photoshop在网页制作的作用

首先，做网页设计为什么要使用photoshop，photoshop是一个图形图像处理软件，而且是可视化的操作，可以让设计师更方便的进行操作。那有人会说Firworks可以设计网页吗，答案肯定是有的，因为Firworks也是图形图像软件，只是根据个人的操作习惯了，另外一般Firworks给人的印象是一个只会做GIF动画的软件，可能是对软件的偏见吧，现在绝大部分做网页设计都使用PS。从软件的角度来说，PS的功能会比FIR要强大许多！

从软件的界面的设计，到软件的实用性，以及特效的制作上，都有着不可超越的特性，而且photoshop还在不断的升级过程中，现在最高的版本是CS6，它不仅仅可以实现网页设计的制作以及平面设计效果图的制作，还可以制作GIF动画以及3D效果图！

做为做网页设计的平台，photoshop起着至关重要的作用，做网页设计，首先必须要有一个自己足够熟悉的平台，而且在操作上要有效率，后期做网页设计，效率是一个非常值得关注的问题。

3、ps网页设计教程

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

如何用PS来设计简单的网页
新建一个800X600像素的空白背景，颜色模式设置为RGB模式。RGB模式颜色是由红色，绿色，蓝色三种颜色相交构成，可以更好的显示网页中的色彩内容。
新建文件，点击确定，空白文件会自动显示在软件中。对于新建空白文件来说，图像的宽度和高度的大小要按照等比例进行设计，也可以不勾选重新定义新像素来实现。
打开一张车的图片，移动到白色背景画布中，选择圆角矩形工具，选择路径为了方便转换为选区，设置为5个像素，像素越大，圆角矩形的四个圆角就是更加的明显，然后选择渐变工具，选中系统自带的黑白渐变，修改黑白渐变的颜色，改为灰白，也可以设置前景色为灰色，背景色为白色进行渐变的填充，然后点击确定。
然后选择工作路径，鼠标CRL点击工作路径，设置为选区，选中线性渐变类型，然后画出渐变的颜色。渐变的方向是从上到下为白色到浅灰色的渐变效果图。
然后选择修改收缩2个像素，就是将选区收缩小2个像素，变小一些，然后再次从下向上渐变，然后alt快捷键复制2个，如图所示，然后找到车的一个的图标按钮，然后用磁性套索工具勾勒好，然后鼠标左键拉动到合适位置，然后选择3个图层，然后水平分布，和居中分布对齐。然后选择左对齐分布，分布均匀。分布按钮是在选择工具上方的工具栏中，有平均分布对齐等多个按钮。
然后再次用钢笔工具勾画另外一个车的图标，然后再用自由变换调整到合适位置，然后点击2个图层之后，进行左对齐分布。分布到形状中的最左边位置即可。
再次选择一个不同的车的图标设计图片，然后用钢笔工具进行勾画图标，或者为了方便，可以直接用魔棒工具来选择，选中其需要图形的一部分。
然后再次选中图形，形状图形，全部选中相应图层，调整水平分布和左对齐分布。当分布不均匀，可以按住鼠标左键自动进行调整。
所有的图标都自由变换，调整到合适位置，如图。按住crl+t来实现图形的自由变换的内容。如图
输入相应的文字，文字的颜色设置为黑色，将其三个文字图层，按住shift键和左右方向键进行移动调整来改变。之后将车的图片进行调整，便于观看，文字进行排版即可。

4、教您怎样用Photoshop制作一个漂亮的网页

第一步 首先新建一个文档。我创建的是宽1100px高1100px的文档。这个文档可以用于宽为1024px的站点，仍然还有空间去决定在可视区域之外如何布置，这样在更大屏幕下也很好的适应。

现在第一步先创建一个美观抽象背景。我们使用从#1b204c到#472373这两种颜色按照线性递减绘制背景。

第二步 现在我们要一个吸引眼球的背景，足够抽象到不会干扰人阅读文字。很走运，在GoMedia’s Arsenal站点里有一张很棒的免费水彩图片，点击“freebie（免费赠品）”区，你就能找到两张水彩图片；我们要的是绿色那张。

现在这样很开心了，你按下CTRL+I将图片反置，会在黑色为底的背景上呈现漂亮的粉紫色，这样就更酷了！

第三步 现在把处理过的水彩图片拷贝到主画布上，按下CTRL+T键，将其调整到适当大小。这里我们要将右边淡化为黑色（这样在后面我们可以更方便地编辑我们的 HTML代码）。另外，我们也不想在竖直方向过长，因此最好擦掉一些超出的地方。选取一个画刷，选用黑色擦去底下部分。

注意最好选取带有一些纹理的画刷，这样擦去部分不会显得很明显。如果你向下滚动画刷列表，有一个Photoshop自带的像图例中的画刷。这个画刷也能用，当然你可能有其他更漂亮的画刷，用起来更加自如。

你选中以后，在右边和底下区域黑色填充，这样这层就覆盖在整个画布上了。

5、ps网页设计制作过程。

第一:整个网站的风格要把握 第二:图片的处理,图片的大小不能太大。 第三:安全性问题 第四:客户的体验。比如你的投票板块放在哪里客户会给你投票而不是让客户反感

6、使用ps制作网页时画布通常会使用什么单位

你好，单位一般是像素，尺寸见以下图片，望采纳。

7、用PS制作网页要存什么格式的图片

存储为web格式 也可以直接存储为png格式即可。

ps制作网页步骤:
1.先用Photoshop做一个网页图片；
2.Ctrl+R调出标尺，在图片上绘制表格，框选出要做链接的部分；
3.使用切片工具，按照绘制的表格划分切片
4.以上步骤完成后，进行操作“文件”>“储存为Web和设备所用格式”，在打开的窗口中按照自己的需要为网页图片作设置，设置完成后，“储存”，保存类型“html和图片”，切片“所有切片”。
5.接下来用Dreamweaver打开html文件，为其作链接及其它。
6.最后保存就完了。