案例9　首页设计案例

（请扫描版权页上的二维码，下载教学视频）

图65　首页设计案例

STEP1

选择菜单栏里的“文件/新建”命令，打开新建对话框，新建一个尺寸为640×1136像素的文件，分辨率为72dpi，背景内容为白色，如图66所示。

图66　文件/新建

STEP2

新建三个图层，图层的名字分别为“状态栏”“标签栏”“导航栏”。使用矩形工具，前景色选为白色，分别绘制三个矩形，如图67、68、69所示。位置如图70所示。

图67　使用矩形工具绘制矩形

图68　绘制矩形

图69　绘制矩形

图70　位置如图

STEP3

背景色为灰色，更改“状态栏”“导航栏”的颜色。如图71所示。

(https://www.daowen.com)

图71　效果

STEP4

在素材中，导入焦点图片，如图72所示。

图72　导入焦点图片

用所学的方法使用形状，在标签栏中添加图标，如图73所示。

STEP5

图73　在标签栏中添加图标

STEP6

使用文字工具输入文字“按类别查找”，在属性栏中设置文字的大小，完成调整，如图74所示。用学过的方法制作图标，如图75所示。

图74　使用文字工具输入文字“按类别查找”

图75　制作图标

STEP7

调整图标的位置，最终完成效果，如图76所示

图76　最终完成效果