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

2018-10-1917:54:31 发表评论 浏览量:464次

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

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

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

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

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

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

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

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

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

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

  • 苏春宇微信号
  • 加微信跟老师聊聊
  • weinxin
  • 苏春宇快手号
  • 加快手看老师直播
  • weinxin
山东潍坊IT培训计算机培训网络营销课程
江丽丽
山东潍坊平面设计培训SEO培训课程

发表评论