网页制作的基本步骤ps

首页 > 经验 > 作者:YD1662022-11-07 02:50:29

上一篇我们安装完开发所需要的必备软件了,本节内容主要讲解一下使用PS完成网站首页模版创建、矩形工具使用、渐变效果制作。

网页制作的基本步骤ps,(1)

一、网页首页模版创建

1、首先打开我们下载的ps软件,左上角选择文件-新建(快捷键ctrl N),然后创建一个1920x3000的画布,网页设计分辨率选择72就可以,颜色模式我们选择RGB,点击创建;(注意宽度选择的是像素)

网页制作的基本步骤ps,(2)

为什么我们要创建1920宽的呢,目前我们的显示器分辨率一般为1920px,所以创建1920px宽度的可以使我们的网页背景正好显示完整,左右不会出现空白。

2、接下来我们要将单位与标尺调整为像素,方便我们测量宽高。操作步骤为:编辑-首选项-单位与标尺(快捷键ctrl K,找到单位与标尺)

网页制作的基本步骤ps,(3)

3、选择 视图-标尺(快捷键ctrl R)调用我们的刻度尺,方便直观的看到宽度和高度;左击刻度尺拖出2条参考线分别到360和1560刻度,使中间留有1200px的宽度。两个刻度尺中间的距离就为我们内容展示的区域,使用 (快捷键ctrl ; )可以显示关闭刻度。

网页制作的基本步骤ps,(4)

首页 123下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.