导航:首页 > 万维百科 > ps做网页设计教程

ps做网页设计教程

发布时间:2021-03-30 02:27:10

1、用Photoshop做网页设计图的教程有哪些

photoshop是处理图片的软件,并非做网页的。
网页需要格局,代码等。如果只是拿PS做一张图,再用firework去隔,会很简单,很枯燥的。
再学学dreamweaver

2、如何用Photoshop做网页设计

如果是给个人做,怎么做都无所谓。如果是在公司里给客户做。这一步不可少,出了效果图后,要给客户看。等客户确定不再修改时再做网页,目的就在于防止客户反复修改,动布局!
另外会做网页效果图,代表你的设计能力。用dreamweaver直接做的后果是边想边做,容易把设计思路搞混了!
据我所知,这样的教程基本没有。因为做网页效果图只要基本的操作,有时从别的网页截一块下来处理一下,直接用到自己的效果图上。

一般显示器分辨率 宽:1024 高: 768 宽减去滚动条的宽度, 一般为1003-1004 不会有横拉条 高度 根据页而定
网页设计需要的PS操作技术并不是很多,只要掌握基础就行了。
但是你想要做好一个稿子就不是那么简单了。
这当中有一些天赋的因素,但是更多的是学习。
你可以从模仿别人的稿子开始,渐渐的融入自己的东西。

http://www.68design.net/
这个站每天都会有新的酷站收藏,也有设计欣赏。
http://www.zcool.com.cn/
这个站素材丰富而且也有酷站收藏。

要做好网页设计,一定要多看,拼命的看并且吸收里面的东西,看看高手们是怎么处理细节的,这样慢慢自然会有提高。
是否可以解决您的问题?

3、PS设计网页页面的教程

网页设计需要的PS操作技术并不是很多,只要掌握基础就行了。
但是你想要做好一个稿子就不是那么简单了。
这当中有一些天赋的因素,但是更多的是学习。
你可以从模仿别人的稿子开始,渐渐的融入自己的东西。

http://www.68design.net/
这个站每天都会有新的酷站收藏,也有设计欣赏。
http://www.zcool.com.cn/
这个站素材丰富而且也有酷站收藏。

要做好网页设计,一定要多看,拼命的看并且吸收里面的东西,看看高手们是怎么处理细节的,这样慢慢自然会有提高。

4、怎么用photoshop做网页

用ps可以做简单的网页,你找到切片工具,就可以把你做好的图片导出为网页了~~

5、在Photoshop中如何制作网页

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

第4步:在Dreamweaver中打开刚才保存的网页,添加文字并进行各种编辑修改就可以了。怎么样,简单吧!注意:Photoshop导出的实际上就是一个大的表格,所有空白的地方也都会转换为图片填充,在DW中编辑时,直接删除这些图片再添加相应的内容即可。
小提示:
★在Photoshop中编辑好图形后,点击工具箱最下面的按钮(快捷键为Ctrl+Shift+M),可以转到ImageReady里进行编辑,在这里,切片工具的功能更为强大,输出的图形控制也更丰富。

6、求ps网页设计视频教程全集下载

给你推荐个网站吧,上面有很多学习视频资源,很详细,讲的也很到位,各种软件学习资源都有,[url=http://www.51zxw.net/study.asp?vip=5214386]51自学网-专业培训老师录制的视频教程,让学习变得很轻松[/url]。。。真的不错啊。

7、ps制作网页效果图的教程

我 推荐你一个我经常去的Photoshop教程网站你去看看吧,很有帮助的

http://www.65ps.com/
http://bbs.65ps.com/

我就是在里专面学了不少PS教程,里属面也有零基础教程,即使不会一看也能明白!

与ps做网页设计教程相关的知识