ps网页设计与制作模板

1、1网页设计师主要是用PS先将网页设计出来2进行网页制作，就是切片，div+css布局，将图片变成网页3后台制作可以自己开发，也可以套用cms，如dedecms，phpcms等 4具体步骤就是这样详细的牵扯到一些技术，就是html，div+css，js，jquery，js框架后台目前流行PHP语言这些都是基础 5需。

2、01创建一个1020px X 1060px的文件02下一步，我们将改变背景颜色用油漆桶工具，填补背景层颜色＃e3dec1 03选择矩形工具，绘制出以下尺寸形状1022X173和填充黑色＃04接下来，我选择选择一个如下的矢量图片素材，类似的都行，并将透明度设置为23％05现在，选择矩形工具U。

3、首先，我们需要先确定一个网站的类型和类型如果是企业网站，我们就需要将网站的内容编写成标题副标题和正文，然后根据内容的主题来设计网站的页面，同时也要注意网站中的字体的统一性如果是商城网站，我们应该使用衬线体手写体圆角矩形体粗体倾斜体等另一种简单的网页形式，如站酷淘最。

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

5、1 打开Photoshop软件，通过“文件打开”命令或双击操作界面，选取并打开“婚纱照jpg”与“浪漫背景jpg”两幅图片2 切换至“婚纱照jpg”图层，使用“磁性套索工具”沿人物轮廓创建选区，随后通过“移动工具”将其拖至“浪漫背景jpg”文档并调整大小及位置3 选中人物图层并添加图层蒙版，以。

6、1需要替换的图片放在模板图片上面就是新图图层在旧图图层上面，点新图图层，调大小ctrl+t出来框，按住shift拉动框的边角，大小合适按回车确定或者双击调大小可以先把新图图层透明度调低对比双击文字图层 T 的部位替换字体想要字体和模板一样就得网上下载所需字体2细节图具体指做什么样。

7、要将PSD图转化为HTML页面，首先需要明确PSD图与网页中的层概念的差异在PS中，层主要用于组织和管理图像元素，而在网页中，层则是一种构建元素布局的方法因此，将PS中的层直接转化为HTML页并非可行操作你下载的模板或许旨在引导你编辑PSD图以达到预期效果在PS中进行编辑，然后根据需要将特定区域的。

8、1在电脑上打开PS软件，在软件的菜单栏中找到文件，点击后选择打开按钮2选中需要处理的PSD文件，点击打开3在软件的导航栏中选择切片工具4用切片工具在图片上进行所需要的分割，如本例中分为上下两块5在软件左侧的菜单栏中点击文件，选择存储为WEB选项6在弹出的对话框中，点击存储。

9、新建项目功能 新建项目功能，基本给出了一些简单的模板文件，可以使用操作界面很像ps 侧边栏工具箱对比 功能上面大致相同文件的导出格式稿定设计 导格式还是有一定的限制，但是平常图片格式基本满足要求图像调整 相对于PS来说，删减了一些功能，但是基本的图像调整功能可以满足滤镜 滤镜只能使用它。

10、1首先打开Photoshop2在菜单栏选择“图像”打开后，在选择“图像大小”命令打开对话窗3设置参数，在“分辨率”一栏改变图像清晰问题，在高度宽度中设置图片大小如下图温馨提示使用ps软件可以轻松将文件的分辨率大小进行改变保存的时候一定要修改为图片格式，如jpg格式不能保存为psd。

11、如何利用网页设计模板，对于本身是设计，会使用PS的，可以进行相应的根据自己要求修改设计，往往模板只是作为参考，并不建议直接拿过来使用，做好模板就是切图了，这个工作很重要，切图的好坏，直接影响你的版面中制作时候的布局，最后是用网页制作软件来制作网页大体上这样的步骤来，详细的真不是一句话。

12、2修改模板 在模板面板中选定模板单击编辑按钮或双击模板名称或使用快捷菜单的Edit编辑完成后保存 3更新站点中使用模板的所有文件 Modify菜单TemplatesUpdatePages 如何制作网页模板 首先你要明白网页制作的流程1网页设计师主要是用PS先将网页设计出来2进行网页制作，就是切片，div+css布局。

13、二mockupworldco 模型世界Mockup World，一个丰富免费Mockup原型素材的网站，涵盖手机原型苹果手机原型书籍时装服饰标准广告牌等多样化选择三psdrepocom PSDRepo，一个收集免费高质量PSD设计模板的素材库，由创意者设计，旨在分享给设计师包含Web网页模板UI设计模板。

14、你可以去网上下些模板看看，一个网站首页应该包括banner网站最上面的部分，然后是menu主菜单，然后就是一个个的box模块，只要ps不是很烂，应该没问题用ps可以把一个网页切片后导入dreamweaver，这样就形成了html格式的网页了用ps做主页，也是先用ps把主页画好，布局好，在导入dreamweaver导出。

15、举个例子吧1模板制作就是做固定版面，比如详情，比如书本版面设计，设计出来让人家用来放图片什么滴可以让别人无脑用的2页面制作嘛就是网页展示图片效果什么的，或者首页啊不可重复性高点应该是这个意思的如图上，白框就是模板，里面那个戒指扳手就属于页面的我手机有这个所以发你看看。

16、朋友，我来告诉你答案昵图网虽然不错，但你得是会员而且等级要达到一定程度，才能下载那么复杂的模板我常在素材中国找素材，那里没有等级限制，你可以去试试看希望能帮到你素材中国的模板种类非常丰富，无论是PS展板模板还是其他设计素材，都能轻松找到网站界面简洁明了，用户操作起来非常方便。

17、主要还是要看公司的需求吧，如果公司既有pc版，又有移动版，那么保险起见还是做两个模板，这样既会让领导觉得你可靠，而且也会为后期调整减少时间的浪费。