ps网页模板（ps模板素材网站）

本文目录一览：

• 1、如何才能使用ps作网页模版？
• 2、PSD的模板文件，怎么用PS转化成网页模板
• 3、如何用Photoshop制作网页模板

如何才能使用ps作网页模版？

你的这个问题问非常好！

我说几个制作网页模板的关键点吧！

1.

首先分辨率一定要设置成72像素/英寸，因为这个是所有显示设备的标准分辨率

2.

其次如果是做成模板的话要注意对图层会组，不同的功能区块编成一组，这样方便今后替换素材。

3.

把切片做好，以便一键导出所有图片

4.

图层命名很重要，规范的命名有助于今后对模板的更新和维护

祝你顺利！

PSD的模板文件，怎么用PS转化成网页模板

1、在电脑上打开PS软件，在软件的菜单栏中找到文件，点击后选择打开按钮。

2、选中需要处理的PSD文件，点击打开。

3、在软件的导航栏中选择切片工具。

4、用切片工具在图片上进行所需要的分割，如本例中分为上下两块。

5、在软件左侧的菜单栏中点击文件，选择存储为WEB选项。

6、在弹出的对话框中，点击存储按钮。

7、在弹出的存储对话框中，选择文件格式html和图像以及所有切片，点击保存。

8、打开文件存储的路径，可以看到生成了一个images文件夹和有网页图标的文件。

9、打开带有网页图标的文件即可看到该网页图片后缀名为html的文件了。

如何用Photoshop制作网页模板

网页中的元素有很多，像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。 不过图层一多，就显得很凌乱，可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮，从弹出菜单中选择“新建组”，在随后出现的对话框中为新建组取一个名称(如：“网页顶部”)，确定即可。这时图层面板中多出一个文件夹图标，即图层组。把相关联的图层都拖放到同一组中，比如网页顶部的所有元素，标题、菜单、Logo等都放到“网页顶部”组中(见图1)。同样方法可以建立多个组，在组的下面还可以建立子组。 点击图层组前面的小三角，就可以像文件夹一样展开或折叠它，这样图层面板就显示干净利落得多，要修改某个元素也能很容易找到。对同一组中的所以图层可以方便地进行统一操作，如整体复制、删除、隐藏、合并等。 小提示： ★如果你想借鉴某个网页的设计，不妨把它截成图片放在最下面的图层中，再拉出多个参考线划出网页的大致版式，再在此基础之上边参考边制作自己的网页。 从Photoshop到Dreamweaver的转换 在Photoshop中设计好之后，下面就要用切片工具把它转换成网页。有些人在切片之前喜欢合并图层，其实没有必要，合不合并图层对最终生成的网页没有多大影响，反而会妨碍以后的编辑修改。 第1步：我们最终需要的，只是Photoshop中制作的图形和框架。选择切片工具(快捷键为K)，把需要的每个图形独立切分出来。每切分出一个图形，在它的左上角会显示出切片编号(见图2)。 第2步：在工具箱右击切片工具，从弹出菜单中选择“切片选择工具”，用它可以选取、移动切片，并可以调整切片的大小。右击某个切片还可以删除或划分这个切片。

关于ps网页模板和ps模板素材网站的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注云尚网络www.ysfad.net。