Photoshop新媒体广告设计 pdf下载

《Photoshop新媒体广告设计》主要分为两篇：工具篇+案例篇，助您从零开始完全精通新媒体广告的设计！

工具篇是基础内容，主要介绍新媒体美工的入门知识（色彩、文字、版式等）、常见图文排版工具、视频广告工具、音频制作工具，以及H5广告的制作平台。

案例篇是实战内容，精选各类新媒体平台，进行案例实战讲解，如朋友圈广告、公众号广告、小程序广告、头条号广告、微博广告、微课广告、直播广告、微商店铺广告。

8大专题内容、24个经典案例、80多个设计提示、1100多张图片，帮助您从新手成为新媒体广告设计高手！

《Photoshop新媒体广告设计》适合想学习新媒体广告设计的读者，如图文广告、视频广告、音频广告、H5广告等设计人员，特别是朋友圈、公众号、小程序、头条号、微博、微课、直播、微商等领域的读者。

倪林峰

广州汇学互联网营销学院校长

新媒体、视觉设计、电商培训导师

淘宝大学无线二期讲师班班长

广东省电脑商会电子商务首席顾问

广州威翔电子科技公司董事长

广州培众数码维修培训公司董事长

广州兄弟汇众房地产开发有限公司董事长

成功帮助一千多人互联网创业，培训人数达上万人

已出版畅销图书《自明星运营实战》、《微信朋友圈营销实战》

目录

第1章 新媒体美工设计入门 1

1.1 新媒体美工设计基础 2

1.1.1 什么是新媒体美工 2

1.1.2 新媒体美工设计的意义 3

1.1.3 认识色彩的三种属性 7

1.1.4 美工的配色应用技巧 12

1.2 新媒体美工文字设计 16

1.2.1 常见的字体风格 16

1.2.2 文字的编排规则 18

1.3 新媒体美工版式设计 20

1.3.1 常见的版式布局 20

1.3.2 图片的布局处理 24

第2章 新媒体图文广告设计 26

2.1 新媒体图文设计 27

2.1.1 设计封面图 27

2.1.2 设计信息长图 32

2.1.3 设计九宫格图片 34

2.1.4 设计海报图片 36

2.1.5 设计LOGO标志 38

2.1.6 设计表单 40

2.2 新媒体图文排版 43

2.2.1 图片排版 43

2.2.2 文字排版 44

2.2.3 视频排版 48

2.2.4 音频排版 51

第3章 新媒体视频广告设计 56

3.1 下载新媒体视频 57

3.1.1 下载微信文章视频 57

3.1.2 下载朋友圈视频 59

3.1.3 下载微博视频 59

3.1.4 转换视频格式 61

3.2 制作与录制新媒体视频 62

3.2.1 使用VUE 63

3.2.2 使用美拍大师 65

3.2.3 使用快手 68

3.2.4 使用Camtasia Studio 70

3.2.5 使用SnagIt 72

第4章 新媒体音频广告设计 74

4.1 下载与转换音频 75

4.1.1 搜索音频并进行下载 75

4.1.2 通过APP录制语音旁白 77

4.1.3 转换音频文件的格式 79

4.2 处理音频文件 80

4.2.1 调整声音大小 80

4.2.2 裁剪音频 81

4.2.3 滤镜处理 82

第5章 新媒体H5广告设计 83

5.1 H5的制作平台 84

5.1.1 凡科互动平台 84

5.1.2 视界互动平台 85

5.1.3 人人秀平台 85

5.2 H5网页广告设计 87

5.2.1 文本与动画设计 87

5.2.2 交互跳转页面设计 90

5.2.3 H5互动游戏设计 93

5.2.4 H5抽奖活动设计 95

5.2.5 投票问卷在线表单设计 98

5.2.6 微信红包H5活动设计 100

第6章 微信朋友圈广告设计 103

6.1 前期准备：微信朋友圈设计要点 104

6.1.1 头像是最佳的广告位 104

6.1.2 好的昵称就是品牌 105

6.1.3 个性签名字字千金 108

6.1.4 主题照片展示商业价值 110

6.2 案例实战：微信朋友圈广告设计 112

6.2.1 名人版朋友圈设计 112

6.2.2 简介版朋友圈设计 118

6.2.3 店招版朋友圈设计 124

第7章 微信公众号广告设计 130

7.1 前期准备：微信公众号设计要点 131

7.1.1 设计一个有特色的公众号头像 131

7.1.2 在页面模板中设计好文章封面 134

7.1.3 文章开头或结尾增加关注类图片做宣传 135

7.2 案例实战：微信公众号广告设计 136

7.2.1 横幅广告Banner设计 137

7.2.2 公众号封面设计 141

7.2.3 公众号求关注设计 146

第8章 微信小程序广告设计 150

8.1 前期准备：微信小程序界面设计要点 151

8.1.1 体现小程序的功能界面 151

8.1.2 内容围绕主营业务设计 152

8.1.3 以独特创意提升用户体验 152

