ps网站设计（ps网站设计导航条）

本文目录一览：

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

怎么用ps做网页设计

根据楼主的提问可以把问题分成2块理解

第一层怎么用PS软件设计网页

这个的话，一般你看上好看的网站之后保存为图片格式

导入到PS软件，调整好网页的大小，针对性的地方进行修改便可。

第二层的理解是你不知道怎么把把设计好的网页导出为WEB所有格式。

简单的图片格式的保存为网页格式的话

第一、在PS里面设计好网页

第二、利用切片工具把网页切成一块一块，要想提高页面访问速度的话就切片切的小一点

第三、保存为WEB所有格式 （图片及HTML） 这样的话你直接打开HTML的话

就形成了页面访问的网页了。

怎么用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、移动图片到指定的位置；

如何用photoshop做网页

很多朋友不知道用ps做网页的规范，下面来介绍一下。

打开电脑中的Photoshop界面，我们先创建一个宽度为1200，高度任意，分辨率为72的画布。

画布创建完成之后，我们在1200px的左右两侧都拉一根辅助线固定。

接着打开画布大小，取消“相对”，将宽度调整为1920px。

设置完成之后，在红色的区域内也就是1200px区域之内进行编辑操作设计就行了，具体操作方法就看你个人网页设计能力了。

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打开即可进行其他编辑了，也可直接在网页中打开。