导航:首页 > 万维百科 > 怎么用ps做网页设计

怎么用ps做网页设计

发布时间:2020-07-25 19:27:12

1、怎么使用PS制作一个网页

你好!
准确的说,ps是制作网页的其中一个软件之一,制作网页有专用的“网页三剑客”:PS、DW、flash。
想要做网页的话,你起码要会前两个,其中
ps在网页制作里面的作用主要就是:划分切片+图片处理。

划分切片:就是将你在ps里面做好的网页版面进行合理的划分,划分为一个个小的切片,然后用DW对这些切片进行布局。

图片处理:这个很好理解,就是对网页图片进行优化+处理,以节省空间和达到你想要的图片效果。

最终的网页文件是在DW这个软件里面完成的,单靠ps做不出来一个完整的网页。

2、如何用photoshop进行网页制作

HTML+CSS+JS,这是广义上的网页三元素,HTML负责骨骼,CSS负责血肉,JS负责行为动作。其中浏览器中表现的画面约等于(html+css),但仅仅拥有他们是表现不出设计师们大脑中天马行空,不拘一格的想象力的,因此才引入了PSD作为设计稿。
这就好比,你完全自己DIY一个高达,你需要先有一副高达图片(PSD),再通过图片中的表现自己搭建支撑的骨架(HTML),再用各式喷漆、马克笔(CSS)去勾画、完善细节。

那么回到问题上来,怎么用PS做网页?假定adobe体系中,PS永远只能设计网页,而Dreamweaver才能制作网页,但是依然要你自己根据设计去解构设计然后划分网页骨架,具体到html上就是根据不同的页面表现来写Div标签,制作Button按钮,用CSS控制他们的大小和位置以及表现。更进一步的话,大部分前端会手写html和css代码,因为DW有各式包括启动速度,冗余代码之类的问题。

至于响应式,这又是基于成型的html以后另一个话题了,但还是html+css,只不过通过UA检测来适应不同终端的不同展现。

3、如何用ps来做网页效果图?

PS、fireworks都可以用来做效果图的,用这些工具做效果图的时候只要注意一下栏目的排版以及用色的协调性,PS做网页效果图常用的效果不多,所要只要掌握几种常用的工具用法就可以了:选取、剪切、填色、渐变、蒙版、切图等。
刚开始初学的可以网上找一些好点的模版下来自己尝试着按自己的想法进行修改,等熟练掌握以后再完全自己构思、设计!

4、如何用Photoshop制作网页模板

网页中的元素有很多,像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中,这样方便以后的再编辑。 不过图层一多,就显得很凌乱,可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮,从弹出菜单中选择“新建组”,在随后出现的对话框中为新建组取一个名称(如:“网页顶部”),确定即可。这时图层面板中多出一个文件夹图标,即图层组。把相关联的图层都拖放到同一组中,比如网页顶部的所有元素,标题、菜单、Logo等都放到“网页顶部”组中(见图1)。同样方法可以建立多个组,在组的下面还可以建立子组。 点击图层组前面的小三角,就可以像文件夹一样展开或折叠它,这样图层面板就显示干净利落得多,要修改某个元素也能很容易找到。对同一组中的所以图层可以方便地进行统一操作,如整体复制、删除、隐藏、合并等。 小提示: ★如果你想借鉴某个网页的设计,不妨把它截成图片放在最下面的图层中,再拉出多个参考线划出网页的大致版式,再在此基础之上边参考边制作自己的网页。 从Photoshop到Dreamweaver的转换 在Photoshop中设计好之后,下面就要用切片工具把它转换成网页。有些人在切片之前喜欢合并图层,其实没有必要,合不合并图层对最终生成的网页没有多大影响,反而会妨碍以后的编辑修改。 第1步:我们最终需要的,只是Photoshop中制作的图形和框架。选择切片工具(快捷键为K),把需要的每个图形独立切分出来。每切分出一个图形,在它的左上角会显示出切片编号(见图2)。 第2步:在工具箱右击切片工具,从弹出菜单中选择“切片选择工具”,用它可以选取、移动切片,并可以调整切片的大小。右击某个切片还可以删除或划分这个切片。

5、如何用ps设计网页?

给你个课程网址:http://wenku.baidu.com/course/view/d7eef4335a8102d276a22f8d?cid=5

做网站,做网站效果图是啊基础的技能,但是学会PS才是最重要的,你看上面的课程就好了
还有啊,做网页在多去看,多去研究别人是怎么设计的,最前沿的设计是什么,这样做出来和产品才会被采纳
加油

6、怎么用ps做网页设计

根据楼主的提问可以把问题分成2块理解
第一层怎么用PS软件设计网页
这个的话,一般你看上好看的网站之后保存为图片格式
导入到PS软件,调整好网页的大小,针对性的地方进行修改便可。
第二层的理解是你不知道怎么把把设计好的网页导出为WEB所有格式。
简单的图片格式的保存为网页格式的话
第一、在PS里面设计好网页
第二、利用切片工具把网页切成一块一块,要想提高页面访问速度的话就切片切的小一点
第三、保存为WEB所有格式 (图片及HTML) 这样的话你直接打开HTML的话
就形成了页面访问的网页了。

7、如何用PS做网页效果图



上次有空做了个。我用的是GIF的动态效果。你也可以直接做图片然后保存网页格式,尺寸什么的自己调。不要在意这些细节。。

8、PS怎么制作网页界面

ps只是编辑图片的软件它只能处理图片。。
网页的
制作是用命令来编辑的
。。。ps只是用来处理一下网页上要用的图片,,使其更好看而已。。。】
如果你想制作网页还是看看这方面的
书籍。。。

9、怎么做网页设计?需要用到PS么

要从事网页设计的话,ps不但要会使用、而且还要精通,毕竟网页美工靠的就是ps

与怎么用ps做网页设计相关的知识