8.2 案例实战：微信小程序界面设计 153

8.2.1 旅游小程序界面设计 153

8.2.2 婚纱摄影小程序界面设计 159

8.2.3 食品小程序界面设计 165

第9章 头条号广告设计 172

9.1 前期准备：今日头条新媒体设计要点 173

9.1.1 企业头像是品牌象征 173

9.1.2 每日更新提高点击率 174

9.1.3 善于利用热门头条事件 176

9.2 案例实战：今日头条广告设计 178

9.2.1 今日头条头像设计 178

9.2.2 主页横幅广告设计 182

9.2.3 图文推送广告封面设计 186

第10章 微博广告设计 192

10.1 前期准备：微博新媒体设计要点 193

10.1.1 设计一个好名称 193

10.1.2 设计合适的微博头像 194

10.1.3 借时下热门话题炒作 195

10.2 案例实战：微博新媒体广告设计 196

10.2.1 微博LOGO设计 196

10.2.2 微博主图设计 202

10.2.3 微博广告设计 205

第11章 微课广告设计 209

11.1 前期准备：微课新媒体设计要点 210

11.1.1 微课的构思设计要点 210

11.1.2 微课的内容设计要点 210

11.1.3 微课的版式设计要点 211

11.2 案例实战：微课宣传广告设计 212

11.2.1 微课讲师页设计 212

11.2.2 微课课程页设计 216

11.2.3 微课推广页设计 221

第12章 直播广告设计 227

12.1 前期准备：直播新媒体设计要点 228

12.1.1 把握热点话题占先机 228

12.1.2 全过程结合产品主题 229

12.1.3 “娱乐+直播”设计方式 230

12.2 案例实战：直播新媒体广告设计 231

12.2.1 主播招募海报设计 232

12.2.2 直播宣传长页设计 237

12.2.3 主播推荐海报设计 243

第13章 微商店铺设计 249

13.1 前期准备：微商电商设计要点 250

13.1.1 直观地展示淘宝店铺的信息 250

13.1.2 运用技巧提高店铺转化率 251

13.1.3 店铺装修中的注意事项 253

13.2 案例实战：微商电商广告设计 254

13.2.1 店招设计 254

13.2.2 商品简介区设计 259

13.2.3 美妆微店界面设计 264

2.1 新媒体图文设计

在新媒体时代，各类信息都争先想要进入消费者的眼中。图片相对于其他信息更有优势，而且丰富的颜色可以让人第一眼注意到它。运用适当的技巧来设计你的图片，可以让你的文章更加出彩。本节主要介绍一些新媒体的图文设计方法。

2.1.1 设计封面图

通常来说，封面图会是读者看到的第一张图片，它能否吸引住读者，是读者会不会点开链接、了解链接详情的关键。如图2-1所示为手机摄影构图大全公众号的文章封面，该公众号以摄影构图为主，所以图片是一张张非常精美的摄影作品，吸引着爱好摄影的朋友驻足，并点进去查看是否还有更多精美的图片。

图2-1 手机摄影构图大全公众号的文章封面

了解封面图片的重要性之后，可以尝试制作封面图。下面以创客贴为例，介绍制作封面图的

方法。

创客贴是一款非常简单的在线平面设计工具，如图2-2所示。它不需要下载客户端，可以直接在浏览器中编辑，平台提供了大量的模板与图片素材，只要简单地拖曳就可以轻松制作出精美的图片效果。

图2-2 创客贴首页

STEP 01 进入创客贴首页，单击“开启设计”按钮，进入到模板挑选页面，如图2-3所示。

图2-3 模板挑选页面

STEP 02 各类模板根据使用的场景进行划分，每个类别又以不同平台不同尺寸来划分。选择好喜欢的模板后，按照提示登录，即可进入设计页面，如图2-4所示。此处选择的是“官方公众号首图”中的一个模板，页面的左侧是“素材分类区”，中间是“设计操作区”，右侧则是“页面管理区”。

图2-4 设计页面

STEP 03 首先可以修改文字信息，双击文字，即可修改文本内容，修改时，文字会变成黑体，修改完毕后，将鼠标光标移至方框外单击，即可应用修改，字体也会变成模板原来使用的字体。

STEP 04 如果对字体格式不满意，A①可以在“设计操作区”上方修改相应的格式，B②包括字体颜色、字体、字号、样式、对齐方式、字间距、行间距、透明度、复制、删除等。C或者③单击左侧的“字体”按钮，D④可以在其中挑选字体模板，只需要单击选择的字体，字体就会出现在“设计操作区”中央，再修改文字信息即可，如图2-5所示。

图2-5 修改文本内容

STEP 05 然后再修改背景图片，单击背景，图片变为可编辑状态，可在左侧“背景”中挑选纯色、纹理或渐变背景，如图2-6所示。

STEP 06 也可以使用一些图片来作为背景，单击左侧“素材”中的“图片”按钮，即可显示大量的图片，用户可以从中挑选喜欢的图片作为背景，如图2-7所示。

