http://www.yuyong.net

如何用ps简单制作一个web网页 如何用ps做一个网页

web网页也是遵循一定的规范的,今天就和大家说下如何做一个有规范的网页,会用到guideguide插件,可以找到,大家安装下即可。 操作方法 01 我们打开ps软件,新建一个1920*3000的文件,...

web网页也是遵循一定的规范的,今天就和大家说下如何做一个有规范的网页,会用到guideguide插件,可以找到,大家安装下即可。

操作方法

  • 01

    我们打开ps软件,新建一个1920*3000的文件,分辨率选择72像素,颜色为白色。

    如何用ps简单制作一个web网页 如何用ps做一个网页
  • 02

    在guideguide插件中,我们将左右边距都设置为360,行数为12,余边为20,单位都为像素。

    如何用ps简单制作一个web网页 如何用ps做一个网页
  • 03

    下面我们建立首屏线,在【视图】中找到【新建参考线】,选择水平,数值为785像素。

    如何用ps简单制作一个web网页 如何用ps做一个网页
  • 04

    然后用矩形工具绘制一个1920*785的色块,换一下颜色,便于区分。

    如何用ps简单制作一个web网页 如何用ps做一个网页
  • 05

    下面我们建立导航条,大小为1920*80,我们用矩形工具去创建。

    如何用ps简单制作一个web网页 如何用ps做一个网页
  • 06

    下面用文字工具输入导航内容。

    如何用ps简单制作一个web网页 如何用ps做一个网页
  • 07

    下面为了更加方便的为了以后的创作,我们选择【窗口】【字符样式】,创建一个字符样式,以后的文字就可以用到了。

    如何用ps简单制作一个web网页 如何用ps做一个网页
  • 08

    继续做下面的页面就可以了。

    如何用ps简单制作一个web网页 如何用ps做一个网页

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。