如何ps制作一个好网页设计，教您怎样用Photoshop制作一个漂亮的网页

创新互联建站网站建设公司是一家服务多年做网站建设策划设计制作的公司,为广大用户提供了成都做网站、成都网站建设，成都网站设计，1元广告，成都做网站选创新互联建站，贴合企业需求，高性价比，满足客户不同层次的需求一站式服务欢迎致电。

1，教您怎样用Photoshop制作一个漂亮的网页

第一步首先新建一个文档。我创建的是宽1100px高1100px的文档。这个文档可以用于宽为1024px的站点，仍然还有空间去决定在可视区域之外如何布置，这样在更大屏幕下也很好的适应。现在第一步先创建一个美观抽象背景。我们使用从#1b204c到#472373这两种颜色按照线性递减绘制背景。第二步现在我们要一个吸引眼球的背景，足够抽象到不会干扰人阅读文字。很走运，在GoMedias Arsenal站点里有一张很棒的免费水彩图片，点击“freebie（免费赠品）”区，你就能找到两张水彩图片；我们要的是绿色那张。现在这样很开心了，你按下CTRL+I将图片反置，会在黑色为底的背景上呈现漂亮的粉紫色，这样就更酷了！第三步现在把处理过的水彩图片拷贝到主画布上，按下CTRL+T键，将其调整到适当大小。这里我们要将右边淡化为黑色（这样在后面我们可以更方便地编辑我们的 HTML代码）。另外，我们也不想在竖直方向过长，因此最好擦掉一些超出的地方。选取一个画刷，选用黑色擦去底下部分。注意最好选取带有一些纹理的画刷，这样擦去部分不会显得很明显。如果你向下滚动画刷列表，有一个Photoshop自带的像图例中的画刷。这个画刷也能用，当然你可能有其他更漂亮的画刷，用起来更加自如。你选中以后，在右边和底下区域黑色填充，这样这层就覆盖在整个画布上了。

2，用photoshop做网页方法

800*600我一般宽会设成780px，1024*768 宽度会设成 1000px，高度当然要看内容多少来定。布局就不好说了要看设计者的喜好、习惯、网站的功能、设计风格来定了。接下来就是切图了，切图是个很麻烦但又很关键的步骤。切图前必须考虑好图片大小（大图为了浏览时能顺利打开最好切割成N小快），是否为背景图（有的图很大，但实际上都是小图片的平铺效果，所以遇到这种图只取小图，在网页中设为背景就可以了）。除此之外还要考虑是否可以用图片以外的元素代替，比如有的纯色块完全没必要用图片，只要在网页中调整表格的颜色就可以得到相同的效果。photoshop有专门的切割工具，按需要把设计好的网页切割好后用ctrl+alt+shift+s保存，就会生成一个html文件了，你会发现html的图片文件夹里已经有你切好的一块一块的小图片。浏览这个web页面，显示的效果和ps中的完全一致，似乎布局已经完成了。但Dreamweaver现在才刚刚开始排的上用场，因为网页毕竟不是纯粹的图片，还需要文字、flash、声音等元素的添加，Dreamweaver要做的就是继续完善你的页面，图片越少越好，该删的删、该设背景的设为背景该用表格颜色代替的用颜色代替。哇塞想想都麻烦^ ^归根结底 photoshop 是用来构图设计的，而Dreamweaver是为了完成并完善图片到网页的转换过程。

3，如何用Photoshop做网页设计

如果是给个人做，怎么做都无所谓。如果是在公司里给客户做。这一步不可少，出了效果图后，要给客户看。等客户确定不再修改时再做网页，目的就在于防止客户反复修改，动布局！另外会做网页效果图，代表你的设计能力。用dreamweaver直接做的后果是边想边做，容易把设计思路搞混了！据我所知，这样的教程基本没有。因为做网页效果图只要基本的操作，有时从别的网页截一块下来处理一下，直接用到自己的效果图上。一般显示器分辨率宽:1024 高: 768 宽减去滚动条的宽度, 一般为1003-1004 不会有横拉条高度根据页而定网页设计需要的PS操作技术并不是很多，只要掌握基础就行了。但是你想要做好一个稿子就不是那么简单了。这当中有一些天赋的因素，但是更多的是学习。你可以从模仿别人的稿子开始，渐渐的融入自己的东西。 http://www.68design.net/这个站每天都会有新的酷站收藏，也有设计欣赏。 http://www.zcool.com.cn/这个站素材丰富而且也有酷站收藏。要做好网页设计，一定要多看，拼命的看并且吸收里面的东西，看看高手们是怎么处理细节的，这样慢慢自然会有提高。是否可以解决您的问题？