　图2-6 背景界面图2-7 图片素材界面

STEP 07 如果想用自己已有的图片，可以A单击左侧的“上传”按钮，用电脑或者手机上传图片，上传完成后，B图片会显示在左侧，单击上传的图片，即可添加到“设计操作区”，C调整图片的位置与大小，再根据需要调整其他元素的位置，即可完成设计，如图2-8所示。

图2-8 调整背景

STEP 08 当有新的元素添加至“设计操作区”时，会直接叠加在最上方，如果要将新元素放置在底层，可以A①单击“设计操作区”右上方的“图层”按钮，B②在弹出的列表框中可以设置新元素的图层顺序，如图2-9所示。

图2-9 移动图层列表框

STEP 09 如果觉得画面较空，也可以试着添加一些其他元素，如线条、形状、图标等，挑选一些元素进行适当的组合，如图2-10所示。如果已经确定主题，也可以直接在搜索框中搜索关键词，即可搜索到很多相关内容，如图2-11所示。

　　　图2-10 “素材”界面　　　图2-11 “检索”界面

STEP 10 制作完成后，可以A①单击“设计操作区”下方的预览按钮，②B对封面图进行预览，看标题是否会遮挡住封面图的信息，如图2-12所示。但需要注意的是，只有在编辑微信封面图时才能预览。

图2-12 预览微信封面图

STEP 11 确认无误后，单击界面左上方的“文件”|“保存”命令，即可将文件保存到“设计管理”中，方便以后再次调用，如图2-13所示。

图2-13 保存封面图

STEP 12 完成后可以下载图片保存到电脑中，A单击右上方的“下载”按钮，B即可弹出“下载作品”对话框，C设置需要的图片格式后，D单击“确认下载”按钮，如图2-14所示。

图2-14 下载封面图

STEP 13 如果想要将自己的作品分享到其他平台，可以A单击右上方的“发布分享”按钮，B即可弹出“分享设计”对话框，C并生成图片链接，复制链接发布到其他平台，或者直接分享至对话框下方的三个平台之一，如图2-15所示。

前言

写作驱动

随着微信（9亿用户）、今日头条（6亿用户）、视频与音频直播、小程序等新媒体平台的兴起，相关行业和产业越来越兴盛。新媒体将成为新时代的主要传播方式，它重塑了信息传播流程，最大限度地激发了各行各业的生产潜力；而且现在互联网的普及降低了信息发布门槛，使得大众不再是单纯的信息接收者，他们也可以参与到信息生产中，并慢慢地成为新的信息传播者。

新媒体如此火热，但是，关于新媒体广告设计的书籍在市场上却几乎没有，目前的新媒体行业就好像一个孩子，有着很大的成长空间。所以，笔者基于以下三点，策划了此书。

第一，新媒体产业的发展，必定会带动人才的需求，如新媒体广告美工的需要。

第二，目前新媒体经管类的书，已有二三十个品种，销售都非常不错，但有关新媒体广告设计方面的，却还没有一本书系统地讲述过。

第三，目前已经有学校开始开设新媒体、新媒体广告的课程。人才会对技能产生需求，而图书是技能的载体。

笔者潜心收集资料，精选8大火热的新媒体平台作为案例示范，为读者展示新媒体广告的设计方法。希望读者阅读完后可以举一反三，制作出更多精美的效果。

特色亮点

本书与同类书相比，特点如下。

（1）分类清晰。全书主要分为两大篇章，每个篇章又详细分为多个章节，并且书中内容是根据读者需求的知识点按需求排行进行分布的，读者可以根据分类快速地找到自己需求的知识点。

（2）工具全面。书中内容对于一些图文工具、视频工具、音频工具、H5工具等分别选取了多种最方便快捷的工具来讲解，其中包括创客贴、麦客网、人人秀等网页，也包括VUE、美拍、快手等手机APP。

（3）应用为主。本书内容从零开始，从配色、文字样式、版式开始总体介绍新媒体设计的要点，再落实到每个新媒体平台，并根据每个平台的不同特点来设计广告案例效果。

（4）完整流程。每个案例都是精挑细选，每个实例都是从零开始，细致地讲解了设计的所有过程，目的也是为了帮助读者更加直观地感受到设计的整个流程。

（5）案例丰富。精选多个热门的新媒体平台来做案例解说，包括朋友圈、公众号、小程序、头条号、微博、微课、直播、微商等8大平台，每个平台均有3个广告设计案例示范。

本书内容

本书主要从“新媒体—工具篇”与“新媒体—案例篇”两大篇章，来讲述新媒体广告设计的具体方法，大致内容图解如下。

作者售后

本书由倪林峰编著，参与编写的人员还有刘华敏，在此表示感谢。由于作者知识水平有限，书中难免有疏漏和不妥之处，恳请广大读者批评、指正。

本书提供了案例的素材文件和效果文件，扫一扫右侧的二维码，推送到自己的邮箱后下载获取。

编　者