Ps如何制作网页?

求职招聘网 2023-09-04 14:30 编辑:admin 281阅读

一、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做好切片的网页保存为web形式方法:

切好后按ctrl+shift+alt+s弹出对话框。

点击“存储”

弹出保存对话框,把格式改为“HTML和图像”,点击保存即可。

三、淘宝美工属于平面设计还是网页制作?

美工以网页设计方面为主,比如页面设计,图片处理,专题设计,静态页制作这一类的,平面设计以印刷品为主,比如名片,彩页,易拉宝,海报,POP,LOGO,展板等。美工用PS DW FL FW 比较多,平面用PS AI CR ID 比较多。

美工要会一些代码,如HTML,CSS+DIV,javascript,网站优化,网站切图,制作静态页,和程序员配合。

平面不要求这些,但要求懂一些印刷常识,比如,出血,色差,印刷工艺,比如,烫金,烫银,镀UV膜,镭射,甚至菲林等。

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

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

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

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

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

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

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

6.最后保存就完了。

五、PS平面设计教程?

1. 打开【Ps】。拖入背景素材,再拖入【鹿】,调整位置,点击-【滤镜-模糊-高斯模糊】,调整半径。【Ctrl+F】重复上一次滤镜,再次调整下。

  

  2. 拖入【尤克里里】,调整大小和位置。用【钢笔工具】将背景的石头扣取,【Ctrl+Enter】路径转为选区,【Ctrl+J】复制图层,将它们放在尤克里里的前面。

  

  3. 复制背景,放在最上面,添加【蒙版】,填充黑色。用【白色画笔】擦出前面的小草。多余的地方用【黑色画笔】擦掉。

  

  4. 选择【画笔工具】,吸取石头的颜色,在石头过亮的地方涂抹。再用【仿制图章工具】复制石头纹理给涂抹的地方。

  

  5. 新建【图层】,【Ctrl+Alt+G】创建剪切蒙版。用【钢笔工具】勾勒影子的形状,填充【中性灰】,模式为【正片叠底】。添加【蒙版】,用【画笔】擦除多余的部分。降低不透明度。

  

  6.把阴影转为智能对象,添加【高斯模糊】效果。在尤克里里上新建【剪切图层】,用【灰色画笔】涂抹下面,模式为【正片叠底】。同样的方法绘制第二层,模式为【叠加】。再绘制第三层,模式为【变暗】。【Ctrl+M】曲线,再压暗一点。

  

  7.同样的方法绘制石头也绘制【正片叠底图层】和【变暗图层】。尤克里里新建【剪切图层】,填充中性灰,用【减淡工具】在受光处涂抹,模式为【柔光】。新建【剪切图层】,用【白色画笔】在尤克里里上点几下。模式为【叠加】。

  

  8.新建【剪切图层】,吸取周围的颜色,用【画笔】对尤克里里的边缘涂抹,模式为【柔光】,多余的地方用【蒙版】擦除。

  

  9.新建【图层】,【Ctrl+单击缩略图】调出尤克里里选区,填充环境色,添加【高斯模糊】效果。再调出选区,按住【Alt】点击添加蒙版,用【画笔】擦除多余的部分。

  

  10.新建【图层】,用【钢笔工具】绘制光的形状,填充【环境光色】,模式为【柔光】,添加【高斯模糊】效果。降低不透明度。按住【Alt键】拖动复制多层,调整大小和位置。

  

  11.拖入【蝴蝶】素材,【Ctrl+T】按住【Shift】键等比例缩放,右键选择【水平翻转】,调整位置。给小蝴蝶添加【高斯模糊】。

  

  12.拖入【树叶】素材,调整角度和位置,添加【滤镜-模糊-动感模糊】效果。再拖入【小树叶】,添加【高斯模糊】效果。

  

  13.拖入【草素材】,水平翻转。调整位置。添加【高斯模糊】效果。【Ctrl+Alt+Shift+E】盖印图层,点击-【滤镜-模糊-高反差保留】,模式为【柔光】。

六、用PS制作网页要存什么格式的图片?

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

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

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

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

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

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

6.最后保存就完了。

七、使用PS制作网页效果图的思路流程?

1.打开PS新建一个宽度为1920PX高度自定义(根据自己的需求来设定)分辨率为72,颜色模式为RGB/8位的文件

2.根据页面需求建立页面结构文件夹(方面页面结构管理)

3.使用矩形根据页面结构进行颜色填充划分(小编以JD登陆界面为例)

4.各个结构部位细节划分,小编以头部区域为例

5.区域细节划分结束后进行实际效果渲染

6.根据上一步骤以此类推这样就可以完成一个效果图。

八、ps制作网页效果图,像素设置为多大?

、屏幕分辨率低时(640 x 480),这是2000年左右,普遍的浏览器是这个分辨率,但已经被淘汰了。

2、接是1024x768的分辨率,很流行,实际在设计中,在PHOTOSHOP宽的设计值为760像素最合适。

3、随着现在宽屏时代的到来,1024也慢慢被淘汰了,现在都是大屏时代,基本上,从设计网页的角度来看,在PHOTOSHOP上,宽为960像素最为合适。

4、随现在浏览的工具越来越多,包括手机、IPAD等,出现了自适应的网页设计功能,需要HTML5及DIV+CSS的代码调用了

九、网页代码制作?

网页代码是由一大堆的源代码组成,通过浏览器(或服务器)翻译成现在我们所看到的这个样子;

其动态源码包括ASP、PHP、JSP、.NET、CGI等,最大的特点就是能够和用户之间互动;

其静态源码包括HTML等;

其代码功能包括生成目标代码,即计算机可以识别的代码、代码组合;

其版权如果按照源代码类型区分软件,通常被分为两类:自由软件和非自由软件。

十、制作网页教程?

分析如下:

1、首先下载安装Dreamweaver,打开后,新建一个网页,一般选择“HTML”建立网页。选择“经典”界面,有助于我们更便捷使用这个软件。

2、下面选择这三个界面,代码、拆分、设计,一般默认设计界面,对于新手这个功能具有可视化,能更好的制作网页。

3、下面我们来制作网站站点,在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件,并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件,不会丢失。注意文件命名要用英文。下面我用我建立的(篮球资讯网)来介绍,点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页,先学习添加图片。插入——图像——选择素材添加。点击图片,下面属性可以编辑修改图片大小,添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”,下面属性可以设置文本字体、添加超链接等等,点击页面属性,可以详细编辑文本属性。

7、网页基本就是文字和图片的组合,添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本,点击页面下方属性——链接——点文件小按钮——选中第一个网页,这样篮球资讯网文本变成蓝色。这是网站内部链接,相反就有外部链接。添加如图,一定要写http://......就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页,点击网页中两个链接都能到达指定网页。