原创

ps网页设计教程

不会ps网页设计的小伙伴,下面就跟着教程具体学下吧。

以Adobe Photoshop cs6版本为例

1、打开ps,新建一个网页大小的画布,新建一个图层,选择矩形工具,绘制出网页的头部

2、取消描边,填充喜欢的颜色,调整像素

3、接着调整矩形的位置,ctrl+J复制矩形,并将其拉到底部,选中背景图层,填充颜色

4、新建图层,打开素材,将素材直接拉进画布,调整位置,接着在上方的矩形里输入网页的首页,关于我们等,在底部的矩形输入版权信息

5、最后ctrl+R调出标尺,直接拉出标尺出线,对网页内容进行对齐

6、最后Alt+shift+ctrl+s,存储为web所用格式,存储,格式选择HTML和图像,保存即可