《新媒体技术基础》课件-模块二：新媒体图片设计技术

新媒体技术基础模块二：新媒体图片设计技术单元一：高质量的图片搜集技术高质量的图片搜集高质量的图片特征目

录020101高质量的图片特征PARTONE引导案例加多宝通过“对不起”系列图片赢得商业战场上的胜利加多宝在与王老吉打官司败诉后，在其微博上做出了一组兼具视觉力与传播力的“对不起”系列图片，这组图片选取了四个哭泣的宝宝，并配以一句话文案诉说自己的弱势，图片表面悲情，实则却如利剑一般，剑剑刺在竞争对手的痛处，给予对手致命的打击。这种自嘲的风格，在新媒体民意上占了“王老吉”上风。加多宝的悲情牌一经打出，立刻博取大量网民的同情，其官方微博上的四张图片获得了超过4万的转发量，加多宝也一举将输掉官司的负面新闻扭转为成功的公关营销事件。广药王老吉在这次事件中则像是哑巴吃黄连——有口难言，被加多宝打得一败涂地。案例分析富有创意且个性的图片，配以高质量的图片处理，在适宜的平台推广，为加多宝赢得了广大网络用户的关注。精妙的图文配合，成功帮助加多宝化劣势为优势，以新媒体图文的呈现方式赢得了市场竞争的主动。高质量的图片特征吸引视觉焦点，主题突出图片元素太多，混淆用户视线的落脚点主题突出高质量的图片特征吸引视觉焦点，主题突出一般而言，拍摄或制作主题突出的图片，往往需要注意以下问题：（1）虚化背景，把主体拍摄清晰，利用远焦和大光圈虚化背景；（2）光比，主体亮，背景暗，或相反;视主体和背景关系；（3）色调，利用两者不同的颜色，或反差大来突出主题，如大面积灰色里一点红；（4）构图，主体位置，放在黄金分割线上。高质量的图片特征图片清晰、细节清楚一般而言，1024*576p（即高于标清480p）的图片都属于高清图片，且像素越大，清晰度越高，文件大小也越大。同样是风景照，当选择模糊的图片时，花朵与拱桥是迷蒙的，那种春天里生机盎然的氛围无法被营造出来。高质量的图片特征图片以实物为首选通常，新媒体图片的选择与设计都是为了有效刺激用户感官，促使用户形成对产品或服务的直观印象，实物图片更能让用户有真实浸润感。以非洲旅游产品为例，选择狮子作为新媒体图片的主要呈现载体，卡通狮子失去了威严感，只剩下萌与可爱，无法准确表达新媒体内容所要表现的意图。为配合特定用户在特定场景中的需求，用卡通形象等替代也可尝试，比如儿童话剧产品的宣传。高质量的图片特征图片具有创意具有创意的图片往往让人印象深刻，再以文案辅助，可形成代入感，增加用户的关注度以及停留时间。同样是人物照，第一张图巧妙地借助了前置的管道，营造出一个前景框的感觉，层次感极强，第二张图则平淡无奇。高质量图片组合中的注意事项通常而言，一则新媒体图文信息通常包含两张及以上的高质量图片。在组合图片时，需要注意图片的风格统一，也即主题风格一致。比如商务类、生活类、科技类等，图片类型也应该一致，比如剪影、卡通等。这两张图都为风景图，但两者在色彩、图片主题风格方面差异较大，不应将两张图置于一个新媒体内容中，否则会让人觉得运营人员太随意、不专业。02高质量的图片搜集PARTTWO高质量的图片搜集视频设备拍摄获取通过使用高清数码相机或手机，在生活与工作场景中自行拍摄获取，这类图片保证原创，一般法律风险低，往往能体现出新媒体运营团队的专业水平。专业高清图片网站下载获取通过专业高清图片网站，包括freeimages，Pixabay，千库网、摄图网等，往往能够获得海量不同主题的高清图片。在这些图片网站中，有些图片仅限个人免费使用，一旦商用会存在版权问题，需有偿付费购买或取得作者授权才可商用。高质量的图片搜集搜索引擎搜图获取如百度索具有专门的搜图功能，可通过输入图片关键词或以图搜图的方式进行图片搜索，并在搜图设置中选择“特大尺寸”或“大尺寸”即可搜索出高质量图片。高质量的图片搜集经过PHOTOSHOP等专业软件处理获取经过PS处理后的矢量图，无论放大或缩小都不会失真，生活中一些图标、漫画性质的图片等就属于这类矢量图。高质量的图片搜集下面就以百度搜图和专业高清图片网站搜图两种方式来搜集高质量图片。百度搜索高质量图片Step1:通过登录百度图片首页，输入新媒体内容所需图片的关键词。此处以“乡村风景”为例.百度搜索高质量图片Step2:在搜索结果页面点击“全部尺寸”，选择“特大尺寸”或“大尺寸”。需特别强调的是，凡是在搜索结果页面中，缩略图右小角备注了“版权”字样的图片，不可以未经授权或付费就引用，此举涉嫌侵犯知识产权。专业高清图片网站搜集高质量图片千库网是国内提供PNG图片素材的先驱网站，提供有海量PNG免抠元素、背景素材以及模板素材的下载。Step1:通过登录千库网首页，浏览其图片分类情况专业高清图片网站搜集高质量图片Step2:以“春节”为主题，搜索能够用PHOTOSHOP进行处理的图片。在搜索栏输入关键词“春节”后，在“格式”栏选择“PSD”格式后，点击“搜索”即可。专业高清图片网站搜集高质量图片Step3:搜集和春节有关，能够体现出新春喜庆氛围的摄影图。在上部导航条中选择“摄影图”，在“颜色”中选择代表喜庆的红色，点击搜索即可。专业高清图片网站搜集高质量图片Step4:假如一家家装企业要搜集和新年有关的高清图片，可借助“分类”，快速筛选出和“室内家居”有关的图片。专业高清图片网站搜集高质量图片Step5:选择所需要的图片，根据需求确认适宜尺寸以及授权使用的场景即可。如果非千库会员，可单张购买，付费成功后点击下载即可。专业高清图片网站搜集高质量图片Step5:选择所需要的图片，根据需求确认适宜尺寸以及授权使用的场景即可。如果非千库会员，可单张购买，付费成功后点击下载即可。新媒体技术基础模块二：新媒体图片设计技术单元二：平台封面图制作技术平台封面图制作主流平台封面要求目

