ps制作网站效果图,用PS制作网页的步骤和方法?

用户投稿 网站制作素材 11 0

关于“ps网站图制作”的问题,小编就整理了【4】个相关介绍“ps网站图制作”的解答:

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

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

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

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

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

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

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

6.最后保存就完了。

只用PS可以设计网页吗?

现在做网页基本上都是用PS排版的主流显示器分辨率是1024*768,那么你的规格设置为宽960象素*高n象素,就可以了(网页右侧会有一个拖动条这个会占去部分显示面积,所以960是通用标准,n代表设计页面的实际高度,这个按你需要,没有标准。分辨率72)如果只看效果图不需要dreamweaver,当然你也可以用PS的切片工具,切割图象然后再保存为WEB所用格式就可以转换成网页如果仅仅是UI设计是不需要学语言的

ps怎么把jpg变成网页版的?

本地图片转成网页格式步骤如下:

1、首先要用photoshop软件进行压缩文件,保证图片打开速度快;如果图片比较大需要让图片展示出多样化按钮,就需要切图;

2、然后通过建立本地文件夹将图片存起来,文件名起名image;

3、通过dreamweaver编写网页代码,调用本地图片地址;保存网页文件为.html文件;

4、然后就可以通过ie浏览器打开.htlm文件就可以访问了。如果需要再网上展示,可以通过ftp账号上传在服务器空间上,通过网址进行访问。

ps可以做网页吗?

最重要的一点记得保存。这些都是熟能生巧的,多加练习就行。 设计网页的方法很多,常见的有直接编写代码方法,利用可视化软件设计(例如DreamWeaver)法,利用中间软件实现格式转换法(例如Word生成HTML代码),还有就是PS设计网页法。综合各种设计方法的优缺点,可以得出利用PS设计网页通常可以达到意想不到的效果,这不只是取决于他可以随意布局图片,更得意于其专业的图像处理能力。

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

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

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

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

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

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

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

8、找到保存文件的位置,打开"feifei工作室.html"文件,然后在内容区域内点击鼠标右键,选择“查看源文件”,就会发现对应的网页内容已经生成。至此,利用PS设计网页内容完成。

到此,以上就是小编对于“ps网站图制作”的问题就介绍到这了,希望介绍关于“ps网站图制作”的【4】点解答对大家有用。

抱歉,评论功能暂时关闭!