Photoshop新媒体美工设计5.pptx

05新媒体美工图片设计《Photoshop新媒体美工设计》 人民邮电出版社目录/Contents5.15.2新媒体美工图片设计要求5.3开屏广告图设计Banner设计5.45.4实战案例课后习题目录/Contents5.1新媒体美工图片设计要求5.1.1 图片的素材要求5.1.2 图片的设计要求5.1.1 图片的素材要求3．注重图片的质感1．保证图片的清晰度2．图片素材要与内容相关联5.1.2 图片的设计要求③ 图片要适应短时间记忆。① 图片色彩要对题、简练、主次分明。② 图片构图要全面，视觉导向要清晰。目录/Contents5.15.2新媒体美工图片设计要求5.3开屏广告图设计Banner设计5.45.4实战案例课后习题目录/Contents5.2开屏广告图设计5.2.1 开屏广告的特点5.2.2 开屏广告的类别5.2.3 制作开屏广告图5.2.1 开屏广告的特点① 整屏显示。② 位置的优质性。③ 针对性强。④ 强制性曝光。5.2.2 开屏广告的类别1．按照广告位尺寸划分① 全屏式开屏广告。全屏式开屏广告是一种整体性的，能给用户带来沉浸式体验的广告形式。A② 底部保留式开屏广告。底部保留式开屏广告是指在开屏广告的底部保留一定的尺寸，用于投放App、Logo 以及宣传语，以达到增加App 曝光度的目的。B5.2.2 开屏广告的类别2．按照广告目的划分除了可按照广告位尺寸进行划分外，还可按照广告目的对开屏广告进行划分，如App 下载、活动宣传、活动咨询、节日展现等。5.2.3 制作开屏广告图绘制正圆1324绘制倾斜的直线段绘制形状绘制其他形状5.2.3 制作开屏广告图57变形矩形绘制其他矩形绘制矩形65.2.3 制作开屏广告图设置图层混合模式和不透明度绘制其他矩形输入并调整文字添加图层蒙版1110895.2.3 制作开屏广告图完成后的效果添加并调整素材输入并调整文字调整色录/Contents5.15.2新媒体美工图片设计要求5.3开屏广告图设计Banner设计5.45.4实战案例课后习题目录/Contents5.3　Banner设计5.3.1 Banner的设计要点5.3.2 制作横幅广告Banner5.3.1 Banner的设计要点1．主题 在进行Banner 设计前需要先明确设计主题。Banner 中的主题选择都需要围绕一个方向并通过商品和文字来体现。将活动内容提炼成简洁的文字，再将其放在Banner 的第一视觉点上，能够让用户直观地看到企业想要展现的内容。在编辑文字时，字体不要超过3 种，建议用稍大或个性化的字体来突出主题的内容。5.3.1 Banner的设计要点2．构图① 左右构图② 左中右三分构图③ 上下构图④ 斜切构图5.3.1 Banner的设计要点3．配色Banner 不仅需要进行主题和构图的选择，还需要进行色彩的搭配。在配色时，重要的文字信息用突出醒目的颜色进行强调，通过明暗对比以及不同颜色的搭配来确定对应的风格，并且背景的颜色应该统一，不要使用太多的颜色，以免页面杂乱。5.3.2 制作横幅广告Banner绘制形状绘制并倾斜矩形填充前景色613425复制形状添加星星形状绘制直线5.3.2 制作横幅广告Banner绘制其他多边形添加素材绘制多边形127910118添加投影和倾斜文字完成后的效果输入文字2.2.5 合理运用字体 同一个画面中字体的种类最好保持在2 ～ 3 种，否则会使画面变得复杂，影响用户对信息的接收。字体在画面中一般可分为标题字体和正文字体。标题字体的文字数量较少，但字形设计比较突出，用以快速吸引用户的注意力。正文字体的文字数量较多、占用面积较大、字形变化较小，更强调易读性。目录/Contents5.15.2新媒体美工图片设计要求5.3开屏广告图设计Banner设计5.45.4实战案例课后习题目录/Contents5.4实战案例5.4.1 实战：制作阅读App开屏广告 5.4.2 实战：制作年货节宣传Banner5.4.1 实战：制作阅读App开屏广告实战目标本实战将制作阅读App 的全屏式开屏广告，该广告主要是推广自己的App 应用，以达到增加新用户的目的。在制作时以“阅读 养心”为主题，在设计上采用浅灰色为主色，用翻书的场景来体现阅读的趣味性，再通过“恬淡虚无 精神内守”等文字将古韵感体现出来，整体效果不但更具有吸引力，而且迎合“阅读 养心”主题。5.4.1 实战：制作阅读App开屏广告实战思路绘制圆并输入文字541输入其他文字添加图层蒙版完成后的效果添加素材235.4.2 实战：制作年货节宣传Banner实战目标本实战将制作以“年终囤货”为主题的年货节宣传Banner，在制作时以黄色为背景色，用三角形确定Banner 的中心点，再将Banner 宣传内容居中显示，便于用