录020101主流平台封面要求PARTONE导入良好的第一印象来自于一张好的封面图，好的封面决定了新媒体内容的点击量。作为新媒体运营人员，找图、做图通常比写文案还耗费精力。如何快速制作高颜值的封面，对提高新媒体运营效率意义重大。主流平台的封面要求从图文类平台到视频类平台，虽然内容呈现方式不同，但在内容封面要求方面却有诸多相似之处，即：1.封面图片清晰2.图片能配合内容主题3.构图完整4.没有出现图片变形拉伸主流平台的封面要求不同新媒体平台对封面图片的尺寸要求差异较大，若不能正确处理封面图片，将降低新媒体内容从曝光量到点击量的转化率。新媒体平台尺寸要求（像素）备注微信公众号900*383公众号首图微信公众号200*200公众号小图微博980*300/小红书1242*1660/爱奇艺等横版视频平台1920*1080横版视频抖音等竖版视频平台1242*2208竖版视频H5手机海报640*1008手机海报主流新媒体平台内容封面尺寸要求02平面封面图制作PARTTWO平面封面图制作方法图片软件在线工具运用在线设计工具完成封面图制作互联网上有很多操作简便的图片在线设计工具，它们为用户提供了新媒体平台封面图模板、电商设计模板、印刷物料模板、营销海报等丰富的素材和设计模板，用户通过简单的拖曳操作就可以完成海报、名片、邀请函、封面图的设计。以“创客贴”为例，展示微信公众号封面图的制作过程。运用在线设计工具完成封面图制作Step1:电脑浏览器输入网址登录账号，进入“创客贴”设计首页运用在线设计工具完成封面图制作Step2:点击“新媒体”，进入“新媒体配图”界面，选择“公众号封面首图”。运用在线设计工具完成封面图制作Step3:点击“自定义”，进入在线编辑页面。左侧有很多可供选择的模板，选择符合主题需要的模板拖动到编辑区即可。运用在线设计工具完成封面图制作Step4:为了能快速找到新媒体内容有关模板，可在搜索栏搜索关键词，此处以线旅游推广相关内容为例。在搜索框中输入关键词“旅游”，即可得到该行业相关的封面图模板，选择合适的模板准备编辑。运用在线设计工具完成封面图制作Step5:根据内容需要，可对背景图片、主图、文字、字体、字号、样式、对齐等进行个性化修改与调整。运用在线设计工具完成封面图制作Step6:将设计好的封面图点击“下载”或“保存至微信公众号”，便可用于公众号文章封面的使用。通常通过搜图或者自己拍摄的高清图片，往往尺寸与平台要求存在较大差异，一来可以通过上述在线设计工具进行自动裁剪，二来也可以借助PHOTOSHOP以及美图秀秀等工具进行图片尺寸裁剪。运用美图秀秀工具完成封面图制作新媒体运营人员可根据主要新媒体平台在封面尺寸方面的要求在相关平台中亦可借助美图秀秀这类非专业图片优化与处理工具进行封面图制作。美图秀秀同时支持线上与离线操作，用户只需通过简单的复制、拖拽、黏贴等，就能快速完成图片的美化工作，内含多种边框、滤镜、贴纸、表情包等制图素材。运用美图秀秀工具完成封面图制作Step1:下载并打开美图秀秀软件，在首页选择加载需裁剪的图片。运用美图秀秀工具完成封面图制作Step2:点击编辑页面“裁剪”，进入裁剪页面，在红色框中根据需求进行设置。运用美图秀秀工具完成封面图制作Step3:完成相关参数设置，比如以微信公众号封面图900*383像素为例，设置后选择要截取的封面图区域，应用效果后保存。经处理后符合微信公众号首页封面图上传需求的图片，可在微信公众号封面图中直接使用。新媒体技术基础模块二：新媒体图片设计技术单元三：创意九宫图及长图制作技术创意长图拼接创意九宫图制作目

