5.3光影效果的设计（课件）《电子商务视觉设计》（电子工业出版社）

模块五 主题创意海报的设计 《电商视觉设计》 思维导图 目录 CONTENTS 活动平面物料的设计 主题创意海报的设计 1 2 项目五 主题创意海报的设计 项目背景 在全渠道数字化运营中，主题创意海报承担着企业广泛传递产品营销信息，宣传品牌价值文化的重要作用，它能够凭借引人注目的视觉审美设计形成高裂变传播效果。随着视觉审美多元化的发展，结合活动营销主题，熟练掌握海报设计技巧，灵活运用多种设计元素，设计出符合用户审美体系、具有创意，并且能够高度传播的海报成为主题创意海报视觉设计的必然趋势。 进行主题创意海报设计，就是结合企业或品牌营销主题，确定与其格调相符合的宣传海报设计风格，然后以营销主题和海报设计风格为核心，以目标用户视觉审美偏好为导向，利用多种视觉设计元素，对其进行创意化的编排创作，使其呈现出富有冲击力的视觉效果，带给用户耳目一新的视觉体验，从而吸引用户参与活动。在主题创意海报设计中，设计师需要紧密结合营销主题和品牌调性，巧妙使用各种元素、色彩、光影等，发散想象，对其进行合理布局，从而凸显营销主题，加深用户对营销内容的印象。 冬至海报 海报设计分析，需要明确设计主题，整理准备海报设计所需素材，并对其字体、排版、色彩构成等做出合理规划；海报综合设计，需要以海报设计分析构思为前提，借助平面设计工具将海报创意具体呈现出来；光影效果的设计，需要设计师以海报画面素材为主体，通过添加光影效果的方式，使其更加立体生动，增强画面的视觉表现效果，带给用户身临其境的视觉体验。 研究内容 海报设计分析 海报综合设计 光影效果的设计 学习目标 1.了解海报的视觉组成元素； 2.了解主题创意海报的设计思路； 3.了解平面设计三大基本构图元素； 4.了解页面布局的基本原则； 5.了解主题创意海报常见版式及布局； 6.认识“三大面，五大调”； 7.了解常见的光影效果。 知识目标 1.了解海报设计前期准备的事项； 2.掌握海报综合设计的步骤； 3.掌握光影设计的步骤。 技能目标 1.培养学生创新力与想象力的发展，帮助学生树立法律法规意识，引导学生建立正确的审美观念。 素养目标 任务三 光影效果的设计 预备知识 一、认识“三大面，五大调” 1 三大面 三大面是指具有一定结构和材质的物体受光源影响被划分为三大明暗区域：亮面、暗面和灰面。 预备知识 一、认识“三大面，五大调” 2 五大调 五大调是指具有一定结构和材质的物体受光源影响，物体表面各部分所表现出的明暗变化规律，包括高光、灰调、明暗交界线、反光、投影。 预备知识 每个人只能陪你走一段路 出自电影《山河故人》海报文案 1.格栅光影 格栅是一种条格状的室内设计装饰物，光源透过格栅照射形成的物体光影效果又被称为格栅光影。 二、常见的光影效果 预备知识 每个人只能陪你走一段路 出自电影《山河故人》海报文案 2.弥散光影 设计师通过使用制图工具对不同主题的色彩进行渐变模糊处理，使其表现出虚实相生的艺术效果，这样的有色光感现象被称之为弥散光。 二、常见的光影效果 实施准备 光影效果设计是丰富页面视觉表达效果，塑造画面立体感、空间感的重要方式。通过设计光影效果，宣传画面中的场景设计会带给大众更加客观真实的视觉感受，同时，光影效果易于营造场景氛围，容易带给大众身临其境的体验感。 实施准备 进行光影效果的设计时，首先需要明确画面整体风格以及场景氛围的营造，然后结合画面中的具体元素，确定具体的光源投射点，运用制图软件分别勾勒各个元素在光源照射下的明暗变化。 任务实施与分析 观察页面元素布局，根据各个元素的位置及排版美观度，合理规划其光影的具体方位。然后综合考虑画面、客观环境、场景氛围等多种因素，确定光源的投射方向。 该农产品电商企业的设计人员考虑多方面因素，并尝试不同方位的光影布局效果之后，将光源投射方向设置在左上角。 步骤1：根据画面整体结构及风格确定光源投射方向。 任务实施与分析 画面设计中常见的光影效果有投影、格栅光影、弥散光影等，结合页面宣传主题及各个元素排版布局的现状，选择适合活动宣传主题，并且能够营造出场景氛围的光影设计方式。 该农产品电商企业的宣传海报初稿中，部分元素的亮度需要调整，并且根据光源位置需要设置各个元素的投影。除此之外，设计人员为了烘托氛围，准备添加格栅光影增加海报的立体感和空间感。 步骤2：确定光影类型。 任务实施与分析 使用Photoshop打开海报设计初稿PSD文件，使用“移动工具”选择标有鸡蛋价格的丝带的图层，然后单击“新建图层”按钮，新建一个图层，接着使用“画笔工具”绘制丝带的亮部形状。 步骤3：设计元素明暗变化。 使用“画笔工具”绘制丝带的亮部 任务实施与分析 接着将绘制的图层创建为丝带图层的剪切蒙版。 步骤3：设计元素明暗变化。 任务实施与分析 使用同样的方法制作出丝带其他区域的亮部。 步骤3：设计元素明暗变化。 任务实施与分析 根据确定的光源位置，使用“画笔工具”或“钢笔工具”绘制出每个素材的投影区域，接着使用滤镜库中的“高斯模糊”设置投影边缘，使所绘制的投影更加的贴近真实场景中的投影。 步骤4：添加元素投影。 任务实施与分析 步骤5.1：使用“矩形选框工具”绘制一个矩形框，然后设置羽化值半径为5像素，接着将矩形框填充为白色，设置其透明度为25%。 步骤5：添加格栅光影效果。 任务实施与分析 步骤5.1：接着旋转和调整矩形的位置，并复制多个矩形且调整位置。 步骤5：添加格栅光影效果。 任务实施与分析 步骤5.2：将复制的矩形工具图层合并为一个图层，接着复制合并后的图层，并调整其位置； 步骤5：添加格栅光影效果。 任务实施与分析 步骤5.2：然后创建右边矩形图层的图层蒙版，接着使用使用渐变工具在图层蒙版上调整矩形的边缘，使得边缘更贴近与真实的光束效果。 步骤5：添加格栅光影效果。 任务实施与分析 步骤5.3：将所新建的图层合并在一个组中，调整其透明度为64%，格栅光影效果就添加完成。 步骤5：添加格栅光影效果。 拓展知识 一、材质对光影效果的影响 1 3 2 4 磨砂材质对光源的吸收力较强，几乎不具有反光性。磨砂材质物品在光源的照射下，一般通过自身明暗变化的过渡来表现周围环境。这种材质物品的背光面亮度逐渐降低，高光区域亮度柔和，具有光影效果过渡均匀的特点。 磨砂材质 镀铬是一种能够形成类似镜面反射的金属材质，镀铬材质的物品反光性强，能够在光源照射下反映出周围环境的特点。 镀铬材质 拓展知识 一、材质对光影效果的影响 3 3 4 4 玻璃材质具有透光性，且能够对光源进行反射和折射。当投射光源强度越大时，其反光性更强，与此同时所表现出的反光亮度也就越强，也更能清晰反映出周围环境的特点。 玻璃材质 木质物品几乎不具有透光性，在光影设计中，设计师需要结合光照环境的特点以及物品明暗变化的规律，重点描绘出物品在不同光照环境下的色彩饱和度、光泽度等，突出其本身的质感。 镀铬材质 思考与总结 思政课堂 海报是产品营销的一种广告宣传形式，在海报设计中，设计人员需要严格遵守相关法律法规，以正向健康、真实的广告内容进行产品推广。其中，不得使用与“国家级”相关的广告词，内容不能有民族、种族等歧视含义，尊重他人隐私权，不能贬低同行业竞争者的产品等法律法规内容，对广告设计内容及方向做出了具体规范。 思考与总结 学员通过以上操作，完成对光影效果设计的分析，请学员在此基础上，进行思考并回答以下问题： 格栅光影和弥散光影分别具有什么特点？ 能力提升 为了筹备即将到来的节日促销活动，某化妆品企业需要制作宣传海报对产品进行营销。假如你是该企业的设计人员，请以口红为设计对象，设计一张含有光影效果的口红宣传海报。 $$