大家好，今天来为大家解答网页ps这个问题的一些问题点，包括Ps如何制作网页也一样很多人还不知道，因此呢，今天就来为大家分析分析，现在让我们一起来看看吧！如果解决了您的问题，还望您关注下本站哦，谢谢~
本文目录
1
新建一个空白文件，打开“素材/网页素材1.jpg”文件，使用“移动工具”将图片移至当前画布中，得到“图层1”。使用“自由变换”调整大小。
2
使用“矩形工具”将网页布局划分、颜色白色RGB为（255.255.255）、设置图层混合模式：投影
3
将形状图形载入选区。创建一个新图层“图层2”，使用“渐变工具”颜色RGB为（178.178.178）（255.255.255）填充渐变效果
4
使用“移动工具”将导航条图片移至当前画布中，得到“图层3”。使用“自由变换”调整大小
5
制作内容，打开“素材/网页素材3.jpg、网页素材4.jpg、网页素材5.jpg、网页素材6.jpg、网页素材7.jpg”文件，使用“移动工具”将图片移至当前画布中，得到“图层4”、“图层5”、“图层6”、“图层7”、“图层8”。使用“自由变换”调整大小。
6
使用“横排文字工具”字体大小为14点、中文字体（幼圆）、颜色RGB为（143.86.46）输入每部电影的名称，效果如图所示。
7
打开“素材/网页素材8.jpg、网页素材9.jpg、网页素材10.jpg”文件，使用“移动工具”将图片移至当前画布中，得到“图层9”、“图层10”“图层11”，使用“自由变换”调整大小。
8
使用“横排文字工具”字体大小为18点、中文字体（黑体）、颜色RGB为（143.86.46）输入每部电影简介。效果如图所示。
9
打开“素材/网页素材11.jpg”文件，使用“移动工具”将表格图片移至当前画布中，得到“图层12”，使用“自由变换”调整大小。效果如图所示。
10
使用“横排文字工具”字体大小为18点、中文字体（宋体）、颜色RGB为（143.86.46）输入数字制作选择菜单。打开“素材/第9章/网页素材12.jpg、网页素材13.jpg”文件，使用“移动工具”将按钮图片移至当前画布中，得到“图层13”、“图层14”，删除不需要的背景，使用“自由变换”调整大小。
11
绘制矩形选区，单击按钮创建“图层15”，使用“渐变工具”填充颜色RGB为（255.255.255）到透明的渐变效果。选择“横排文字工具”字体大小为16点、西文字体（Verdana）、颜色RGB为（255.255.255）输入字体。
12
打开“素材/网页素材14.jpg”文件，使用“移动工具”将标志图片移至当前画布中，得到“图层16”，使用“自由变换”调整大小。
13
使用“横排文字工具”字体大小为40点、西文字体（LithosPro）、颜色RGB为（188.202.112）和（143.86.46）输入标题文字。
存储为web格式也可以直接存储为png格式即可。ps制作网页步骤:
1.先用Photoshop做一个网页图片；
2.Ctrl+R调出标尺，在图片上绘制表格，框选出要做链接的部分；
3.使用切片工具，按照绘制的表格划分切片
4.以上步骤完成后，进行操作“文件”>“储存为Web和设备所用格式”，在打开的窗口中按照自己的需要为网页图片作设置，设置完成后，“储存”，保存类型“html和图片”，切片“所有切片”。
5.接下来用Dreamweaver打开html文件，为其作链接及其它。
6.最后保存就完了。
1、打开PS，新建空白文档，名称设置为“feifei工作室”，从预设大小下拉列表中选择“1024x768”，模式设计为“RGB颜色”，内容设置为“白色”，点击“好”按钮完成文档的创建工作。
2、新建一名称为“框架”的图层，利用该图层实际整个网页的整体布局。首先选择“矩形选择工具”，然后将矩形的宽度设置为1024，高度设置为80，在文档的上下两侧各框选一部分内容并填充为黑色，从而使整个网页呈现“宽屏幕”效果。
3、在背景图层的上方新建一新图层，并命名为“背景颜色”。点击“矩形选择工具”，设置“宽度为400，高度为768。
4、然后在窗口的左侧框选一部分内容，填充一种深绿色。然后点击“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口的右侧框选一部分内容，填充一种浅绿色。填充两种颜色饱和度有一点差别的颜色，目地是产生较为明显的对比。
5、在“框架”图层之上再新建一图层，名称为“主体元素”。打开一张事先准备好的百合花图片，双击“背景”图层将其转换为“图层0”，点击“魔术棒”工具，在图片白色区域内点击，选择白色区域后，按下DEL键删除白色区域。
6、然后拖放图片到图层“主体元素”上，位置如图所示。
7、然后选择“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口中选择花朵右侧的一部分内容，并调整其亮度和对比度，使花朵的左右两侧呈现明显的对比。
8、对该页面进行细节的调整，增加一些导航栏，信息提示内容和版权信息等内容，最终制作完成的页面如图所示。
9、选择“切片”工具，然后对内容进行切分。切分的好处是有利于文件在网络上传输，同时在用切片工具划分内容时最好将需要被文字内容替换的部分进行独立分割。分割完成后的效果如图所示。
本地图片转成网页格式步骤如下：
1、首先要用photoshop软件进行压缩文件，保证图片打开速度快；如果图片比较大需要让图片展示出多样化按钮，就需要切图；
2、然后通过建立本地文件夹将图片存起来，文件名起名image；
3、通过dreamweaver编写网页代码，调用本地图片地址；保存网页文件为.html文件；
4、然后就可以通过ie浏览器打开.htlm文件就可以访问了。如果需要再网上展示，可以通过ftp账号上传在服务器空间上，通过网址进行访问。
好了，文章到这里就结束啦，如果本次分享的网页ps和Ps如何制作网页问题对您有所帮助，还望关注下本站哦！
