
Photoshop 图形图像处理 项目4 制作电商广告—Banner设计.ppt
32页本章简介:项目4制作电商广告Banner设计Banner是电商企业用来提高产品转化率的重要手段,它将直接影响用户是否购买产品或参加活动,因此Banner的设计对产品及UI,乃至运营来说至关重要通过本项目的学习,读者可以掌握Banner的设计方法和制作技巧学习引导相关知识:了解Banner设计的基础知识1. Banner的概念Banner 是网络广告中的常用元素,常用于Web 页面、App 界面或户外展示海报中2. Banner的设计风格Banner 的设计风格丰富多样,有极简风格、插画风格、写实风格、2.5D 风格、3D风格等相关知识:了解Banner设计的基础知识3. Banner的版式构图Banner 的版式构图比较丰富,常用的有左右构图、上下构图、左中右构图、上中下构图、对角线构图、十字形构图和包围形构图相关知识:了解Banner设计的基础知识任务4.1 制作时尚彩妆类电商Banneru任务引入u设计理念u任务知识u任务实施u扩展实践4.1.1 任务引入阿奢玛是一个涉及护肤、彩妆、香水等多个产品领域的护肤品牌该公司计划推出“迷人彩妆”系列产品,需设计一款用于线上宣传的Banner,要求设计符合年轻人的喜好,突出产品特色。
4.1.2 设计理念该Banner 以产品实物为主体,并用插画元素来装饰画面;画面中的色彩明亮鲜艳,使人产生愉悦感;画面的版式活而不散,充满青春气息4.1.3 任务知识:绘制和编辑选区1矩形选框工具选择矩形选框工具,或反复按Shift+M 组合键切换至矩形选框工具,其属性栏如图所示4.1.3 任务知识:绘制和编辑选区2椭圆选框工具选择椭圆选框工具,或反复按Shift+M 组合键切换至椭圆选框工具,其属性栏如图所示3套索工具选择套索工具,或反复按Shift+L 组合键切换至套索工具,其属性栏如图所示4.1.3 任务知识:绘制和编辑选区4多边形套索工具选择多边形套索工具,在图像中单击设置选区的起点,依次单击设置选区的其他点将鼠标指针移回起点,单击即可封闭选区4.1.3 任务知识:绘制和编辑选区5磁性套索工具选择磁性套索工具,或反复按Shift+L组合键切换至磁性套索工具,其属性栏如图所示4.1.3 任务知识:绘制和编辑选区6魔棒工具选择魔棒工具,或反复按Shift+W 组合键切换至魔棒工具,其属性栏如图所示4.1.3 任务知识:绘制和编辑选区7羽化选区在图像中绘制选区选择“选择 修改 羽化”命令,弹出“羽化选区”对话框,在其中设置“羽化半径”,单击“确定”按钮,羽化选区。
按Shift+Ctrl+I组合键,将选区反选 4.1.3 任务知识:绘制和编辑选区8取消选区选择“选择 取消选择”命令,或按Ctrl+D组合键,可以取消选区9快速选择工具选择快速选择工具,其属性栏如图所示勾选“自动增强”复选框,可以调整绘制的选区边缘的粗糙度单击“选择主体”按钮可以自动为图像中最突出的部分创建选区4.1.3 任务知识:绘制和编辑选区4.1.4 任务实施4.1.5 扩展实践:制作家装网站首页Banner使用移动工具移动素材,使用矩形选框工具和椭圆选框工具绘制阴影,使用图层样式为图片添加特殊效果;使用矩形工具、横排文字工具、直排文字工具和“字符”控制面板添加品牌及活动信息任务4.2 制作箱包App首页Banneru任务引入u设计理念u任务知识u任务实施u扩展实践4.2.1 任务引入本任务要求制作箱包App 首页Banner该App 是箱包销售平台,消费对象是年轻群体要求设计在展现出产品特色的同时,突出产品的优惠力度4.2.2 设计理念该Banner 使用纯色背景营造出清新的氛围;主体图片与背景、主题紧密结合,宣传主题令人一目了然;画面的整体色调富有朝气,给人青春洋溢的感觉;文字醒目突出,强化了宣传效果。
4.2.3 任务知识:使用钢笔工具1钢笔工具选择钢笔工具,或反复按Shift+P 组合键切换至钢笔工具,其属性栏如图所示按住Shift键创建锚点时,将以45或45的倍数绘制路径按住Alt键,当鼠标指针移到锚点上时,钢笔工具转换为转换点工具按住Ctrl键,钢笔工具转换为直接选择工具2添加锚点工具将鼠标指针移动到创建好的路径上,若当前此处没有锚点,则钢笔工具将转换成添加锚点工具在路径上单击可以添加一个锚点单击添加锚点后按住鼠标左键不放并向上拖曳,可以创建曲线段和曲线锚点 4.2.3 任务知识:使用钢笔工具3删除锚点工具将鼠标指针移到直线路径的锚点上,钢笔工具将转换成删除锚点工具单击锚点可将其删除 4.2.3 任务知识:使用钢笔工具4转换点工具使用钢笔工具在图像中绘制三角形路径当要闭合路径时,鼠标指针将变为形状,单击即可闭合路径,完成三角形路径的绘制选择转换点工具,将鼠标指针移到三角形左上角的锚点上在锚点上按住鼠标左键不放并向右上方拖曳,得到曲线锚点使用相同的方法将三角形的其他锚点转换为曲线锚点4.2.3 任务知识:使用钢笔工具5路径与选区的转换将选区转换为路径在图像上绘制选区,单击“路径”控制面板右上方的图标,在弹出的菜单中选择“建立工作路径”命令,弹出“建立工作路径”对话框,“容差”文本框用于设置转换时的误差值,数值越小越精确,路径上的关键点也越多。
将路径转换为选区在图像中创建路径单击“路径”控制面板右上方的图标,在弹出的菜单中选择“建立选区”命令,弹出“建立选区”对话框设置完成后,单击“确定”按钮,将路径转换为选区 4.2.3 任务知识:使用钢笔工具4.2.4 任务实施4.2.5 扩展实践:制作箱包饰品类网站首页Banner使用钢笔工具和添加锚点工具绘制路径,使用选区和路径的转换命令进行相应的转换操作,使用横排文字工具添加文字,使用矩形工具绘制装饰矩形任务4.3 项目演练制作家电类网店Banneru任务引入u设计理念4.3.1 任务引入本任务是为一家综合性电器销售网站要针对近期推出的优惠活动制作一款网店Banner,以吸引更多的顾客4.3.2 设计理念该Banner 使用明亮的背景色,给人轻快、愉悦的感觉;以电器图片为主要元素,突显出宣传主体;文字醒目突出,能吸引人们的视线;整体设计简洁大方,能够清晰地传递宣传信息。












