边做边学-Photoshop图像制作案例教程（第2版）（Photoshop 2020）课件 第3章　Banner设计

第3章Banner设计本章简介：Banner是帮助提高品牌转化的重要表现形式，直接影响到用户是否购买产品或参加活动，因此Banner设计对于产品及UI乃至运营至关重要。本章以不同类型的Banner为例，讲解Banner的设计方法和制作技巧。课堂学习目标掌握Banner的设计思路掌握Banner的绘制方法和技巧【案例分析】【设计理念】【操作步骤】【相关工具】【实战演练】制作时尚彩妆类电商Banner3.1制作家居装饰类电商Banner艾佳家居是一家具有设计感的现代东方家具品牌，秉承简约风格，重点打造时尚、简约的现代家居风格。本案例是制作家装网站首页Banner，设计要求符合产品的宣传主题，能体现出平台的特点。3.1.1【案例分析】在设计制作过程中，以产品实物为主导，用植物来装饰画面，表现产品特色。画面色彩要明亮鲜丽，使用大胆而丰富的色彩，丰富画面效果。设计风格具有特色，版式活而不散，能够引起顾客的兴趣及购买欲望。最终效果参看云盘中的“Ch03/效果/制作家居装饰类电商Banner.psd”。3.1.2【设计理念】3.1.3【操作步骤】1．矩形选框工具选择“矩形选框”工具，或反复按Shift+M组合键。3.1.4【相关工具】2．椭圆选框工具选择“椭圆选框”工具，或反复按Shift+M组合键。3.1.4【相关工具】3．套索工具选择“套索”工具，或反复按Shift+L组合键。3.1.4【相关工具】4．多边形套索工具选择“多边形套索”工具，在图像中单击设置所选区域的起点，接着单击设置选择区域的其他点。将鼠标光标移回到起点，多边形套索工具显示为图标，单击鼠标即可封闭选区。3.1.4【相关工具】5．磁性套索工具选择“磁性套索”工具，或反复按Shift+L组合键。3.1.4【相关工具】6．魔棒工具选择“魔棒”工具，或按W键。3.1.4【相关工具】使用矩形选框工具、椭圆选框工具、多边形套索工具和魔棒工具抠出化妆品，使用移动工具合成图像。最终效果参看云盘中的“Ch03>效果>制作时尚彩妆类电商Banner.psd”。3.1.5【实战演练】制作时尚彩妆类电商Banner【案例分析】【设计理念】【操作步骤】【相关工具】【实战演练】制作电商平台App主Banner3.2制作婚纱摄影类首页Banner目光婚纱摄影工作室是一家专业的婚纱摄影机构，致力于为新人们创造浪漫、难忘的婚礼瞬间，通过艺术化的摄影手法，捕捉幸福的每一个瞬间。本案例是设计制作摄影网站首页Banner，要求在体现出公司主营业务的同时，展现出公司调心。3.2.1【案例分析】在设计制作过程中，通过简约的设计给人直观的印象，易于阅读。画面的展示主次分明，让人一目了然。颜色的运用合理，给人品质感。整体设计清新自然，易给人好感，产生了解的欲望。最终效果参看云盘中的“Ch03/效果/制作婚纱摄影类首页Banner.psd”。3.2.2【设计理念】3.2.3【操作步骤】1．羽化选区羽化选区可以使图像产生柔和的效果。在图像中绘制选区。选择“选择>修改>羽化”命令，弹出“羽化选区”对话框，设置羽化半径的数值，单击“确定”按钮，选区被羽化。3.2.4【相关工具】2．取消选区选择“选择>取消选择”命令，或按Ctrl+D组合键，可以取消选区。3.2.4【相关工具】3．快速选择工具选择“快速选择”工具，其属性栏状态如图。3.2.4【相关工具】4．快速蒙版的制作打开一幅图像。选择“对象选择”工具，在图像窗口中绘制选区。3.2.4【相关工具】使用快速选择工具绘制选区，使用反选命令反选图像，使用移动工具移动选区中的图像，使用横排文字工具添加宣传文字。最终效果参看云盘中的“Ch03>效果>制作电商平台App主页Banner.psd”。3.2.5【实战演练】制作电商平台App主页Banner【案例分析】【设计理念】【操作步骤】【相关工具】【实战演练】制作运动产品App主Banner3.3制作箱包App主页Banner晒潮流是为广大年轻消费者提供箱包服饰销售的平台，拥有来自全球不同地区、不同风格的箱包服饰，而且为用户推荐极具特色的新品。本例是设计制作一款箱包App主页Banner，设计要求展现出产品特色的同时，突出优惠力度。3.3.1【案例分析】在设计制作过程中，使用纯色的背景营造出清新、干净的氛围。主体图片与环境和主题完美结合，让人一目了然。色彩的搭配富有朝气，给人青春洋溢的印象。文字的使用醒目突出，达到宣传的目的。最终效果参看云盘中的“Ch03/效果/制作箱包App主页Banner.psd”。3.3.2【设计理念】3.3.3