录020101创意九宫图制作PARTONE创意九宫图制作在微博以及朋友圈中，我们经常能够看到九宫格样式的图片。如果是一张张呈现会略显呆板，对于新媒体企业而言，这样的处理难免让别人对运营团队的运营能力和创意能力产生怀疑，有应付之嫌。如果能够以九宫格的形式将多张照片巧妙拼接成一幅完整的创意作品，则会形成一种新奇的创意效果。网易创意出来的九宫图，配合520活动，产生了不错的视觉抓取效果图片软件在线工具创意九宫图制作技术运用在线设计工具完成封面图制作互联网上有很多操作简便的图片在线设计工具，它们为用户提供了新媒体平台封面图模板、电商设计模板、印刷物料模板、营销海报等丰富的素材和设计模板，用户通过简单的拖曳操作就可以完成海报、名片、邀请函、封面图的设计。以“创客贴”为例，展示微信公众号封面图的制作过程。通过在线工具制作九宫图Step1:有许多在线工具支持九宫图制作，如创客贴、小程序九宫格图片制作、易企秀等。以易企秀为例，讲述制作步骤。进入易企秀主页，选择“九宫格图片”链接。Step2:在九宫图编辑页面，选择合适的模板。通过在线工具制作九宫图Step3:对九宫图细节进行编辑，包括背景、文字、图片等，依据展示效果对其颜色、大小、方向、透明度等进行设置，以达到相对较优的展现效果。通过在线工具制作九宫图Step4:保存并下载处理完成的个性九宫图。通过美图秀秀软件设计九宫图Step1:载并打开美图秀秀软件，在首页选择加载要处理的九宫格原图。Step2:操作工具菜单中的“更多”，选择“九宫切图”。通过美图秀秀软件设计九宫图Step3:根据提示，在“形状”中进行九宫图形状选择，在“特效”中选择九宫图效果直至满意。调整后，保存到本地文件夹以备用。通过美图秀秀软件设计九宫图Step4:根据需要，选择保存图片类型，可以是保存单张大图，也可以是保存9张切图。通过美图秀秀软件设计九宫图02创意长图拼接PARTTWO导入无论是微信公众号还是微博，亦或者电商平台的商品或活动详情页，我们经常能够看到这类长图。这类长图通常由多张图片组合而成，整体感强，能够较为全面地展示某一故事或活动全貌。在制作长图的过程中如果不注意细节，则可能让长图的上述优势荡然无存。该张长图割裂感强，整体感差。图片软件在线工具创意拼图制作技术运用在线工具拼接长图Step1:点击进入“易企秀”编辑页面。选择“长页”。如“MAKA”以及“易企秀”等平台，有丰富的H5场景素材与模板，提供包括H5静态图、H5动态图、H5长图、在线表单等多项工具，是新媒体内容运营人员处理图文的利器。以“易企秀”为例，说明如何制作生成一张完整的无缝长图。Step2:运用在线工具拼接长图在“长页”编辑页面，点击“插入图片”，选择需要制作长图的图片加载在编辑区。可选择模板中的图片元素进行组合Step3:按顺序加载要制作长图的素材后，点击“生成长图”即可。运用在线工具拼接长图通过美图秀秀软件制作长图在电脑端操作美图秀秀这类非专业图片处理工具，也能较快实现无缝长图的制作。Step1:打开美图秀秀工具，选择“拼图”功能中的“图片拼接”。通过美图秀秀软件制作长图Step2:在页面左侧选择添加需要制作的长图素材，，按照顺序添加。通过美图秀秀软件制作长图Step3:在软件上方功能区，选择“选择边框”，并设置边框大小为“0”。Step4:保存制作的无缝长图。新媒体技术基础模块二：新媒体图片设计技术单元四：动态图及表情包生成技术表情包生成技术动态图生成技术目

