6.1-生活家电类App主页Banner设计.pdfVIP

6.1 扩展案例——生活家电类App 主页Banner 设计 【案例学习目标】在Photoshop 中，学习 使用图层控制面板、创建新的填充或调整图 层按钮、椭圆工具、模糊滤镜命令制作 Banner 底图；在 Illustrator 中，学习使用文 字工具、绘图工具和填充工具添加产品名称 和价格信息。 【案例知识要点】在Photoshop 中，使用 移动工具添加产品图片，使用椭圆工具、高 斯模糊命令为空调扇添加阴影效果；使用色 阶命令调整图片颜色；在 Illustrator 中，使 用圆角矩形工具、文字工具和填充工具添加 产品品牌及相关功能；生活家电类 App 主 页Banner 设计效果如图1 所示。 【效果所在位置】云盘 Ch06 效果 生 活家电类App 主页Banner 设计 生活家电 类App 主页Banner.ai。 图1 Photoshop 应用 6.1.1 制作Banner 底图 （1）打开 Photoshop CC 2019 软件，按 Ctrl+N 组合键，弹出“新建文档”对话框， 设置宽度为 1920 像素，高度为 800 像素， 分辨率为72 像素/英寸，颜色模式为 RGB， 背景内容为白色，单击“创建”按钮，新建 一个文件。 （2 ）按 Ctrl+O 组合键，打开资源包中的 “Ch06 素材 生活家电类 App 主页 Banner 设计 01 、02 ”文件，选择“移 动”工具 ，分别将图片拖曳到新建图像窗 口中适当的位置，效果如图2 所示，在“图 层”控制面板中分别生成新的图层并将其命 名为“底图”和“空调扇”，如图3 所示。 图2 图3 （3 ）选择“椭圆”工具 ，在属性栏的 “选择工具模式”选项中选择“形状”，将 “填充”颜色设为深灰色（其R、G 、B 的 值分别为 31 、31 、31 ），“描边”颜色设为 无，按住 Shift 键的同时，在图像窗口中绘 制一个圆形，效果如图4 所示，在“图层” 控制面板中生成新的形状图层并将其命名为 “投影”。 图4 （4 ）选择“滤镜 模糊 高斯模糊”命 令，弹出提示对话框，如图 5 所示，单击 “转换为智能对象”按钮，同时弹出“高斯 模糊”对话框，选项的设置如图6 所示，单 击“确定”按钮，效果如图7 所示。