【操作步骤】1．钢笔工具选择“钢笔”工具，或反复按Shift+P组合键。3.3.4【相关工具】2．添加锚点工具将“钢笔”工具移动到建立好的路径上，若当前此处没有锚点，则“钢笔”工具转换成“添加锚点”工具，在路径上单击鼠标可以添加一个锚点。3.3.4【相关工具】3．删除锚点工具将“钢笔”工具放到直线路径的锚点上，则“钢笔”工具转换成“删除锚点”工具，单击锚点将其删除。3.3.4【相关工具】4．转换点工具使用“钢笔”工具在图像中绘制三角形路径。当要闭合路径时，鼠标光标变为图标，单击鼠标即可闭合路径，完成三角形路径的绘制。选择“转换点”工具，将鼠标放置在三角形右上角的锚点上，单击锚点并将其向右下方拖曳形成曲线点。使用相同的方法将三角形其他的锚点转换为曲线点。3.3.4【相关工具】5．路径转化为选区◎将选区转换为路径◎将路径转换为选区3.3.4【相关工具】使用钢笔工具、添加锚点工具和直接选择工具绘制并调整路径，使用选区和路径的转换命令进行转换，使用移动工具添加鞋和文字，使用投影命令为图片添加阴影效果，使用色相/饱和度命令、曲线命令调整图片颜色。最终效果参看云盘中的“Ch03>效果>制作运动产品App主页Banner.psd”。3.3.5【实战演练】制作运动产品App主页Banner【案例分析】【设计理念】【知识要点】3.4综合演练——制作食品餐饮类电商Banner面香园是一家中小型西餐厅，主打菜品为种类丰富的牛排，搭配各类意面、小食、汤类、甜品和饮品等。本案例是设计制作一款食品餐饮类电商Banner，设计要求画面主题明确，风格时尚简约，符合行业特性，能够突出招牌菜品。3.4.1【案例分析】在设计制作过程中，以红色调作为广告背景，承托出食物精致考究的特点和餐厅的经营特色。色彩的搭配使画面具有空间感。标题文字设计具有创意，丰富了画面的空间效果。通过标题文字和图片的完美结合突出显示广告主体。3.4.2【设计理念】使用椭圆选框工具抠出拉面，使用魔棒工具抠出牛肉和葱花，使用磁性套索工具抠出辣椒，使用自由变换工具调整图像大小，使用羽化命令制作投影效果。最终效果参看云盘中的“Ch03>效果>制作食品餐饮类电商Banner.psd”。3.4.3【知识要点】【案例分析】【设计理念】【知识要点】3.5综合演练——制作电商App主页Banner文森艾德是一家综合网上购物平台,商品涵盖家电、手机、电脑、服装、百货、海外购等品类。现推出家电换新活动，要求进行App主页Banner设计，用于平台宣传及推广，设计要符合现代宣传主题，展现出平台的创新性和独特性。3.5.1【案例分析】在设计制作过程中，使用明亮的背景色给人轻快、活力的印象。以电器为主要元素，突显出宣传主体。文字