15.4 扩展案例——制作中式茶叶官网首页.pdfVIP

15.4扩展案例——制作中式茶叶官

网首页

【案例学习目标】学习使用绘图工具、

文字工具制作中式茶叶官网首页。

【案例知识要点】使用新建参考线命令

建立参考线，使用置入嵌入对象命令置入图

片，使用横排文字工具添加文字，使用矩形

工具、圆角矩形工具绘制基本形状，最终效

1

果如图所示。

Ch15//

【效果所在位置】效果制作中式

.psd

茶叶官网首页。

图1

1.制作导航栏

1Ctrl+N

（）按组合键，弹出“新建文

档”对话框，设置宽度为1920像素，高度

347872/

为像素，分辨率为像素英寸，背

2

景内容为白色，如图所示，单击“创建”

按钮，新建一个文件。

图2

2

（）选择“视图新建参考线”命令，

弹出“新建参考线”对话框，在距离左侧页

360438465

边距像素、像素和像素的位置

34

分别新建一条垂直参考线，设置如图、

5

和所示，分别单击“确定”按钮，完成参

6

考线的创建，效果如图所示。

图3

图4

图5

图6

3

（）使用相同的方法，以此间距绘制

7

出多条参考线，效果如图所示。

图7

4

（）选择“文件置入嵌入对象”命

令，弹出“置入嵌入的对象”对话框，选择

Ch15

云盘中的“素材制作中式茶叶官网

首页01”文件。单击“置入”按钮，将图

片置入到图像窗口中，按Enter键确定操作，

8

效果如图所示，在“图层”控制面板中生

成新的图层并将其命名为“原型”。

图8

5

（）单击“锁定全部”按钮，锁定图

9

层，如图所示。

图9

6

（）选择“视图新建参考线”命令，

弹出“新建参考线”对话框，在距离上方页

80

边距像素的位置新建一条水平参考线，

10

设置如图所示，单击“确定”按钮，完

成参考线的创建。

图10

7CtrlO

（）按＋组合键，打开云盘中的

Ch15