ps设计网页模板（ps版面设计模板）

本文目录一览：

• 1、如何才能使用ps作网页模版？
• 2、如何用Photoshop制作网页模板?
• 3、如何用Photoshop制作网页模板?
• 4、怎么用PS做网页模板？？还有，AI好学吗
• 5、如何用photoshop制作网站页面

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

你的这个问题问非常好！

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

1.

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

2.

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

3.

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

4.

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

祝你顺利！

如何用Photoshop制作网页模板?

最关键的是“切片工具”。

你可以在一张图像上任意添加按钮、图片、文字等内容，做成网页最关键的一步就是切片，用切片工具托拉，就能拉出一块块的区域（这些区域后来在网页软件中可以设置链接），然后把这个文件存储为WEB所用格式，这样存储的文件是一个HTML和一个装有切成块的图。

把这个HTML文件用DREAMWAVER打开，对这些切成块的区域进行设置链接就可以了。

如何用Photoshop制作网页模板

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

怎么用PS做网页模板？？还有，AI好学吗

PS和AI的不同点就是一个是专业的图片处理软件，一个是专门是包装的设计软件.

如果你学会了PS那AI差不多可以自学了。里面有好多快捷键都差不多。用法也差不多。

切片工具你用它来做什么？我建议你可以忽略不用它。

在PS里做网页比较麻烦的。图层多到恐怖。我做过一二次就没想再做第三次了。

虽然效果会比那些要好点。但是图层的这些方面实在太多了。

如果你比较熟悉PS那就在那个里面做，不是的话就不用在PS里

如何用photoshop制作网站页面

1.先做图，这个需要很好的PS功底才行

2.切图，要知道网页结构才能切图

3.生成网页，PS本身能另存为网页

4.优化网页，需要使用DW软件来优化修改去掉多余的空白区域，背景优化。

5.制作成模板，如果要应用到相应的CMS中需要加入CSS代码和标签代码调用。

6.上线测试浏览器兼容性看是否错位，经过不停的修改后达到满意效果。

做网页不容易，做网站更不容易，做个好网站是难上加难，如果是爱好学习一下也罢，如果想用在商业上最好专业人员来做，你只付钱就行了。

ps设计网页模板的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于ps版面设计模板、ps设计网页模板的信息别忘了在维启网络进行查找喔。