本篇文章给大家谈谈ps网页制作图片，以及用ps制作网页效果图对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、网页素材图片制作-----photoshop
• 2、怎么用PS制作像网页一样的长图
• 3、在网页设计中如何用PS切图
• 4、做好的网页平面图用Photoshop怎么正确切图
• 5、photoshop网页切图怎么用

网页素材图片制作-----photoshop

图片选好，用PS里面有个切片工具按你网站要的设计的风格切起来就是了。

怎么用PS制作像网页一样的长图

PS能做动态图，既上面标题栏不动，下面的内容随着滚动条动，但也只是动态图而已，不能点，不能拖动

如果想实现如同网页那般可以自由拖动的，还是用Dw吧

在网页设计中如何用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，不然会有空隙，最后选择表格，背景添加图片即可。

做好的网页平面图用Photoshop怎么正确切图

Photoshop软件，简称“PS”，是由Adobe Systems开发和发行的图像处理软件，Photoshop主要处理以像素所构成的数字图像，其众多的编修与绘图工具，可以有效地进行图片编辑工作。用Photoshop cc2014软件将做好的网页平面图切图的详细制作方法是：

1、打开ps软件，“文件--打开”做好的网页平面图；

2、打开“切片工具”，设置“样式”正常；

3、用“切片工具”在图片上右键打开--划分切片，根据实际需要，设置“切片”数，“水平划分为”2，“垂直划分为”2，确定；

4、“文件--存储为web所用格式”，存储，取好文件名，保存；

5、打开电脑“文档”，可以看到一个专门文件夹“images”，打开文件夹即可看到切好的图片了。

photoshop网页切图怎么用

在photoshop的工具栏中找到切片工具，就可以在图片内按照网页设计的要求进行切片了，如同使用框选工具一样拉出一个方形区域，这就是一个切片；也可以利用切片选择工具对切片进行调整。切片制作好以后选择储存为web所用格式，在保存对话框内内根据需要选择“HTML和图像”或“仅限图像”等选项······

ps网页制作图片的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于用ps制作网页效果图、ps网页制作图片的信息别忘了在本站进行查找喔。