首页 首页 >  文章资讯

如何在ps中制作网页,怎么用photoshop设计网页

发布时间:2023-08-04 16:57:45 浏览次数:64次

1,怎么用photoshop设计网页

先在PS里设计好前台,然后用DreamWeaver布局出来 设计前台就是划分好区域,搭配好颜色,再就是做一些小修饰、效果,看起来美观就行 如果自己没有灵感的话,就多浏览别人做的网页,就会有思路了。


2,怎么用PS做网页效果图

我的建议是,首先你要对PS的操作比较熟练,一些最常见的网页效果,你看到后,要能用PS实现出来,也就是能画出来。这些都达到要求后,下面你就开始了解一些最基本的网页设计知识。比如一般的网页宽度960像素,字体大小是12号宋体。等等这些内容。接下来就找几个别人设计的网页效果图来临摹下,自己在PS里边临摹边想,看看别人是怎么一步步从构思到实现网页效果图的。可以从简单的网页开始练习,慢慢复杂。里面很多东西,建议您多看一些漂亮的网页。这些漂亮的网页都是用制图软件一点点设计出来的,不难,但需要耐心去设计,不能急于求成~


3,用photoshop做网页方法

800*600我一般宽会设成780px,1024*768 宽度会设成 1000px,高度当然要看内容多少来定。布局就不好说了 要看设计者的喜好、习惯、网站的功能、设计风格来定了。接下来就是切图了,切图是个很麻烦但又很关键的步骤。切图前必须考虑好图片大小(大图为了浏览时能顺利打开最好切割成N小快),是否为背景图(有的图很大,但实际上都是小图片的平铺效果,所以遇到这种图只取小图,在网页中设为背景就可以了)。除此之外还要考虑是否可以用图片以外的元素代替,比如有的纯色块完全没必要用图片,只要在网页中调整表格的颜色就可以得到相同的效果。photoshop有专门的切割工具,按需要把设计好的网页切割好后用ctrl+alt+shift+s保存,就会生成一个html文件了,你会发现html的图片文件夹里已经有你切好的一块一块的小图片。浏览这个web页面,显示的效果和ps中的完全一致,似乎布局已经完成了。但Dreamweaver现在才刚刚开始排的上用场,因为网页毕竟不是纯粹的图片,还需要文字、flash、声音等元素的添加,Dreamweaver要做的就是继续完善你的页面,图片越少越好,该删的删、该设背景的设为背景该用表格颜色代替的用颜色代替。哇塞 想想都麻烦^ ^归根结底 photoshop 是用来构图设计的,而Dreamweaver是为了完成并完善图片到网页的转换过程。


4,如何用Photoshop做网页设计

如果是给个人做,怎么做都无所谓。如果是在公司里给客户做。这一步不可少,出了效果图后,要给客户看。等客户确定不再修改时再做网页,目的就在于防止客户反复修改,动布局!另外会做网页效果图,代表你的设计能力。用dreamweaver直接做的后果是边想边做,容易把设计思路搞混了!据我所知,这样的教程基本没有。因为做网页效果图只要基本的操作,有时从别的网页截一块下来处理一下,直接用到自己的效果图上。一般显示器分辨率 宽:1024 高: 768 宽减去滚动条的宽度, 一般为1003-1004 不会有横拉条 高度 根据页而定 网页设计需要的PS操作技术并不是很多,只要掌握基础就行了。 但是你想要做好一个稿子就不是那么简单了。 这当中有一些天赋的因素,但是更多的是学习。 你可以从模仿别人的稿子开始,渐渐的融入自己的东西。 http://www.68design.net/这个站每天都会有新的酷站收藏,也有设计欣赏。 http://www.zcool.com.cn/这个站素材丰富而且也有酷站收藏。 要做好网页设计,一定要多看,拼命的看并且吸收里面的东西,看看高手们是怎么处理细节的,这样慢慢自然会有提高。是否可以解决您的问题?
先在ps里设计好前台,然后用dreamweaver布局出来 设计前台就是划分好区域,搭配好颜色,再就是做一些小修饰、效果,看起来美观就行 如果自己没有灵感的话,就多浏览别人做的网页,就会有思路了。

【版权与免责声明】如发现内容存在版权问题,烦请提供相关信息发邮件至 lnkj@3173.top ,我们将及时沟通与处理。 本站内容除了3117站长服务平台( www.3117.cn )原创外,其它均为网友转载内容,涉及言论、版权与本站无关。