关闭→
当前位置:趣知常识网>游戏数码>电脑>如何用ps简单制作一个web网页

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

趣知常识网 人气:1.9W

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

操作方法

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

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

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

如何用ps简单制作一个web网页 第2张

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

如何用ps简单制作一个web网页 第3张

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

如何用ps简单制作一个web网页 第4张

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

如何用ps简单制作一个web网页 第5张

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

如何用ps简单制作一个web网页 第6张

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

如何用ps简单制作一个web网页 第7张

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

如何用ps简单制作一个web网页 第8张
TAG标签:#web #网页 #