本篇文章给大家谈谈ps网页设计教程及素材，以及ps网页设计教程及素材下载对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、如何用photoshop制作网页界面
• 2、ps怎么设计网站的图文logo标志
• 3、Photoshop制作网页的方法

如何用photoshop制作网页界面

photoshop制作网页界面的一般流程为新建文档

文档尺寸为浏览器全屏后减去下拉条等元素的宽度，一般为1000px。高度一般为三到四屏。高度设置成五屏、六屏的也有。一般考虑的用户的阅读耐受力，太多屏的高度会影响用户阅读。多了建议做跳转。

设计好文档尺寸，然后就是网页设计工作了。在网络资源丰富的今天，web页面的设计素材网站是丰富的。昵图网、我图网、爱给网、68design网里有很多设计素材。

最后，记得保存您的网页界面文件。

ps怎么设计网站的图文logo标志

1、首先，我们要根据自己网站的名称和想要设计的风格找到图片素材。

2、其次，打开PS软件，分别打开需要的素材图片。若打开的图片显示为“索引”，需要更改属性为“图层”，否则，索引和图层间是不能合并的。更改方法为：选中“索引”属性的图片，菜单栏中选择：图像模式RGB颜色，即可。

3、图像模式由“索引颜色”更改为“RGB颜色”后，若仍然不能编辑，是因为其为背景图层，已经被锁定。解锁方法为：双击右面框中的背景图层，更改为图层x即可，x的值自由定义。

4、再次，利用PS的移动工具把一个图层中的图像移动到另一个图层（做背景图像的那个图层）中，把图层0中的图像移动到图层1中。

5、再次，选中某个图层，利用快捷键ctrl+t选中后，按住shift键同等比例缩放，或者按住ctrl键单方向缩放。调整好尺寸后按回车确定即可。用同样的方法修改另一个图层中的图像，直到效果满意为止。

6、再次，在自己域名下的网站模板中查看logo图像的尺寸，方法为：右键点击logo图像，单击”属性“即可。知道logo的尺寸后，在PS中图像图像大小中更改像素的长宽值与之对应即可。

7、最后，利用FTP上传工具把刚才设计好的logo图像上传，一般先更改设计好的图像名为logo.png或者logo.gif，找到空间中原来logo.png/logo.gif的地址，传送覆盖即可。

Photoshop制作网页的方法

设计网页的方法很多，常见的有直接编写代码方法，利用可视化软件设计(例如DreamWeaver)法，利用中间软件实现格式转换法(例如Word生成HTML代码)，还有就是PS设计网页法。我们为大家收集整理了关于Photoshop制作网页，以方便大家参考。

首先，用Photoshop建立空白画布，载入一张网页图片

利用切片工具，把图片切片(切成你想要的效果)

然后打开“开始”菜单，找到另存为web格式

然后全选，全部储存为JPG格式，保存图像和HTML网页

保存好的HTML在Dreamweaver打开即可进行其他编辑了，也可直接在网页中打开。

ps网页设计教程及素材的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于ps网页设计教程及素材下载、ps网页设计教程及素材的信息别忘了在本站进行查找喔。