ps如何制作网页 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点、西文字体(Lithos Pro)、颜色RGB为(188.202.112)和(143.86.46)输入标题文字。

延伸阅读

如何用PS来设计简单的网页?

用PS做出一张大图片,为了能够快速下载,必须作成切片,然后导出为网页!程序自动保存图片!做好的方法是:用PS做素材,用Macromedia Dreamweaver 8作网页!毕竟后者才是做网页的首选利器!PS只是美化网页!

ps怎么把网页的字去掉?

第一步:在photoshop中打开需要去掉字的图片。

第二步:按Ctrl+J键复制背景图层。

第三步:在左侧工具栏中选择“套索工具”。

第四步:用套索工具将需要去掉的文字圈起来。

第五步:在菜单栏“编辑”中选择“填充”选项。

第六步:弹出“填充”对话框。

第七步:填充内容处选择“内容识别”,单击“确定”按钮。

第八步:图片中的文字被去掉了。

第九步:按Ctrl+D键取消选区,完成操作。

如何将网页导入PS内?

如果是网页文字,直接选中然后右击复制。

如果不让复制的话,你可以把整个网页下载下来,选择文件–另存为—保存类型是网页 htm,html。就可以下载下来了。

然后选择里面的文字,再打开ps,选择文字工具T,右击粘贴复制即可。

ps怎么吸取网页颜色?

在你要打开的网页窗口上,按下键盘上的prtsc sysrq键,抓取网页,然后打开photoshop,新建图片,按下粘贴快捷键,ctrl+v,把网页复制到photoshop中,即可用吸管工具提取颜色了.

1.打开设置,点击屏幕使用时间;

2.选择内容和隐私访问限制,将该选项打开;

3.选择允许的应用,将图标选项关闭;

4.回到主页面,即可看到图标已经隐藏成功了。

ps网页设计教程?

1、打开PS,新建空白文档,名称设置为“feifei工作室”,从预设大小下拉列表中选择 “1024 x 768”,模式设计为“RGB颜色”,内容设置为“白色”,点击“好”按钮完成文档的创建工作。

2、新建一名称为“框架”的图层,利用该图层实际整个网页的整体布局。首先选择“矩形选择工具”,然后将矩形的宽度设置为1024,高度设置为80,在文档的上下两侧各框选一部分内容并填充为黑色,从而使整个网页呈现“宽屏幕”效果。

3、在背景图层的上方新建一新图层,并命名为“背景颜色”。点击“矩形选择工具”,设置“宽度为400,高度为768。

4、然后在窗口的左侧框选一部分内容,填充一种深绿色。然后点击“矩形选择工具”,设置“宽度为624,高度为768,然后在窗口的右侧框选一部分内容,填充一种浅绿色。填充两种颜色饱和度有一点差别的颜色,目地是产生较为明显的对比。

5、在“框架”图层之上再新建一图层,名称为“主体元素”。打开一张事先准备好的百合花图片,双击“背景”图层将其转换为“图层0”,点击“魔术棒”工具,在图片白色区域内点击,选择白色区域后,按下DEL键删除白色区域。

6、然后拖放图片到图层“主体元素”上,位置如图所示。

7、然后选择“矩形选择工具”,设置“宽度为624,高度为768,然后在窗口中选择花朵右侧的一部分内容,并调整其亮度和对比度,使花朵的左右两侧呈现明显的对比。

8、对该页面进行细节的调整,增加一些导航栏,信息提示内容和版权信息等内容,最终制作完成的页面如图所示。

9、选择“切片”工具,然后对内容进行切分。切分的好处是有利于文件在网络上传输,同时在用切片工具划分内容时最好将需要被文字内容替换的部分进行独立分割。分割完成后的效果如图所示。

在线ps网页版怎么使用?

具体操作方法如下:

1.首先打开需要编辑的ps,点击左侧“路径选择工具”选项。

2.然后在该页面中鼠标左键选择要移动图案的整条路径。

3.之后在该页面中鼠标左键按住椭圆边框并移动鼠标即可移动路径。

4.最后点击选中ps网页版,点击确定移动即可。

用PS制作网页的步骤和方法?

存储为web格式 也可以直接存储为png格式即可。 ps制作网页步骤:

1.先用Photoshop做一个网页图片;

2.Ctrl+R调出标尺,在图片上绘制表格,框选出要做链接的部分;

3.使用切片工具,按照绘制的表格划分切片

4.以上步骤完成后,进行操作“文件”>“储存为Web和设备所用格式”,在打开的窗口中按照自己的需要为网页图片作设置,设置完成后,“储存”,保存类型“html和图片”,切片“所有切片”。

5.接下来用Dreamweaver打开html文件,为其作链接及其它。

6.最后保存就完了。

如何用photoshop做网页?

一、先用Photoshop切片

1、在Photoshop里面打开一张要设计网站的图片

2、选择切片工具剪切网页的头部

3、用切片工具剪切网页的导航栏

4、用切片工具剪切网页的海报区

5、用切片工具剪切网页的正文部分,这样切片部分就做好了

二、网页的保存

1、点击“文件>存储为web所用格式”

2、将网页选择一种预设然后点击存储

3、将文件的存储格式“HTML和图像”最后点击保存就可以了

版权声明