录020101动态图生成技术PARTONE动态图制作在微博以及微信公众号等新媒体平台中，我们经常能够看到后缀名为“.gif”的动态图，这类图可以将数张图片整合在一起连续播放，实现产品或服务的动态展示，对于新媒体引流能力提升有帮助。图片软件在线工具动态图制作技术利用MaTools在线制作动态图码工具提供功能强大的网站与平台维护工具，包括代码处理、站长工具、多媒体、便民工具等，其多媒体板块囊括了常用的图片处理技术，包括GIF制作、图片转化、DIY头像、二维码生成器、思维导图、网络拓扑图、图片格式转换等。以码工具MaTools在线制作工具为例，说明GIF动态图制作过程。Step1:点击进入码工具GIF制作首页。利用MaTools在线制作动态图Step2:选择加载要动态展示的图片Step3:设置播放间隔时间及播放方式等后，点击“一键生成gif动态图片”利用MaTools在线制作动态图Step4:预览GIF效果图，确认无误后下载保存。。利用MaTools在线制作动态图利用EasyGIFAnimator制作九宫格动态图Step1:下载并安装EasyGIFAnimator软件。Step2:在首页左侧，插入动态图主图和背景图。利用EasyGIFAnimator制作九宫格动态图Step3:在“动画属性”将播放设置为“1”。可预览，不循环则表示设置成功。Step4:单击“文件”--“另存”。用同样方法处理其余8张图。Step5:导出9张GIF图，发布到微博或微信朋友圈查看效果。02表情包生成技术PARTTWO表情包的概述「表情包」:是利用图片来表达感情的一种方式。在移动互联网时代，人们以时下流行的明星、语录、动漫、影视截图为素材，加上相匹配的文字，用以表达特定的情感。表情包是新媒体人的一个重要工具，能让内容更加有趣、吸引人。表情包的制作自拍表情包:用自拍表情包App如“B612咔叽”“无他相机”、