在网页设计中如何用PS切图

1、在Photoshop中打开设计稿，如下图：



2、选择工具板上的slice切片工具，大面积的色块单独切成一块，尽可能的保持在水平线上的整齐，切好的图如下所示：



3、在PhotoShop中选择file-save for web...来输出，这里要注意一些参数的选择：



4、接下来在Dreamweaver里建立站点：



5、在图示左边的site name中为站点起一个名字，如example然后在下面的local root folder中选择刚才导出的站点的文件夹：




6、重新制作页面表格，通常在photoshop中直接导出的htm文件是不可以直接使用的，因为有些地方在实际运用时要作调整：



7、根据这个页面表格所示，在新的页面中建立一个三行一列的表格，把cellpadding,cellspacing,border三项值设为0，不然会有空隙，最后选择表格，背景添加图片即可。

只用PS可以设计网页UI吗？想学网页设计新手求教！

首先你得确定网页分辨率，如现在主流电脑显示器分辨率至少是1080P的，那么你的规格设置为宽1080象素*高n象素，就可以了（网页右侧会有一个拖动条这个会占去部分显示面积，所以1080像素是通用标准，n代表设计页面的实际高度，这个按你需要，没有标准。分辨率72DPI），确定好分辨率之后，然后就是内容设计了，和一般的平面设计还是存在些许不同的，这里一句两句说不清了，我现在也在秒秒学上学习PS网页设计，你可以百度一下，他们家新上了不少课程，交互式的教学方法也蛮好学易懂的，希望可以帮到你。

怎么用ps设计网页主页

制作主页是一项非常复杂的工作，跟创意合成有点类似。首先要根据客户的要求去找一些好的作品作为参考，找出一些灵感，然后搜集相关的素材，并按照自己的思路去慢慢溶图、渲染颜色，处理明暗及细节等。最终效果
一、网页首页模版创建
1、首先打开我们下载的ps软件，左上角选择文件-新建（快捷键ctrl+N），然后创建一个1920x3000的画布，网页设计分辨率选择72就可以，颜色模式我们选择RGB,点击创建；（注意宽度选择的是像素）
为什么我们要创建1920宽的呢，目前我们的显示器分辨率一般为1920px，所以创建1920px宽度的可以使我们的网页背景正好显示完整，左右不会出现空白。

2、接下来我们要将单位与标尺调整为像素，方便我们测量宽高。操作步骤为：编辑-首选项-单位与标尺（快捷键ctrl+K，找到单位与标尺）
3、选择 视图-标尺（快捷键ctrl+R）调用我们的刻度尺，方便直观的看到宽度和高度；左击刻度尺拖出2条参考线分别到360和1560刻度，使中间留有1200px的宽度。两个刻度尺中间的距离就为我们内容展示的区域，使用 （快捷键ctrl+; ）可以显示关闭刻度。

为什么要使用1200px的宽度呢，因为目前主流的网页设计主体内容宽度为980px和1200px，而1200px可以显示更多的内容，网页也可以显得更加的高端大气。

二、使用矩形工具制作黑色背景导航条：
1.选择“矩形工具”，设置填充色为“#333”，描边设为空；

2.创建“图层1”点击画布，在弹出的窗口中设置宽度1920，高度25，点击创建；

3.使用移动工具将导航条移动到左上角；
三、logo图片导入

1、使用文件->打开（ctrl+o），将logo图片打开；

2、ctrl+A选中图片，然后复制粘贴到当前页面中；

3、移动图片到指定的位置；