当前位置:首页 > 新闻动态 > 网站文章

如何用PS设计网页效果图?网页效果图的制作教程

来源: 浏览:122 时间:2023-10-02

现在好看的网页很多,他们都是怎么做出来的呢?你想不想学做一张精美的网页图呢?其实制作网页的方式很多,下面我用PS的方式来跟大家简单分享下(一个完整的网页制作内部结构有一定的逻辑性,以一个网站页面制作为例接单介绍下):

(1)首先打开PS软件,新建一个画布,设置尺寸是宽度1920像素,高度要根据需求设置,暂时设置为6000像素(注意单位要是像素)。

(2)网页图分为三部分:Head(头部)、Body(banner+内容)、foot(结尾),Head包含logo、公司名称、导航栏(网站 首页 关于我们 企业文化 联系我们)、联系电话、二维码等内容;Body部分包含banner图、详情内容介绍;foot(结尾)指的是更下面的索引部分。

(3)在作图的时候,要做好分组(ctrl+G),编辑好名称(双击图层文字即可编辑),从上到下完成,便于及时修改。

(4)整体页面颜色步调一致。在作图时整个颜色不宜太多,一般不超过3个颜色,颜色差别也不宜太大,整体给人的感觉舒服、美观。

(5)参照线辅助。参考线作图比较常用,便于辅助图片文字对齐,达到整体的协调。

(6)做好切图。切图有两种方式,上次已经分享过不做赘述。切图是为了图片切成一张张小图,便于导出。

(7)页面存储。页面做好后点击新建-存储为web所用格式-存储-格式(选择HEML和图像),这样打开的图形就是切图的内容及网页的图,便于用户查看。

(8)查看代码。一个网页图查看代码只需要打开网页图右键点击“审查元素”就可以看到后台的代码组成了。

好了,网页图的制作就分享到这里啦,祝君好运~

地址 · ADDRESS

地址:建邺区新城科技园嘉陵江东街18号2层

邮箱:309474043@qq.Com

点击查看更多案例

联系 · CALL TEL

400-8793-956

售后专线:025-65016872

业务QQ:309474043    售后QQ:1850555641

©南京安优网络科技有限公司 版权所有   苏ICP备12071769号-4  网站地图