ps如何做网页设计(PS网页设计教程)

ps如何做网页设计,PS网页设计教程

内容导航：

怎么用ps做网页设计

如何用Photoshop制作网页模板

如何用Photoshop做网页设计

用PS如何做网页按钮图片

一、怎么用ps做网页设计

你是要做效果图，还是生成网页？生成网页的话，直接用切片工具，切好，然后存储为web所用格式，选择格式为html就可以啦。

二、如何用Photoshop制作网页模板

网页中的元素有很多，像Banner条、文本框、文字、版权、Logo、广告等。
尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。
不过图层一多，就显得很凌乱，可建立多个图层组来进行管理。
单击图层面板右上角的小三角按钮，从弹出菜单中选择“新建组”，在随后出现的对话框中为新建组取一个名称(如：“网页顶部”)，确定即可。
这时图层面板中多出一个文件夹图标，即图层组。
把相关联的图层都拖放到同一组中，比如网页顶部的所有元素，标题、菜单、Logo等都放到“网页顶部”组中(见图1)。
同样方法可以建立多个组，在组的下面还可以建立子组。
点击图层组前面的小三角，就可以像文件夹一样展开或折叠它，这样图层面板就显示干净利落得多，要修改某个元素也能很容易找到。
对同一组中的所以图层可以方便地进行统一操作，如整体复制、删除、隐藏、合并等。
小提示： ★如果你想借鉴某个网页的设计，不妨把它截成图片放在最下面的图层中，再拉出多个参考线划出网页的大致版式，再在此基础之上边参考边制作自己的网页。
从Photoshop到Dreamweaver的转换 在Photoshop中设计好之后，下面就要用切片工具把它转换成网页。
有些人在切片之前喜欢合并图层，其实没有必要，合不合并图层对最终生成的网页没有多大影响，反而会妨碍以后的编辑修改。
第1步：我们最终需要的，只是Photoshop中制作的图形和框架。
选择切片工具(快捷键为K)，把需要的每个图形独立切分出来。
每切分出一个图形，在它的左上角会显示出切片编号(见图2)。
第2步：在工具箱右击切片工具，从弹出菜单中选择“切片选择工具”，用它可以选取、移动切片，并可以调整切片的大小。
右击某个切片还可以删除或划分这个切片。
最关键的是“切片工具”。
你可以在一张图像上任意添加按钮、图片、文字等内容，做成网页最关键的一步就是切片，用切片工具托拉，就能拉出一块块的区域（这些区域后来在网页软件中可以设置链接），然后把这个文件存储为web所用格式，这样存储的文件是一个html和一个装有切成块的图。
把这个html文件用dreamwaver打开，对这些切成块的区域进行设置链接就可以了。
网页背景设计好之后,使用切片工具划分,然后使用dreamweaver制作表格,之后将图片逐个加入单元格,或作为背景,或作为图片显示.简单的就是这样啦.

三、如何用Photoshop做网页设计

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

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

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

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

四、用PS如何做网页按钮图片

答：新建的时候建立为透明背景的图片，保存的时候保存为GIF图片，或png图片，只有这两种图片才是透明图片，在网页上显示才不会显示背景白边。