ps网页设计,ps网站

Photoshop是否有网页版？

Photoshop无网页版，但稿定设计为×photopea在线PS，对应PS网页版，其作用基本上相同，支持普通图文排版、魔棒、快选以及钢笔等运算，站点默认为中文字，还有多种图片混合模式，滤镜等，但它比Photoshop的灵活性大得多，无需下载和安装，您可以直接登陆来使用，免费无广告、非常便捷。

photoshop是怎样做网页的

photoshop就是能够制作网页的。我们知道，网页的制作过程就是将页面上需要显示的图片和文字等信息在电脑中编辑好之后再放到网页内容表中进行存储的过程。但制作完成后，图形位主页面。在使用时需要用到一些基本的图像操作技巧和图像处理知识，才能制作出高质量的网页。这是一种图形处理工具。adobe公司提供有pagemaker做网页的

photoshop如何做网页

打开PS新建一个空白文档，在预设大小的下拉列表中选择“1024 x 768”，图案采用“RGB颜色”图案，内容设定是“白色”，单击“好”键，完成创建文件。

新建一个图层，名为“框架”，使用这个图层真实地对网页进行总体布局。使用“矩形框选项”来确定所需显示区域和位置。第一，选“矩形的选择工具”，再设定矩形宽度1024，高度设80，分别从文件上、下两边框选出部分内容，填入黑色，由此使得整个页面呈现出一种“宽屏幕”的效果。

在背景图层之上创建新图层，并且取名“背景颜色”。在新图层上添加一个小图标——“前景显示框”，用来展示当前场景中的一些信息。点击“矩形选择工具”，设“宽400，高768，再选择窗口左边框部分，填入深绿色。接着单击“矩形选择工具”，设“宽度为624，高度为768，然后在窗口右边框中选择一部分，填上一种浅绿色，填上两种颜色饱和度相差一点的颜色，目地是产生比较明显的反差。

“框架”图层上面又建了一个图层，名字叫“主体元素”。使用鼠标单击“编辑按钮”，并选中需要进行修改的属性值和位置信息。翻开预置的照片，双击“背景”层，把它转换成“图层0”，单击“魔术棒”这个工具，单击照片中的白色区域，选了白色区域之后，按DEL键去掉白色区域。这时可以看到一个黑色小块，这就是我们要制作的“背景”了。再将照片拖放到图层中的“主体元素”中

再选用“矩形的选择工具”，设“宽度为624，高度为768，然后在窗口中选择花朵右侧的一部分，并调整其亮度和对比度，使花朵的左右两边呈现出明显的对比。

在网页上做了详细调整，添加了部分导航栏、信息提示内容以及版权信息，最后做出的网页如图。

选用“切片”工具，再切入内容。切分具有利于网络中文件传输等优点，同时，使用切片工具分割内容时，宜独立分割出需更换文字内容的地方。

Photoshop下网页的制作方法

soso问里面回答：

一，用Photoshop做网页框架。我们可以先创建一个网站的框架模型，然后通过这个模型来控制其他的一些元素。网页包含了许多要素，比如Banner条，文本框，文本，版权，Logo，广告等等。我们可以通过设置它们之间的相互位置来实现对页面风格的控制。试着在不同图层上放置这些比较独立的要素，从而便于后期重新编辑。

但图层一多就有了，显得杂乱无章，可以设置多个图层组以实现管理。如果想对图片有更高要求的话，则需要创建图层板。点击图层面板右上方小三角按钮，在弹出的菜单中选择“新建组”，在接下来出现的对话框中，为新组取一个名称为（如：“网页顶部”），确定即可。如果要将这些新加入到图层面板上的话，则先按下下拉框内的弹出窗口选项，然后再按上拉框内的弹出窗口属性项。此时在图层面板上多了个文件夹图标——图层组。将新增加的图片或者其他文件放入到这个图层组，然后再删除这些文件即可。将所有关联图层拖入同一个图层集合，例如网页顶部各要素，标题，菜单等、Logo和其他均被置于“网页顶部”组。如果要创建新的组，则需要打开该列表文件，然后再将其添加到对应的表中，这样就会形成多个不同大小和类型的组，从而提高了系统性能。相同的方式可设置多组，组下也可设置子组。

在图层组前单击小三角，它可以像文件夹一样展开或折叠，从而使图层面板的表现利落了许多，要修改某个元素也能很容易找到。如果你想查看一个对象在另一图层上是如何运动的，只要将这个对象移动到与该对象相对应的位置即可。对于同组的因此图层，很容易统一操作，例如，整体复制，删除，隐藏，合并。

提示一下：

★要参考某网页设计，不妨将其截取成图，并置于最下一层，再拉几条参考线，画出网页大概版式，然后在这个基础上，一边查阅一边做你的页面。

从Photoshop到Dreamweaver的转换 从Photoshop到Dreamweaver的转换

经过Photoshop的设计，以下要使用切片工具将其转换为网页。如果你是个摄影爱好者的话，可以利用它制作出一张精美的图片，但要想制作一个优秀的网站就必须先创建好自己的站点了，而创建站点需要用到很多软件和硬件设备。有的喜欢先合并图层，再切片，实际上是不必要的，合与不合图层对于最后产生的网页并不会产生太大的影响，却阻碍了后期编辑修改。

第一步，我们终于要了，不过是在Photoshop里做图形和框架而已。如果你想做一些特殊的图形，可以用另一种方法来实现。选用切片工具（快捷键为K），将所需的各个图形单独切去。每切一道图，其左上角将出现切片编号。

步骤二，点击工具箱右侧的切片工具，在弹出的菜单中选择“切片的选用工具”，有了它，切片就可选择，移动了，并且可对切片大小进行调节。如果要改变一个切片的话，只需将该文件复制到另一张图上去即可。向右点击某一个切片，也可将该切片删除或者分割。

步骤三，将照片全部切下，执行“文件→存储为Web所用格式”命令，开启存储对话框，按要求设定画面的形式、在调色板和其他参数之后，点击右上角的“存储”按钮，调出保存对话框，选用HTML网页格式，采用默认设置，选择“全部用户切片”并保存。

步骤四，打开Dreamweaver里刚刚保存好的页面，增加文字，做多种编辑修改即可。如果你想把自己的作品用图片来展示的话，那么这个步骤是必不可少的哦。怎么样，很简单！接下来要做的是把你想显示的内容转换成一张大张的图片文件。注意：Photoshop导出的实际上就是一个大的表格，所有空白处还将变换成图片填充，编辑到DW后，将这些照片直接去掉，然后加上对应的东西就可以了。

提示一下：

★用Photoshop对图形进行编辑之后，单击工具箱底部的按钮（快捷键为Ctrl+Shift+M），可转至ImageReady编辑，切片工具更有威力，输出图形控制更是丰富多采。

如何把PS照片做成网页

插入风页中，还可进行切图，再产生网页格式即可成网页！