14.1-食品餐饮类App首页设计.pdfVIP

14.1 扩展案例——食品餐饮类App 首页设计 【案例学习目标】在Photoshop 中，学习 新建参考线版面命令分割页面，使用绘图工 具、置入嵌入对象命令、横排文字工具、添 加图层样式命令和创建剪贴蒙版命令制作食 品餐饮类App 首页。 【案例知识要点】在Photoshop 中，使用 新建参考线命令添加水平/ 垂直参考线，使 用矩形工具、圆角矩形工具、置入嵌入对象 命令制作状态栏和标签栏，使用移动工具添 加各类图标，使用横排文字工具、圆角矩形 工具、属性控制面板、置入嵌入对象命令制 作内容区，使用投影命令为图形添加阴影效 果；食品餐饮类 App 首页设计效果如图 1 所示。 【效果所在位置】云盘 Ch14 效果 食 品餐饮类App 首页设计.psd。 图1 Photoshop 应用 14.1.1 制作状态栏和导航栏 （1）打开 Photoshop CC 2019 软件，按 Ctrl+N 组合键，弹出“新建文档”对话框， 设置宽度为 750 像素，高度为 1334 像素， 分辨率为72 像素/英寸，颜色模式为 RGB， 背景内容为白色，单击“创建”按钮，新建 一个文件。 （2 ）选择“视图 新建参考线版面”命 令，弹出“新建参考线版面”对话框，设置 如图2 所示；单击“确定”按钮，完成版面 参考线的创建，如图3 所示。 图2 图3 （3 ）选择“视图 新建参考线”命令， 弹出“新建参考线”对话框，在 300 像素 （距上方参考线260 像素）的位置建立水平 参考线，设置如图4 所示；单击“确定”按 钮，完成参考线的创建，如图5 所示。 图4 图5 （4 ）选择“矩形”工具 ，在属性栏的 “选择工具模式”选项中选择“形状”，将 “填充”颜色设为玫红色（其R、G 、B 的 值分别为 245、45 、86 ），“描边”颜色设为 无，在图像窗口中绘制一个矩形，效果如图 6 所示，在“图层”控制面板中生成新的形 状图层“矩形1”。 图6 （5 ）选择“文件 置入嵌入对象”命 令，弹出“置入嵌入的对象”对话框，选择 云盘中的“Ch14 素材 食品餐饮类App 首页设计 01 ”文件，单击“置入”按钮， 将图片置入到图像窗口中，拖曳图片到适当 的位置，并调整其大小，按 Enter 键确定操 作，效果如图7 所示，在“图层”控制面板 中生成新的图层并将其命名为“状态栏”。 图7 （6 ）选择“横排文字”