先在ps里设计好前台,然后用dreamweaver布局出来设计前台就是划分好区域,搭配好颜色,再就是做一些小修饰、效果,看起来美观就行如果自己没有灵感的话,就多浏览别人做的网页,就会有思路了。

4，如何用photoshop做网页

用dreamweaver做网站，photoshop只是辅助作用，给你个视频教程吧，挺好的，我刚看了的，教你怎么做网站还有怎么用PS和dreamweaver结合的，满意就给分吧，嘿嘿http://www.pconline.com.cn/pcedu/videoedu/dreamweaver/0704/1002891.html

用photoshop把页面设计好，再切割，用dreamweaver编辑

PS只是做一些边框。。按钮的外观的，然后切片背景的吧。。。

PS只是做样式用的

哈哈,以上的回答都是错误的......PS也可以完成网页制作......用PS制作好一个页面,再导入PS姐妹软件ImageReady制作,切片切好.一些连接的制作就到别的网页制作软件编辑吧.在IR(其实大家都算她是PS)里做好一切后,最后就是生成HTML文件了,操作:文件>>>存储优化结果>>>格式选HTML和图像>>>>确定保存,好了完成了!

5，怎么使用PS制作一个网页

你好!准确的说，ps是制作网页的其中一个软件之一,制作网页有专用的“网页三剑客”：PS、DW、flash。想要做网页的话，你起码要会前两个，其中ps在网页制作里面的作用主要就是：划分切片+图片处理。划分切片：就是将你在ps里面做好的网页版面进行合理的划分，划分为一个个小的切片，然后用DW对这些切片进行布局。图片处理：这个很好理解，就是对网页图片进行优化+处理，以节省空间和达到你想要的图片效果。最终的网页文件是在DW这个软件里面完成的，单靠ps做不出来一个完整的网页。

首先是在photoshop中制作网页的框架。网页中的元素有很多，像banner条、文本框、文字、版权、logo、广告等。尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。不过图层一多，就显得很凌乱，可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮，从弹出菜单中选择“新建组”，在随后出现的对话框中为新建组取一个名称（如：“网页顶部”），确定即可。这时图层面板中多出一个文件夹图标，即图层组。把相关联的图层都拖放到同一组中，比如网页顶部的所有元素，标题、菜单、logo等都放到“网页顶部”组中。同样方法可以建立多个组，在组的下面还可以建立子组。点击图层组前面的小三角，就可以像文件夹一样展开或折叠它，这样图层面板就显示干净利落得多，要修改某个元素也能很容易找到。对同一组中的所以图层可以方便地进行统一操作，如整体复制、删除、隐藏、合并等。小提示： ★如果你想借鉴某个网页的设计，不妨把它截成图片放在最下面的图层中，再拉出多个参考线划出网页的大致版式，再在此基础之上边参考边制作自己的网页。从photoshop到dreamweaver的转换在photoshop中设计好之后，下面就要用切片工具把它转换成网页。有些人在切片之前喜欢合并图层，其实没有必要，合不合并图层对最终生成的网页没有多大影响，反而会妨碍以后的编辑修改。第1步：我们最终需要的，只是photoshop中制作的图形和框架。选择切片工具（快捷键为k），把需要的每个图形独立切分出来。每切分出一个图形，在它的左上角会显示出切片编号。第2步：在工具箱右击切片工具，从弹出菜单中选择“切片选择工具”，用它可以选取、移动切片，并可以调整切片的大小。右击某个切片还可以删除或划分这个切片。第3步：切分出所有图片后，执行“文件→存储为web所用格式”命令，打开存储对话框，根据需要设置好图片的格式、调色板等参数后，点击右上角“存储”按钮调出保存对话框，选择html网页格式，使用默认设置，选择“所有用户切片”，保存即可。第4步：在dreamweaver中打开刚才保存的网页，添加文字并进行各种编辑修改就可以了。怎么样，简单吧！注意：photoshop导出的实际上就是一个大的表格，所有空白的地方也都会转换为图片填充，在dw中编辑时，直接删除这些图片再添加相应的内容即可。小提示： ★在photoshop中编辑好图形后，点击工具箱最下面的按钮（快捷键为ctrl+shift+m），可以转到imageready里进行编辑，在这里，切片工具的功能更为强大，输出的图形控制也更丰富。

文章名称：如何ps制作一个好网页设计，教您怎样用Photoshop制作一个漂亮的网页
网页路径：http://pwwzsj.com/article/icpoed.html