ps网页设计教程

首页 > 电脑 > 软件 > ps网页设计教程

品牌型号:联想天逸510S 2020

系统:win7 64位旗舰版

软件版本:Adobe Photoshop cs6

部分用户可能电脑型号不一样,但系统版本一致都适合该方法。

ps做网页设计怎么制作呢?下面来跟大家分享下ps网页设计教程吧。

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

ps网页设计教程

ps网页设计教程(1)

ps网页设计教程(2)

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

ps网页设计教程(3)

ps网页设计教程(4)

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

ps网页设计教程(5)

ps网页设计教程(6)

ps网页设计教程(7)

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

ps网页设计教程(8)

ps网页设计教程(9)

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

ps网页设计教程(10)

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

ps网页设计教程(11)

ps网页设计教程(12)

以上就是ps网页设计步骤的内容了,希望对大家有所帮助。

内容来源:huguan123.com 虎观百科

云骑士数据恢复
DedeTag Engine Create File False